* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
    margin: 0;
    padding: 0;
}
.ds h3{
    display:block!important;
    margin-top:5px!important;
    color:#000!important;
    font-size:16px!important
}

.ds h2{
    color:#20539e!important;
    font-size:20px!important;
}
.ds ul{

}

.ds li{
    padding-left: 20px;
    padding-bottom: 3px;
}

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;
    background: url(layout/bg.gif);
}

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: #117f5c;
    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: #fff;
}

a:hover {
    text-decoration: underline;
}
#logopng{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #b0b1b2;
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);


    overflow: hidden;
    padding-top: 0px;
    margin-top: 15px;

    position: absolute;
    z-index: 200;

}

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:#117f5c;
    cursor:pointer;
}



.click
{

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

.textboxsub.click
{
    background:  url("layout/pfeil-weiss-orange.png") no-repeat scroll right 0px center !important;
}
.textbox.click{
    background:  url("layout/pfeil-weiss-orange-kurz.png") no-repeat scroll  right 10px top 30px !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;


    width: 100%;


    background-color: #4175a5;
    background: #4175a5;
    color: #fff;
    height: 40px;
    overflow: visible;
    margin-bottom: 130px;

}

#header_rechts{

    height: 180px;
    margin-top: 40px;
    margin-left: -320px;
    width: 68.84375rem;
}

#header a#logo {
    left: 1.2rem;
    position: absolute;
    z-index: 150;
    top: 6rem;
    font-size: 1.2rem;
    color: #4175A5;
    line-height: 1.1;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
}

/** topnav  */

#topnav, #topnavMobile {
    top: 0px;
    position: absolute;
    left: 318px;
    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: #117f5c;
}

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

#nav .selnav {
    display: none;
}

/** main - conten-Bereich  */

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

#col1 {
    float: left;
    margin: 0;
    width: 308px;
    z-index: 3;
}

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

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

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

#col1 #loginKasten h3 {
    color: #fff;
    text-transform: uppercase;

    padding: 10px 0px 10px 20px;
    background: #20539e;
}

#col1 #loginKasten form {
    background: #1ba77f;
    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 #C8D100;
    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: #C8D100;
    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 #C8D100;}
#submenu li:last-child a:hover {
    border-bottom: 1px solid #C8D100;
}

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

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

#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 #117f5c;
    color: #4175A5;
    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 205px;
    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 70px 30px;
    z-index: 2;
}



/* breadcrumb */

#brotkrumen {
    border-bottom: 1px solid #1ba77fddd;
    border-top: 1px solid #1ba77fddd;
    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 {
    /*    background: url("layout/pfeil-grau.png") no-repeat scroll left 15px transparent;*/
    color: #555555;
    display: block;
    float: left;
    font-size: 14px;
    padding: 9px 14px 6px 17px;
}

#brotkrumen ul li span {
    color: #117f5c !important;
}

#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 #4175A5;
    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 {

    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-top:10px;
    /*margin: -6px 0 0 10px;*/
    white-space: nowrap;
    padding: 10px 40px 10px 20px !important;
    position: relative;
    text-transform: uppercase;
    width: auto;
    -webkit-appearance: none;
    background: url(layout/pfeil-weiss.png) no-repeat scroll right 20px center #1ba77f !important;
}
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 {

    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 10px 0 0 0px;
    padding: 0px 40px 0px 20px !important;
    position: relative;
    text-transform: uppercase;
    width: auto;
    -webkit-appearance: none;
    background: url(layout/pfeil-weiss.png) no-repeat scroll right 20px center #C8D100 !important;
}
.btn[type="submit"]:disabled {
    background-color: #1ba77fddd !important;
    cursor:default;
}

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


input.btnLogin {
    margin: 0;
}

/* Footer */

#footer {
    background-color: #4175A5;
    padding: 15px 0 30px 0;
    background-position: right 25px;
    background-repeat: no-repeat;


    clear: both;

    color: #fff;
}

#footer_content {
    overflow: hidden;
    padding: 20px 68px;
}

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

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



#footer .kasten p a {

}

#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 {
    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: 624px;
    padding: 0 0 20px 0;
    position: relative;
    border-bottom: 1px dashed #20539e;
}

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

.textbox ul {
    margin: 0;
}

.h80{

    height:80px;
}

.h100{

    height:100px;
}

.h200{

    height:200px;
}

.h250{

    height:250px;
}

.h300{

    height:300px;
}

.h350{

    height:350px;
}
.h370{

    height:370px;
}

.h440{

    height:440px;
}

.h170{

    height:170px;
}

/* infobox */

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

.infobox-small {
    float: left;
    margin: 10px 0px 20px 0;
    width: 280px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #1ba77f;

    vertical-align: bottom;
    position: relative;
}

.textboxsub{
    float: left;
    margin: 0px;

    padding: 0px 0px 0px 11px;
    border: 1px solid #1ba77f;
    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-orange.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-orange.png") no-repeat scroll right 0px center !important;
    border: 1px solid #1ba77f;


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

.textbox .infobox-smallsub-link:nth-child(odd)
{
    margin:  5px 0px 5px 0px;
}
.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: #20539e;
    font-weight: bold;
    color: #000;
}
label.error
{
    color:red;
	white-space:none;
}

.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 #117f5c;
    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;

}
.currency{
	width: 90% !important;
	
}
/* 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 */