/* CSS Document */
/* www.luna-multimedia.info */
/* layoutformate */

body {
	margin: 0;  /* margin:0 und padding:0 sind notwendig um die "blinde" Scrollleiste im IE zu entfernen */
	padding: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	
}

#titel-print {
	padding: 0;
	margin: 0;
	top: 50px;
	left: 40px;
	height: 30px;
	width: 600px;
	font-family: Times, "Times New Roman", serif;
	font-size: 16pt;
	line-height:20pt;
	font-weight: bold;
	color: black;
	z-index: 1;
	
}

#header {
	border: solid 4px #797A6B;
	border-width: 4px 0 0 0;
	margin:0; 
	padding:0;
	background: #999A8F;
	height: 84px;
	width: 843px;
	top: 0px;
	left: 84px;
	z-index: 4;
}

#headerinhalt {
	margin:0px; 
	padding:0px;
	height: 84px;
	background-repeat: no-repeat; 
	background-position: bottom left;
	
}

/*#menu-1 {
	border: solid 1px #000;
	border-width:  1px ;
	background: #fff;
	margin: 0;
	padding: 6px 0 0 4px;
	width: 420px;
	height: 135px;
	z-index: 2;
	left: 88px;
	top: 88px;
}


#menu-2 {
	border: 0;
	border-width: 0;
	background: #999A8F;	
	padding: 0;
	width: 415px;
	height: 25px;
	z-index: 8;
	left: 504px;
	top: 18px;
}
*/
#image {
	border: solid 1px #fff;
	border-width: 1px 0 0 1px;
	
	width: 424px;
	height: 160px;
	left: 502px;
	top: 45px;
	z-index: 99;
}


#content {
	width: 560px;
	/* padding: 0 0 0 5px; */
	padding: 0 20px 20px 109px;
	text-align: left;
	
}

#left{
	border: solid 4px #797A6B;
	border-width:  4px 0 0 4px;
	margin: 0;
	padding: 0;
	width: 84px;
	height: 100%;
	left:0;
	top: 0;
	background-color: #999A8F;
	background-repeat: no-repeat; 
	z-index: 5;
}


#right {
	border: solid 2px #D8DBC4;
	border-width: 2px;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 300px;
	left: 730px;
	top: 230px;
	/*background-color: #F6F6E3;	 */
	z-index: 2;
}

#right-home {
	border: solid 2px #D8DBC4;
	border-width: 2px;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 300px;
	left: 730px;
	top: 230px;
	background: #fff url(/bilder/kompass160_2012.jpg) no-repeat bottom left;	
	z-index: 2;
}

#right-inhalt {
	margin: 0;
	padding: 2px 10px 10px 10px;
	text-align: right;
	align: top;
}



#anker-right {
	margin: 0;
	padding: 10px 10px 10px 10px;
	text-align: right;
	align: top;
}

#border-right{
	border: 0;
	border-width:  0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	left:927px;
	top: 0;
	background-color: #797A6B;
	z-index: 99;
}

#footer {
	border: solid 4px #797A6B;
	border-width: 0 0 4px 4px;
	margin:0; 
	padding:0;
	background:#999A8F;
	height: 30px;
	width: 923px;
	z-index: 10;
	left: 0;
	bottom: 0;

}

#footer-text {	
	margin:0; 
	padding:7px 50px 5px 98px;	
	text-align: left;
	width: 350px;
	float: left;
}

#footer-link {	
	margin:0; 
	padding:7px 30px 5px 5px;	
	text-align: right;
}

#footer-topborder {
	width: 650px;
	left: 88px;
	bottom: 30px;
	position: fixed;
	background-color: #fff;
	height: 20px;
	z-index: 1;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}

body>#header {position:fixed;}  /* wird von allen browsern ausser ie unterstuetzt */
body>#header-inhalt {position:fixed;}  
body>#menu-1 {position:fixed;} 
body>#menu-2 {position:fixed;}  
body>#image {position:fixed;}  
body>#left {position:fixed;} 
body>#right {position:fixed;}  
body>#right-inhalt {position:fixed;}  
body>#border-right {position:fixed;} 
body>#footer {position:fixed;}  
body>#footer-text {position:fixed;}  
body>#footer-topborder {position:fixed;}  
body>#footer-link {position:fixed;}  
body>#titel-print{position:fixed;}  
body>#right-home {position:fixed;} 



body>#content {position:static;}  /* stellt den contentbereich wieder zurueck auf scrollbar. der rahmen wird nicht weiter definiert.  */

/* umschliesst den scrollbaren content. mit dem padding wird der abstand zum viewport = browserfenster definiert.
diese angaben sind vor dem ie versteckt */

body>#rahmen {
	/* padding: 232px 20px 20px 104px; */
	padding-top: 232px;
}