/* Triebwagenarchiv.de  */
/* - stylesheets for screen - */
/* Last modified: 2014-06-04 */
/* Copyright 2011 by Malte Werning */
/* This stylesheet is copyright protected. */

/*  KEINE VERÄNDERUNGEN OHNE RÜCKSPRACHE VORNEHMEN! */


#logo   {
        position:absolute;
        top:70px;
        left:15px;
        width:250px;
        height:83px;
        z-index:10;
        background-image: url(../imgs/logo1.png);
	background-repeat: no-repeat;
}

/* Secton 1: main body styles */


html {
	margin: 0;
	padding: 0;
	text-align: left;
	background: #ffeb98;
	/* background-image: url(../imgs/hintergrund.jpg);  */
	/* background-attachment: fixed;  */
        overflow-y: scroll;
}

body {
	width: 950px;
        margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
        line-height: 16px;
}




/* Secton 2: id styles */


#header {
	position: relative;
	width: 950px;
	height: 210px;
	margin: 0;
        background-color: #f0f0f0;
        /* background-image: url(../imgs/header.jpg); */
	background-repeat: no-repeat;
        border-top: 1px solid #990000;
        border-left: 1px solid #990000;
        border-right: 1px solid #990000;
}

#stripe {
        position: relative;
        top: 135px;
        font-family: Arial, Helvetica, Sans-Serif;
	width: 950px;
	height: 40px;
	margin: 15px 0 0 0;
        padding-top: 3px;
        border-top: 4px solid #990000;
}

#stripe a {
        margin: 0 3px 0 3px;
}

#stripe_left {
        float: left;
	width: 500px;
	margin: 0;
        padding-left: 7px;
}

#stripe_right {
	float: right;
	width: 150px;
	margin: 0;
        padding-right: 7px;
        text-align: right;
}

#container {
	position: relative;
	top: 0px;
	width: 950px;
	margin: 0;
	padding: 0;
        background-color: #f0f0f0;
        border-left: 1px solid #990000;
        border-right: 1px solid #990000;
        border-bottom: 4px solid #990000;
        min-height: 550px;
}

#content_left {
        float: left;
	width: 165px;
	margin: 0 0 10px 10px;
}

#searchbox {
        height: 20px;
        background-color: #fff;
        margin-bottom: 10px;
	border: 1px dotted #990000;
}

#breadcrump {
        height: 20px;
        background-color: #fff;
        margin-bottom: 10px;
	border: 1px solid #fff;
        font-size: 11px;
        text-indent: 5px;
}

#navi {
	padding: 5px 0 5px 5px;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;
        background-color: #dfdfdf;
        font-size: 1.0em;
        color: #363636;
}

#content_right {
	width: 755px;
        float: right;
	position: relative;
	margin: 0 10px 0 0;
	padding: 0 0px 10px 0px;
}

#shadow_top {

	width: 980px;
	height: 212px;
	margin-top: 0;
	padding-top: 10px;
	margin-left: -19px;
	padding-left: 19px;
	background-image: url(../imgs/shadow_top.png);
	background-repeat: no-repeat;
}

#shadow_main {

        top:222px;
	width: 980px;
	margin-left: -19px;
	padding-left: 19px;
	background-image: url(../imgs/shadow_left.png);
	background-repeat: repeat-y;
}

#shadow_bottom {
        top:0px;
	width: 980px;
	height: 45px;
	margin-left: -19px;
	padding-left: 19px;
	background-image: url(../imgs/shadow_bottom.png);
	background-repeat: no-repeat;
}

#title_pic img {
        float:left;
	width: 560px;
        height: 190px;
        margin: 10px 0 0 0;
}

#title_box {
        float: right;
        border: 0px;
        width: 195px;
        background-color: #FFF;
        margin: 10px 0 10px 10px;
        padding: 5px;
}

#footer {
	position: relative;
	top: 0px;
	margin: 0;
	padding: 0;
        border: 1px solid #990000;
	width: 950px;
	height: 20px;
        background-color: #000;
        padding-top: 5px;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #FFeb98;
        text-decoration: none;
        border-top: 5px solid #FFeb98;

}

#footer_left {
	width: 400px;
        margin-left: 10px;
        float: left;
}

#footer_left a {
        margin: 0 3px 0 3px;
        color: #FFeb98;
}

#footer_right {
	width: 350px;
        margin-left: 590px;
        margin-right: 10px;
        text-align: right;
}

#portrait_pic_1 {                              /* Layout für Portrait-Bilderhauptrahmen 750/500 */
	width: 754px;
	height: 560px;
        background-color: #FFFFFF;
}

#portrait_pic_1 img {                          /* Layout für Portrait-Bild  750/500 */
        width: 750px;
        height: 500px;
        margin: 0;
        border: 0;
	}

#portrait_pic_2 {                              /* Layout für Portrait-Bilderhauptrahmen 525/350 */
	width: 754px;
	height: 560px;
        background-color: #FFFFFF;
}

#portrait_pic_2 img {                          /* Layout für Portrait-Bild  525/350 */
        width: 525px;
        height: 350px;
        margin: 90px 0 0 126px;
        border: 0;
	}




/* Secton 3: main tag styles */


h1 {
	font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1.4em;
        line-height: 1.4em;
        margin: 10px 0 15px 0;
        color: #000;
        border-bottom: 1px solid #696969;
}

h2 {
	font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1.1em;
        line-height: 1.2em;
        margin-bottom: 0.8em;
        border-left: 15px solid #696969;
        padding-left: 13px;
}

h3 {
	font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1.1em;
        line-height: 1.2em;
        margin-bottom: 0.8em;
}


h4 {
	font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1.1em;
        line-height: 1.4em;
        font-weight: 200;
	border-bottom: 1px solid #990000;
}

h5 {
	font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1.1em;
        line-height: 1.4em;
        font-weight: 200;
	border-bottom: 1px solid #696969;
}

h6 {
}

p {
text-align: justify;
font-family: Helvetica, Arial, Sans-serif;
line-height: 1.4em;
font-size: 1.1em;
margin-bottom: 1.5em;
margin: 0 0 15px 0;
text-indent: 10px;
}


dfn {
        text-decoration: none;
        cursor: help;
}




/* Secton 4: class styles */

.history {                                /* Geschichtstabelle */
        width: 100%;
        border: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        line-height: 1.4em;

	/* font-size: 1.2em;
	font-family: MS Trebuchet, Arial, Helvetica, Sans-Serif;
        line-height: 1.4em; */
}

.td1    {                               /* Geschichtstabelle Spalte 1 */
	width: 100px;
        text-align: right;
        vertical-align: top;
        padding-right: 10px;
}

.builder_data     {                        /* Stammdaten Gesamttabelle */
        font-size: 12px;
	width: 754px;
        border: 1px solid #990000;
        border-collapse: separate;
        padding: 3px;
        margin: 10px 0 10px 0;
        background-color: #fff;
}

.builder_data a    {
        background:url('../imgs/lpf.gif') no-repeat left; 
        padding-left: 9px;
}

.td01   {                               /* Stammdaten Spalte 1 */
	width: 70px;
        text-align: left;
        vertical-align: top;
        padding: 0 0 0 10px;
        background-color:#dfdfdf;
}

.td02   {                               /* Stammdaten Spalte 2 */
	width: 130px;
        text-align: left;
        vertical-align: top;
        padding: 0 0 0 10px;
}

.td03   {                               /* Stammdaten Spalte 3 */
	width: 90px;
        text-align: left;
        vertical-align: top;
        padding: 0 0 0 10px;       
        background-color:#dfdfdf;
}

.td04   {                               /* Stammdaten Spalte 4 */
	width: 110px;
        text-align: left;
        vertical-align: top;
        padding: 0 0 0 10px;
}

.td05   {                               /* Stammdaten Spalte 5 */
	width: 200px;
        text-align: left;
        vertical-align: top;
        padding: 0 0 0 10px;
}

.lifeline_data  {                        /* Lebenslauf Gesamttabelle */
	width: 755px;
        font-size: 12px;
        border: 0;
        border-collapse: collapse;
        padding: 0px;
        margin: 10px 0 20px 0;
}


.lifeline_data td {
        border: 0;
}

.td11   {                               /* Lebenslauf Spalte 1 */
	width: 65px;
        text-align: right;
        vertical-align: top;
}

.td12   {                               /* Lebenslauf Spalte 2 */
	width: 15px;
        text-align: center;
        vertical-align: top;
}

.td13   {                               /* Lebenslauf Spalte 3 */
        width: 70px;
        text-align: left;
        vertical-align: top;
}

.td14   {                               /* Lebenslauf Spalte 4 */
        width: 600px;
        text-align: left;
        vertical-align: top;
}


.home_data  {                        /* Stationierungen Gesamttabelle */
	width: 780px;
        border: 0;
        border-collapse: collapse;
        padding: 0px;
        margin: 10px 0 20px 0;
}

.home_data th {
	color: #336699;
        font-weight: bold;
}

.home_data td {
	font-size: 12px;
}

.td21   {                               /* Stationierungen Spalte 1 - Datum von */
	width: 70px;
        text-align: right;
        vertical-align: top;
}

.td22   {                               /* Stationierungen Spalte 2 */
	width: 10px;
        text-align: center;
        vertical-align: top;
}

.td23   {                               /* Stationierungen Spalte 3 - Datum bis */
	width: 70px;
        text-align: left;
        vertical-align: top;
}

.td24   {                               /* Stationierungen Spalte 4 - Werk */
	width: 200px;
        text-align: left;
        vertical-align: top;
}

.td25   {                               /* Stationierungen Spalte 5 - Heimatbahnhof */
	width: 400px;
        text-align: left;
        vertical-align: top;
}

.rev_data  {                        /* Untersuchungen Gesamttabelle */
	width: 780px;
        border: 0;
        border-collapse: collapse;
        padding: 0px;
        margin: 10px 0 20px 0;
}

.rev_data th {
	color: #696969;
        font-weight: bold;
}

.rev_data td {
	font-size: 12px;
}

.td31   {                               /* Untersuchungen Spalte 1 - Datum von */
	width: 70px;
        text-align: right;
        vertical-align: top;
}

.td32   {                               /* Untersuchungen Spalte 2 */
	width: 10px;
        text-align: center;
        vertical-align: top;
}

.td33   {                               /* Untersuchungen Spalte 3 - Datum bis */
	width: 70px;
        text-align: left;
        vertical-align: top;
}

.td34   {                               /* Untersuchungen Spalte 4 - Werk */
	width: 200px;
        text-align: left;
        vertical-align: top;
}

.td35   {                               /* Untersuchungen Spalte 5 - Werkskuerzel */
        width: 80px;
        text-align: left;
        vertical-align: top;
}

.td36   {                               /* Untersuchungen Spalte 6 - Rev-Stufe */
	width: 70px;
        text-align: left;
        vertical-align: top;
}

.td37   {                               /* Untersuchungen Spalte 7 - Datum */
	width: 90px;
        text-align: left;
        vertical-align: top;
}

.td38   {                               /* Untersuchungen Spalte 8 - Farbgebung */
	width: 160px;
        text-align: left;
        vertical-align: top;
}


.rent   {                               /* Textformatierung fuer markierte Lebenslaufdatensaetze */
        color: #990000;
        font-style: italic;
}

.upload p {                               /* div-Formatierung für den Uploadbereich */
        text-indent: 0px;
}

.upload table  {                          /* table-Formatierung für den Uploadbereich */
        width: 780px;
        border: 0px;
        border-collapse: separate;
        margin-bottom: 10px;
}

.upload td  {                              /* td-Formatierung für den Uploadbereich */
        font-size: 1.1em;
        line-height: 1.4em;
        margin: 0 0 10px 0;
}

.upload2 p {                               /* div-Formatierung für den Uploadbereich */
        text-indent: 0px;
}

.upload2 td  {                              /* td-Formatierung für den Uploadbereich */
        font-size: 1.0em;
        line-height: 1.2em;
        margin: 0 0 10px 0;
}
.td41   {                                   /* Ausfüllfeld Uploadbereich Spalte 1 */
	width: 150px;
        vertical-align: center;
        text-align: right;
        padding-right: 10px;
}

.highlight {                               /* Allgemeine Klasse zur Texthervorhebung */
        /* color: #336699; */
        /* font-weight: bold; */
}

input, select, textarea {                  /* allgemein für Eingabefelder Fotoupload,  */
        border: #363636 1px solid; 
        font-family: Arial, Helvetica, Verdana, sarif-sans;
        font-size: 11px;
        background-color: #fff;
        padding-left: 2px;'>
}

.alert  {                                  /* Allgemeine Klasse zur Texthervorhebung ROT für fehlende ausgefüllte Pflichtfelder */
        color: #990000;
        font-weight: bold;
        margin-left: 10px;
}

.pic_meta_photographer
        {                                  /* Div-Box für Portrait-Pic-Fotograf */
        position: absolute;
        left: 10px;
        top: 580px;
        z-index: 1;
        width: 375px;
        text-align: left;
        font-size: 1.1em;
        line-height: 1.4em;
}

.pic_meta_date    {                                  /* Div-Box für Portrait-Pic-Datum und Ort */
         position: absolute;
         right: 10px;
         top: 580px;
         z-index: 1;
         width: 375px;
         text-align: right;
         font-size: 1.1em;
         line-height: 1.4em;
}

.pic_meta_back   {                                  /* Div-Box für den Link aus dem Portrait-Pic zurück in den Lebenslauf */
         position: absolute;
         left: 0px;
         top: 600px;
         z-index: 2;
         width: 755px;
         text-align: center;
         font-size: 1.1em;
         line-height: 1.4em;
}

.pic_meta_back a {                         /* Div-Box für den Link aus dem Portrait-Pic zurück in den Lebenslauf */
         background:url('../imgs/lpf.gif') no-repeat left;
         padding-left: 9px;
}

.padded {                                  /* Textbox für Galerieüberblick */
	margin:0;
	padding: 8px 10px;
	display: block;
}

.gallery_box  {                            /* Layoutbox für Galerieüberblick */
	width: 770px;
        height: 70px;
	padding: 5px;
        background-color: #dfdfdf;
        margin-bottom:10px;
}

.gallery_box img {                            /* Layoutbox für Galerieüberblick */
        margin-right:10px;
}




/* Secton 5: special behaviour styles */


a  {
        color: #990000;
        text-decoration: none;
        font-weight: 400;
}

a:hover  {
        text-decoration: underline;
        color: #990000;
}

a:active {
        text-decoration: underline;
        color: #990000;
}

#breadcrump a {
        font-weight: normal;
}

p a    {
        background:url('../imgs/lpf.gif') no-repeat left; 
        padding-left:  9px;
        font-weight: 400;
        text-decoration: underline;
        color:#900;
}

.table_tech a {
        background:url('../imgs/lpf.gif') no-repeat left; 
        padding-left:  7px;
        font-weight: 400;
        text-decoration:none;
        color:#900;
}

#title_box a {
        background:url('../imgs/lpf.gif') no-repeat left; 
        padding-left: 9px;
}

#navi a {
        display: block;
        text-decoration: none;
        background:url('../imgs/lnpf.gif') no-repeat left top;
	padding-left: 9px;
}

#navi a:visited {
        background:url('../imgs/lnpf.gif') no-repeat left top;
	padding-left: 9px;
}


#content_right img[src$=".jpg"] {
        border: 2px solid #fff;
}


a[href^="http"]{
	padding-left:11px;
	background:url('../imgs/lext.gif') no-repeat left center;
	}

a[href^="http://de.wikipedia"]{
	padding-left:11px;
	background:url('../imgs/wikipedia.gif') no-repeat left center;
	}

.history a {
        background:url('../imgs/lpf.gif') no-repeat left;
	padding-left:9px;
	font-weight: bold;
}

.history a[href^="http"]{
	padding-left:11px;
	background:url('../imgs/lext.gif') no-repeat left center;
}

.history a[href^="http://de.wikipedia"]{
	padding-left:11px;
	background:url('../imgs/wikipedia.gif') no-repeat left center;
}

.sourcebox {
        float: right;
        width: 240px;
        border-left: 1px #990000 solid;
        margin: 0 0 5px 10px;
        padding: 40px 0 0 10px;
        font-size: 10px;
        text-align: left;
        background:url('http://www.inselbahn.de/neuer/imgs/quelle.png') no-repeat left top
}

.thankyou {
        width: 780px;
        border-collapse: collapse;
}

.thankyou td {
        padding: 3px;
}

.source {
        width: 780px;
        border-collapse: collapse;
        margin-top: 25px;
}


.source tr {
         border-bottom: 1px solid #336699;
}

.source th {
        text-align: left;
        vertical-align: top;
        padding: 3px;
        color: #990000;
        }

.source td {
        text-align: left;
        vertical-align: top;
        padding: 3px;
}

.369 {
        color: #990000;
}

.table_tech {
width:100%;
}

.table_tech td {
align:left;
border-bottom-color:#FFF;
border-right-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#FFF;
border-style:solid;
border-width:0 2px 2px 0;
padding:2px 2px 2px 4px;
}

.td_navi {
width:116px;
border: solid 2px #eee;
background-color: #fff;
text-align: center;
vertical-align:top;
}

.loco_list   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php */
         width: 750px;
         border: 0;
         border-collapse: collapse;
}

.loco_list th {
        font-weight: 500;
}

.loco_list td {
        height: 20px;
}

.loco_list img {
	border:0;
}

.td51   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Hersteller */
	width: 110px;
        text-align: left;
        vertical-align: top;
        padding-left: 5px;
}

.td52   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Fabriknummer */
	width: 90px;
        text-align: left;
        vertical-align: top;
}

.td53   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Baujahr */
	width: 40px;
        text-align: left;
        vertical-align: top;
}

.td54  {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Typ */
	width: 80px;
        text-align: left;
        vertical-align: top;
}

.td55   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - urspruengliche Gattung */
	width: 100px;
        text-align: left;
        vertical-align: top;
}

.td56   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Bauart */
	width: 80px;
        text-align: left;
        vertical-align: top;
}

.td57   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Fahrzeugnummer */
	width: 196px;
        text-align: left;
        vertical-align: top;
}

.td58   {
	width: 18px;                     /* Loklistenformatierung fuer api.fahrzeuge.inc.php - Icons */
	text-align: left;
        vertical-align: top;
}

.nvr  {                                  /* Textformatierung fuer NVR-Nummer in Lebenslaufdatensaetzen */
        background-color: #fff;
        border: 1px solid #990000;
        padding: 1px;
        margin-left: 5px;
}

.lnr  {                                 /* Textformatierung fuer Loknummern in Lebenslaufdatensaetzen */
        border-bottom: 0px solid #990000;
        padding: 1px;
        margin-left: 5px;
        font-weight: bold;
}

span.author {
        text-transform: uppercase;
        display: block;
        text-align: right;
	font-size: .8em;
	line-height: 1.4em;
        color: #4e4e4e;
}

div.chapter_box_l    {
        float: left;
        width: 254px;
        background-image: url(/imgs/opacity3.png);
        border-bottom: 1px solid #369;
        margin: 0 10px 8px 0;
}

div.chapter_box_r    {
        float: right;
        width: 254px;
        background-image: url(/imgs/opacity3.png);
        border-bottom: 1px solid #369;
        margin: 0 0 8px 10px;
}

div.chapter_box_tx    {
      padding: 0 10px 10px 10px;
}


fieldset {
    margin: 0em;
    margin-bottom: 1em;
    padding: 0.8em;
line-height: 1.4em;
font-size: 1.1em;
    border: 0.1em solid #990000;
    text-align: justify;
}

legend {
    text-transform: uppercase;
    color: #990000;
    font-weight: bold;
}