/*=====[ Seitenformatierung allgemein ]=====*/

*{
	margin:0;
	padding:0;
}


html, body {margin:0; padding:0; width:100%;}

body{
         background:#486500 url(../grafik/bg.jpg) top center  repeat-x;
	font:normal 10pt Arial, Helvetica, sans-serif;
}

/*=====[ gesamtes Browserfenster]========================*/
#mittig{
	z-index:1;
	width:100%;
         height:0;
         position:absolute;
         top:0px;left:0px;
}

#IE6_Dummy{  *=====[ erstellt den oberen Rand für IE6 in layout_ie6.css ]========================*/
	height:0px;
}

/*=====[ Ebene1 mit Seiteninhalt, Hintergrund und Hintergrundbild ]========================*/
#Inhaltsebene{
	z-index:2;
         width:990px;
	min-height:50px;
         margin:20px auto;
	background:transparent url(../grafik/fenster.gif) top center  repeat-y;
	position:relative;
         top:0px;
         left:0px;
         clear:both;
}

/*=====[ Hintergrundbild ]========================*/
#Hintergrund{
         z-index:1;
         width:990px;
	height:0px;/*=====[ da overflow nicht abgeschnitten wird, ist das Bild sichtbar ]======*/
         margin:0;
         padding:0;
         position:relative;
         top:0px;left:0px;
         float:left;
}

/*=====[ Kopfbereich mit Pictogramm, Logo und Toplinks ]=======================================*/
#Kopfbereich{
	z-index:10;
	width:990px;
	height:220px;
         margin:0;
         padding:0;
	position:relative;
         top:0px;
	left:0px;
	text-align:right;
}
/*=====[ Pictogramm oben links]==================================*/
#Pictogramm{
         width:234px;
         height:180px;
         float:left;
         margin:0 0 40px 0;
}
/*=====[ Toplinks - obere Navigationsleiste ]==================================*/
#Toplinks{
	z-index:30;
	height:40px;
	width:756px;
	line-height:20px;
	text-align:left;
	vertical-align:middle;
	position:absolute;
         top:175px;
         left:234px;
         clear:both;
}

#Toplinks a{
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#220;
	font-weight:bold;
	text-decoration:none;
	margin:10px 15px 10px 50px;
	vertical-align:middle;
         border:none;
}

#Toplinks a:hover{
	color:#888;
}

#Toplinks img{
	vertical-align:middle;
         border:none;
         margin-right:10px;
}

/*=====[ Alles unter Kopfbereich]==================================*/
#unten{
	z-index:50;
	width:990px;
         margin:0px;
         padding:0px;
	position:relative;
         top:0px;
         left:0px;
}

/*=====[ Navigationsleiste links]==================================*/
#Navilinks{
	z-index:50;
	width:234px;
	line-height:70px;
	text-align:left;
	vertical-align:middle;
	position:absolute;
         top:65px;
         left:0px;
         clear:both;
}

#Navilinks a{
	float:left;
	font:normal 20px Arial, Helvetica, sans-serif;
	color:#220;
	font-weight:bold;
	text-decoration:none;
	margin:10px 0px 10px 20px;
}

#Navilinks a:hover{
	color:#888;
}

#Navilinks img{
	vertical-align:middle;
	border:none;
         margin:0 10px 0 29px;
         float:none;
}

/*=====[ Seiteninhalt ]===================================*/
#Inhalt{
	z-index:51;
	width:656px;
         min-height:500px;
         _height:500px; /* fürIE6 */
	text-align:left;
         color:#220;
         margin:0px 50px 30px 284px;
         padding:0;
	position:relative;
         top:0px;
         left:0px;
}

#Inhalt h1{
	text-align:center;
	font-size:28px;
	margin-top:20px;
	margin-bottom:10px;
	line-height:46px;
         clear:both;
}

#Inhalt h2{
	text-align:left;
	font-size:24px;
	margin-top:60px;
	margin-bottom:30px;
	line-height:38px;
         clear:both;
}

#Inhalt h3{
	text-align:left;
	font-size:18px;
	margin:0;
	line-height:30px;
         clear:both;
}

#Inhalt p{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
}

#Inhalt ul{
	margin:0;
	padding:0;
         float:left;
	font-weight:bold;
	font-size:16px;
	line-height:28px;
         list-style-type:none;
}

.bild{
	margin:15px 0 15px 30px;
	padding:0;
         float:right;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
}

.bild img{
	z-index:51;
	border:1px solid #486500;
         margin:0px;
}

.artikellinks{
	z-index:30;
	height:60px;
	width:656px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	position:relative;
         top:0px;
         left:0px;
         clear:both;
}

.artikellinks a{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#220;
	text-decoration:none;
	margin:10px 20px 30px 0px;
	vertical-align:middle;
         border:none;
}

.artikellinks a:hover{
	color:#888;
}

.artikellinks img{
	vertical-align:middle;
	border:none;
         margin:10px 5px 10px 0px;
         float:none;
}
/*=====[ Fusszeile ]=====*/
#Fusszeile{
	z-index:3;
	margin:0px;
	height:30px;
	width:990px;
	position:relative;
         bottom:10px;
         left:0px;
	line-height:18px;
	text-align:left;
	vertical-align:middle;
         clear:both;
}

#Fusszeile a{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#220;
	font-weight:bold;
	text-decoration:none;
	margin:8px 0px 0px 11px;
         float:left;
}

#Fusszeile a:hover{
	color:#888;
}