/*
Ganz helles Grün_ b3d8c1
Helles Gruen = d9ebe0
Mittleres Gruen = 80be98
Dunkler Grünton 18914e
Ganz dunkler Grueton = 007C30
*/

/* @charset "UTF-8"; => Diese Angabe im CSS stellt ein Problem in Safari (Mac und Win) dar. Dadurch wird das background-image im body-Tag nicht angezeigt. In allen anderen Browsern ist das kein Problem.*/

body {
	background-color: #007C30;
	background-image:url(../bilder/body_hg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

a:link, a:visited {
	color:#007C30;
	text-decoration: none;
	}
	
a:hover, a:active {
	color:#000;
	}

.selected {
	background-color:#00FF33;
	}


/* HEADLINES */
h1 {
	font-size:21px;
	color:#007C30;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	line-height:normal;
	}

h2 {
	font-size:14px;
	color:#000;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	}

h3 {
	font-size:18px;
	color:#fff;
	font-style:italic;
	font-weight:normal;
	padding:5px 0px 8px 10px;
	margin:0px 0px 0px 0px;
	background-color:#007C30;
	}

h4 {
	font-size:18px;
	color:#007C30;
	margin:0px 0px 10px 0px;
	font-weight:normal;
	line-height:normal;
	}


/* HEADLINES-ENDE */


p {
	font-size:12px;
	margin:0px 0px 10px 0px;
	}

hr {
    height: 0px;
    border-style: solid;
	color:#ccf2f1;
	margin:15px 0px;
	}

#div {
	background-image:url(../bilder/hg_schatten_seite.png);
	background-repeat:repeat-y;
	background-position:center;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px;
	}

#divSchattenUnten{
	background-image:url(../bilder/hg_schatten_unten.png);
	background-repeat:no-repeat;
	background-position:top;
	width: 960px;
	height:20px;
	margin: 0px auto;
	padding: 0px;
	}

#stoerer {
	position:relative;
	width:250px;
	height:290px;
	background-image:url(../bilder/ksw_faltkarte_axel.png);
	background-repeat:no-repeat;
	left: -75px;
	top: -10px;
	} 

#header {
	width: 880px;
	height:230px;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 10px #007C30;
	}
    
#containerNavi {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../bilder/hg_schatten_oben.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 10px auto 0 auto;
	width: 960px;
	height: 78px;
	color:#CCC;
	text-align:left;
	} 


#logo {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../bilder/navi/hg_navi.jpg);
	width: 160px;
	height: 70px;
	color:#b2ebe9;
	font-size:11px;
	text-align:left;
	padding: 8px 0px 0px 20px;
	} 




#mainnav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:right;
	width: 755px;
	margin: 0px;
	padding: 32px 20px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#mainnav ul li {
/*	float: right; -> Macht in Seamonkey Probleme. Stellt die Navi dann in vertikaler Form da. */
	display:inline;
	}

#mainnav ul li a {
	text-decoration: none;
	text-align:center;
	background: url(../bilder/navi/mainnav_rout.gif) no-repeat top left;
	float: right;
	color:#f1f8f8;
	padding: 12px 25px 0px 12px;
	margin: 0px 0px 0px 8px;
	height: 32px;
	width: 75px;
}

#mainnav li a:hover {
	background: url(../bilder/navi/mainnav_rover.gif) no-repeat top left;
	color:#007C30;

/*
#mainnav ul li.current a:link {
	background-color: #0e477d;
	}
*/
}


/* INHALT */
#container {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 880px;
	border:solid 10px #80be98;
	background-color:#d9ebe0;
	margin: 0px auto;
	padding:0px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	clear:both;
	line-height:18px;
	}

#indexContentLeft {
	float:left;
	min-height:250px;
	width:180px;
	padding: 15px 20px 20px 28px;
	margin-bottom: 10px;
	}

#indexContentRight {
	float:left;
	width:550px;
	padding: 42px 28px 0px 20px;
	margin-bottom: 10px;
	}

#indexContent {
	float:left;
	width:780px;
	padding: 42px 50px 0px 50px;
	margin-bottom: 10px;
	}


.imgContent {
	float:left;
	border: solid 2px #FFF;
	margin:0px 15px 15px 0px;
	}

#indexBottom {
	clear:both;
	width:880px;
	padding: 0px;
	margin:0px;
	text-align:right;
	}



/* INHALT-ENDE */


/* FOOTER */
#footer {
	clear:both; /* Cleart die float-Tags aus dem INHALT. */
	color:#d9ebe0;
	font-size:11px;
	text-align:right;
	height:21px;
	width:930px;
	margin: 0px auto;
	padding: 0px 30px 0px 0px;
	background-image:url(../bilder/navi/hg_footer.jpg);
	background-repeat:repeat-x;
	}
	
#footer p {
    	margin: 0px; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
#footer a:link, #footer a:visited {
	color:#d9ebe0;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}
/* FOOTER-ENDE */


    
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0px;
        font-size: 1px;
        line-height: 0px;
    }

/* FORMULAR-Style*/
fieldset {
	border: 1px solid #007C30;
	padding:10px;
	}

input {
	height:25px;
	border-bottom:solid 1px #00beb7;
	border-left:none;
	border-right:none;
	border-top:none;
	background-color:#f1f8f8;
	}

#mengeTueten input {
	height:25px;
	width: 50px;
	border-bottom:solid 1px #00beb7;
	border-left:none;
	border-right:none;
	border-top:none;
	background-color:#f1f8f8;
	}


textarea {
	width: 100%;
	border-bottom:solid 1px #00beb7;
	border-left:none;
	border-right:none;
	border-top:none;
	background-color:#f1f8f8;
	}

input.go {
	color:#f1f8f8;
	border:solid 1px #f1f8f8;
	background-color:#007C30;
	width: 150px;
	}

.form {
	width:100%; /* Für Felder in Formulare. Damit werden die Felder auf die ganze Breite gezogen */
	}
	
radio {
	border:none;

}
/* EasySlider 1.5 */

#slider ul, #slider li{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:880px;
	height:240px;
	overflow:hidden; 
	}

#slider img{
	border:none;
	}

	span#prevBtn{}
	span#nextBtn{}