@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic|Titillium+Web:300,400,700|Nothing+You+Could+Do');

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
	margin: 0;
	padding: 0;
}

option {
    padding-left: 0.4em;
}
* html body * {
    overflow: visible;
}
* html iframe, * html frame {
    overflow: auto;
}
* html frameset {
    overflow: hidden;
}

.strength_meter{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 43px;
z-index:-1;
border-radius:5px;
padding-right:13px;
}
.button_strength {
text-decoration: none;
color: #FFF;
font-size: 13px;
}
.strength_meter div{
    width:0%;
height: 43px;
text-align: right;
color: #000;
line-height: 43px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding-right: 12px;
border-radius:5px;
}
.strength_meter div p{
position: absolute;
top: 22px;
right: 0px;
color: #FFF;
font-size:13px;
}

.veryweak{
    background-color: #FFA0A0;
border-color: #F04040!important;
width:25%!important;
}
.weak{
background-color: #FFB78C;
border-color: #FF853C!important;
width:50%!important;
}
.medium{
background-color: #FFEC8B;
border-color: #FC0!important;
width:75%!important;
}
.strong{
background-color: #C3FF88;
border-color: #8DFF1C!important;
width:100%!important;
}


html {	font-size: 100,01%; }

body {
	font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
	font-size: 100%;
	line-height: 1.4em;
	color: #4c4c4c;
	margin: 0; 
	padding: 0;
    text-align: center;
    background: url(layout/stadtwerke-bad-saulgau-hintergrund-blumen-kirchturm.jpg) center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksb�ndig ausgerichtet sind */
}

html, body {
	height: 100%; /*Anzeigebereich in der Vertikalen auf 100% strecken */
	margin: 0; 
	padding: 0; 
}

h1 {
    color: #0099a0;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1em;
    margin: 0 0 20px 0;
}

h3 {border:none !important;}

.elementBox_var2 {
    background-color: transparent;
    border: 3px dotted #e01021;
    border-radius: 5px;
    margin: 0 0 20px;
    overflow: visible;
    padding: 0 10px;
}

h2 {
    color: #000;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1em;
    margin: 1.5em 0 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	}

p {
    line-height: 1.25em;
    margin: 0 0 1em;
	}    

a {
	text-decoration: none;
	color: #e2001b;
    }
	
a:hover {
	text-decoration: underline;
    }

img {
	border:none;
    }
	
ul {
    margin-left: 10px;
    padding: 0;
}
ul, ol, dl {
    line-height: 1.5em;
    margin: 0 0 1em 1em;
}

li {
    list-style: none outside none;
    margin: 0;
    line-height: 1.5em;
}
    
.click:hover
{
    
 background-color:#007dc6;
 cursor:pointer;    
}



.click
{
    
background:  url("layout/pfeil-weiss-rot.png") no-repeat scroll right 20px center !important;
}

.textboxsub.click
{
    background:  url("layout/pfeil-weiss-rot.png") no-repeat scroll right 0px center !important;
}
.textbox.click{
background:  url("layout/pfeil-weiss-rot-kurz.png") no-repeat scroll  right 10px top 30px !important;
}

.contractbox {background: #eee;}
.contractbox .infobox-smallsub.left {padding-left:10px; padding-bottom: 20px; width: 280px;}
.contractbox .textbox {padding: 0 !important;}
.contractbox .elementBox_var2 {background: #1d1d1b; color: #fff; border: none; border-radius: 0; margin-bottom: 10px !important; }
.contractbox .elementBox_var2 h3 {
	color: #fff; 
	font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica !important; 
	font-size: 16px !important; 
	font-weight: bold !important; 
	padding-bottom: 10px !important; 
	}

/** Inhaltsbereich mit voller Fensterh�he  */
#page_margins {
	height: 100%; /* Mindesth�he in IE (<7) */
    margin: 0 auto; /* Durch automatische R�nder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element �berschrieben. */
	width:1100px;
    }

/** hier muss die H�he laufen!!!!!  */
#page {	
	height: 100%;	
	}	


/** Header - Kopfbereich  */

#header {
	position: relative;
	background: transparent;
    height: 160px;
    width: 100%;
    
    }
    
#header a#logo {
    left: 68px;
    position: absolute;
    top: 30px;
}

/** topnav  */

#topnav, #topnavMobile {
  font-size: 14px;
    position: absolute;
    right: 350px;
    top: -40px;
}

#topnav ul {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#topnav ul li {
    border-left: 1px solid #999999;
    display: inline;
    float: left;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #999;
}

#topnav ul li:first-child {
    border-left: none;
}

#topnav ul li a {
    color: #999;
    display: block;
    padding: 0 5px 0 5px;
    text-decoration: none;
    width: auto;
}

#topnav ul li a:hover {
    color: #007dc6;
}

#topnav .selnav { 
	display: none;
	}


/** nav  */

#nav, #navMobile {
    bottom: 20px;
    position: absolute;
    right: 49px;
}

#nav ul {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#nav ul li {
    border-left: 1px solid #999999;
    display: inline;
    float: left;
    font-size: 1em;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
}

#nav ul li:first-child {
    border-left: none;
}

#nav ul li a {
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    padding: 0 19px 0 38px;
    text-decoration: none;
    width: auto;
}

#nav ul li a:hover {
    color: #007dc6;
}

#nav .selnav { 
	display: none;
	}

/** main - conten-Bereich  */

#main {
	background: url(layout/col1-bg.gif) no-repeat #fff;
	background-position: 0px 10px;
    margin: 0;
    min-height: 480px;
    clear: both;
    width: auto;
    padding: 10px 0px 0px 0px;
    }

#col1 {
	float: left;
    margin: 0;
    width: 200px;  
    z-index: 3;
	background-color:#e2001b

    }

#col1_content {
    padding: 0 0 100px 0;
}

#col1 #loginKasten {
    margin: 5px 0 0 0;
}

#col1 #loginKasten h2 {
    background: #d7dded;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding: 12px 10px 12px 0px;
}

#col1 #loginKasten h3 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 10px 0px 10px 20px;
   /** background: #485050; **/
    border-radius: 0 8px 8px 8px; 
}

#col1 #loginKasten form {
    background: #d7dded;
    padding: 203px;
    border-top: 1px solid #fff;
}



#col1 #loginKasten label {
    color: #DA001C;
    font-size: 0.9em;
    line-height: 18px;
    width: auto;
}

#col1 #loginKasten fieldset {
    border: medium none;
    margin: 0;
	padding: 0;
}

#col1 #loginKasten [type=text], #col1 #loginKasten input[type=password] {
 
}

#col1 #loginKasten a.neuanmeldung {
    background: url("layout/submit.gif") no-repeat scroll left top #FFFFFF;
    display: block;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    width: 89px;
}


#submenu {
    list-style-type: none;
    margin: 0 0 40px 0;
    overflow: hidden;
    width: 100%;
}

#submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#submenu li {

    float: left;
    list-style: none outside none;
    margin: 0 0 3px 0;
    padding: 0;
    width: 100%;
    line-height: 1.5em;
    border: none;
    
}

#submenu li:last-child a { }
#submenu li:last-child a:hover { }



#submenu a:hover, #submenu a.nav_selected {
    font-weight:bold;
}

#submenu li ul li a, #submenu li ul li.active, #submenu li ul li span {
    padding-left: 15%;
    width: 85%;
}

#submenu a, #submenu span {
    border-radius: 0 8px 8px;
    color: #fff;
    display: block;
    
    padding: 2px 2px 2px 20px;
    text-decoration: none;
}
#submenusmall{display:none;visibility:hidden;}

#submenu a.active {
	font-weight:bold;
    }
    
#col2 {
	float: right;
    margin: 0;
    width: 0;
    width: 200px;
    z-index: 5;
    display: none;
    }

#col2_content {
    padding: 0 20px 0 10px;
    z-index: 6;
}
    
#col3 {
    
   float: left;
   
    width: 750px;
    z-index: 1;
	}
	
#col4 {
    
    float: left;
   
    position: relative;
    width: 120px;
    z-index: 1;
	min-height:500px;	
	
	}

#col1_content, #col2_content, #col3_content {position: relative;}

#col3 #teaser {
    left: 8px;
    position: absolute;
    top: -1px;
    z-index: 20;
}

#col3_content {
    overflow: hidden;
    padding: 0 0 70px 30px;
    z-index: 2;
}



/* breadcrumb */

#brotkrumen {
    border-bottom: none;
    border-top: none;
    overflow: hidden;
    height: 36px;
    padding: 0;
	background:#eee;
}

#brotkrumen ul {
    margin: 0;
}

#brotkrumen ul li:nth-child(2) a, #brotkrumen ul li:nth-child(2) span {
    font-size: 18px;
    font-weight: 700;
    padding: 2px 14px 2px 17px;
}

#brotkrumen ul li span {
    color: #555555;
    display: block;
    float: left;
    font-size: 14px;
    padding: 2px 10px 4px 20px;
}

#brotkrumen ul li a {
    color: #555555;
    display: block;
    float: left;
    font-size: 14px;
    padding: 2px 10px 4px 30px;
}

#brotkrumen ul li a:hover, #brotkrumen ul li span:hover {
	text-decoration: none;
	background-color: #f6f6f6;
}

#brotkrumen ul li span {
    color: #666 !important;
	font-size: 15px;
}

#brotkrumen ul li span a {
    background-image: url(layout/bsg-pfeil.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-size: 23px 17px;
}

#brotkrumen ul li.home a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 7px 14px 8px 0;

}


#ie_clearing {
    display: none;
}

/* Suche */

#suche {
	float: right;
    bottom: 51px;
    height: 50px;
    margin: 35px 68px 0 0;
    z-index: 10000;
}


label {
    float: left;
    display: none;
}




/* Input */

input {
    border: 1px solid #485050;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;*/
    margin: 0 0 10px;
    padding: 5px 2%;
    width: 95.7%; float: left;
	font-size: 100%;
}

input[type=radio]{
 
    box-shadow: none !important;
 
}



select {
    float: left;
    margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
	width: 100%;
	font-size: 100%;
} 

.textbox input[type=text] {
    padding: 5px 2%;
    width: 95.7% !important; 
	margin-bottom:10px;
}



.textbox select {
    
	width: 100% !important;
	margin-bottom: 10px;
}

.right{
text-align:right;
}



div.extralinks ul li{
margin-top:7px;

}

a.btn {
    background: #6f6f6f url("layout/pfeil-weiss.png") no-repeat scroll right 10px center;
    border: medium none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 14px;
    font-weight: 700; 
    line-height: 20px;
    margin: 10px 0px;
    min-width: 280px;
    padding: 5px;
    position: relative;
    white-space: nowrap;
}
a.btn:hover { text-decoration:none; background-color:#e2001b; }
a.btn:focus  { text-decoration:none; background-color:#e2001b;}
a.btn:link   { text-decoration:none; }
a.btn:active    { text-decoration:none; } 
a.btn:visited     { text-decoration:none; } 

textarea{width:93%;}


input.btnCancel {
    
    border: medium none;
    border-radius: 0 8px 8px 8px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 40px 0 0 0px;
    padding: 0px 20px 0px 20px !important;
    position: relative;
    width: auto;
    -webkit-appearance: none;
	background: url() #6f6f6f !important;
}

input.btnCancel:hover {
    
    border: medium none;
    border-radius: 0 8px 8px 8px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 40px 0 0 0px;
    padding: 0px 20px 0px 20px !important;
    position: relative;
    width: auto;
    -webkit-appearance: none;
	background: url() #e2001b !important;
}

input.btnBack {
    
    border: medium none;
    border-radius: 0 8px 8px 8px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 40px 0 0 -20px;
    padding: 0px 20px 0px 40px !important;
    position: relative;
    width: auto;
    -webkit-appearance: none;
	background: url(layout/pfeil-weiss-links.png) no-repeat scroll left 10px center #706f6f !important;
}

input.CMSSuchformularSubmit, input.btnLogin, input.btn {
    
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 40px 0 0 0px;
    padding: 0px 30px 0px 10px !important;
    position: relative;
    width: auto;
    -webkit-appearance: none;
	background: url(layout/pfeil-weiss.png) no-repeat scroll right 10px center #706f6f !important;
}

 input.btntwocol {
    
    background: #6f6f6f url("layout/pfeil-weiss.png") no-repeat scroll right 10px center;
    border: medium none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Source Sans Pro, Titillium Web, Arial, Sans-serif, Helvetica;
    font-size: 14px;
    font-weight: 700; 
    line-height: 20px;
    margin: 28px 0px;
    min-width: 280px;
    padding: 5px;
    position: relative;
    white-space: nowrap;
    
}

input.CMSSuchformularSubmit:hover, input.btnLogin:hover, input.btn:hover {
	background: url(layout/pfeil-weiss.png) no-repeat scroll right 10px center #e2001b !important;
}

.btn[type="submit"]:disabled {
    background-color: #6f6f6f
	!important;
	cursor:default;
} 

input.CMSSuchformularSubmit:hover, input.btnLogin:hover {
	background: #c20000;
}


input.btnLogin {
    margin: 0;
}

.pleft a.btn {margin: 10px 0;}


/* besondere Links*/

.phone {background: url(layout/phone.gif) no-repeat; padding-left: 20px;}

.logout {background: url(layout/bsg-logout.png) no-repeat; padding-left: 45px !important;background-position: 20px center !important;}

li.login-name {color: #fff; padding-left: 20px !important;}

/* Footer */

#footer {
    background: #e6e6e6;
    clear: both;
    padding: 0;
    color: #444; 
    margin: 0;
    height: 36px;
}

#footer a {color: #666}
#footer a:hover {text-decoration: none;}

.footer-nav li {
	float: left;
	background: #e6e6e6;
	display: block;
	padding: 5px 10px 5px 5px;
	height: 26px;
	overflow-y: hidden;
}

.footer-nav li:hover {
	background: #f6f6f6;
}

#footer_content {
    overflow: hidden;
    padding: 20px 88px 0 88px;
}

#footer .kasten {
	float: right;
    width: 235px;
    height: 42px;
    margin: -28px 68px 0 0;
    background: url(layout/stadtwerke-bad-saulgau-heimat-teilen.jpg) no-repeat #e2001b;
}

footer .kasten p {
    margin: 0 0 10px;
}

#footer p a.oben {
    background: url("layout/top.png") no-repeat scroll right 5px transparent;
    border:none;
    font-weight: 700;
    padding: 0 25px 0 0;
}

#footer p a.drucken {
    background: url("layout/print.png") no-repeat scroll right 0px transparent;
    border: none;
    font-weight: 700;
    padding: 0 25px 0 0;
}

a:hover.oben, a:hover.drucken {
    border:none;
	text-decoration: none;
}



#footer .kasten p a {
    color: #555;
}

#footer .kasten p a[href^="mailto:"] {
    display: inline-block;
    line-height: 1em;
    text-decoration: none;
}

#footer .kasten p a:hover {
    cursor:pointer;
    
    text-decoration: none !important;
}


#footer #kasten-rechts {
    float: right;
    margin-right: 0;
}

#footer #kasten-rechts .kasten_content {
    /*border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;*/
    padding: 10px 23px;
    min-height: 200px;
}


/* diverse */


fieldset { 
	border: 1px solid #DA0227;
	margin-bottom: 10px; 
	padding: 10px;
	}

label {
    float: left;
    margin-bottom: 0.3em;
    width: 160px;
}

.breaker {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    overflow: hidden;
}

div.hr {
	border-top: 1px solid #bab9be; 
	border-bottom: 1px solid #bab9be; 
    height: 1px;
    margin: 10px 0;
}

div.hr hr {
    display: none;
}

/* textbox */

.textbox {
	float: left;
	margin: 10px 40px 20px 0;
    width: 620px;
    padding: 0 0 20px 0;
    position: relative;
    /*border-bottom: 1px dashed #d7dded;*/
}

.contractheader{
	margin: 10px 40px 15px 0 !important;
	padding: 0 0 0px 0 !important;
}

.textbox .contractheader {margin-right: 0;}
.textbox .contractheader .infobox-smallsub { width: 310px; margin-right: 0;}
.textbox .contractheader .infobox-smallsub ul { padding-left: 10px;}

.textbox h3{
	display: inline-block;
    line-height: 125%;
    margin: 0 0 15px;
    padding: 0 0 10px 0;
	font-weight: 700;
	color: #000;

    margin: 10px 0 0;
}

.textbox.login {border-top:2px solid #000;}

.textbox .elementBox_var2 h3 {
	    font-family: "Nothing You Could Do",cursive;
	    font-size: 30px;
		font-weight: normal;
}

.contracts {float:left; width: 100%; background: #e2001b; margin-bottom: 20px; }
.contracts h3 {font-size: 1.17em; color: #fff; padding: 2px 10px; margin: 0; font-weight: 700; }
h4.sektor {font-size: 1.17em;border-bottom: 2px solid #000; padding-bottom: 5px; margin-bottom: 10px; font-weight: 700;}


.headline1{
	background-color:red;
}

.textbox ul {
	margin: 0;
}

.h60{
 
 height:60px;
 }

.h80{
 
 height:80px;
 }

.h100{
 
 height:100px;
 }
.h120{
 
 height:120px;
 }
.h150{
 
 height:150px;
 }
 
.h200{
 
 height:200px;
 }
 
 .h250{
 
 height:250px;
 }

 .h300{
 
 height:300px;
 }
 
 .h350{
 
 height:350px;
 }
 .h370{
 
 height:370px;
 }
 
 .h170{
 
 height:170px;
 }
 
/* infobox */

.infobox-wide {
	float: left;
	margin: 10px 40px 20px 0;
    width: 604px;
    padding: 25px 10px 20px 10px;
    border: 1px solid #d7dded;
    position: relative;
}

.infobox-small {
	float: left;
    margin: 10px 20px 20px 0;
    padding: 10px 10px 20px;
    position: relative;
    vertical-align: bottom;
    width: auto;
}

.textboxsub{
	float: left;
	margin: 0 0 20px 0;
    
    padding: 0px 0px 0px 11px;
    border: 1px solid #d7dded;
    width:610px;
    vertical-align: bottom;
    position: relative;
    
}

.infobox-smallsub {
	float: left;
	margin: 10px 20px 10px 0;
    width: 290px;
    padding: 0px;
    vertical-align: bottom;
    position: relative;
}

.textboxsub .infobox-smallsub
{
    width: 279px;
}

.infobox-smallsub-link1 {
	
	
	float: left;
	margin: 10px 0px 10px 0;
    width: 280px;
    padding: 0px 20px 0px 10px;
    vertical-align: bottom;
    position: relative;
    background:  url("layout/pfeil-weiss-rot.png") no-repeat scroll right 10px center !important;
}

.infobox-smallsub-link {
float: left;
width: 264px;
padding: 4px 30px 4px 10px;
vertical-align: bottom;
position: relative;
background: transparent url("layout/pfeil-weiss-rot.png") no-repeat scroll right 0px center !important;
border: 1px solid #D7DDED;
}

.infobox-smallsub li.basecontract {
	padding-bottom: 10px; 
	margin-bottom: 20px;
	border-bottom: 2px solid #1d1d1b;
}


.textbox .infobox-smallsub-link:nth-child(even)
{
    margin:  5px 12px 20px 0px;
}

.textbox .infobox-smallsub-link:nth-child(odd)
{
    margin:  5px 0px 5px 0px;
}
.buttonbox-wide {
	margin: 0px 0px 10px 0px;
}


.buttonbox-wide .btnCancel {
	margin-right:10px;	
	margin-bottom: 10px;
}

.buttonbox-wide .btnCancel:hover {
	margin-right:10px;
	margin-bottom: 10px;
}

.buttonbox-wide .btn{
	margin-right:10px;
	margin-bottom: 10px;
}

.bottom-links {
	position: absolute;
	bottom:10px;
}


.infobox-wide h3,.infobox-small h3 {
	position: absolute;
	display: inline-block;
	margin: -37px 0 20px 10px;
	padding: 0 20px 0 10px;
	background: #007dc6;
	font-weight: bold;
	color: #000;
}
label.error
{
 color:red;   
}

.textbox label, .infobox-wide label, .infobox-small label {
	width: 100%;
	margin-bottom: 5px;
	display: block;
	float: left;
	font-weight: bold;
}

.textbox ul,.infobox-small ul, .infobox-wide ul {
	margin: 0;
}


.infobox-formular {
	width: 100%;	
	margin:20px 20px 0 0;
	float: left;
}

.infobox-formular input {
	margin: 0 0 10px 0;
	font-size:14px;
    
}

.infobox-login {
	float: left;  
	width: 100%;
}


.infobox-login input[type=submit], .infobox-wide input[type=submit], .infobox-small input[type=submit] {
	background: none repeat scroll 0 0 #007dc6;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: -6px 0 0 0;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    width: auto;	
    -webkit-appearance: none;
}



.infobox-link {
	display: block;
}

.zaehlerdaten select.zaehlername {
    width: 110px;
}
.zaehlerdaten input {
    width: 115px;
}
.zaehlerdaten input.radio {
    width: 20px;
}

input[readonly="readonly"] {
    background-color: #EEE;
    border: medium none;
    
}

input[type=checkbox]{
	border: none !important;
	float: left;
width: auto;
}
table.newmpcount, table.showAccountsCurrent,table.showDocuments 

{

width:100%;
}
table.newmpcount td,table.newmpcount  th { 
  padding-right:20px;
  text-align: right; 
  width:auto;
 
}

table.showAccountsCurrent td,table.showAccountsCurrent  th,table.showDocuments td,table.showDocuments th { 
  padding-right:20px;
  
  width:auto;
 
}

table.showAccountsCurrent tr,table.showDocuments tr{
vertical-align:top;

}
.pleft{
	
	
}
.gray{
	background-color: #eee;
    margin: 0;
    padding: 10px;
}
.elementBox_var13 {
    background-color: #eee;
    color: #666;
    font-size: 13px;
    height: auto;
    margin: 0 0 10px;
    overflow: visible;
    padding: 10px;
    width: 110px;
}

.elementBox_var13 a{ color: #666; }
.elementBox_var13 a:hover{ color: #000; text-decoration: none; }

.elementBox_var13 a.boxright {
    color: #666;
    font-size: 13px;
    text-decoration: none;
}
.elementLink a {
    background-position: left 3px;
    display: inline-block;
}
/* clearfix zum Aufheben der Floatumgebung */


.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear:both;
visibility: hidden;
}
.ui-menu .ui-menu-item {   
    text-align: left;
}
.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html #navi {margin-top: -5px; padding-bottom:7px;}
/* End hide from IE-mac */