/* ---------------------------------------------------------------------------------------
Inselbahn.de
- stylesheets for screen -
Last modified: 2010-05-18
Copyright 2009 by Malte Werning
This stylesheet is copyright protected.

KEINE VERAENDERUNGEN OHNE RUECKSPRACHE VORNEHMEN! 


-----------------------------------------------------------------------------------------
section 0: general reset
-----------------------------------------------------------------------------------------*/

* {
  	margin: 0;
  	padding: 0;
}


/* PNG FIX */
img, div { behavior: url(/css/iepngfix.htc); }


/* ---------------------------------------------------------------------------------------
section 1: main body styles
-----------------------------------------------------------------------------------------*/

html {
	text-align: left;
	background: #fff;
	/* background-image: url(/imgs/hintergrund.jpg);  */
	/* background-attachment: fixed;  */
}

body {
	width: 950px;
        margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
        font: normal 11px/1.4 Arial, Helvetica, sans-serif;
        list-style: square;
}


/* ---------------------------------------------------------------------------------------
Section 2: main tag styles
-----------------------------------------------------------------------------------------*/

a {     
        font-weight: bold;
        color: #363636;
        text-decoration: none;
}

a img { /* muss sein wg Icons in Loklisten */
        border: 0;
}

caption {
        font-weight: bold;
        color: #369;
        text-align: center;
	border-bottom: 1px solid #369;
}

h1 {    /* Generelle Seitenueberschrift */
        font: bold 20px/1em Arial, Helvetica, sans-serif;
        color: #369;
        border-left: 20px solid #c8c6c6;
        margin: 10px 0;
        padding-left: 10px;
}

h2 {    /* verwendet auf Startseite und fuer groessere Zwischenueberschriften */
        font: bold 12px/1 Arial, Helvetica, sans-serif;
        color: #fff;
        background: #369;
        margin: 10px 0;					
        padding: 3px 5px;
}

h3 {    /* verwendet bei News und Kategorieueberschriften */
        font: bold 12px/1.4 Arial, Helvetica, sans-serif;
        color: #369;
	border-bottom: 1px solid #369;
        margin: 10px 0;					
}

h4 {    color: green;
}   

h5 {    /* verwendet im Impressum fuer Credits */
        font: bold 11px/1.4 Arial, Helvetica, sans-serif;
        color: #369;
        margin-top: 10px;
}

p {
        font: normal 12px/1.4 Arial, Helvetica, sans-serif;
        text-align: justify;
        text-indent: 10px;
        margin: 0 0 10px 0;
}

p dfn {
        text-decoration: none;
        border-bottom: 1px dashed #000;
        cursor: help;
}

th, h1 dfn {
        text-decoration: none;
        font-style: normal;
        cursor: help;
}

input, select, textarea {                               /* allgemein fuer Eingabefelder Fotoupload,  */
        font: normal 1em/1.4 Arial, Helvetica, sans-serif;
        border: #363636 1px solid;
        background-color: #fff;
        padding-left: 2px;
}

td {
        vertical-align:top;
}


/* ---------------------------------------------------------------------------------------
Section 3: id styles | main layout elements
-----------------------------------------------------------------------------------------*/

#header {
	position: absolute;
	width: 950px;
	height: 100px;
        background-color: #f1f1f1;
        /* background-image: url(/imgs/header.jpg); */
	background-repeat: no-repeat;
}

#header_navi {
        width: 350px;
        display: block;
        text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
        padding: 1px 3px 1px 0;
        background-image: url(/imgs/opacity.png);
	background-repeat: no-repeat;
        background-position:30px 0;
        z-index:2;
        font-size: 11px;
        font-weight: 400;
}

#header_navi a {
        font-size: 11px;
        font-weight: 700;
        margin: 0 3px 0 3px;
}

#logo   {
        position:absolute;
        top:10px;
        left:15px;
        width:215px;
        height:49px;
        z-index:3;
        background-image: url(/imgs/emblem.png);
	background-repeat: no-repeat;
}

#stripe {
        position: absolute;
        top: 65px;
	width: 950px;
	height: 25px;
        background-image: url(/imgs/stripe3.png);
	/* background-repeat: no-repeat; */
        text-align: center;
        z-index:2;
}

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

#stripe_left {
        position: absolute;
        left: 0px;
        top: 3px;
	width: 505px;
        z-index:3;
        padding-left:10px;
        text-align: left;
}

#stripe_center {
        position: absolute;
        left: 530px;
        top: 3px;
	width: 220px;
        z-index:3;
        text-align: left;
}

#stripe_right {
        position: absolute;
        right: 0px;
        top: 3px;
	width: 175px;
        z-index:3;
        padding-right: 5px;
        text-align: right;
}

#fading_stripe {
        position: absolute;
        bottom: 0px;
	width: 950px;
	height: 14px;
        background-image: url(/imgs/fading_stripe.png);
	background-repeat: no-repeat;
        z-index:2;
}

#container {
	width: 950px;
	position: relative;
	top: 0px;
        background-color: #f1f1f1;
}

#content_left {
	width: 140px;
	position: absolute;
	left: 10px;
	margin: 0;
}

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

#navi {
	border-top: 1px solid #369;
	border-bottom: 1px solid #369;
        background-image: url(/imgs/bg_navi.png);
	background-repeat: no-repeat;
	padding: 5px 0 5px 5px;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 1em;
        font-weight: bold;
        color: #363636;
        display: block;
}

#content_right {
        min-height: 540px;
	width: 780px;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 0 0 150px;
	padding: 0 10px 10px 10px;
}

#breadcrump {
        font: normal 12px/1 Arial, Helvetica, sans-serif;
        height: 20px;
        color: #363636;
	border-bottom: 1px solid #369;
}

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

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

#shadow_bottom {
	width: 990px;
	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 {
        font: normal 11px/1em Arial, Helvetica, sans-serif;
	width: 950px;
	height: 26px;
        background-color: #f1f1f1;
        border-top: 1px solid #369;
        padding-top: 5px;
        color: #363636;
        text-decoration: none;
}

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

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

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

#portrait_pic_1 {                              /* Layout fuer Portrait-Bilderhauptrahmen 750/500 */
	width: 780px;
	height: 560px;
        background-color: #fff;
}

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

#portrait_pic_2 {                              /* Layout fuer Portrait-Bilderhauptrahmen 525/350 */
	width: 780px;
	height: 560px;
        background-color: #fff;
}

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

/* ---------------------------------------------------------------------------------------

#gal_pic {                                        /* Layout fuer Galerie-Bild  600/400 */
        width: 600px;
        height: 400px;
        position: relative;
        top: 35px;
        left: 90px;
        border: 0;
}
-----------------------------------------------------------------------------------------*/

#gal_pic {                                        /* Layout fuer Galerie-Bild  600/400 */
        width: 750px;
        height: 500px;
        border: 0;
}


#gal_pic_frame {                                     /* Layout fuer Galerie-Bilderhauptrahmen */
	width: 780px;
	height: 620px;
        background-color: #fff;
        padding-top:15px;
        vertical-align:middle;
        text-align:center;      
         /*  position: absolute;  */
}


#gal_meta_photographer
        {                                  /* Div-Box fuer Galerie-Pic-Fotograf */
        position: absolute;
        left: 25px;
        top: 585px;
        z-index: 1;
        width: 240px;
        text-align: left;
        font-size: 1.1em;
        line-height: 1.4em;
}

#gal_meta_date    {                                  /* Div-Box fuer Galerie-Pic-Datum und Ort */
         position: absolute;
         right: 25px;
         top: 585px;
         z-index: 1;
         width: 240px;
         text-align: right;
         font-size: 1.1em;
         line-height: 1.4em;
}

#gal_meta_navi
        {                                  /* Div-Box fuer Galerie-Buttons fuer die Navigation */
        position: absolute;
        left: 370px;
        top: 600px;
        text-align: center;
        z-index: 1;
        width: 60px;
}

#gal_meta_text   {                                  /* Div-Box fuer den Bildtext der Galeriebilder */
        font: italic 12px/1.4 Arial, Helvetica, sans-serif;
        position: absolute;
        left: 25px;
        top: 620px;
        z-index: 2;
        width: 750px;
        text-align: left;
}


/* ---------------------------------------------------------------------------------------
Section 4: class styles
-----------------------------------------------------------------------------------------*/

.history {                                /* Geschichtstabelle */
        font: normal 12px/1.4 Arial, Helvetica, sans-serif;
        width: 100%;
        border: 0;
}

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

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

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

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

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

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

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

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

.lifeline_data  {                        /* Lebenslauf Gesamttabelle */
	width: 780px;
        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 */
        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 */
	width: 60px;
        text-align: right;
        vertical-align: top;
}

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

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

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

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

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

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

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

.td31   {                               /* Untersuchungenn Spalte 1 */
	width: 60px;
        text-align: right;
        vertical-align: top;
}

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

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

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

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

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


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

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

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

.loco_list th {
	color: #369;
        font-weight: 700;
        padding-bottom: 7px;
        /* border-bottom: 1px solid #369; */
}

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

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

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

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

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

.td47   {                               /* Loklistenformatierung fuer api.fahrzeuge.inc.php Loknummernfeld */
	width: 200px;
        text-align: left;
        vertical-align: top;
}

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

.rent   {                               /* Textformatierung fuer markierte Lebenslaufdatensaetze */
        color: #336699;
        font-style: italic;
        margin-right: 0px;
}

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

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

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

.upload td  {                              /* td-Formatierung fuer den Uploadbereich */
        font-size: 12px;
        line-height: 1.4em;
        margin: 0 0 10px 0;
}

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

.upload2 td  {                              /* td-Formatierung fuer den Uploadbereich */
        font-size: 11px;
        line-height: 1.2em;
        margin: 0 0 10px 0;
}
.td99   {                               /* Ausfuellfeld Uploadbereich Spalte 1 */
	width: 150px;
        vertical-align: middle;
        text-align: right;
        padding-right: 10px;
}

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

.alert  {                                  /* Allgemeine Klasse zur Texthervorhebung ROT fuer fehlende ausgefuellte Pflichtfelder */
        color: #900;
        font-weight: bold;
        margin-left: 10px;
}

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

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

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

.pic_gal_meta_date    {                                  /* Div-Box fuer Portrait-Pic-Datum und Ort */
         position: absolute;
         right: 90px;
         top: 585px;
         z-index: 1;
         width: 375px;
         text-align: right;
         font-size: 1.1em;
         line-height: 1.4em;
}

.pic_gal_meta_photographer
        {                                  /* Div-Box fuer Portrait-Pic-Fotograf */
        position: absolute;
        left: 90px;
        top: 585px;
        z-index: 1;
        width: 375px;
        text-align: left;
        font-size: 1.1em;
        line-height: 1.4em;
}

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

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

.padded {                                  /* Textbox fuer Galerieueberblick */
	margin-left:10px;
	padding: 8px 10px;
	display: block;
}

.gallery_box  {                            /* Layoutbox fuer Galerieueberblick */
        display: block;
	width: 770px;
        height: 70px;
	padding: 5px;
        background-color: #dfdfdf;
        clear:both;
}

.gallery_box img {                            /* Layoutbox fuer Galerieeuberblick */
        margin-right:10px;
}

.info_box {                            /* Infokasten in den News und Update-Mitteilungen */
        width:200px; 
        float:right; 
        background:#fff; 
        border-left:solid 15px #c8c6c6; 
        border-top:solid 1px #369; 
        padding:5px; 
        margin-bottom:15px;
}


/* ---------------------------------------------------------------------------------------
section 5: special behaviour styles
-----------------------------------------------------------------------------------------*/


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

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

#breadcrump a {
        font-weight: normal;
}

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

#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 #369 solid;
        margin: 0 0 5px 10px;
        padding: 40px 0 0 10px;
        font-size: 10px;
        text-align: left;
        background:url('/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 #369;
}

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

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

span.blue  {
        color: #369;
}

span.author {
        text-transform: uppercase;
        display: block;
	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;
}