/***** neu fuer link, der als button gestaltet wird *****/

div.button_link a.button_link,
div.button_link a.button_link:visited {
	text-decoration:none; font-weight:bold; color:#02587b; text-align:center;
	display:block;
	height:17px; width:210px;
	padding:3px 0 0 0; margin:0 8px 0 0;
	background-image:url(pix/layout/bg_button_link.gif); background-repeat:repeat-x;
	border:1px solid #81adbe;
	color:#02587b;
	}

div.button_link a.button_link:hover {
	background-image:url(pix/layout/bg_button_link_hover.gif); background-repeat:repeat-x;
	border:1px solid #005b7a;
	}

/***** / neu fuer link, der als button gestaltet wird *****/


/***** neu fuer tabelle MEIN WEMIO *****/

#box_center table.tabelle {margin:10px 0 20px 0; width:100%;}
#box_center table.tabelle th {
	text-align:left;
	padding:5px 3px 5px 3px;
	background-color:#c6dae3;
	border-bottom:1px solid #015777;
	}

#box_center p {margin:0 0 15px 0}

#box_center table.tabelle td {border-bottom:1px solid #c6dae3; padding:5px 3px 5px 3px; vertical-align:middle;}
#box_center table.tabelle td .error {border:1px solid #970103; color:#970103; padding:5px 3px 5px 3px;}

#box_center table.tabelle select.tabelle_select {width:140px; height:19px; border:1px solid #00a5db; font-size:11px;}

#box_center table.tabelle input.button_kurz {
	background-image:url(pix/layout/bg_button_kurz.gif); background-repeat:no-repeat;
	border:0;
	font-weight:bold; color:#015777; text-decoration:none; font-size:11px;
	width:29px; height:20px;
	}

#box_center table.tabelle input.button_kurz:hover {
	background-image:url(pix/layout/bg_button_kurz_hover.gif); background-repeat:no-repeat;
	}

#box_center table.tabelle a {color:#015777; text-decoration:underline;}


/****** NAVIGATION LINKS ******/
/******************************/

#navigation h2 {font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:0;}

#navigation h2 a {color:#01A6DC;  text-decoration:none;}
#navigation h2 a:hover {color:#00597B; text-decoration:none;}

/******************************/
/****** /NAVIGATION LINKS ******/



/****** LINKS IM CONTENT *******/
/*******************************/

.padding a, .padding a:visited {color:#9a0103; text-decoration:underline;}
.padding a:hover {color:#02587b; text-decoration:none;}

#box_center .padding a.vergroessern {
	background-image:url(pix/layout/lupe.gif); background-repeat:no-repeat;
	padding:0 0 0 18px;
	}
#box_center .padding a.vergroessern:hover {
	background-image:url(pix/layout/lupe_hover.gif); background-repeat:no-repeat;
	}

/*******************************/
/****** /LINKS IM CONTENT ******/



/****** BILDER IM CONTENT ********/
/*********************************/

#box_center .padding img.border {border:1px solid #7bd3e7;}

/****** /BILDER IM CONTENT *******/
/*********************************/



/****** LISTEN IM CONTENT ********/
/*********************************/

#box_center .padding ul {
	list-style-type:none;
	list-style-image:url(pix/layout/haekchen.gif);	
	}

#box_center .padding ul li{
margin:7px 0px 7px 0px;}

#box_center .padding ol {
	}

#box_center .padding ol li{
margin:7px 0px 7px 0px;}

#box_center .padding ul.faq, 
#box_center .padding ul.download {
	list-style-type:none;
	list-style-image:url(pix/layout/haekchen.gif);
	}

#box_center .padding ul.faq li, 
#box_center .padding ul.download li{
margin:7px 0px 7px 0px;}

/****** /LISTEN IM CONTENT *******/
/*********************************/



#box_center .padding p {line-height:16px;}



/*login seite */

#user_login {
	border:1px solid #015777;
	width:565px;
	text-align:left;
	font-size:12px;
	}

#user_login #l_oben {
	background-color:#c6dae3;
	padding:3px 0 0 14px;
	height:21px;
	border-bottom:1px solid #015777;
	}


#user_login #l_unten {
	padding:10px 0 10px 14px;
	background-color:#e8f6f7;
}


#user_login #l_unten table td input {width:150px;}


#user_login #l_unten table.pw td input {width:350px;}

#user_login #l_unten table td input.loginbutton {width:140px;}

div.achtung_spam{
background:#efefef;
margin:30px auto 0px auto;
padding:10px;
width:80%;
border:1px solid #bbbbbb;
color:#05597b;
font:normal 11px verdana;}

/* allgemeine schriften */



/* ende ueberschriften */

/* listen */

#box_center ol {margin:0 0 0 22px; padding:0;}

#box_center ul {margin:0 0 0 22px; padding:0;}

/* ende listen */


div#head div#banner {
float:left;
width:798px;
height:122px;
margin:0px;
padding:0px;
background:url(pix/layout/wemio_header_start.jpg) no-repeat;}

div#pfad{
clear:both;
width:978px;
height:23px;
text-align:center;
margin:0px;
padding:0px;}

div#pfad img {
padding:0px;
margin:0px;}

div#pfad a img {
padding:0px;
margin:0px;
border:0px;}

/** neuer pfad, der im main-content drin ist - statisch **/
#pfad2 {margin:0px 0 10px 0;}
/* /neuer pfad */

/* * * * * * * * * * * * * * * * * * * * * * * B O X   R I G H T  * * * * * * * * * * * * * * * * * * * * * * */

div#box_right{
float:right;
width:180px;
margin:0 0 0 0;
padding:0px;}

div#box_right div.padding {
margin:0px; 
padding:0px;}

/* I N F O B O X   S T A T U S */

div#box_right div.padding div.infobox_status {
width:161px;
height:161px;
background:url(pix/layout/bg_status.gif) top left no-repeat;
padding:30px 13px 0px 6px;
margin:0px 0px 15px 0px;
font:normal 11px/22px verdana; 
color:#00597B;}

div#box_right div.padding div.infobox_status h3.status {
font: bold 12px/12px verdana; 
color:#00597B;
margin:0px 0px 22px 90px;}

div#box_right div.padding div.infobox_status img.checkbutton{
float:right;}

/* I N F O B O X   S U C H E   */

div#box_right div.padding div.infobox_suche {
width:161px;
height:103px;
background:url(pix/layout/bg_suche.gif) top left no-repeat;
padding:34px 13px 0px 6px;
margin:0px 0px 15px 0px;
font:normal 11px/22px verdana; 
color:#00597B;
}

div#box_right div.padding div.infobox_suche h3.suche {
font: bold 12px/12px verdana; 
color:#00597B;
margin:0px 0px 14px 95px;}

/* S U C H   I N P U T */

div#box_right div.padding div input.suche{
width:148px;
height:15px;
margin:0px 0px 5px 0px;
padding:2px 2px 0px 2px;
border:1px solid #7FD5EC;
font: normal 11px/11px verdana; 
color:#00597B;}

/* I N F O B O X   R E C H N E R */

div#box_right div.padding div.infobox_rechner {
width:154px;
height:103px;
background:url(pix/layout/bg_rechner.gif) top left no-repeat;
padding:34px 20px 0px 6px;
margin:0px 0px 15px 0px;
font:normal 11px/12px verdana; 
color:#00597B;}

div#box_right div.padding div.infobox_rechner h3.rechner {
font: bold 12px/12px verdana; 
color:#00597B;
margin:0px 0px 28px 65px;}

div#box_right div.padding div input.rechner{
float:right;
width:62px;
height:15px;
margin:5px 0px 8px 0px;
padding:2px 2px 0px 2px;
border:1px solid #7FD5EC;
font: normal 11px/11px verdana; 
color:#00597B;}

/*  B U T T O N   S U C H E   U N D   R E C H N E R  */

input.button,div.button{
width:154px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}

input.loginbutton{
width:140px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_login.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}

input.loginbutton:hover{
width:140px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_login_hover.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}

input.loginbutton_lang {
width:150px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/loginbutton_lang.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}

input.loginbutton_lang:hover {background:url(pix/layout/loginbutton_lang_hover.gif) no-repeat;}

div.button:hover{
background:url(pix/layout/bg_button_hover.gif) no-repeat;}


div.button a{
display:block;
width:154px;
height:16px;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B; text-decoration:none;
text-align:center;
padding:6px 0px 0px 0px}

input.button:hover{
width:154px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_hover.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}

input.button25{
width:179px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_25.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}

input.button25:hover{
width:179px;
height:22px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_hover_25.gif) no-repeat;
font: bold 11px/11px verdana; 
letter-spacing:-1px;
color:#00597B;}


/* BOX LEFT */

div#box_left{
float:left;
width:180px;
padding:0px;
margin:0 0 0 0;}

div#box_left div.padding {margin:0px 0px 0px 11px;}

/* BOX CENTER */

div#box_center{
float:left;
width:570px;
margin:0 0px 0px 0px;}

div#box_center div.padding {margin:0px 0px 0px 24px;}

div#content_foot {
clear: both;
height: 69px;
margin: 0;
padding: 50px 0 15px;
text-align: right;
width: 978px;
}


div#foot {
clear:both;
width:978px;
padding:5px 0;
margin:0px auto;
}

div#foot div.padding {
margin:50px 0px 15px 0px;}

/* * * * * * * * * Startseite * * * * * * * * * * */

div#container_start {
width:798px;
margin:0px auto;
padding:0;
background:url(pix/layout/wemio_bg_image1.gif) no-repeat center 1px;
text-align:center;}

/* tabelle in der die einzelnen elemente stehen */

/* Postleitzahl Box */

div#plz {
width:255px;
height:136px;
position:relative;
top:280px;
background:url(pix/layout/bg_plz.gif) no-repeat;
font: normal 12px/18px verdana;
color:#01577A;
margin:0px; padding:5px 0px 5px 0px}

div#plz h1{
font: bold 14px/14px verdana;
color:#01577A;
letter-spacing:0px;
padding:0px;
margin:4px 0px 8px 0px;}

input.strompreis {
width:144px;
height:45px;
border:1px solid #01577A;
margin:0px 0px 8px 0px;
padding:0px 18px 3px 18px;
font:bold 40px/40px verdana;
color:#01577A;
text-align:center;
background-color:#fff;}

input.ort {
width:175px;
border:1px solid #01577A;
font-size:16px; color:#01577A; font-weight:bold; text-align:center;
padding:3px;
background-color:#fff;
}

input.button_strompreis{
width:180px;
height:27px;
margin:0px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_strompreis.gif) no-repeat;
font: bold 13px/13px verdana; 
letter-spacing:0px;
color:#000;
cursor:pointer;
}

/* Login Box */

div#login_start {
text-align:left;
height:152px;
background:url(pix/layout/bg_loginbox.gif) no-repeat;
font: normal 12px/18px verdana;
color:#01577A;
margin:0 0 0 30px; padding:5px 15px 5px 15px;
}

div#login_start p.left{
text-align:left;
margin-top:20px;}

input.benutzername{
width:154px;
height:19px;
border:1px solid #01577A;
margin:0px 0px 5px 0px;
padding:2px 2px 0px 2px;
color:#01577A;}

input.passwort{
float:left;
width:85px;
height:19px;
border:1px solid #01577A;
margin:0px 0px 5px 0px;
padding:2px 2px 0px 2px;
color:#01577A;}

input.button_login_start{
width:55px;
height:22px;
margin:0 0 0 13px;
padding:0px;
border:0px;
background:url(pix/layout/bg_button_login_start.gif) no-repeat;
font: bold 13px/13px verdana; 
letter-spacing:0px;
color:#000;}

/* Alternativ Link */

p.alternativlink a{
position:relative;
font:normal 11px/11px verdana;
color:#767E81;
text-decoration:underline;}

/* Key Visual */

img.key_visual {
position:relative;
}


/* Copyright */

#copyright{
	text-align:center;
	margin:15px 0 0 0;
	overflow:hidden;
	}

#copyright a{
	font:normal 10px/10px verdana;
	color:#01577A;
	text-decoration:none;
	}

/* Fu?text 06.03.09 */

small {font:normal 9px verdana;}

/* ?kologisch siegel auf startseite */

.start_bottom_right2{float:right; margin:25px 30px 0px 0px;}

/* Postfach */

tr.dokumentUngelesen {font-weight:bold;}

/* /Postfach */