@charset "utf-8";
html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;
}

body {
	background-color: rgb(221,235,241);
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../bilder/allgemein/background-image.jpg);
	background-repeat: repeat-x;
}
a {
	color: rgb(28,76,92);
	text-decoration: none;
}

a img {
	border: 0 none;
}

a:link {
	text-decoration:none;
	}
	
a:visited {
	text-decoration:none;
}

a:focus {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color: rgb(225,0,26);
}
	
a:active {
	text-decoration:underline;
}



/*
Seiteninhalt in Browserfenster zentrieren: Dazu im body "text-align: center;" UND zusätzlich im Blockelement #container "text-align: left;". Diese Kuriosität bewirkt, dass auch im IE (und in Firefox) der Container mittig auf der Browerseite steht.
*/

#container {
	width: 955px;
	text-align: left;
	margin: 0 auto;
}


#naviTop {
	width: 739px;
	height: 75px;
	margin-left: 108px;
	margin-top: 5px;
}

#naviTable {
	width: 739px;
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	height: 75px;
}
.naviTableth {
	color: rgb(28,76,92);
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}
.naviTablethSpan {
	color: rgb(224,0,26);
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}


.naviTabletd {
	color: rgb(28,76,92);
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
}
#naviTable td span {
	color: #FFFFFF;
	background-color: rgb(224,0,26);
}





#header {
	width: 915px;
	height: 113px;
	margin-left: 20px;
	margin-top: 20px;
	background-image: url(../bilder/allgemein/header_finish_915x113_blau.jpg);
	background-position: center;
	background-repeat: no-repeat;
	
}

#naviHeader {
	width: 390px;
	position: relative;
	left: 532px;
	top: -75px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	float: left;
	text-align: right;
}
#header h1 {
	margin-left: -2500px;
}

#naviHeader ul {
	text-decoration: none;
	margin: 0;
	padding: 0;

}

#naviHeader li {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
	display: inline;
}

#naviHeader a {
	color: rgb(28,76,92);
	text-decoration: none;
}
#naviHeader a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#naviHeader a:visited {
	text-decoration: none;
}

#naviHeader a:focus {
	text-decoration: none;
}

#naviHeader a:active {
	text-decoration: none;
}

#naviHeader a:link {
	text-decoration: none;
}
#naviHeader span {
	background-color: rgb(224,0,26);
	color: #FFFFFF;
}





#subHeader {
	width: 700px;
	height: 140px;
	float: left;
	margin-left: 20px;
	margin-top: -5px;
	overflow: hidden;
}
#subHeaderTable {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 140px;
	background-color: rgb(28,76,92);
	overflow: hidden;
}
#subHeaderTableBild {
	width: 530px;
	text-align: left;
	height: 140px;
	margin: 0px;
}

#subHeaderTableText {
	color: #FFFFFF;
	text-align: left;
	width: 158px;
	font-size: 10pt;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: normal;
	padding-top: 0px;
}

#subHeaderTableText h1 {
	font-size: 13pt;
	font-weight: lighter;
	margin-top: 3px;
}
/*
#contentMainimg = Grafik positionieren: Mit "float:left;", "margin-right:10px;" und "margin-bottom:5px;"  wird erreicht, dass die Grafik links ausgerichtet wird und nachfolgender Text rechts um die Grafik fließt. Dabei wird zwischen Grafik und Text ein Abstand von 10 Pixeln gehalten (links von der Grafik wird kein Abstand erzeugt). Nach unten hin, also zum Text unterhalb wird ein Abstand von 5 Pixeln definiert.
*/





#contentRight {
	width: 195px;
	float: right;
	font-size: 10pt;
	color: #000000;
	margin-top: -5px;
	margin-right: 18px;
	overflow: hidden;
}

#contentRightTable {
	width: 191px;
	border: 2px;
	border-collapse: collapse;
	border-style: solid;
	border-color: rgb(85,157,179);
	overflow: hidden;
	background-image: url(../bilder/allgemein/notizzettel1.gif);
	background-repeat: repeat;
}
#contentRightTable th {
	background-color: rgb(85,157,179);
	color: #FFFFFF;
	padding: 5px;
	width: 181px;
	text-align: left;
}

#contentRightTable td {
	padding: 0 5px 5px 5px;
	width: 181px;
	font-family: "Courier New", Courier, monospace;
}


#contentRight h1 {
	font-size: 14pt;
}

#contentRight p {
	font-size: 9pt;
}

#contentRight a img {
	border: 0 none;

}



p.zitate:first-line {
	color: rgb(168,0,20);
	font-size: 10pt;
	font-weight: bolder;
}





#contentLeft {
	width: 170px;
	margin: 0px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	overflow: hidden;
}

.contentLeftTable {
	width: 150px;
	font-size: 10pt;
	border-collapse: collapse;
	border: 2px;
	border-style: solid;
	border-color: rgb(85,157,179);
	color: #000000;
	overflow: hidden;
	background-color: #FFF;
}
.contentLeftTableTrTh {
	background-color: rgb(85,157,179);
	color: #FFF;
	font-size: 10pt;
	padding: 5px;
	text-align: left;
	width: 150px;
}

.contentLeftTableTrTd {
	font-size: 9pt;
	padding: 0 5px 5px 5px;
	text-align: left;
	width: 150px;
	background-color: #FFF;
	background-image: url(../bilder/allgemein/notizzettel2.gif);
	background-repeat: repeat;
}
.contentLeftTableImg {
	padding-top: 8px;
	text-align: center;
}










#contentMain {
	width: 510px;
	margin: 0px 200px;
	float: none;
	top: 20px;
	color: #000000;
	position: relative;
}

#contentMain h1 {
	font-size: 18pt;
	font-weight: bold;
	margin-top: 18pt;
}
.contentMainH1 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 18pt;
}

#contentMain h2 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 18pt;
}
.contentMainH2 {
	font-size: 14pt;
	font-weight: bold;
	margin-top: 18pt;
}

#contentMain h3 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 18pt;
}
.contentMainH3 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 18pt;
}




#contentMain p {
	line-height: 125%;
	font-size: 10pt;
}

.contentMainBildunterschrift {
	font-size: 8pt;
	line-height: 100%;
}


#contentMain a img {
	border: 0 none;
}
.contentMainVorspann {
	color: #000000;
	font-weight: normal;
	line-height: 125%;
	font-size: 10pt;
	font-style: italic;
}

.contentMainImages {
	float: left;
	font-size: 10pt;
	line-height: 125%;
	margin-bottom: 5px;
	margin-right: 10px;
}
.contentMainImgCenter {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: block;
}
/*
.contentMainPschrift4 ist ein durch Angabe von visibility:hidden unsichbarer Platzhalter, damit die erste Zeile des contentmain nicht in den Header hinaufschuießt, wie z.B. bei Safari oder alren Fiorefox-Browsern
*/
.contentMainImgLeft {
	text-align: left;
	margin: 0;
	padding: 0;
	display: block;
}
.contentMainTable {
	width: 500px;
	text-align: left;
	padding: 5px;
	margin: 0;
}
.contentMainTableTrTd {
	vertical-align: top;
}






#footer {
	width: 915px;
	height: 100px;
	margin-left: 20px;
	margin-top: 20px;
	overflow: hidden;
}
#footerTable {
	width: 915px;
	border-collapse: collapse;
	height: 22px;
	background-color: rgb(134,174,186);
	font-size: 8pt;
	text-align: center;
	color: RGB(28,76,92);
}
#footerTable a img {
	border: 0 none;
}

#footer p {
	color: rgb(28,76,92);
	font-size: 8pt;
	text-align: center;
}
.footerPzeilen {
	margin-top: 9pt;
	line-height: 7pt;

}








#container .clearfloat {
	clear: both;
	font-size: 1px;
	height: 0px;
	line-height: 0px;
}

.strong {
	font-weight: bold;
}


.italic {
	font-weight: normal;
	font-style: italic;
}

.strongitalic {
	font-weight: bold;
	font-style: italic;
}



.strongBackgroundColor {
	background-color: rgb(168,0,20);
	color: #FFFFFF;
	font-weight: bolder;
}

.strongBackgroundColorBlue {
	background-color: rgb(28,76,92);
	color: #FFFFFF;
	font-weight: bolder;
}


.ungeordneteListe {
	font-size: 10pt;
	line-height: 125%;
	list-style-type: square;
}

.ungeordneteListeLineHeight {
	font-size: 10pt;
	line-height: 100%;
	list-style-type: square;
}


/*
.contentMainPschrift4 ist durch Angabe von visibility:hidden ein unsichbarer Platzhalter, damit die erste Zeile des contentmain nicht in den Header hinaufschuießt, wie z.B. bei Safari oder alren Fiorefox-Browsern
*/

.contentMainPschrift4 {
	font-size: 8pt;
	visibility: hidden;
}

.pageUpLinie {
	margin-bottom: 15px;
	margin-top: 10px;
}