body { background: url(background.gif); background-color:#949c97; font: 100%/1.6em, monospace, Open Sans, Helvetica, Arial, sans-serif; color: #ccc}

b { font-weight:bold; font-size: 12px;  color: #666; } 

a {	text-decoration: none;	}

a:link {
	color: #FFFF99;
}

a:visited {
	color: #FFFF99;
}

a:hover {
	color: #FFFFE8;	
}

a.nav  {
	color: #CC9900;
}

a.nav:link {  
	color: #CC9900; 
	font-weight: bold
}
	
a.nav:visited {  
	color: #CC9900; 
	font-weight: bold
}

a.nav:hover {  
	color: #FDBE00; 
	text-decoration: none;
	font-weight: bold
}

.topcloright { background-color: #44455; color: #ccc; padding: 2px 0px 2px 0px; border-right: medium none #990000; border-bottom: medium none #990000; border-left: border-top-style: none; border-top-width: medium; }

/*.colright {
background-color: #444455;
padding-left: 10px;
border: solid 0 ;
font-size: 12px;
padding-right: 2px;
margin: 0; 
padding-top: 10px;
color: #cccccc; }

.colleft { background-color: blue; font-size: 10px; color: #cccccc; padding: 0 0 0 10px; }*/

#header { position:absolute; left:0px; top:0px; height:86px; width:100%; } 
#header img { border: 0px; }
.headingleft { background: url(bg_header.gif); background-color: #333; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-variant: small-caps; color: #cccc99; left: 5px; clip: rect(auto auto auto auto); padding: 2px 2px 0 0; border-color: #6a0000; border-style: solid; border-width: 0 0 5px; }


.headingright {                                background-color: #333; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-variant: small-caps; color: #cc9900; left: 5px; clip:  rect(auto auto auto auto); padding: 2px 4px 0 0; border-color: yellow; border-style: solid; border-width: 0 0 5px; 
	}

/*???

.pagenavi {
	font-family: monospace, Open Sans, Helvetica, Arial, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	color: #d1d1a5;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	margin: 0px;
	border: 0px none;
	}
*/

/*Bildb Titel und Beschreibung unten */
.imagetitle {
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	padding-left: 10px;
	border: solid 0 #a8c6ce;
	font-size: 10px;
	padding-right: 2px;
	margin: 0;
	color: #ccc;
	padding-bottom: 12px;
	}

.imagetext {
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	padding-left: 10px;
	border: solid 0 #a8c6ce;
	font-size: 10px;
	padding-right: 2px;
	margin: 0;
	color: #ccc;
	padding-top: 10px;
	}

.navtable {
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	font-size: 10px;
	padding: 5px 2px 0px 0px;
	margin: 0px 0px 8px;
	border-bottom: 21px solid #999;
	vertical-align: top;
    border: 0px; 
	}


/*.line { background-image: url(line.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	}*/

.colrightindexpage {
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	padding-left: 5px;
	font-size: 10px;
	padding-right: 2px;
	margin: 0px;
	padding-top: 5px;
	color: #CCCCCC;
	padding-bottom: 5px;
	border-top: 0px solid #5E6F64;
	border-right: 0px solid #5E6F64;
	border-bottom: 1px solid #666;
	border-left: 0px solid #5E6F64;
	}

@media screen and (max-width: 600px) {
width: 100%; }