/* CSS  Screen

G16 Media GmbH, Kiel, Germany
http://www.g16-interactive.net

*/



/* ----------- ALLGEMEINE DEFINITIONEN ----------- */

html,body{
	margin:0px;
	padding:0px;
	font-size: 1.0em;
	background-color: #FFFFFF;
	font-family:"Lucida Sans", "Lucida-Sans", Arial, Verdana;
	line-height:110%;
	color:#262626;
	height:100%;
	min-height:100%;

}

h1{
	font-size:1.1em;
	margin:10px 0 0 0;
	padding:0;
}


h2{
	font-size:1.1em;
	margin:0;
	padding-bottom:3px;
	padding-top:5px;
	font-weight:bold;
}

h3{
	font-size:1.2em;
	margin:0;
	padding-bottom:4px;
	padding-top:5px;
	font-weight:bold;
	color:#b5e584;
}


img {
	border:0px;
}

#text_01 {
	font-size:0.7em;

}

#bild_links {
	font-size:0.7em;
	float:left;
	width:60px;
}

#text_links {
	font-size:0.7em;
	margin-left:114px;
	width:78px;
	float:left;
}

#text_rechts {
	font-size:0.7em;
	margin-right:17px;
	width:250px;
	float:right;
}


#header {
	height:60px;
	background-image:url(../bilder/hg_header.gif);
	background-repeat:repeat-y;
}

#header img {
	float:right;
	padding:15px 30px 0 0;
}

#footer {
	background-color:#EEEEEE;
	border-top:10px solid #285165;
}

/* ----------- WRAPPER ----------- */



#wrapper{
	width:759px;
	margin: 0 auto;
	position:relative;
	border-left-color:#999999;
	border-left-style:solid;
	border-left-width:thin;
	border-right-color:#999999;
	border-right-style:solid;
	border-right-width:thin;
	background-image:url(../bilder/hg_header.gif);
	background-repeat:repeat-y;	
	height:100%;
}

html>body>#wrapper {
	min-height:100%;
	height:auto; /*  vor IE 6 verstecken  */
	}



/*-----------------  CONTENT  -------------------*/


#content{
	/* ---- beinhaltet content_text und left ------ */
	margin:0px;
	width: 759px;
}

#content_text{
	margin:0px;
	width: 530px;
	float:left;
	padding-left:20px;
	margin-top:24px;
}





/* ----------- HAUPTNAVIGATION ----------- */

#navigation {
	padding-left:40px;
	background-color:#cdff9c;
	margin:0px;
	height:20px;
}

#navigation ul {
    display: inline; /* required by IE/Mac */
	list-style: none; 
	font-size:0.7em;
	
}


#navigation ul li {
    	float:left;
 	/*  display: inline; */
	margin:0px;
	height:20px;
}



#navigation ul li a{
	padding: 3px 10px 3px 10px;
	margin:0;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#333333;
}



#navigation ul li a:hover{
   	color:#FFFFFF;
	background-color:#91c85b;
	padding: 2px 10px 4px 10px;
	margin:0;
	}


.aktiv {
	background-color:#91c85b;
	margin:0;
}

	
	
/* ----------- SEITENNAVIGATION ----------- */


#left{
	background-color:#FFFFFF; 
	width:180px;
	float:left;
	border:0px solid #000000;
	margin:0;
	padding:0;
	
	
}
	
				
#left ul {
	list-style:none;
    display: block;/* required by IE/Mac */
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
}

#left ul li {
	display: block;
	color:#616263;
}

#left ul li a{
	display:block;
	width:130px;
	font-size:0.71em;	
	text-decoration:none;
 	font-weight:bold;
	padding:4px 0px 4px 15px;
	margin:0;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#a1a1a1;
	color:#292929;
}

#left ul li a:hover{
	background-color:#cdff9c;
}

#left .sub02 {
	width:105px;
	font-weight:normal;
	padding-left:40px;

}

#left .sub02_aktiv {
	width:105px;
	font-weight:normal;
	padding-left:40px;
	color:#7db249;

}


/* ----------- KLASSEN (alphabetisch geordnet) ----------- */

.clearer {
    height: 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
	padding:0px;
	margin:0px;
}


.img_border {
	border:solid 1px #999999;
}

.left_aktiv {
	background-color:#ccff99;
}

.color_green {
	color:#94cc5d;
}

.bild_border {
border:1px solid #999999;
}