/***********************************************/
/* omw.css                                     */
/* Standard-Formatierungen für Webseiten       */
/* Oliver M. Westerhoff                        */
/***********************************************/

/***********************************************/
/* Generelle Formatierungen                    */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	}
	
img{ border-width: 0; }

#document{
	margin: auto;
	display: block;
	width:1160px;
	text-align: left;
	font-size: 100%;
}

/***********************************************/
/* Formatierungen für Links                    */
/***********************************************/ 

a{
	color: #336699;
	text-decoration: none;
}

a:hover{
	color: #003366;
	font-style: italic;
}

a.ext {
	background: url(/files/a_ext.gif) no-repeat left;
	padding-left: 17px;
}

a.up {
	background: url(/files/a_up.gif) no-repeat left;
	padding-left: 17px;
}

a.int{
	background: url(/files/a_int.gif) no-repeat left;
	padding-left: 17px;
}

a.htm {
	background: url(/files/htm.gif) no-repeat left;
	padding-left: 20px;
}
a.doc {
	background: url(/files/doc.gif) no-repeat left;
	padding-left: 20px;
}
a.xls {
	background: url(/files/xls.gif) no-repeat left;
	padding-left: 20px;
}
a.pdf {
	background: url(/files/pdf.png) no-repeat left;
	padding-left: 20px;
}
a.ppt {
	background: url(/files/ppt.gif) no-repeat left;
	padding-left: 20px;
}
a.txt {
	background: url(/files/txt.gif) no-repeat left;
	padding-left: 20px;
}
a.fol {
	background: url(/files/fol.gif) no-repeat left;
	padding-left: 20px;
}

/***********************************************/
/* Formatierungen für Überschriften            */
/***********************************************/ 

h1, h2, h3, h4, h5{
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 color: #003366;
}

h1{
 font-size: 120%;
}

h2{
 font-size: 115%;
}

h3{
 font-size: 110%;
}

h4{
 font-size: 105%;
}

h5{
 font-size: 100%;
}

/***********************************************/
/* Formatierungen für das Layout               */
/***********************************************/ 

#sitehead{
	background-color: #678BB8;
	padding: 5px 5px 5px 5px;
	font-size: 75%;
	border-top: 1px solid #616161;
	border-bottom: 1px solid #616161;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
}

#servicenavigation{
	background-color: #B5C2D2;
	padding: 5px 5px 5px 10px;
	font-size: 90%;
	text-align: right;
	border-bottom: 1px solid #616161;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
}

#pagetitle{
	padding: 5px 5px 5px 10px;
}

#pagepath{
	font-size: 80%;
	color: #336699;
	padding: 1px 2px 1px 11px;
	border-bottom: 1px solid #616161;
}

.breadcrumb{
	font-size: 80%;
	color: #336699;
	padding: 1px 2px 1px 11px;
	border-bottom: 1px solid #616161;
}

.breadcrumb ul{
	display:inline;
	margin: 0px;
	padding: 0px;
}

.breadcrumb li{
  list-style: none;
  display:inline;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}


#themenavigation{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	background-color: #E6E6E6;
	border-right: 1px solid #616161;
	border-left: 1px solid #616161;
}

#content{
	float: left;
	width: 745px;
	}

#contentgallery{
	float: left;
	width: 730px;
	}

#content_index{
	float: left;
	width: 730px;
	}

#contentmore{
	float: left;
	width: 98%;
}

#siteinfo{
	clear: both;
	border-top: 1px solid #616161;
	border-bottom: 1px solid #616161;
	font-size: 80%;
	padding: 3px 10px 5px 10px;
	background: #B7B7B7;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	}

#image{
	border: 0;	
}

#gallerie{
	width: 800px;
	font-size: 80%;
	text-align: center;
}

.quicknavigation{
	float: right;
	width: 200px;
	margin: 0px;
	padding: 5px;
	background-color: #B5C2D2;
	
	font-size: 80%;
	border-bottom: 1px solid #616161;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	}

/***********************************************/
/* Formatierungen für einzelne Komponenten     */
/***********************************************/ 

#servicenavigation a{
	color: Black;
}

#sitehead h1{
	color: Black;
	font-size: 200%;
	padding: 18px 10px 18px 10px;
}

#sitehead img{
	float: left;
	padding: 5px 10px 10px 10px;
}

.quicknavigation img{
	text-align: center;
	padding-left: 20px;
	padding-top: 0px;
	}

	
.quicknavigation a, a:hover{
	color: Black;
	font-size: 100%;
	}


/*********** Links auf Sitebereiche  ***********/

.sectionlinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #616161;
	font-size: 80%;
}

.sectionlinks ul{
	margin: 0px;
	padding: 0px;
}

.sectionlinks li{
  list-style: none;
	margin: 0px;
	padding: 0px;
}

.sectionlinks h5{
	padding: 5px 0px 2px 10px;
	background: #B7B7B7;
}

.sectionlinks a {
	display: block;
	border-top: 1px solid #616161;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}

.sectionlinks b {
	display: block;
	border-top: 1px solid #616161;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	background-color: #CCCCCC;
}

.sectionlinks a:hover{
	background-color: #CCCCCC;
	font-size: 100%;
}

.sectionlinksindex{
	display: block;
	border-top: 1px solid #616161;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #003366;
}

.sectionlinks#index{
	display: block;
	border-top: 1px solid #616161;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background-color: #CCCCCC;
	color: #003366;
}



.sectionlinksindex2{
	display: block;
	border-top: 1px solid #616161;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
}

/*********** Links auf Themenbereiche  *********/

.themelinks{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 90%;
}

.themelinks h5{
	padding: 10px 0px 2px 0px;
}

.themelinks a:link,
.themelinks a:visited {
	display: block; 
}

/***********************************************/
/* Formatierungen für Textbereiche             */
/***********************************************/ 

/************** Zusammenfassung  ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 10px 0px 5px 0px;
	text-align: left;
}

.feature p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	}

.feature img{
	float: right;
	padding: 10px 10px 10px 10px;
}

.feature a{
	font-size: 100%;
}

/************** Bildvorschau    ***************/

.featurethumbs{
	padding: 10px 10px 10px 10px;
	font-size: 80%;
	text-align: center;
	margin: 10px 10px 10px 10px;
}


.featurethumbs a, a:hover{
	color: #336699;
	text-decoration: none;
	font-size: 80%;
	font-style: normal;
}


.gallerythumbs{
	padding: 7px 7px 7px 7px;
	text-align: center;
	margin: 7px 7px 7px 7px;
}

.gallerythumbs a, a:hover{
	color: #336699;
	text-decoration: none;
	font-size: 100%;
	font-style: normal;
} 


/************** Tabellen Lokomotivdaten    ***************/

.td180, .td65, .td180t, .td65t
{
    border-left : 1px solid #678BB8;
    border-bottom : 1px solid #678BB8;
}

.td65, .td65t
{
    border-right : 1px solid #678BB8;
    width: 100px;
    text-align: right;
}

.td180, .td180t
{
    width: 240px;
    text-align: left;
}


.td180t, .td65t
{
    border-top : 1px solid #678BB8;
}


.td10, .td10t
{
    width: 10px;
    text-align: right;
}


/************** Tabellen Streckendaten    ***************/

.tds225t, .tds50t
{
	font-family: Arial, Helvetica, sans-serif;
	color: White;
}
.tds225m
/* Station */
{
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	width: 225px;
}
.tds225f
/* Gewässer */
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000099;
	color: White;
	width: 225px;
}
.tds225t
/* Überschrift */
{
	background-color: #003300;
	width: 225px;
}
.tds50t
{
	background-color: #CC0000;
	width: 50px;
	text-align: center;
}

/* Brückendetails */
.td20
{
	width: 20px;
}

/************** Hasso-Thumbs    ***************/

#hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;
	
	
}


#hassoNav {
	display: block;
	text-align:left;

}

#hassoNav ul {
	display: block;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: small ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
	background-color:silver;
}

#hassoNav #active {
	display: block;
	background-color:silver;

}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 370px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
	text-align: center;
	
}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 10px 5px;
	border:0;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
	
}

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	padding: 5px;
	width: 360px;
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
}


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 370px;
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}