/* GENERELLES */
body {
	padding: 0;
	margin: 0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	background: #1e1e1e url('bgr_body.jpg') top right repeat-x;
}

hr {
	display: none;
}

div#wrapper {
	width: 995px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -497px;
}

div#wrapper {
	background: url('bgr_wrapper.jpg') left center repeat-y;
}

/* MAINMENU */
div#menuwrapper {
	width: 541px;
	height: 236px;
	position: relative;
	background: url('bgr_mainmenu.jpg') top left no-repeat;
}

ul#mainmenu {
	padding: 0;
	font-size: 10px;
	position: absolute;
	top: 175px;
	left: 77px;
}

ul#mainmenu a {
	text-decoration: none;
}

ul#mainmenu * {
	padding: 0;
	margin: 0;
}

ul#mainmenu>li {
	list-style-type: none;
	display: inline;
	position: relative;
	padding: 0px 5px 0px 5px;
	border-left: 1px solid #000000;
}

ul#mainmenu>li:first-child {
	border: 0;
}

ul#mainmenu>li>a {
	color: #000000;
	padding-bottom: 37px;
}

ul#mainmenu>li#stromvergleich>a {
	background: url('bgr_a_stromvergleich.png') center 22px no-repeat;
}

ul#mainmenu>li#stromrechner>a {
	background: url('bgr_a_stromrechner.png') center 22px no-repeat;
}

ul#mainmenu>li#stromanbieter>a {
	background: url('bgr_a_stromanbieter.png') center 22px no-repeat;
}

ul#mainmenu>li#stromtarife>a {
	background: url('bgr_a_stromtarife.png') center 22px no-repeat;
}

ul#mainmenu>li#stromtipps>a {
	background: url('bgr_a_stromtipps.png') center 22px no-repeat;
}

ul#mainmenu>li>ul {
	position: absolute;
	left: 0;
	border: 1px solid #8c8c8c;
	background: #2e2d30 url('bgr_dropdown.jpg') top left repeat-x;
	display: none;
	margin-top: 3px;
	z-index: 1000;
}

ul#mainmenu>li#stromvergleich>ul>li.heading {
	background: url('bgr_a_stromvergleich.png') 5px center no-repeat;
}

ul#mainmenu>li#stromrechner>ul>li.heading {
	background: url('bgr_a_stromrechner.png') 5px center no-repeat;
}

ul#mainmenu>li#stromanbieter>ul>li.heading {
	background: url('bgr_a_stromanbieter.png') 5px center no-repeat;
}

ul#mainmenu>li#stromtarife>ul>li.heading {
	background: url('bgr_a_stromtarife.png') 5px center no-repeat;
}

ul#mainmenu>li#stromtipps>ul>li.heading {
	background: url('bgr_a_stromtipps.png') 5px center no-repeat;
}

ul#mainmenu>li:hover>ul {
	display: block;
}

ul#mainmenu>li>ul>li {
	list-style-type: none;
	margin: 4px 0 4px 0;
	padding: 1px 10px 1px 10px;
}

ul#mainmenu>li>ul>li.heading {
	color: #FFF;
	font-size: 12px;
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 30px;
	font-weight: bold;
}

ul#mainmenu>li>ul>li:hover {
	background: #424244;
}

ul#mainmenu>li>ul>li a {
	color: #FFFFFF;
}

/* MIDDLEMENU */
ul#middle_menu {
	float: right;
	font-size: 9px;
	font-weight: bold;
	margin: 0 265px 0 0;
	padding: 5px 0 50px;
	right: 0;
	width: 188px; }

ul#middle_menu a {
	color: #435247;
}

ul#middle_menu img {
	border: 0;
}

ul#middle_menu li.middlenavi {
	list-style-type: none;
	height: 54px;
	padding: 5px 0 0 45px;
	margin: 5px 0 5px 0;
	vertical-align: middle;
	background-position: 2px center;
	background-repeat: no-repeat;
	color: #7e8d83;
	color: #59635d;
	color: #434a45;
	border-left: 15px solid #91A697;
}

ul#middle_menu li.middlenavi:hover {
	border-color: #C9D3CC;
}

ul#middle_menu li.middlenavi a {
	text-decoration: none;
	color: #999999;
}

ul#middle_menu li.middlenavi a strong {
	font-size: 12px;
	display: block;
	color: #4a5f50;
	color: #59635d;
	color: #434a45;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
}

ul#middle_menu li.small_text {
	list-style-type: none;
	padding-left: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 10px;
	color: #FFFFFF;
}

ul#middle_menu li.big_text {
	list-style-type: none;
	margin-left: 25px;
	font-size: 10px;
	margin-top: 20px;
}

ul#middle_menu li.big_text p {
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}

ul#middle_menu li.big_text p.img {
	text-align: center;
}

ul#middle_menu li.big_text p.headline {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

ul#middle_menu li.big_text p.text {
	color: #435247;
	font-weight: normal;
	font-size: 10px;
}

ul#middle_menu li.big_text_icon {
	list-style-type: none;
	font-size: 10px;
	margin-top: 20px;
	background-position: left 10px;
	background-repeat: no-repeat;
}

ul#middle_menu li.big_text_icon p {
	padding: 0;
	margin: 0 0 0 25px;
	margin-bottom: 2px;
}

ul#middle_menu li.big_text_icon p.img {
	text-align: left;
}

ul#middle_menu li.big_text_icon p.headline {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 10px;
}

ul#middle_menu li.big_text_icon p.headline a {
	color: #FFFFFF;
	text-decoration: none;
}

ul#middle_menu li.big_text_icon p.text {
	color: #435247;
	font-weight: normal;
	font-size: 10px;
}


/* TOPMENU */
ul#topmenu {
	position: absolute;
	top: 20px;
	right: 480px;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

ul#topmenu li {
	list-style-type: none;
	display: inline;
	border-left: 1px solid #FFFFFF;
	padding: 0 2px 0 3px;
}

ul#topmenu li:first-child {
	border-left: 0;
}

ul#topmenu li a {
	color: #FFFFFF;
	text-decoration: none;
}

/* TOPTEXT */
div#toptext {
	position: absolute;
	top: 175px;
	left: 50px;
	color: #FFFFFF;
	font-size: 10px;
	width: 350px;
}

/* CONTENT */
div#content {
	width: 412px;
	margin: 0 0 0 34px;
	padding: 0 48px 0 48px;
	min-height: 770px;
	font-size: 11px;
}

div#content h1,div#content h2,div#content h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 0 0;
	color: #666666;
	font-weight: bold;
}

div#content p.subheading {
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

div#content p.subheading img {
	vertical-align: top;
}

div#content p.message {
	background-color: #cad4cd;
	border: 1px solid #91A697;
	padding: 5px;
}

div#content p {
	margin-top: 0;
}

div#content p a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #000000;
	color: #000000;
}

div#content img.float_left,div#content a.float_left {
	float: left;
	margin-right: 10px;
	border: 0;
}

div#content img.float_right,div#content a.float_right {
	float: right;
	margin-left: 10px;
}

div#content img {
	border: 0;
}

div#content div.ankerlink {
	width: 192px;
	height: 120px;
	float: left;
	margin: 7px;
	position: relative;
}

div#content div.ankerlink * {
	padding: 0;
	margin: 0;
}

div#content div.ankerlink p {
	font-size: 10px;
	color: #666666;
	text-align: left;
}

div#content div.ankerlink img {
	float: right;
}

div#content div.ankerlink a {
	color: #666666;
	background: url('bgr_a_ankerlink.jpg') center left no-repeat;
	padding-left: 15px;
	position: absolute;
	bottom: 0;
	border: 0;
}

/* ANGEBOT */
div#angebot {
	position: absolute;
	right: 23px;
	top: 236px;
	width: 187px;
	padding: 0 25px 0 10px;
	color: #FFF;
	font-size: 10px;
	background: url('angebotleiste/bgr_angebot.jpg') top left repeat-x;
}

div#angebot img#signal_preistrend {
	position: absolute;
	top: 60px;
	right: 0;
}

div#angebot h4 {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 20px 25px 10px 10px;
	text-align: left;
}

div#angebot h4.icon {
	padding-top: 55px;
	background-position: center top;
	background-repeat: no-repeat;
}

div#angebot p {
	color: #435247;
	margin: 0 0 10px 0;
	padding: 0 25px 0 10px;
}

div#angebot p a {
	color: #435247;
}

div#angebot form p {
	color: #FFF;
	text-align: center;
}

div#angebot form label {
	margin-left: 5px;
}

div#angebot form input {
	font-size: 10px;
	height: 14px;
}

div#angebot form input#email {
	width: 105px;
	border: 1px solid #91A697;
}

div#angebot form input#plz {
	width: 75px;
}

div#angebot form input#absenden {
	background: url('buttons/absenden.png') top left no-repeat;
	border: 0;
	color: transparent;
	font-size: 0;
	width: 74px;
	height: 19px;
}

div#angebot p#pt_error {
	background: #FFFFFF;
	color: #FF0000;
	border: 1px solid #FF0000;
	padding: 2px;
	font-weight: bold;
	text-align: center;
}

/* RECHNER */
div#rechner {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 432px;
	height: 236px;
	padding: 0 22px 0 0;
	font-size: 9px;
	line-height: 1.3;
}

div#rechner ul {
	padding: 0;
	margin: 0;
	margin-top: 0px;
	margin-left: 12px;
}

div#rechner ul li {
	display: inline;
	font-size: 10px;
	margin-top: 16px;
	list-style-type: none;
}

div#rechner ul li a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 18px 0 5px 0;
	position: absolute;
}

div#rechner ul li#privatstrom a {
	padding-left: 34px;
	padding-right: 15px;
	left: 0px;
}

div#rechner ul li#gewerbestrom a {
	padding-left: 23px;
	padding-right: 30px;
	left: 105px;
}

div#rechner ul li#oekostrom a {
	padding-left: 22px;
	padding-right: 24px;
	left: 202px;
}

div#rechner h4 {
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 30px 20px 0px 0;
}

div#rechner {
	color: #FFFFFF;
	font-size: 9px;
}

div#wrapper.privat div#rechner {
	background: url('bgr_privatrechner.jpg') top left no-repeat;
}

div#wrapper.gewerbe div#rechner {
	background: url('bgr_gewerberechner.jpg') top left no-repeat;
}

div#wrapper.oeko div#rechner {
	background: url('bgr_oekorechner.jpg') top left no-repeat;
}

div#rechner div#linke_spalte {
	width: 119px;
	position: absolute;
	left: 218px;
}

div#rechner div#linke_spalte p {
	margin-top: 0;
}

div#rechner div#linke_spalte p.info {
	
}

div#rechner form {
	position: absolute;
	left: 47px;
	width: 300px;
}

div#rechner form p {
	margin: 0;
	position: absolute;
}

div#rechner form input#input_stromverbrauch,div#rechner form input#input_plz
	{
	width: 150px;
	height: 14px;
	border: 1px solid #d2d5d3;
}

div#rechner form p#p_stromverbrauch {
	
}

div#rechner form p#p_plz {
	top: 55px;
}

div#rechner form p#p_preisgarantie input#preisgarantie,div#rechner form p#p_nachtstrom input#nachtstrom,div#rechner form p#p_vorauskasse input#vorauskasse
	{
	position: relative;
	top: -3px;
	left: 3px;
	margin: 0;
}

div#rechner form p#p_preisgarantie {
	padding-left: 120px;
	top: 110px;
}

div#rechner form input#preisgarantie,div#rechner form input#nachtstrom,div#rechner form input#vorauskasse
	{
	position: absolute;
	margin: 0;
	padding: 0;
}

div#rechner form input#preisgarantie {
	top: 107px;
	left: 120px;
}

div#rechner form input#nachtstrom {
	top: 107px;
	left: 254px;
}

div#rechner form input#vorauskasse {
	top: 137px;
	left: 63px;
}

div#rechner form p#p_nachtstrom {
	padding-left: 56px;
	top: 110px;
	left: 197px;
}

div#rechner form p#p_vorauskasse {
	padding-left: 60px;
	top: 141px;
}

div#rechner form p#p_absenden {
	top: 133px;
	left: 297px;
}

div#rechner form p#p_absenden input {
	border: 0;
	color: transparent;
	background: url('buttons/undlos.png') top left no-repeat;
	width: 74px;
	height: 19px;
	font-size: 0;
}

div#rechner form p.tipps {
	position: absolute;
	top: 11px;
	right: 75px;
}

div#rechner div#tipps {
	position: absolute;
	top: 80px;
	right: 100px;
	width: 19px;
	height: 18px;
}

div#rechner div#tipps div {
	display: none;
}

div#rechner div#tipps :hover div {
	display: block;
	width: 150px;
	padding: 2px;
	position: absolute;
	top: 20px;
	right: 0;
	background: #7d5311;
	border: 1px solid #877151;
	padding: 2px;
}

div#rechner div#suche {
	position: absolute;
	top: 194px;
	left: 245px;
	font-size: 9px;
}

div#rechner div#suche a {
	color: white;
}

div#rechner div#suche a img {
	border: 0;
}

/* SUBBOX */
div#subbox {
	background: #949b96 url('bgr_subbox.jpg') top left repeat-x;
	height: 163px;
	margin: 0 453px 0 36px;
	position: relative;
	width: 506px;
}

div#subbox div.subboxentry_left {
	width: 182px;
	position: absolute;
	top: 0;
	left: 45px;
}

div#subbox div.subboxentry_right {
	width: 182px;
	position: absolute;
	top: 0;
	right: 45px;
}

div#subbox p {
	margin: 0;
	padding: 0;
	width: 115px;
	color: #ffffff;
	font-size: 10px;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 10000;
}

div#subbox img {
	position: absolute;
	top: 21px;
	right: 0;
}

div#subbox a {
	position: absolute;
	top: 2px;
	color: #ffffff;
	background: url('bgr_a_subbox.jpg') left 3px no-repeat;
	padding-left: 12px;
}

div#subbox strong {
	position: absolute;
	top: 47px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

/* FOOTER */
div#footer {
	background: url('bgr_footer.jpg') bottom left no-repeat;
	position: relative;
	bottom: 0;
	width: 950px;
	margin: 0 0 0 35px;
	height: 45px;
	font-size: 9px;
}

div#footer div#copyright {
	padding: 1px 0 0 10px;
}

div#footer ul {
	position: absolute;
	left: 139px;
	top: 18px;
	padding: 0 0 0 25px;
	margin: 0;
	background: url('bgr_footer_links.jpg') left center no-repeat;
	font-size: 10px;
}

div#footer ul li {
	list-style-type: none;
	display: inline;
	border-left: 1px solid #a29682;
	padding: 0 5px 0 5px;
}

div#footer ul li:first-child {
	border-left: 0;
}

div#footer ul li a {
	color: #4b320a;
	text-decoration: none;
}

div#footer img#hosting-agency {
	position: absolute;
	top: 9px;
	right: 31px;
	border: 0;
}

/* STERN */
img#stern {
	position: absolute;
	top: 70px;
	left: 433px;
}

/* KONTAKTFORNM */
table.kontaktform {
	width: 100%;
}

table.kontaktform td {
	vertical-align: top;
}

table.kontaktform input[type=text],table.kontaktform textarea {
	width: 320px;
	border: 1px solid #404042;
}

table.kontaktform .errorhint {
	width: 320px;
	color: red;
	font-size: 9px;
}

/* Verivox */
div.verivox {
	font-size: 10px;
}

div.verivox table tr td {
	font-size: 9px;
}

div.verivox table.calc_output {
	width: 415px;
	color: #333333;
}

div.verivox table.calc_output a {
	color: #333333;
}

div.verivox>table,div.verivox>table a, 
div.verivox>table,div.verivox a#dcmerk2,
div.verivox a { 
	color: #333333;
}

div.verivox>table,div.verivox a#dcmerk {
	position: relative;
	top: -1em;
}

div.verivox table.calc_output tr td span.count {
	color: black;
	font-size: 14px;
}

div.verivox table.calc_output tr.tab_head {
	color: white;
}

div.verivox table#rechner a {
	color: black;
}

/* LoadingScreen */
div#loadingscreen { /*display: none;*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#loadingscreen #blacklayer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.7;
	z-index: 10000;
}

div#loadingscreen #loadinganimation {
	width: 486px;
	height: 280px;
	background: url('bgr_loading_box.png') left top no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -243px;
	z-index: 10001;
}

div#loadingscreen #loadinganimation p {
	color: white;
	margin-left: 30px;
	margin-right: 30px;
}

div#loadingscreen #loadinganimation p.head {
	font-size: 20px;
	padding-top: 15px;
}

div#loadingscreen #loadinganimation p.list {
	padding-left: 30px;
	background: url('bgr_loading_list.jpg') left top no-repeat;
	margin-bottom: 7px;
	margin-top: 0;
}

div#loadingscreen #loadinganimation p.animation,div#loadingscreen #loadinganimation p.image,div#loadingscreen #loadinganimation p.foot
	{
	text-align: center;
}

div#loadingscreen #loadinganimation p.foot {
	font-size: 16px;
}

/* Bannerrechner */
form#bannerrechner {
	height: 250px;
	width: 430px;
	background: url('bannerrechner/bgr_bannerrechner.jpg') top left
		no-repeat;
	position: relative;
}

form#bannerrechner input {
	margin: 0;
	padding: 0;
	border: 0;
}

form#bannerrechner p#banner_stromverbrauch input {
	width: 116px;
	height: 16px;
	position: absolute;
	top: 167px;
	left: 70px;
}

form#bannerrechner p#banner_plz input {
	width: 116px;
	height: 16px;
	position: absolute;
	top: 167px;
	left: 259px;
}

form#bannerrechner p#banner_button input {
	position: absolute;
	top: 160px;
	right: 10px;
	width: 32px;
	height: 32px;
	background: none;
}

form#bannerrechner ul#banner_list {
	position: absolute;
	top: 0;
	right: 30px;
	padding: 0;
	margin: 0;
}

form#bannerrechner ul#banner_list li {
	float: left;
	list-style-type: none;
	width: 102px;
	height: 145px;
	text-align: center;
	padding-top: 5px;
	position: relative;
	background-position: bottom left;
	background-repeat: no-repeat;
}

form#bannerrechner ul#banner_list li>span {
	display: block;
	position: absolute;
	top: 14px;
	left: 0px;
	width: 102px;
	text-transform: uppercase;
	font-size: 9px;
	color: black;
}

li#banner_list_familie.over {
	border: 1px solid #00ff00;
	background: url('bannerrechner/familie_hover.jpg') bottom left no-repeat
		;
}

form#bannerrechner p#banner_footer {
	position: absolute;
	top: 205px;
	width: 300px;
	font-size: 10px;
}

form#bannerrechner p#banner_submit input {
	position: absolute;
	top: 205px;
	right: 0px;
	background: url('bannerrechner/bgr_banner_submit.jpg') bottom left
		no-repeat;
	width: 99px;
	height: 25px;
}

