﻿/* COLOR DEFINITIONS 

BG Rot		#B30B16 
BG Grau		#6E6E6E

BG-Blau		#005B8D (RGB 0 91 141)
BG-T?rkis	#008488
BG-Gr?n		#49972D
BG-Orange	#EF7C00
BG-Braun	#782818
BG-Violett	#661566
*/


/* HTML STANDARDS */

body {
	background: #eee;
	padding: 0;
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #444; /* #666666; */
	}
html { overflow-y:scroll }

h1 {font-size: 18px; line-height: 20px; margin: 0 0 0.7em 0; font-weight: bold;color: #005B8D;}
h2 {font-size: 13px; line-height: 15px; font-weight: bold; margin: 1.7em 0 0.7em 0; color: #444;} /* #666666; */
h3 {font-size: 13px; line-height: 15px; font-weight: bold; margin: 1.7em 0 0.7em 0; color: #005B8D;}
h4 {font-size: 12px; line-height: 14px; font-weight: bold; margin: 0 0 0.7em 0; color: #005B8D;}

tr { font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	}

a {
	color: #005B8D;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:visited { 
	color: #008488;
	text-decoration: none;
	}


form {
	margin: 0 0 5px 0;
	padding: 0; 
	}
	
input {
	font-size: 11px; 
	color: #005B8D; 
	padding: 2px;
	margin: 0;
	border: 1px solid #999999;
	}


/* PAGE LAYOUT */

#pageContainer { /* PAGE CENTERED */
	background: #FFFFFF;
	width: 974px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	}
	
#header { /* TOP SECTION OF PAGE */
	height: 60px;
	padding: 10px;
	border-bottom: 2px solid #005B8D;
	}
	
#headerFunctions {  /* TEXT LINKS IN TOP SECTION OF PAGE */
	position: relative; top:-15px;
	padding: 0;
	margin: 0 0 0 0;
	text-align: right;
	}
#headerFunctions a {
	text-decoration: none;
	color: #444; /* #666666; */
	}
#headerFunctions a:hover {
	color: #005B8D;
	text-decoration: underline;
	}
	
#contentContainer { /* CONTAINS THREE COLUMNS */
	background: #FFFFFF;
	}

#leftContainer { /* LEFT COLUMN */
	width: 160px;
	padding: 10px 0 0 0;
	margin: 0px;
	float:left;
	font-size:12px /* was 11px */
	}
	
#leftContainer h1, #rightContainer h1 {
	font-size:12px;
	line-height: 13px;
	color: #005B8D; 
	font-weight: bold; 
	padding: 0;
	margin: 0 0 5px 0;
	}	
	
#leftContainer h2, #rightContainer h2 {
	font-size:12px;
	line-height: 13px;
	color: #444; /* #666666; */ 
	font-weight: bold; 
	padding: 0;
	margin: 0 0 5px 0;
	}
	
#leftContainer p, #rightContainer p {
	margin: 0 0 5px 0;
	}

#rightContainer { /* RIGHT COLUMN */
	width: 160px;
	padding: 10px 0 0 0;
	margin: 0px;
	float:right;
	}
	
	
/* NAVIGATION */
#nav {
	width: 160px; 
	line-height: 14px; /* was 12 px */
	color: #444; /* #666666; */
	padding: 0 0 10px 0;
	margin: 0;
	background: #FFFFFF;
	border-bottom: 2px solid #005B8D;
	}
	
#nav a {
	color: #444; /* #666666; */
	display:block; 
	margin: 0 0 0 10px;
	padding: 0 0 0.2em 0;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	}

#nav a:hover {
	color: #005B8D;
	border-bottom: 1px solid #999999;
}

#nav ul {
	margin: 0; 
	padding: 0; 
}

#nav li {
	list-style: none; 
	margin-left: 0px; 
	padding: 0.3em 0px 0.3em 0px;
	display:block;

   }
   
#nav ul ul {
	margin: 0.3em 0 0 10px; 
}

div#nav strong { 
font-weight: bold;
}

/* CENTER COLUMN */
#content { 
	padding:10px;
	float:left;
	font-size: 12px;
	line-height: 18px;
	}
	
#content h1 {font-size: 18px; line-height: 20px; margin: 1.2em  0 0.7em 0; font-weight: bold;color: #005B8D;}
#content h2 {font-size: 13px; line-height: 15px; font-weight: bold; margin: 1.7em 0 0.7em 0; color: #444;} /* #666666; */
#content h3 {font-size: 13px; line-height: 15px; font-weight: bold; margin: 1.7em 0 0.7em 0; color: #005B8D;}
#content h4 {font-size: 12px; line-height: 14px; font-weight: bold; margin: 0 0 0.7em 0; color: #005B8D;}

#content p {
	margin: 0 0 5px 0;
	}

/* Peter */
	
	#content .centered {
	text-align: center;
	margin: auto;
	padding: 1em;
	}
	
	#header img { 
		border:none;
		} 
		
	.greybox {
		color: inherit;
		background-color: #eee;
		padding: 1em;
		}	 	

	.greyline {
		color: inherit;
		background-color: inherit;
		padding: 1em;
		border: 1px solid #eee;
		}	 	


	.greybox_topline {
		color: inherit;
		background-color: #eee;
		padding: 1em;
		border-top: 2px solid #005B8D;
		/* margin: 10px 0 0 0; */
		}	 	


/* neu 23.03.2008 */
.boxType1 img { 
	border:none;
	}  	
		
#content hr {
 	background-color: #005B8D; /* Mozilla 1.4 */
	color: #005B8D; /* IE 6 */
 	border: 0;
	height: 2px;
	margin: 1em 0 1em 0;
	}

/* 
#content div {
	clear: both;	
	margin: 0 0 20px 0; 	
	}
*/
	
#content table.tab {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	}

#content table.tab td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	

#content table {
	margin: 1em 0 1em 0;
	}

#content th {
	background: #999999;
	color: #FFFFFF;
	}
	
	
#content ul {
	margin: 0.5em 0 0.5em 18px;
	padding:0;
}


	
/* builds breadcrumb */

#breadcrumb {
position: relative;
width: 100%;
/*float: left;*/
color: #444; /* #666666; */
font-size: 11px;
margin: 0;
padding: 0 0 5px 0;
line-height: 13px;
border-bottom: 1px solid #999999;
}

/** html #breadcrumb {
float: none;
}*/

#breadcrumb ul {
display: block;
width: auto;
margin: 0 0 0 -40px;
}

#breadcrumb a {
color: #444; /* #666666; */

}

#breadcrumb li {
float: left;
display: block;
margin: 0 5px 0 0;
}


/* FOOTER */

#footer {
	height: 15px;
	padding: 10px;
	border-top: 2px solid #005B8D;
	clear: both;
	}
#footerFunctions {
	padding: 0;
	float: right;
	}
#footerFunctions a {
	text-decoration: none;
	color: #444; /* #666666; */
	}
#footerFunctions a:hover {
	color: #005B8D;
	text-decoration: underline;
	}
#footerFunctions {
	padding: 0;
	float: right;
	}
#footerFunctions1 a {
	text-decoration: none;
	color: #444; /* #666666; */
	}
#footerFunctions1 a:hover {
	color: #005B8D;
	text-decoration: underline;
	}
#footerFunctions1 {
	padding: 0;
	float: left;
	}

/* CLASSES */

.contentNormal { /* fuer Content mit Marginalspalte rechts */
	width: 634px;
	}
	
.contentWide { /* fuer Content ohne Marginalspalte rechts */
	width: 794px;
	}

.boxType1 {
	width: 140px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;	
	background: #F5F5F5;
	border-bottom: 2px solid #005B8D;
	}
	
.boxType2 { /* USE ON BOTTOM OF PAGE */
	width: 140px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;		
	background: #F5F5F5;
	}
	
.boxType3 {
	width: 138px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;		
	background: #D5D5D5;
	border: 1px solid #444;
	}

.boxType1 ul, .boxType2 ul, .boxType3 ul {
	/* list-style-image: url(../images/design/bullet_4x4.gif); */
	list-style-type: disc;
	color: #999999;
	margin: 0;
	}
.boxType1 li, .boxType2 li, .boxType3 li {
	margin: 0 0 0 -30px;
	}
	
* html	.boxType3 li {
	margin: 0 0 0 13px;
	}

.newsItems .imageLeft {
	border: 1px solid #999999;
	}

	
.imageLeft {
	/* border: 1px solid #999999; */
	margin: 3px 7px 5px 0;
	float: left;
	}

.imageLeft1 {
	border: 1px solid #999999;
	margin: 3px 0px 5px 0;
	float: left;
	}
	
.imageRight {
	margin: 3px 0 7px 5px;
	float: right;
	}


/* --- beginn S+E --- */

img { 
	border:none;
	}  


div.bildzentriert {		
			color: inherit;
			background-color: inherit;
			margin: 2em auto 0; /* top, right-left, bottom */
			text-align: center;
			/* width: 300px; */
			padding-left: 5px;
			padding-right: 5px;
			/* border: 1px dashed #000; */
			}							
			
			
div.bu200, div.bu250, div.bu300
				{
			color: inherit;
			background-color: #eee;
			margin: 0 auto 2em;
			text-align: center;
			padding: 5px;
			/* border: 1px solid black; */
			font-family: Arial,Helvetica,sans-serif;
			font-size: 0.8em;						
			}

div.bu200 {
			width: 200px;
			}

div.bu250 {
			width: 250px;
			}

div.bu300 {
			width: 300px;
			}

/* Images in line */

ul.imagerow2, ul.imagerow3 {
	margin: 2em 0em 3em 0em;
	padding: 0;
	list-style-type: none;
	clear: both;
	}


ul.imagerow2 li p {
	text-align: center;
	}

ul.imagerow3 li p {
	text-align: center;
	}


/* 2 fine images */
	
ul.imagerow2 li {
	float: left;
	width: 46%;
	margin: 0 1%;
	padding: 0 1%;
	}

/* 3 fine images */
	
ul.imagerow3 li {
	float: left;
	/* width: 250px; */
  width: 28%;
	margin: 0 1%;
	padding: 0 1%;
	}


	
/* breaking the flow behind ul's for images */

hr.clearing
 {
  clear: both;
  visibility: hidden;
 }

/* image next to text (column) */

.imagenexttotext {
 color: inherit;
 background-color: inherit;
 float: left;
 width: 200px;
 margin: 0; 
 padding: 0;
 }
 
.textnexttoimage {
 color: inherit;
 background-color: inherit;
 margin-left: 200px;
 padding: 0 1em 0em 1em;
 }

.centerit {
text-align: center;
}
 
/* --- ende S+E --- */

	
#navDivider { /* format f?r wichtigen nbsp zwischen nav und box */
	font-size: 1px;
	color: #FFFFFF;
	height: 10px;
	margin: 0;
	padding: 0;
	}
	
ul.pdf_bullet {
  list-style-image:url(reader.gif);
  }
  
* html ul.pdf_bullet a{
  margin: 0 0 0 10px;
  }
  

/* aus altem CSS übernommen */
/* Tabellenfarben */
td.tab_kopf { background-color:#bbbbbb; color:#ffffff }
.hellgrau { background-color:#eee; }
.linkfarbe_visited { color: #7a7af4; }

#pfadalt { display:none }
#u_alt { display:none }
#nav a.aktiv:visited, #nav a.aktiv:link {color:#005B8D;font-weight:bold }
#s { background-color:#ffff00 }

.content_l { width:312px; float:left; }
.content_r { margin-left:10px;width:312px;float:left; }