* { /* 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;
}

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

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	color: #555555;
	margin: 0; 
	padding: 0;
    text-align: center;
    background: #fff;
   width:20.5cm;
    }


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: #e30513;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1em;
    margin: 0 0 20px 0;
}

h2 {
    color: #000;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    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.5em;
    margin: 0 0 1em;
	}    

a {
	text-decoration: none;
	color: #da0227;
    }
	
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;
}
    


/** 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:20.5cm;
    }

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


/** Header - Kopfbereich  */

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

/** topnav  */

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

#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: #e30513;
}

#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: #e30513;
}

#nav .selnav { 
	display: none;
	}

/** main - conten-Bereich  */

#main {
	background: #FFFFFF;
    margin: 0;
    min-height: 100%;
    clear: both;
    width: auto;
    padding: 30px 28px 30px 68px;
    }

#col1 {
	    visibility: hidden;
    display: none;
}
    }

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

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

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

#col1 #loginKasten h3 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1px;
    padding: 10px 0px 10px 20px;
    background: #bbb;
}

#col1 #loginKasten form {
    background: #ddd;
    padding: 20px;
    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 {
    border-top: 1px solid #fff;
    list-style-type: none;
    margin: 0 0 20px 0;
    overflow: hidden;
    width: 100%;
}

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

#submenu li {
    background: #ddd;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 1.5em;
}

#submenu li:last-child a { border-bottom: 1px solid #ddd;}

#submenu a, #submenu span {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #fff;
    color: #000;
    display: block;
    padding: 12px 10px 12px 10px;
    text-decoration: none;
}

#submenu a:hover, #submenu a.nav_selected, #submenu span {
    background: url(layout/pfeil-rot.png) no-repeat scroll right center #fff;
    color: #e30513;
}

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

#submenu a, #submenu span {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #fff;
    color: #000;
    display: block;
    padding: 12px 10px 12px 20px;
    text-decoration: none;
}
#submenusmall{display:none;visibility:hidden;}
    
#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 {
    margin: 0 0 0 0px;
    position: relative;
    width: auto;
    z-index: 1;
	}

#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 0px 0px;
    z-index: 2;
}



/* breadcrumb */

#brotkrumen {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    overflow: hidden;
    height: 36px;
    padding: 0 68px;
}

#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: 5px 14px 4px 17px;
    text-transform: uppercase;
}

#brotkrumen ul li a, #brotkrumen ul li span {
   
    color: #555555;
    display: block;
    float: left;
    font-size: 14px;
    padding: 9px 14px 6px 17px;
}

#brotkrumen ul li span {
    
}

#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 #ddd;
    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; 
}



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

input.right{
text-align:right;
}



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

}

a.btn {
   display:none;
}
a.btn:hover { text-decoration:none; }
a.btn:focus  { text-decoration:none; }
a.btn:link   { text-decoration:none; }
a.btn:active    { text-decoration:none; }
a.btn:visited     { text-decoration:none; } 

textarea{width:93%;}
input.CMSSuchformularSubmit, input.btnLogin, input.btn {
    display:none;
}
.btn[type="submit"]:disabled {
    background-color: #dddddd !important;
	cursor:default;
} 

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


input.btnLogin {
    margin: 0;
}

/* Footer */

#footer {
    background: none ;
    clear: both;
    padding: 0;
    color: #444;
}

#footer_content {
    overflow: hidden;
    padding: 0px 0px;
	font-size: 10pt;
}

#footer .kasten {
    margin: 0 20px 20px 0;
    width: 226px;
    float: left;
}

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;
}

#footer p a:hover.oben, #footer p a:hover.drucken {
    border:none;
}

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

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

#footer .kasten p a:hover {
    border-bottom: 1px solid #555;
    display: inline-block;
    line-height: 1em;
    text-decoration: none;
}

#footer #kasten-rechts {
    display: none;
}

#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 #ddd;
}

.textbox h3{
	display: inline-block;
	margin: 0 0 20px 0px;
	font-weight: bold;
	color: #000;
}

.textbox ul {
	margin: 0;
}

.h200{
 
 heeight:200px;
 }
 
 .h250{
 
 heeight:250px;
 }

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

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

.infobox-small {
	float: left;
	margin: 10px 20px 20px 0;
    width: 280px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #ddd;
    
    vertical-align: bottom;
    position: relative;
}

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


float: right;
margin: 0px 35px 10px 0px;
}

.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: #fff;
	font-weight: bold;
	color: #000;
}


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

.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 #e30513;
    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[type=checkbox]{
	border: none !important;
	float: left;
width: auto;
}
table.newmpcount

{

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

/* clearfix zum Aufheben der Floatumgebung */


.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear:both;
visibility: hidden;
}
#header_rechts{

visibility: hidden;
}

.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 */