/* CSS Document by klajo.com */

body {
	margin: 0px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #666666;
	background-image: url(../images/backgroundbody.png);
	}	

h1 {
	font-size: 1.2em;
	padding-left: 2px;
	}

div#top {
	float: left;
	width: 100%;
	background-color: #FF9900;
	color: #FFFFFF;
	padding-top: 20px;
	background-image: url(../images/background_top.png);
	background-repeat: repeat-x;
	background-position: top;
	}
	
div#toptop {
	background-image: url(../images/background_top2.png);
	background-repeat: no-repeat;
	background-position: right;
	}

span#toptitle {
	font-size: 2em;
	margin: 10px;
	}	

span#topmenu {
	margin-left: 50px;
	background-color: #FF9900;
	}	
	
span#topmenu, div#topuse, div#footer {
	font-size: 0.75em;
	}
	
span#topmenu a, a.visited {
	color: #FFFFFF;
	text-decoration: none;
	}	
	
span#topmenu a:hover, div#footer a:hover, div#navi div div a:hover, div#content div a:hover {
	color: #0000FF;
	}

div#topuse {
	background-color: #000000;
	width: 100%;
	min-height: 15px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	float: left;
	}	

/*
div#inhalt {
	width: 90%;
	margin: auto;
	}	
*/
	
/*	
div#navi {
	float: left;
	width: 20%;
	min-width: 90px;
	max-width: 200px;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 10px;
	}
	*/
	
div#navi {
	float: left;
	width: 20%;
	min-width: 90px;
	max-width: 200px;
	border-top: solid 10px black;	
	background-color: black;
	padding-right: 5px;	
	padding-bottom: 10px;
	border-bottom: 1px dotted #FFFFFF;		
	}	
	
div#navi div div h1 {
	font-size: 1em;
	background-color: #FF9900;
	border: 1px solid #FF0000;
	margin-bottom: 5px;
	margin-top: 5px;
	}	
	
div.trennen {
	}	

div#navi div div a, a.visited {
	color: #000000;
	text-decoration: none;
	}
	
div#navi h1 {
	margin: 0px;
	border-left: 1px dotted #000000;			
	border-bottom: 1px dotted #000000;	
	padding-left: 5px;	
	}
	
h1.navititle {
	background-image: url(../images/background_top.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FF9900;
}

div#content {
	float: left;
	width: 69%;
	max-width: 1000px;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;	
	background-color: #FFFFFF;
	padding: 10px;
	min-height: 1024px;
	}
	
div#content p, div#content ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.8em;
	color: #333333;
	}
	
div#content div {
	margin-right: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed silver;
	margin-bottom: 5px;
	}
	
/*div#content div h1 {
	color: #CC0000;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;	
	margin: 0px;
	}*/
	
div#content div h1 {
	color: #CC0000;
	margin: 0px;
	}	
	
div#content div a, a.visited {
	text-decoration: none;
	color: #CC0000;	
	}	
	
div#content div h1 a:hover {
	text-decoration: none;
	color: #CC0000;	
	}			
	
	
div#content div h2 {
	font-size: 0.75em;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;	
	padding-left: 15px;
	background-image: url(../images/background_content2.png);
	background-repeat: no-repeat;
	background-position: left;		
	}	
	
div.ressources {
	margin-bottom: 10px;
	background-color: silver;
	border: 1px solid black;
	padding: 10px;
	}	
	
div.ressources h1 {
	font-size: 1em;
	}	
	
div#footer {
	float: left;
	background-color: #000000;
	width: 100%;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #FFFFFF;	
	}

div#footer a, a.visited {
	color: #FFFFFF;
	text-decoration: none;
	}