body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:100%;
	position: absolute;
}

#container {
	 height: 100%;
	}
	

#container2 {
	 width: 950px; 
	 height: 100%; 
	 position: relative; 
	 margin: 0 30px 0 30px;
	}

#container3 {
	 position: absolute; 
	 height: 100%; 
	 width: 950px;
	 }

#top {
	position: absolute;
	width: 950px;
	letter-spacing: 0.03em;
	 }

#top h3 {
	font-size: 14px;
	color: #666666;
	margin: 10px 0 20px 0;
	}

#top p, #top p a:visited, #top p a:link {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	margin: 5px 0 5px 0;
	}

#top p a:active, #top p a:focus, #top p a:hover {
	color: #66819E;
	text-decoration: underline;
	} 

#go_up {
	 position: absolute; 
	 top: 22px; 
	 left: 0px;
	 }

#navigation {
	 position: absolute; 
	 top: 10px; 
	 left: 30px;
	 }

#gellert {
	 position: absolute; 
	 top: 10px; 
	 right: 15px;
	 }

#footer {
	 position: absolute;
	 
	 right: 15px; 
	 bottom: 20px;
	 letter-spacing: 0.03em;
	 background-color: #FFFFFF;
	 }

#footer p {
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	margin: 5px 0 5px 0;
	}

#footer p:hover {
	color: #000000;
	}

#footer p a:visited, #footer p a:link {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	margin: 5px 0 5px 0;
	}

#footer p a:active, #footer p a:focus, #footer p a:hover {
	color: #66819E;
	text-decoration: underline;
	} 


#content {
	 position: absolute; 
	 margin: 90px 25px 50px 160px; 
	 width: 670px; 
	 height: 80%; 
	 overflow: auto;
	 padding-right: 30px;
	 }

#content h2, #content h2 a:link, #content h2 a:visited {
	font-size: 16px;
	color: #66819E;
	text-decoration: none;
	letter-spacing: 0.02em;
	} 

#content h2 a:hover, #content h2 a:focus, #content h2 a:active {
	text-decoration: underline;
	letter-spacing: 0.03em;
	} 

#content h3, #content h3 a:link, #content h3 a:visited {
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	color: #66819E;
	text-decoration: none;
	letter-spacing: 0.02em;
	} 

#content h3 a:hover, #content h3 a:focus, #content h3 a:active {
	text-decoration: underline;
	letter-spacing: 0.03em;
	} 

#content h4 {
	font-size: 13px;
	font-weight: 700;
	color: #66819E;
	text-decoration: none;
	}

#content h4 a:link, #content h4 a:visited {
	color: #66819E;
	text-decoration: none;
	background: #F1F3F6 url(../img/Icons/Pfeil_blau_rechts_01.gif) no-repeat right center;
	padding-left: 5px;
	padding-right: 23px;
	display: block;
}

#content h4 a:hover, #content h4 a:focus, #content h4 a:active {
	text-decoration: underline;
	background: #F1F3F6 url(../img/Icons/Pfeil_blau_rechts_02.gif) no-repeat right center;
}

#content h5, #content h5 a:link, #content h5 a:visited {
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	letter-spacing: 0.02em;
	margin: 5px 0 20px 0;
	} 

#content h5 a:focus, #content h5 a:active {
	text-decoration: none;
	letter-spacing: 0.03em;
	color: #000000;
	} 

#content h5 a:hover {
	text-decoration: underline;
	letter-spacing: 0.03em;
	color: #000000;
	} 

#content h6, #content h6 a:link, #content h6 a:visited {
	font-size: 12px;
	font-weight: 700;
	color: #999999;
	text-decoration: none;
	letter-spacing: 0.01em;
	} 

#content h6 a:hover, #content h6 a:focus, #content h6 a:active {
	text-decoration: underline;
	letter-spacing: 0.02em;
	} 

#content p {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	}

#content p strong {
	font-weight: 700;
	color: #66819E;
	}

#content p a:link, #content p a:visited {
	color: #66819E;
	text-decoration: none;
	font-weight: normal;
	background: url(../img/Icons/Pfeil_blau_rechts_01.gif) no-repeat right center;
	padding-right: 15px;
}

#content p a:hover, #content p a:focus, #content p a:active {
	color: #66819E;
	text-decoration: underline;
	background: url(../img/Icons/Pfeil_blau_rechts_02.gif) no-repeat right center;
}

.info h3 {
	margin: 0px 0 30px 0;
	} 

.beispiel {
	 float: none;
	 clear: both;
	 margin: 10px 0 40px 0;
	 }

.beispiel h2 {
	display: block;
	float: none;
	width: 670px;
	}

.bsp {
	 position: relative; 
	 float: left; 
	 padding: 3px; 
	 border-color: #333333; 
	 border-style: solid; 
	 border-width: 1px; 
	 margin: 0 25px 15px 0;  
	 width: 380px;
	}

.info {
	 float: right; 
	 padding-right: 15px; 
	 width: 245px;
	 }

.info h4 {
	margin: 25px 0 40px 0;
	}

.auswahl {
	 float: none; 
	 width: 385px; 
	 text-align: right;
	 }

.BspImg {
	width: 100%;
	}

/*spezielle Regeln fuer UEBERSICHT*/
.miniatur {
	position: relative;
	width: 149px;
	height: 74px;
	margin: 0 20px 20px 0;
	background: #D1D5DE center center;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #AAAAAA;
	border-top-style: none;
	border-left-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	z-index: 1;
	}

.mini_txt {
	margin-top: 27px;
	font: bold normal 14px/20px Arial, Helvetica, sans-serif;
	color: #66819E;
	}

.mini_bsp {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	}

.mini_bsp img {
	width: 100%;
	height: auto;
	border: none;
	}
	
#content2 {
	 position: absolute; 
	 margin: 150px 25px 50px 175px; 
	 width: 690px; 
	 height: 80%; 
	 overflow: auto;
	 }