html {
	height:100%;
}

body {
	height:99%;
	font-family:Verdana;
	color:#505050;

	
/*font-size: 13px;*/
}

a {
	font-weight:bold;
	color:#0e1445;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#0e1445;
}

DIV {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}


	
/* @ Formatierung Container */
div#Container {
	position:relative;
	left:0;
	top:0;
	text-align:left;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	background:url(../img/background.png) no-repeat 0 380px;
	border:0 solid black;
}

* html #Container {
	height:100%;
}


	
/* @ Formatierung Hauptext */
div#Content {
	width:580px;
	margin-top:60px;
	padding-left:65px;
	padding-bottom:80px;
	border:0 dotted green;
	font-size:13px;
	line-height:18px;
}

#Content h1 {
	font-size:20px;
	color:#ff9d0b;
	font-weight:bold;
}

#Content h2 {
	font-size:18px;
	color:#ff9d0b;
	font-weight:bold;
}

#Content h3 {
	font-size:16px;
	color:#ff9d0b;
	font-weight:bold;
}

#Content h4 {
	font-size:14px;
	color:#ff9d0b;
	font-weight:bold;
}


	
/* @ Formatierung Logos */
div#logo_green-city {
	float:left;
	margin:0;
	padding-top:20px;
}

div#logo_energieschule {
	float:right;
}


	
/* @ Formatierung Sprechblase */
div#Sprechblase {
	position:absolute;
	top:40px;
	left:300px;
	z-index:10;
	width:325px;
	height:75px;
}


	
/* @ Formatierung Menübild */
div#bild-gross {
	clear:both;
	margin-top:120px;
	margin-left:-36px;

	
/*top:120px;
  						left: -40px;*/
	width:auto;
	border:0 dotted red;
}


	
/* @ Formatierung Navigation */
#navbar {
	position:relative;
	margin-left:30px;
	padding:0;
	height:1em;
	margin-top:-62px;
	border:0 solid red;
	z-index:100;
}

#navbar li {
	list-style:none;
	float:left;
}

#navbar li a {
	display:block;
	padding:0 0 12px 30px;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	border:0 dotted green;
}

#navbar li ul {
	display:none;
	width:14em;

	
/* Width to help Opera out */
	background:url(../img/nav_bg.png) no-repeat 15px bottom;
	padding-bottom:35px;
}

#navbar li:hover ul,#navbar li.hover ul {
	display:block;
	position:absolute;
	border:0 solid red;
	margin-top:0;
}

#navbar li:hover li,#navbar li.hover li img
#navbar li:hover li a,#navbar li.hover li a {
	text-align:left;
	color:white;
	font-size:16px;
	border:0 solid blue;
	padding:5px 0;
}

#navbar li li a:hover {
}

#navbar li li a {
	display:block;
	padding:0 0 10px;
	text-align:left;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	border:0 dotted green;
	width: 250px;
}


	
/* @ Formatierung Linkleiste */
div#banner {
	float:right;
	padding-right:13px;
}

div#Linkleiste {
	position:relative;
	margin-top:10px;
	width:300px;
	border:0 dotted black;
	z-index:50;
}

div#Linkbody {
	padding-left:30px;
	padding-top:20px;
	padding-right:50px;
	background-image:url(../img/links_body.png);
	margin-top:-60px;
	color:white;
	border:0 solid black;
	font-size:12px;
}

#Linkbody a {
	font-size:12px;
	color:white;
	text-decoration:none;
}

#Linkbody .head {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px dotted white;
}


	
/* @ Formatierung Sponsoren */
div#Sponsoren {

	
/*position:absolute;
  						top:900px;
  						left:600px;*/
	width:300px;
}

div#Sponsorenbody {
	padding-left:30px;
	padding-top:20px;
	padding-right:50px;
	background-image:url(../img/sponsoren_body.png);
	margin-top:-60px;
	color:white;
	border:0 solid black;
	font-size:12px;
}

#Sponsorenbody a {
	font-size:12px;
	color:white;
	text-decoration:none;
}


	
/* @ Formatierung Footer*/
#footer_container {
	clear:both;
	width:918px;

	
/*height:133px;*/
	margin-left:auto;
	margin-right:auto;

	
/*margin-top: 100px;*/
	position:relative;
	border:0 solid black;
}

#footer_weiss {
	width:918px;
	margin-left:5px;
	padding:0;
	height:150px;
	background:url(../img/footer_weiss.gif) top center no-repeat;
	border:0 dotted green;
	color:#9bc530;
	font-weight:bold;
}

#footer_orange {
	position:relative;
	margin-top:10px;
	left:0;
	padding:0;
	height:60px;
	background:url(../img/footer_orange.gif) bottom center no-repeat;
	border:0 dotted blue;
}

#footer_orange #text {
	position:absolute;
	left:580px;
	top:30px;
	border:0 solid blue;
	color:white;
	font-weight:bold;
	font-size:13px;
}

#footer_orange a {
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size:13px;
	padding-left:10px;
}

#footer_orange a:hover {
	text-decoration:underline;
}

#logo_weiss {
	position:absolute;
	left:50px;
	top:15px;
}

#Content li {
	padding-top:5px;
}