html, body { 
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
	font: small/1.4em Arial, Helvetica, sans-serif;
	color: #535353; 
}

html { 
	background: #e5e5e5 url(grafiken/hint_verlauf.png) repeat-x;
}

body.sub #rseite { 
	top: 340px;
}

body.sub #inhalt { 
	padding: 330px 18px 20px 18px;
}


/* ==== Aufbau ==== */

#container { 
	margin: 0 auto;
	position: relative;
	top: 25px;
	width: 900px;
	padding: 0 0 30px 0;
	background: #fff url(grafiken/headbg.jpg) repeat-x;
}

#head { 
	position: absolute;
	top: 0;
	width: 900px;
	height: 240px;
	background: url(grafiken/headecke.gif) no-repeat top right;
}

#inhalt { 
	position: relative;
	padding: 300px 18px 20px 18px;
	margin: 0 0 0 33px;
	width: 480px;
	background: url(grafiken/inhaltbg.gif) no-repeat bottom left;
}

#inhalt.ref { 
	width: 798px;
	background: url(grafiken/inhaltbg_ref.gif) no-repeat bottom left;
}

#rseite { 
	position: absolute;
	top: 310px;
	right: 32px;
	background: url(grafiken/rseitebg1.jpg) no-repeat bottom left;
	z-index: 25;
}

#rseite div { 
	background: url(grafiken/rseitebg2.gif) no-repeat bottom right;
}

#rseite div img { 
	padding: 2px 6px 2px 6px !important;
	padding: 2px 6px 6px 6px;
}

#footer {
	margin: 0 5px 5px 33px;
	width: 822px;
	border: 1px solid #e5e5e5;
	padding: 5px;
	text-align: center;
	font-size: 85%;
	position: relative;
	top: 10px;
	}

/* ==== Funktionen ==== */

#funktionen { 
	position: absolute;
	top: -23px;
	right: 79px;
	padding: 2px 0 0 0;
	font-weight: bold;
	color: #afafaf;
}

#funktionen a { 
	color: #8e0d1b;
	font-size: 0.85em;
	padding: 0 0 0 2px;
	position: relative;
	top: -1px;
}

#funktionen a:active, #funktionen a:focus , #funktionen a:hover  { 
	color: #535353;
}



/* ==== Head ==== */

#headstriche { 
	position: absolute;
	width: 900px;
	height: 240px;
	background: url(grafiken/headstriche.png) no-repeat;
}

#logo { 
	position: relative;
	top: 59px;
	background: url(grafiken/logobg.jpg) no-repeat;
	width: 319px;
	height: 182px;
}

#logo img { 
	z-index: 1;
	position: relative;
	top: 13px;
	left: 33px;
}

#head img.headbild { 
	position: absolute;
	right: 30px;
	top: 0;
}



/* ==== Navigation ==== */

#nav { 
	z-index: 26;
	position: absolute;
	top: 205px;
	left: 33px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li { 
	float: left;
}

#nav li a { 
	font-size: 0.9em;
	font-weight: bold;
	color: #535353;
	background: url(grafiken/navlibg.gif) no-repeat;
	padding: 10px 10px 7px 12px;
	display: block;
}

#nav li a:active, #nav li a:focus, #nav li a:hover { 
	color: #8e0d1b;
}

#nav li a.aktiv { 
	background: url(grafiken/navlibgaktiv.gif) no-repeat;
	padding: 10px 10px 18px 12px;
	color: #8e0d1b;
}

#nav li a.aktiv:active, #nav li a.aktiv:focus, #nav li a.aktiv:hover { 
	text-decoration: underline;
}

#nav li ul { 
	width: 870px;
	position: absolute;
	top: 43px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 40px 0 50px 30px;
	background: url(grafiken/subnavbg.gif) no-repeat 0 11px;
}

#nav li ul li { 
	background: url(grafiken/subnavlibg.gif) repeat-x;
	padding: 5px 0 20px 0;
}

#nav li ul li.ende { 
	background: url(grafiken/subliendebg.gif) no-repeat top right;
	padding: 5px 12px 20px 0;
}

#nav li ul li.ende a { 
	border: none;
}

#nav li ul li ul { 
	width: 290px;
	position: absolute;
	top: 90px;
	left: 539px;
	list-style: none;
	margin: 0;
	padding: 34px 20px 10px 20px;
	background: url(grafiken/hint_navebene3.png) no-repeat;
}

#nav ul li ul li { 
	width: 220px;
	background-image: none;
	padding: 0;
	float: left;
	margin: 0;
	line-height: 100%;
}

#nav ul li ul li a { 
	background-image: none;	
	padding: 7px 5px;
	margin: 0;
	border-right: none;
	border-bottom: 1px solid #cbcbcb !important;
	display: block;
	line-height: 100%;
	width: 241px;
}

#nav ul li ul li a:hover { 
	background-color: #ededed;
	}

#nav ul a { 
	background: none;
	color: #8e0d1b;
	padding: 0 12px 0 12px;
	border-right: 1px solid #7e7e7e;
	display: inline;
}

#nav ul a:active, #nav ul a:focus, #nav ul a:hover { 
	text-decoration: underline;
}




/* ==== Allgemeines ==== */

a img { 
	border: none;
}

a { 
	text-decoration: none;
	color: #8e0d1b;
}

a:active, a:focus, a:hover { 
	color: #535353;
	text-decoration: underline;
}

.nostyle { 
	display: none;
}

p { 
	padding: 6px 0 6px 0;
	margin: 0;
}

h2 { 
	z-index: 3;
	position: absolute;
	top: 241px;
	left: 0;
	background: url(grafiken/h2bg.jpg) no-repeat;
	width: 859px;
	height: 47px;
	margin: 0;
	padding: 15px 0 0 30px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.15em;
}

h3 { 
	margin: 0;
	padding: 14px 0 3px 0;
	font-size: 1.2em;
	color: #8e0d1b;
}

hr { 
	background: #cbcbcb; /* Mozilla */
	color: #cbcbcb; /* IE */
	border: #cbcbcb; /* Opera */
	height: 1px; 
	margin: 11px 0 4px 0 !important;
	margin: 5px 0 -2px 0;
	padding: 0;
}

.bildlinks {
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	}
	
#inhalt dl {
	float: left;
	width: 480px !important;
	width: 477px;
	margin: 7px 0;
	padding: 0;
	display: inline;
	border-top: 1px solid #cbcbcb;
	 }
	
#inhalt dt {
	margin: 0 0 0 168px;
	padding: 14px 0 3px 0;
	font-size: 1.2em;
	color: #8e0d1b;
	font-weight: bold;
	/*float: left;
	width: 132px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	letter-spacing: 1px;*/
	}	
	
#inhalt dd {
	margin: 0 0 0 168px;
	padding: 2px 0;
	font-size: 90%;
	line-height: 1.5em;
	text-align: justify;
	}
	
#inhalt dl dd.img {
	margin: 0;
	}

#inhalt dl dd.img img {
	float: left;
	margin: -21px 8px 0 0;
	padding: 3px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	}
	

#inhalt.ref table { 
	width: 100%;
	/*border: 1px solid red;*/
}

table td {
	border-bottom: 1px solid #cbcbcb;
	padding: 5px;
	vertical-align: top;
	font-size: 90%;
	}
	
table td.ueber {
	color: #8e0d1b;
	font-size: 0.9em;
	font-weight: bold;
	}
	
table tr.eins td {
	background-color: #E5E5E5;
	}
	
table tr.zwei td{
	background-color: #F7F7F7;
	}

	
/* ==== Lightbox ==== */

#lightbox {
	background: #eee;
	padding: 10px;
	border: 1px solid #e5e5e5;
}

#lightboxCaption { float: left; 	color: #8e0d1b; font-weight: bold; }
#keyboardMsg { float: right; font-size: 11px; }
#closeButton { top: 5px; right: 5px; }
#lightbox img { border: none; clear: both;} 
#overlay img { border: none; }
#overlay{ background-image: url(grafiken/overlay.png); }

.lightbox_big { 
	position: relative;
}

.lupe { 
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(grafiken/lupe.png) no-repeat !important;
	background: url(grafiken/lupe.gif) no-repeat;
}

#rseite .lupe { 
	bottom: 5px;
	right: 6px;
}

.stflash1 {
	margin-top: 240px !important;
}

.stflash2 {
	margin-top: -240px !important;
	margin-top: 0px;
}

*+html .stflash2 {
	margin-top: 0px !important;
}

.stflash3 {
	margin-top: -240px !important;
	margin-top: 0px;
}

*+html .stflash3 {
	margin-top: 0px !important;
}