/****************************
*** Grundgeruest*************
****************************/
body      {
	font-size: 100.01%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ecf557;
	color:#333;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0.1em;
	padding-bottom:0;
	padding-left: 0.1em;
	height: 100%;		
}
/* begrenzt Site und Werbebl�cke*/
#container{ 
	text-align: left; 
	margin: 0px auto; 
	width: 980px; 
}
/*Werbung am Seitenanfang
height ver�ndern, wenn ben�tigt!
*/
#topbanner { 
	width: 99%;
	height:0px; 
	margin-left:75px; 
}
/*Werbung rechts*/
#skyscraper { 
	float:right;
	text-align: left; 
	margin-left:5px; 
	margin-top:170px;
	width: 120px; 
}
/*eigentliche Site*/
#site { 
	float:left;
	background-color:#eceff7;
	text-align: left; 
	margin: 0px; 
	width: 830px;
	border-left:#dee842 10px solid; 
	border-right:#dee842 10px solid; 
}
/*Kopf: oben ist Container f�r Bild, Titel und Topnav*/
#oben {
	background-image: url(http://www.offaehrte.de/design/logo.gif);
	background-repeat:no-repeat;
	background-position:20px 50px;
	background-color: #bee131;
	padding: 0;
	margin:0;
	width:100%;
}
/*Container in oben, umfast Erstezeile, Bild, Titel und Topnav. Definiert die H�he des Kopfes*/
#obenbg {
	height:120px;
}
/*erste Zeile f�r Keyword*/
#erstezeile h1 { 
font-size: 70%;
color: #666666;
font-weight: lighter;
line-height: 2.0em;
padding-right: 10px;
text-align:right;
margin:0px;
background-color:#FFFFFF;
}	
/*positioniert h1 und h2, margin-bottom positioniert topnav*/
#header {
	float: left;
	margin-top: 20px;
	margin-bottom:37px;
	padding:0;
	text-align:left;
}
#header h1  {
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 110px;
	}
#header h1 a {
	color:#006699;
	text-decoration:none;
	font-size: 1.1em;
	font-weight: bold;
	padding:0;
	}
#header h2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0;
	margin-left: 200px;
	padding:0;
	font-size: 1.2em;
	color:#006699;
	font-weight: bold;
}
/*Topnav*/
#topnav {
	/*die ersten drei nur, falls header auskommentiert, sonst margin:0px */
	float: right;
	margin-top:80px;
	margin-bottom:0px;
	font-size: 0.7em;
	text-align: right;
	padding:0;
}
#topnav ul { 
	margin:0; 
	list-style:none;
}
#topnav li {
	float:left;
	color: #FFF;
	margin:0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left:#666666 1px solid;
}
#topnav a  { 
	text-decoration: none; 
	color:#666666;
}
#topnav a:hover  { 
	text-decoration: underline; 
	color:#ff0000;
}
/*Navigation im oberen Seitenbereich*/
#navi
{
	clear:both;
	text-align: left;
	height:1.1em;
	width:auto;
	margin:0;
	background-color: #1B8ABB;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;	
}
#navi ul  { 
	margin:0;
	padding:0;
}	
#navi li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}
#navi a  { 
	border-right:1px solid white;
	padding-left:5px;
	padding-right:10px;
	color: white;
	font-size: 1.1em; 
	font-variant: small-caps;
	text-decoration: none ;
}
#navi a:hover  { 
	text-decoration: underline;
}
/*linker Teil der Seite bestehend aus Linsnav und Mitte*/
#links { 
	float: left;  
	height:auto;
	width:680px;
}
/*Mittelteil f�r Breadcrump und Content*/
#mitte  {
	font-size: 0.75em;
	width: 520px;
	min-height:500px;
	height:100%;
	float:right;
	margin:0px;
}
/*Inhalt der Seite*/
#content  {
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top:5px;
	text-align: left;
	margin:0px;
	background-color:#FFFFFF;
	min-height:800px;
}
/*Breadcrump-Navigation*/
#breadcrump {
	font-size: 0.9em;
	color:#5a5a5a;
	margin:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#breadcrump a  { 
	text-decoration: none; 
	color:#5a5a5a;
}
#breadcrump a:hover  { 
	text-decoration: underline; 
	color:#e23319;
}
/*Navigation links*/
#linksnav   { 
	text-align: left; 
	float: left;  
	width: 130px; 
	height:100%;
	padding:0px;
	margin-top:20px;
	background-color:#FFFFFF;
}
/*rechter Teil der Seite*/
#rechts    { 
	text-align: left; 
	float: right;  
	width: 130px; 
	padding-right: 10px;
	padding-top:15px;	
}
/*Zusammenfassung am Seitenende f�r Keywords*/
#abstract    {
	clear: both;
	font-size: 0.7em;
	text-align: center;
	margin:0;
	padding: 5px;
	color:#5a5a5a;
}
#abstract  a  {
	color:#5a5a5a;
	text-decoration:none
}

/***********************************
****Formatierungen f�r Navigation***
**** links und rechts***************
************************************/		
	#linksnav ul  { list-style-type: none; margin:0; padding:0; color:#666666;	}
	
	/*Aufz�hlung Kategorien*/
	#linksnav ul li { background: transparent url(images/bg_sidebar-ul.png) no-repeat left top; padding: 5px 0 0 5px; margin-top:0px; margin-bottom:4px;}	
	#linksnav ul li a { color: #f55802; font-size:90%; font-weight:bold; text-decoration:none;}
	#linksnav ul li a:hover { color: #f55802; font-size:90%; font-weight:bold; text-decoration:underline;}
	#linksnav ul li ul li { background: transparent url(none) no-repeat; padding: 1px 0; margin-bottom:0;text-decoration:none	}
	#linksnav ul li ul li a { color: #999; font-size:70%; font-weight:normal;text-decoration:none}
	#linksnav ul li ul li a:hover { color: #999; font-size:70%; font-weight:normal;text-decoration:underline}
	
	/*Tagcloud etc.*/
	#linksnav ul h3 {padding: 0px; margin-top:20px; margin-left:5px; margin-bottom:4px; color: #f55802; font-size:90%; font-weight:bold;}
	#linksnav p {padding: 0px; margin-left:5px; margin-top:1px; font-size:70%;}
	#linksnav p a {color: #999;text-decoration:none}
	#linksnav p a:hover {color: #999;text-decoration:underline}
	
	/*Suchformular*/
	#searchform {margin-top:20px; margin-left:5px;}
	#searchform input#s {background: #eceff7; border: 1px solid #999; width:100px; height:15px; margin-bottom:3px;}
	#searchform input#s:focus {background: #fff; border: 1px dotted #000;}
	input#searchsubmit {font-size:11px;font-weight:bold; padding:1px; background-color:#a1b7d6; border:#999 1px solid; color:#FFFFFF;height:20px;}
	input:hover#searchsubmit{background-color:#fff; border:#999 1px solid; color:#a1b7d6; }

	#rechts h2 {padding: 5px; margin-top:20px; margin-bottom:0px; margin-left:5px; color: #f55802; font-size:90%; font-weight:bold; background:url(images/bg_sidebar-ul.png) no-repeat left top;}
	
	.textwidget {padding: 5px; margin-left:5px; margin-top:0px; background-color:#FFFFFF}
	.textwidget ul {margin:0px; padding:0px; font-size:70%;} 
	.textwidget ul li {margin-left:13px; padding:0px; list-style:circle; list-style-position:outside;}
	.textwidget a {color: #FF6600;text-decoration:none}
	.textwidget a:hover {color: #FF6600;text-decoration:underline}

/****************************
*** Layout f�r Inhalt********
*********************+*******/
/*�berschrift Archive*/
#content h3 {
	font-size: 2.0em;
	font-weight:bold;
	color:#CCC;
	margin:0px;
	margin-left:-10px; 
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:#CCC 1px dotted;
}
/*Artikel�berschrift*/
#content h2  {
	margin:0px;
	padding-top:15px;
	padding-bottom:0px;
	font-size: 1.5em;
	font-weight:bold;
	color:#f55802;
}
#content h2 a {
	color:#f55802;
}
#content p {
	margin:0px;
	padding-top:5px;
	padding-bottom:0px;
}

#content a {
	color:#FF6600;
	text-decoration:none;
}
#content a:hover {
	color:#FF6600;
	text-decoration:underline;
}
#content img {margin:5px; border:0px;}
.alignright {float:right}
#content p.navigate{
	margin-top:20px;
	padding-bottom: 5px;
}
#content p.navigate a{
	color:#a1b7d6; padding:2px 5px; margin:0;
}
#content p.navigate a:hover{
color:#fff; background:#a1b7d6; text-decoration:none;}