html,body{
    font-family: 'robotolight';
    font-size: 14px;
    margin: 0px;
    color:#010B3E;
    padding: 0px;
    height: 100%;
}

#impressumLink, #datenschutzLink{
    text-decoration: none;
    color: #fff;
    font-family: 'robotomedium';
}

.hl{
width: 100%;
height:117px;
background-image: url(../img/bg_header_ornament.jpg);
background-repeat: repeat-x;
}

#container{
    width: 910px;
    margin: 0 auto;
    padding: 0px;
    position: relative; 
    clear: both;  
    top: -117px;
}

.c1, .c2{ 
    position: relative; 
    clear: both;   
}

.c1{
     height: 117px;
}
.c1 span{
color: #fff;
margin: 10px 20px;
padding: 0;
font-family: 'robotobold';
float: left;
}
.c1 span:nth-child(1){
font-size: 36px;
}
.c1 span:nth-child(2){
float: right;
margin-top: 20px;
margin-right: -20px;
width: 135px;
}

.c2{
     top: -20px;
     height: 135px;
}

.menu{
height: 135px;
width: 135px;
float:left;
margin: 0px 10px;
background-color:#cae1f5;
padding: 20px;
box-sizing: border-box;

font-family: 'robotobold';
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
cursor: pointer;
}

.menu:first-child{
margin-left: 0;
background-color:#e95d0f;
color: #fff;
}

.menu:last-child{
float: right;
margin-right: 0;
}

#inhalt{
    width: 910px;
}

.bodyHL{
   padding: 0px;
   float: left;
   width: 290px;
   vertical-align: top;
   box-sizing: border-box;
   padding: 20px;
   line-height: 1;
   font-family: 'robotobold';
   font-size: 36px;
   display: none;
   -moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.bodyHL:first-child{
   display: inline;
}

.bodyHL span:nth-child(1){
   margin-top: 40px;
   float: left;
   font-family: 'robotoregular';
   font-size: 14px;
   line-height: 1.5;
}


.bodyText{
    display: none;
}

.bodyText, #footerRechts{
    float: right;
    width: 600px;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 20px;
	position:relative;

}
.bodyText:not(#bodyText3){
    padding: 0 20px;
}

#bodyText0{
    display:  inline;
}

#aufhebungHL{
    padding: 40px 20px;
    clear: both;
}

#aufhebungText{
    padding: 10px 20px;
    clear: both;
    display: none;
}

.flyer{
    margin-top: 20px;
    padding: 20px 0;
    font-family: 'robotoregular';
    font-size: 14px;
    clear: both;
}

.flyer a{
    float: left;
}

.pdf{
    float: left;
    line-height: 96px;
    margin-left: 20px;
}


.klickPfeil{
    cursor: pointer;
    margin-top: 5px;
}





#footer{
    clear: both;
    height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */ 
    position: absolute;
    width: 910px;
    margin: 0 auto;
    padding: 0px;
   
}    

#footerLinks{
    background-image: url(../img/foot_oben.jpg);
    background-position:  top;
    background-repeat: no-repeat;
    width: 290px;    
    position: relative;
    height: 598px;
    top:0px;
}

#footerLinksBG{
    background-image: url(../img/foot_ornament_unten.png);
    background-position:  top;
    background-repeat: repeat-y;
    position: absolute;
    width: 290px;
    background-color: #00154A;
    height:auto !important; /* normale Browser */
    height:100%; /* IE6: setzt dies wie min-height um*/
    min-height:100%; /* normale Browser */
}

#footerRechts{
padding: 20px 20px;
}

#box{
width:210px;
height: 210px;
//border:2px solid red;
position: absolute;
margin: 40px;
}

#footerScroll{
overflow: hidden;
background-image: url(../img/bt_back_to_top.png);
background-position: top left;
width:210px;
height: 210px;

cursor: pointer;
position: absolute;
bottom: 0px;
display: none;

} 

	
	
#footerScroll span{
color: #fff;
font-family: 'robotobold';  
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;  

}

#selbstsperre, #fremdsperre{
    width: 290px;
    height: 290px;
    background-color:#e95d0f;
    color: #fff;
    font-family: 'robotobold';
    float: left;
    padding: 20px;
    font-size: 36px;
    box-sizing: border-box;
    line-height: 1;
    cursor: pointer;
}
#selbstsperre{
    margin-right: 20px;
}

#selbstsperre span, #fremdsperre span{
   margin-top: 20px;
   float: right;
   font-family: 'robotolight';
   font-size: 14px;
   line-height: 1.5;
   
}

hr{
    width: 100%;
    noshade: noshade;
    height: 1px;
    border: 0px solid #010B3E;
    background-color:#010B3E;
    
}
.lk{
    text-decoration: none;
    font-weight: bold;
    color:#010B3E;
}

ul {
  margin: 10px;
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "- ";
  text-indent: -5px;
}