/* layout screen **************************************************************** */

BODY {
	background-color: #036;
}
/*äußerer container begin*/
#widthSite {
	/*border: 1px solid red;*/
	background: url(../bilder/bgBody.gif) top center repeat-y;
	border-left: 1px solid #7F99B2;/*8CB0D4*/
	border-right: 1px solid #7F99B2;
	min-height: 100%;
	margin: 0px auto;
	padding: 0 0 1em 0;
	width: 900px;
}
* HTML #widthSite {
	height: 100%;
}
#minwidthSite {
	/*border: 1px solid blue;*/
	width: 100%;
}
#containerSite {
	/*border: 1px solid green;*/
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
/*äußerer container end*/

/*innere container spalte01 begin*/
#containerSpalte01 {
	/*border: 1px solid red;*/
	margin: 0; 
	padding: 0; 
	width: 100%;
}
#containerZeile01 {
	/*border: 1px solid orange;*/
}
#containerZeile02 {
	/*border: 1px solid red;*/
	padding: 10px 0 0 0; 
}
#containerZeile02Links {
	/*border: 1px solid darkred;*/
	float: left;
	width: 79%;
}
#containerZeile02Rechts {
	/*border: 1px solid green;*/
	float: right;
	width: 20%;
}
/*innere container spalte01 end*/

#logoKopf {
	/*border: 1px solid red;*/
	background-color: #fff;
	float: left;
	height: 20px;
	overflow: hidden;
	width: 200px;
}
#imageKopf {
	background: url(../bilder/imageKopf.jpg) top left no-repeat;
	background-color: #787878;
	color: inherit;
	height: 98px;
	margin: 0;
}
#imageKopf A {
	/*border: 1px solid red;
	background: none;
	color: none;*/
	margin: 0;
	padding: 0;
}
#druckLogo {
	display: none;
}
/* navigation Schriftgrad begin */
#navigationSchriftgrad {
	/*border: 1px solid red;*/
	float: right;
	height: 1.5em;
	margin: .4em 0 0 0; 
	padding: 0 .2em 0 0; 
}
/* navigation Schriftgrad end */
/* navigation Service begin */
#navigationService {
	/*border: 1px solid orange;*/
	/*float: right;*/
	font-size: .72em;
	height: 1.5em;
	margin: 0; 
	/*width: auto;*/
}
#navigationService UL {
	/*border: 1px solid red;*/
	float: right;
	list-style-type: none;
	margin: .4em 0 0 0; 
	padding: 0 .2em 0 0; 
	/*width: auto;*/
}
#navigationService UL LI {
	float: left;
	margin: 0 0 0 1.5em; 
}
#navigationService UL LI A {
	background-color: inherit;
	color: #333;
	float: left;
	text-decoration: none;
}
#navigationService UL LI.aktiv A, #navigationService UL LI A:hover, #navigationService UL LI A:focus, #navigationService UL LI A:active {
	background-color: inherit;
	color: #004F8D;
	text-decoration: none;
}
/* navigation Service end */

/* navigationTop begin ************************************************************************ */
#navigationTop {
	/*border: 1px solid red;*/
	font-size: .85em;
	/*height: 68px;*/
	margin: 0; 
}
/* div zum einsteuern der hintergrundfarben begin */
#navigationTop #navTopOben {
	/*background: url(../bilder/bgNavigationTopOben.gif) bottom left repeat-x;*/
	background-image: url(../bilder/bgNavigationTopOben.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #004F8D;
	border-top: 1px solid #8CB0D4;
	height: 1.8em;
}
#navigationTop #navTopZwischen {
	background-color: #F58233;
	height: 6px;
	line-height: 0;
	font-size: 0.1em;
}
#navigationTop #navTopUnten {
	background: url(../bilder/bgNavigationTopUnten.gif) top left repeat-x;
	background-color: #748AAF;
	border-bottom: 1px solid #036;
	height: 1.8em;
}
#navigationTop #navTopStreifen {
	background: url(../bilder/bgNavigationTopStreifen.gif) top left repeat-x;
	height: 12px; 
}
/* div zum einsteuern der hintergrundfarben end */
/* erste ebene */
#navigationTop UL#navTopEbene0 {
	/*border: 1px solid pink;*/
	border-left: 1px solid #8CB0D4;
	font-weight: normal;
	height: 100%;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 30px; 
	padding: 0; 
}
#navigationTop UL#navTopEbene0 LI {
	background-color: #004F8D;
	border-right: 1px solid #8CB0D4;
	color: #fff;
	float: left;
	height: 100%;
	margin: 0; 
	padding: 0; 
	text-align: center;
}
/*#navigationTop UL#navTopEbene0 LI.erster {
	border-left: 1px solid #8CB0D4;
}*/
#navigationTop UL#navTopEbene0 LI A, 
#navigationTop UL#navTopEbene0 LI SPAN.navigationspunkt {
	background-color: inherit;
	border-bottom: 1px solid #8CB0D4;
	color: #fff;
	display: block;
	float: left; /* muss für IE */
	line-height: 1.5em;
	padding: .1em 2em .1em 2em;
	text-decoration: none; 
}
* HTML #navigationTop UL#navTopEbene0 LI A, 
* HTML #navigationTop UL#navTopEbene0 LI SPAN {
	height: 1.6em;
}
#navigationTop UL#navTopEbene0 LI.aktiv A, 
#navigationTop UL#navTopEbene0 LI.aktiv SPAN.navigationspunkt, 
#navigationTop UL#navTopEbene0 LI A:hover, 
#navigationTop UL#navTopEbene0 LI A:focus, 
#navigationTop UL#navTopEbene0 LI A:active {
	background-color: #F58233;
	border-bottom: 1px solid #F58233;
	color: #036;
	text-decoration: none;
}
/* zweite ebene ************************************************************************ */
#navigationTop UL#navTopEbene1 {
	/*border-bottom: 1px solid #036;*/
	border-left: 1px solid #036;
	font-weight: normal;
	height: 100%;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 0 30px; 
	padding: 0; 
}
#navigationTop UL#navTopEbene1 LI {
	background-color: #748AAF;
	border-right: 1px solid #036;
	color: #fff;
	float: left;
	height: 100%;
	margin: 0; 
	padding: 0; 
	text-align: center;
}
#navigationTop UL#navTopEbene1 LI A, 
#navigationTop UL#navTopEbene1 LI SPAN.navigationspunkt {
	background-color: inherit;
	border-top: 1px solid #036;
	color: #fff;
	display: block;
	float: left; /* muss für IE */
	line-height: 1.6em;
	padding: .1em 2em .1em 2em;
	text-decoration: none; 
}
* HTML #navigationTop UL#navTopEbene1 LI A, 
* HTML #navigationTop UL#navTopEbene1 LI SPAN.navigationspunkt {
	height: 1.6em;
}
#navigationTop UL#navTopEbene1 LI.aktiv A, 
#navigationTop UL#navTopEbene1 LI.aktiv SPAN.navigationspunkt, 
#navigationTop UL#navTopEbene1 LI A:hover, 
#navigationTop UL#navTopEbene1 LI A:focus, 
#navigationTop UL#navTopEbene1 LI A:active {
	background-color: #F58233;
	border-top: 1px solid #F58233;
	color: #036;
	text-decoration: none;
}
/* navigationTop end */


/* navigationInContent begin */
#navigationInContent {
	margin: 0;
	padding: 0;
}
#navigationInContent UL LI {
	padding: 0 0 .4em 0;
}
/*#navigationInContent UL LI:hover {
	color: #009cdd;
}*/
#navigationInContent UL LI A {
	text-decoration: none;
}
#navigationInContent UL LI A:hover, #navigationInContent UL LI A:focus, #navigationInContent UL LI A:active {
	text-decoration: underline;
}
/* navigationInContent end */

/* navigationRechts begin */
.navigationRechts {
	/*border: 1px solid red;*/
	float: right;
	padding: 0 10px 0 0;
}
/* navigationRechts end */

/* navigation Unten begin */
#navigationUnten {
	/*border: 1px solid red;*/
	margin: 1em 0 1em 0;
	text-align: center;
}
#navigationUnten UL LI {
	display: inline;
	margin: 0 .1em 0 .1em;
}
#navigationUnten UL LI A {
	background-color: inherit;
	color: #333;
	font-size: .85em;
	text-decoration: underline;
}
#navigationUnten UL LI A:hover, #navigationUnten UL LI A:focus, #navigationUnten UL LI A:active {
	background-color: inherit;
	color: #004F8D;
}
/* navigation Unten end */

#content {
	/*border: 1px solid orange;*/
	font-size: .85em;
	margin: 0;
	padding: 0 0 0 40px;
}
/* besonderer content-Teil oben - enthält breadcrumb und bereichsbild end */

.bereichsbildQuer {
}
.bereichsbildHochkant {
	margin: 0 0 3px 0;
}
/* legende im extranet */
.legende {
	/*border: 1px solid orange;*/
	background-color: inherit;
	color: #555;
	float: left;
	font-size: 0.85em;
	margin: 0 0 1em 0;
	padding: .1em;
	/*width: 700px;*/
	/*width: 100%;*/
}
.legende .titel {
	/*border: 1px solid red;*/
	float: left;
	padding: 0 1em .2em 0;
	/*width: 8.5em;*/
}
.legende .eintrag {
	/*border: 1px solid red;*/
	float: left;
	padding: 0 1em 0 0;
	/*width: 8.5em;*/
}
.legende .eintrag DIV, .legende TD {
	float: left;
	padding: 0;
}
.legende .eintrag DIV IMG, .legende TD IMG {
	margin: 0 .2em 0 0;
}
.legende .eintrag DIV.text {
	padding: 2px 0 0 0;
	font-weight: normal;
}
.legende TD.text {
	padding: 2px 1em 0 0;
	font-weight: normal;
}
