/* Styleangaben zu den unterschiedlichen Sprachen, befinden sich am Ende dieser CSS-Datei */

body {
  background-color: 		#F9D86F;
  font: 					0.8em Arial, Verdana, sans-serif;
  color: 					#3C4F55;
	vertical-align: middle;
  background-image: 	url(../img/verlauf.jpg);
  background-position:top left;
  background-repeat: 	repeat-x;
  margin-bottom: 	40px;
}

img {
  border: 				0;
}

h1{
	font-size: 1.2em;
	color: #D84014;
	padding: 0;
	margin: 0;
}

h2{
	color: #39912B;
	font-size: 1em;
	font-weight: bold;
}

p{
	padding: 0;
	margin: 5px 0 10px 0;
}

legend{
  padding:5px;
  font-weight:bold;
  color:  #39912B;
}


/* INDEX */


#container_index {
  position: 				absolute;
  width: 							777px;
  height:							736px;
	left:								50%;
/*	margin: 						-130px 0 0px -394px;*/
	margin: 						20px 0 0 -394px;
	background-image: 	url(../img/hg_motiv_index.jpg);
  background-repeat: 	no-repeat;
  overflow: auto;


}

#servicenav_index {
  position: 	relative;
  z-index: 		10;
  width:			250px;
	top: 				0px;
	right:			0px;
	float: 			right;
	color:			#fff;
}


#nav_index1{
  position: 		absolute;
	top: 					250px;
	left:					2.7em;
	text-align: center;
	white-space: nowrap;
}

#nav_index2{
  position: 		absolute;
	top: 					544px;
	left:					2.4em;
	white-space: nowrap;
}

#content_index{
	margin: 295px 0 0 60px;
	line-height: 1.5em;

}

#sprechblase{
	position: relative;
	top: 			76px;
	left: 		180px;
	width:		200px;
	color: 		#EB9117;
	font-weight: bold;

}

#sprechblase a{
       color: 		#EB9117;
       text-decoration: underline;
       font-weight: bold;

}

#positioner{
	position: absolute; bottom: 0px; left:0; width:100%; margin-bottom:-1px; height:15px; background-color: #368B2E;
}

.spalte {
  padding-right:20px;
  text-align:center;
  float:left;
  font-size:11px;
  line-height:14px;
  }
.spalte img{
  padding-bottom:5px;
}
.cont_links{
  width:180px;
  float:left
}
.cont_rechts{
  width:240px;
  padding-left:180px
}
*html .cont_rechts{
  width:240px;
  padding-left:0px
}


/* Nav-Divs */

#nav1{position: absolute;}
#nav2{position: absolute; left: 130px; top: 1px;}
#nav3{position: absolute; left: 235px; top: 2px;}
#nav4{position: absolute; left: 293px; width: 150px; top: 3px;}
#nav5{position: absolute; left: 440px; top: 3px;}
#nav6{position: absolute; left: 155px;width: 150px;}
#nav7{position: absolute; left: 400px;}
#nav8{position: absolute; left: 425px;}

/* UNTERSEITEN */

#container {
  position: 		absolute;
  height: 			250px;
  width: 				777px;
/*  top: 					30%;*/
  left:         50%;
/*	margin: 			-140px 0 0px -394px;*/
margin: 						20px 0 0px -394px;
	background-color: #619533;
  background-image: 	url(../img/hg_content.jpg);
  background-position:top center;
  background-repeat: 	no-repeat;
  z-index: 123;

}

#servicenav {
  position: 	relative;
  z-index: 		10;
  width:			25em;
	top: 				105px;
	right:			10px;
	float: 			right;
  background: #559245;
  border: 1px solid #000000;
}


#breadcrumbs{
	margin-top: 0px;
	font-size:	0.9em;
}



#content{
	margin: 130px 0 0 0;
	background-color: #368B2E;
	background-image: 	url(../img/hg_content_unten.jpg);
	/*background-image: 	url(../img/hg_nav_content.gif);*/
 	 background-position:top left;
  	background-repeat: 	no-repeat;
	position: absolute;
  	z-index:14;
	padding-bottom: 20px;

}

*html #content{
	/*background-image: 	url(../img/hg_content_unten_ie.jpg);*/
}

#marginal {
	float: left;
	width: 			165px;
	height: 700px;
	vertical-align: top;
}

#marginal img{
 margin-top: 22px;
}

#navi{
	position: absolute;
 	margin: 		0 10px 40px 165px;
	width: 			130px;
	background: #FDE1C6;
    float: 			left;
    z-index: 120;
}


#text{
	position: relative;
    float: 			left;
	width: 			437px;
	height:			100%;
	background: #fff;
	padding:    10px;
	font-size: 	0.9em;
	line-height:	1.7em;
 	margin: 		-700px 0 40px 310px;
 	z-index: 10;
}



* html #navi{
	position: absolute;
 	margin: 		0 10px 40px 0px;
}


*html #text{
  float: 			right;
	width: 			440px;
  right:			10px;
 	margin: 		0 0 40px 0;
}


.info{
	color: 			#D84014;
	text-align: center;
	margin-top: 25px;
	font-weight:bold;
}

.error{

	color: 			#A11136;
	margin-top: 25px;
}

#keyvis_nav{
	position: absolute;
	z-index: -1;
	width: 130px;
	bottom: 14px;
	left:165px;
	height: 600px;
	background: #FDE1C6;
	overflow: hidden;
	background-image:	url(../img/keyvis_nav.jpg);
  	background-repeat:no-repeat;
  	background-position:bottom;

}

*html #keyvis_nav{
	position: absolute;
	margin-bottom: 5px;
}

#text_unten{
	position: absolute;
	z-index: -1;
	height: 600px;
	bottom: 14px;
	left:310px;
	width: 457px;
	background: #FFFFFF;
	overflow: hidden;

}

*html #text_unten{
   left:307px;
   width: 460px;
}

#ecardtext{
  background-color:#d7def0;
  padding:10px;
  margin-top:10px;
}

.feld_frage{
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	background-color: #FEF4E7;
	padding: 5px;
}

.feld_frage1{
	padding: 5px;
}

#verlaenger{
	height: 150px;
}
#verlaenger250{
	height: 250px;
}

#verlaenger400{
	height: 400px;
}

#verlaenger600{
	height: 600px;
}

.blau_bg{
  background-color:#d7def0;
  padding:2px 5px;
}

/* Admin-Bereich */

#hdln_admin{
	font-size:   1.2em;
	font-weight: bold;
	color: 			 #fff;
}

.content_admin{
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	background-color: #FEF4E7;
	padding: 5px;
	font-size: 1em;
}

/* Navigation */

.ebene1 {
	z-index:2;
	margin: 0px;
	color : #ffffff;

}

.ebene1 ul {
margin: 0; padding: 0; width:130px; list-style-type: none;

}

.ebene1 li {
margin:0; padding:0; color: #fff; background: #3E5A99;
}

.trennstrich{
  border-bottom:1px solid #CCCCCC;
  line-height:1px;
}
.abst_links{
  padding-left:20px
}

li.suche {
	padding:8px 5px 8px 7px;
	background: #FDE1C6;
}

input.such {
	 background-image: url(../img/lupe.gif);;
     background-repeat: no-repeat;
     background-color: #FDE1C6;
	 background-position: center;
	 border: none;
	 width: 28px;
	 height: 30px;
}

/* Navigation aktiv */
#activ a, #activ a:visited {
	color:#fff; text-decoration:none; display:block; padding:8px 5px 8px 10px;
	width:115px; font-weight: bold; background: #D84014; border-bottom: 1px solid #D84014;}

/* Navigation inaktiv */
.nav a, .nav a:link, .nav a:visited, .nav a:active, .nav a:focus {
	color:#D84014; text-decoration:none; display:block; padding:8px 5px 8px 10px;
	width:115px; font-weight: bold; background: #FDE1C6; border-bottom: 1px solid #FFFFFF;}

.nav a:hover {color:#fff; text-decoration:none; font-weight: bold; background: #D84014; border-bottom: 1px solid #FFFFFF;}

/* Sub-Navigation inaktiv */
.subnav a, .subnav a:link, .subnav a:visited, .subnav a:active, .subnav a:focus {font-size:0.9em; font-weight:bold; color:#fff; text-decoration:none; display:block; padding:8px 5px 8px 10px;
background: #F7AB73; width:115px;border-bottom: 1px solid #F7AB73;
}
.subnav a:hover {font-size:0.9em; font-weight:bold; background: #FDE1C6; color:#D84014; text-decoration:underline;border-bottom: 1px solid #EE8B8E;}

#subactiv a, #subactiv a:visited {font-size:0.9em; font-weight:bold; color:#fff; text-decoration:underline; display:block; padding:8px 5px 8px 10px;
background: #F7AB73; width:115px;border-bottom: 1px solid #F7AB73;}

/* Subsub-Navigation inaktiv */
.subsubnav a, .subsubnav a:link, .subsubnav a:visited, .subsubnav a:active, .subsubnav a:focus {font-size:0.9em; font-weight:bold; color:#fff; text-decoration:none; display:block; padding:5px 5px 8px 20px;
background: #90A2C7; width:105px;
}
.subsubnav a:hover {font-size:0.9em; font-weight:bold; background: #F8DADA; color:#BE2329; text-decoration:underline;}

#subsubactiv a, #subsubactiv a:visited {font-size:0.9em; font-weight:bold; color:#fff; text-decoration:underline; display:block; padding:5px 5px 8px 20px;
background: #90A2C7; width:105px;}


/* Link styles */

a.servicenav:link {color: #FFFFFF; text-decoration: none; font-size: 0.85em; font-weight: bold; padding-left: 15px}
a.servicenav:visited {color: #FFFFFF; text-decoration: none; font-size: 0.85em; font-weight: bold; padding-left: 15px}
a.servicenav:active {color: #FFFFFF; text-decoration: none; font-size: 0.85em; font-weight: bold; padding-left: 15px}
a.servicenav:focus {color: #FFFFFF; text-decoration: none; font-size: 0.85em; font-weight: bold; padding-left: 15px}
a.servicenav:hover {color: #FFFFFF; text-decoration: none; font-size: 0.85em; font-weight: bold; padding-left: 15px}

a.servicenav_index:link {color: #ffffff; text-decoration: none; font-size: 0.80em; font-weight: normal;}
a.servicenav_index:visited {color: #ffffff; text-decoration: none; font-size: 0.80em; font-weight: normal;}
a.servicenav_index:active {color: #ffffff; text-decoration: none; font-size: 0.80em; font-weight: normal;}
a.servicenav_index:focus {color: #ffffff; text-decoration: none; font-size: 0.80em; font-weight: normal;}
a.servicenav_index:hover {color: #ffffff; text-decoration: none; font-size: 0.80em; font-weight: normal;}



a.nav_index1:link {color: #fff; text-decoration: none; font-size: 1em; font-weight: bold;}
a.nav_index1:visited {color: #fff; text-decoration: none; font-size: 1em; font-weight: bold;}
a.nav_index1:active {color: #fff; text-decoration: none; font-size: 1em; font-weight: bold;}
a.nav_index1:focus {color: #fff; text-decoration: none; font-size: 1em; font-weight: bold;}
a.nav_index1:hover {color: #fff; text-decoration: none; font-size: 1em; font-weight: bold;}


a:link {color: #438308; text-decoration: underline; font-weight: normal;}
a:visited {color: #438308; text-decoration: underline; font-weight: normal;}
a:active {color: #438308; text-decoration: underline; font-weight: normal;}
a:focus {color: #438308; text-decoration: none; font-weight: normal;}
a:hover {color: #438308; text-decoration: underline; font-weight: normal;}


a.breadcrumbs:link {color: #D84014; text-decoration: none; font-weight: normal;}
a.breadcrumbs:visited {color: #D84014; text-decoration: none; font-weight: normal;}
a.breadcrumbs:active {color: #D84014; text-decoration: none; font-weight: normal;}
a.breadcrumbs:focus {color: #D84014; text-decoration: none; font-weight: normal;}
a.breadcrumbs:hover {color: #D84014; text-decoration: underline; font-weight: normal;}

a.klimaspiel:link{color:#3C4F55; text-decoration:none}
a.klimaspiel:visited{color:#3C4F55; text-decoration:none}
a.klimaspiel:active{color:#3C4F55; text-decoration:none}
a.klimaspiel:focus {color:#3C4F55; text-decoration:none}
a.klimaspiel:hover{color:#3C4F55; text-decoration:none}