/* ############### COMMON ############### */

* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.clear:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 

.clear {
	display:inline-block;
} 

.clear {
	display:block;
}

/* ############### BODY ############### */

body {
	background-image: url(../images/body-background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #aecfe4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ############### WRAPPER ############### */

div.Wrapper {
	width: 914px;
	margin: 0 auto;
}

/* ############### HEADER ############### */

div.Header {
	height: 103px;
}

div.Logo {
	position: absolute;
	margin: 30px 0 0 41px;
}

div.Women {
	position: absolute;
	width: 330px;
	height: 202px;
	background-image: url(../images/frau.png);
	background-repeat: no-repeat;
	margin: 18px 0 0 584px;
}

div.HeaderLinks {
	font-size: 10px;
	font-weight: bold;
	color: #aaadaf;
	position: absolute;
	margin: 84px 0 0 640px;
}

div.HeaderLinks a {
	font-size: 10px;
	font-weight: bold;
	color: #aaadaf;
	text-decoration: none;
}

div.HeaderLinks a:hover {
	text-decoration: underline;
}

/* ############### CONTENT ############### */

div.ContentWrapper {
	background-image: url(../images/content-middle.gif);
	background-repeat: repeat-y;
}

div.Content {
	background-image: url(../images/content-top.png);
	background-repeat: no-repeat;
	background-position: top;
}

div.ContentBottom {
	height: 5px;
	background-image: url(../images/content-bottom.png);
	background-repeat: no-repeat;
}

*html div.ContentBottom {
	height: 5px;
	background-image: url(../images/content-bottom.png);
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
}

div.Headline h1 {
	font-size: 26px;
	font-weight: bold;
	color: #264d69;
	display: block;
	padding: 10px 0 0 29px;
}

div.Headline p {
	font-size: 12px;
	color: #264d69;
	padding: 8px 0 11px 29px;
}

div.ContentFill {
	padding: 0 12px 0 12px;
}

div.CompareStrom {
	width: 440px;
	height: 324px;
	background-image: url(../images/strombox.png);
	background-repeat: no-repeat;
	float: left;
}

div.CompareStrom h2 {
	font-size: 24px;
	display: block;
	color: #ffffff;
}

div.CompareStrom p {
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #ffffff;
}

div.CompareStrom .Title {
	display: block;
	position: absolute;
	margin: 10px 0 0 59px;
}

.CompareTable {
	margin: 90px 0 0 19px;
}

div.CompareGas {
	width: 440px;
	height: 324px;
	background-image: url(../images/gasbox.png);
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0 10px;
}

div.CompareGas h2 {
	font-size: 24px;
	display: block;
	color: #ffffff;
}

div.CompareGas p {
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #ffffff;
}

div.CompareGas .Title {
	display: block;
	position: absolute;
	margin: 10px 0 0 83px;
}

table.CompareTable b {
	font-size: 11px;
	font-weight: bold;
	color: #264d69;
	display: block;
	margin: 0 0 3px 0;
}

table.CompareTable strong {
	font-size: 10px;
	font-weight: bold;
	color: #264d69;
	margin: 0 0 0 4px;
}

table.CompareTable .Field {
	border: 0px;
	background-image: url(../images/input-background.gif);
	background-repeat: no-repeat;
	padding: 4px 0 4px 4px;
	font-size: 11px;
	float: left;
}

.Button {
	width: 148px;
	height: 29px;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
	margin: 8px 0 0 0;
}

table.CompareTable select {
	width: 145px;
	font-size: 11px;
	float: left;
}

table.CompareTable .img {
	margin: 0 0 0 8px;
}

div.ExampleTitle {
	position: absolute;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	margin: 25px 0 0 27px;
}

div.StromExampleOne {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 105px 0 0 25px;
	text-align: center;
}

*html div.StromExampleOne {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 98px 0 0 25px;
	text-align: center;
}

div.StromExampleTwo {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 105px 0 0 173px;
	position: absolute;
	text-align: center;
}

*html div.StromExampleTwo {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 98px 0 0 173px;
	position: absolute;
	text-align: center;
}

div.StromExampleFour {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 105px 0 0 316px;
	text-align: center;
}

*html div.StromExampleFour {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 98px 0 0 316px;
	text-align: center;
}

div.GasExampleOne {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 105px 0 0 20px;
	text-align: center;
}

*html div.GasExampleOne {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 98px 0 0 20px;
	text-align: center;
}

div.GasExampleTwo {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 105px 0 0 161px;
	position: absolute;
	text-align: center;
}

*html div.GasExampleTwo {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 98px 0 0 161px;
	position: absolute;
	text-align: center;
}

div.GasExampleFour {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 105px 0 0 312px;
	text-align: center;
}

*html div.GasExampleFour {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	position: absolute;
	margin: 98px 0 0 312px;
	text-align: center;
}

div.Stromanbieter {
	height: 65px;
	background-image: url(../images/stromanbieter.png);
	background-repeat: no-repeat;
	margin: 12px 0 0 0;
}

div.ContentText {
	background-image: url(../images/familie.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

div.ContentText h3 {
	font-size: 12px;
	color: #264d69;
	font-weight: bold;
	display: block;
	margin: 21px 0 0 11px;
}

div.ContentText p {
	font-size: 10px;
	color: #5d5e5f;
	margin: 12px 0 0 11px;
	line-height: 16px;
}

div.ContentTextWhite {
	/*background-image: url(../images/familie.gif);
	background-repeat: no-repeat;
	background-position: top right;*/
}

div.ContentTextWhite h3 {
	font-size: 12px;
	color: #264d69;
	font-weight: bold;
	display: block;
	margin: 21px 0 0 11px;
}

div.ContentTextWhite p {
	font-size: 10px;
	color: #5d5e5f;
	margin: 12px 0 0 11px;
	line-height: 16px;
}

ul.list {
	margin: 0 0 0 35px;
	padding: 0 0 0 0;
	list-style-type: square;
	font-size: 10px;
	font-weight: bold;
	color: #5d5e5f;
	line-height: 18px;
}

/* ############### NAVIGATION ############### */

div.Navigation {
	height: 29px;
	background-image: url(../images/navigation-background.png);
	background-repeat: no-repeat;
	margin: 15px 0 0 0;
	font-size: 10px;
	color: #264d69;
	font-weight: bold;
	text-align: center;
	padding: 14px 0 0 0;
}

div.Navigation a {
	font-size: 10px;
	color: #264d69;
	font-weight: bold;
	text-decoration: none;
}

div.Navigation a:hover {
	text-decoration: underline;
}

/* ############### FOOTER ############### */

div.Footer {
	text-align: center;
	font-size: 10px;
	color: #264d69;
	padding: 15px 0 15px 0;
}

#verst{ 
	position:absolute; 
	width:700px; 
	top:-1500px; 
	left:-850px; 
	z-index:1;  
}

div.Footer a {
 color:#264D69;
 font-size:10px;
 text-decoration: none;
}
 
div.Footer a:hover {
 text-decoration: underline;
}

div.Lexikon a {
 color:#5D5E5F;
 font-size:14px;
 line-height:16px;
 text-decoration: underline;
 margin:0 0 0 13px;
}

div.Lexikon {
color:#5D5E5F;
font-size:14px;
line-height:16px;
}

div.ContentText a {
	font-size: 10px;
	color: #5d5e5f;
	line-height: 16px;
	text-decoration: none;
}

div.Stadt {
	float: left;
	margin: 10px 0 0 35px;
	font-size: 10px;
	color: #5d5e5f;
	line-height: 16px;
	text-decoration: none;
}