html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: 'europasb_regularregular', 'europasb_lightlight', Arial,Helvetica, sans-serif;
    font-size: 100%;
    background: url(../img/kachel.jpg) #C0C0C0;
}


  
 
.wrapper{
    margin: 0px auto 0px auto;
    width: 1280px;
    overflow: hidden;
    height: auto !important;
    margin-top: 20px;
    color: #706f6f;
-webkit-box-shadow: -7px -7px 3px 0px rgba(158,149,158,1);
-moz-box-shadow: -7px -7px 3px 0px rgba(158,149,158,1);
box-shadow: -7px -7px 3px 0px rgba(158,149,158,1);  

}


header.top{
    height: 200px;
    width: 980px;
    margin: 0px auto 0px auto;
    padding: 0;
    overflow: hidden;
    position: relative;

   
}


a.logo{
    display: block;
    width: 260px;
    height: 129px;
    background: url(../img/Logo_dkc_neu.png);
    text-indent: -9999px;
    border: 0;
    margin: 60px 0 0 50px;
    padding: 0;
}

#navcontainer{
    margin: 175px 0 0 40px;
    width: 550px;
    border-top: 1px groove #00305d;
    z-index: 1;
    float: left;
    
}

#navcontainer ul{
    list-style-type: none;
    text-align: center;
    margin-top: -11px;
    padding: 0;
    position: relative;
    z-index: 2;
}

#navcontainer li{
    display: inline;
    text-align: center;
    margin: 0 30px;
    font-family: 'europasb_regularregular';
    text-transform: uppercase;
    font-size: 0.75em;

}

#navcontainer li a{
    padding: 1px 7px;
    color: #C0C0C0;
    background-color: #fff;
    border: 1px solid #C0C0C0;
    text-decoration: none;
}

#navcontainer li a:hover{
    color: #00305d;
    border: 1px solid #00305d;
    border-top: 2px solid #00305d;
    border-bottom: 2px solid #00305d;
}

#navcontainer li a#current{
    color: #00aeef;
    border: 1px solid #00aeef;
    border-top: 2px solid #00aeef;
    border-bottom: 2px solid #00aeef;
}

aside.info{
    background: #00aeef url(../img/dkc_haus.png) no-repeat center bottom;
    border-bottom: 3px #00aeef solid;
    width: 300px;
    height: 900px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
  
                       

a.dkchaus{
    display: block;
    text-indent: -9999px;


}

article.news{
    color: #fff;
    padding: 55px 60px 10px 20px;
    margin: 50px 0 0 0;
    height: 650px;
    overflow: auto;
    width: 260px;

}

ul.liste {
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    line-height: 1.2em;
    color: #fff;
    list-style: disc;
    padding: 0 0 0 15px;


}

aside.site{
    

    border-bottom: 1px solid #00aeef;  
    text-align: center;
    font-family: 'europasb_regularregular';
    font-weight: bold;
    font-size: 0.875em;
    color: #00305d;
    text-transform: uppercase;
    width: 260px;
    margin: 30px 0px 60px 50px;
    line-height: 1.75em;
    
}






.left{
    float: left;
}

.right{
    float: right;
}



section.main{

    width: 980px;
    height: 650px;
    padding: 0;
    margin: 50px auto 0px auto;
    border-bottom: 3px #706f6f solid;   
    position: relative;

    
    

}



h2{
    font-family: 'europasb_lightlight';
    font-size: 1.125em;
    color: #fff;
    line-height: 2em;
    border-bottom: 3px groove #fff;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
  
}
p.newstext{
    font-family: 'europasb_lightlight';
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
    margin: 30px 0 50px 0;
    text-align: left;

}

article.text{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    line-height: 1.375em;
    color: #706f6f;
    width:400px;
    padding: 0px 0px 0 30px;
    height: auto;
    border-left: 1px solid #00aeef;
    margin-left: 50px;
     
}
   

h1{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    color: #00305d;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0px;
    text-decoration: underline;
}

h3{
    font-family: 'europasb_lightlight';
    font-size: 1em;
    color: #00305d;

    margin-bottom: 20px;
    text-decoration: underline;
    display: inline;
}

ul.mainliste{
    margin: 0 0px 0 80px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;
 
}

ul.mainliste li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

} 



footer.bottom a{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    color: #706f6f;
    text-decoration: underline;
    border-right: 1px solid #00aeef;
    border-left: 1px solid #00aeef;
    padding: 0px 5px 0 5px;
}
footer.bottom a:hover{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    color: #C0C0C0;
    text-decoration: underline;
    border-right: 1px solid #00aeef;
    border-left: 1px solid #00aeef;
    padding: 0px 5px 0 5px;

}

footer.bottom a.blue{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    color: #00aeef;
    text-decoration: underline;
    border-right: 1px solid #00aeef;
    border-left: 1px solid #00aeef;
    padding: 0px 5px 0 5px;

}

footer.bottom{

    margin-top: 20px;
    text-align: center;
    width: 100%;

   
}
.besucher{
    margin: -100px 0px 0 50px;
    width: 100px;
    height: 78px;
    border-left: 2px solid #706f6f;
    border-right: 2px solid #706f6f;
    border-top: 2px solid #706f6f;
    padding: 10px;
}

aside.leistungenbox{
    background: #706f6f url(../img/dkc_haus.png) no-repeat center bottom;
    border-bottom: 3px #00aeef solid;
    width: 300px;
    height: 900px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}





article.leistungen{
    color: #fff;
    padding: 55px 60px 10px 20px;
    margin: 50px 0 0 0;
    height: 550px;
    overflow: auto;
    width: 260px;
}




ul.leistunglink {
    margin: 50px 0 0 0;
    list-style: none;
    
}
ul.leistunglink li a {
    font-family: 'europasb_lightlight';
    font-size: 1em;
    text-transform: uppercase;
    line-height: 2em;
    color: #fff;
    text-decoration: none;
    

}

ul.leistunglink li a:hover {
    font-family: 'europasb_lightlight';
    font-size: 1em;
    text-transform: uppercase;
    line-height: 2em;
    color: #00aeef;
    text-decoration: none;
    
}

.id1{
    color: #00aeef;
}

#id2 a {
    color: #00aeef;
}

span.hinweis{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    line-height: 1.4em;
    color: #706f6f;
}
span.hinweishome{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    line-height: 1.4em;
    text-align: left;
    color: #fff;
         
}                                          

span.zeiten{
    font-family: 'europasb_lightlight';
    font-size: 1em;
    line-height: 1.4em;

    color: #706f6f;
}
span.zeiten{
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    line-height: 1.4em;
    text-align: left;
    color: #fff;

}

h1.id3{
    font-family: 'europasb_lightlight';
    font-size: 1.125em;
    color: #C0C0C0;

    margin-bottom: 20px;
    text-decoration: underline;
}

ul.listlinks{
    margin: 0 0px 0 50px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;
   
}

ul.listlinks li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    
}

ul.listmitte{
    margin: 0 0px 0 20px;
    padding: 40px 0px 0 10px;
    border-left: 1px solid #00305d;

}

ul.listmitte li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

ul.listrechts{
    margin: 0 0px 0 20px;
    padding: 40px 0px 0 10px;
    border-left: 1px solid #00305d;

}

ul.listrechts li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

ul.listoben{
    margin: 0 0px 0 50px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;
    width: 800px;
}

ul.listoben li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

dl.listrechts{
    margin: 0 0px 0 20px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;

}

dl.listrechts dd{


    line-height: 1.25em;
    color: #706f6f;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    padding-top: 5px;
}

dl.listrechts dt{

    text-transform: uppercase;
    line-height: 1.25em;
    color: #00305d;
    font-family: 'europasb_regularregular';
    font-weight: bold;
    font-size: 0.875em;
    padding-top: 20px;
}








ul.listveredelnlinks{
    margin: 40px 0px 0 50px;
    padding: 0px 0px 0 20px;
    border-left: 1px solid #00305d;
    
}

ul.listveredelnlinks li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

ul.listveredelnrechts{
    margin: 40px 0px 0 50px;
    padding: 30px 0px 0 20px;
    border-left: 1px solid #00305d;
   
}

ul.listveredelnrechts li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}
ul.listdinlinks{
    width: 150px;
    margin: 40px 0px 0 50px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;

}

ul.listdinlinks li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}
ul.listdinmitte{
width: 150px;
    margin: 40px 0px 0 40px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;

}

ul.listdinmitte li{
width: 150px;
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

ul.listdinrechts{
    width: 170px;
    margin: 40px 0px 0 40px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;

}

ul.listdinrechts li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}





ul.listid2{
    margin: 0 0px 0 50px;
    padding: 0px 0px 0 15px;
    border-left: 1px solid #00305d;

}

ul.listid2 li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

ul.listid3{
    margin: 0 0px 0 30px;
    padding: 0px 0px 0 15px;
    border-left: 1px solid #00305d;

}

ul.listid3 li{
    margin-left: 14px;
    list-style: circle;
    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}







ul.kontakt{
    margin: 0 0px 0 50px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00305d;

}

ul.kontakt li{
    
    list-style: none;
    line-height: 1.5em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

ul.ansprechpartner{
    margin: 0 0px 0 30px;
    padding: 0px 0px 0 30px;
    border-left: 1px solid #00305d;

}

ul.ansprechpartner li{

    line-height: 1.875em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

.id5{
    list-style: none;
    line-height: 1.5em;
    color: #00305d;
   font-family: 'europasb_regularregular';
    font-weight: bold;
    font-size: 0.875em;
    
}



ul.zeiten{
    margin-top: 30px;
}

ul.zeiten li{
    
    font-family: 'europasb_lightlight';
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
    text-decoration: none;
    list-style: none;
 }
 
ul.zeitenhome{
    margin-top: 30px;
  
}
ul.zeitenhome li{

    font-family: 'europasb_lightlight';
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
    text-decoration: none;
    list-style: none;
    


 }

a.anfahrt{

    text-indent: -9999px;
    background-image: url(../img/anfahrtsskizze_webklein.jpg);
    display: block;
    width: 200px;
    height: 141px;
    border: 0;
    margin: 30px 0 0 0px;
    padding: 0;
    border: 1px solid #00305d;

}



aside.anfahrtbox{
    margin: 0 0px 0 20px;
    padding: 0px 0px 0 30px;
    border-left: 1px solid #00305d;
}




article.agblinks{
    margin: 0 0px 0 50px;
    padding: 0px 0px 0 10px;
    border-left: 1px solid #00aeef;
    list-style: circle;
    line-height: 1.25em;
    color: #706f6f;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    width: 400px;
    text-align: justify;
}


article.agbrechts{
    margin: 0 0px 0 20px;
    padding: 0px 0px 0 20px;
    border-left: 1px solid #00aeef;
    list-style: circle;
    line-height: 1.25em;
    color: #706f6f;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
    width: 400px;
    text-align: justify;
}


a.weiter{
    margin: 200px;
    color: #00aeef;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
}

a.back{
    margin: 200px;
    color: #00aeef;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;
}

ul.bank{
    margin: 0 0px 0 100px;
    padding: 0px 0px 0 20px;
    border-left: 1px solid #00305d;
    list-style: none;
}

ul.bank li{

    line-height: 1.5em;
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 0.875em;

}

a.mail{
    color: #00305d;
    font-family: 'europasb_lightlight';
    font-size: 1em;
    text-decoration: none;
}
a.mail:hover{
    color: #706f6f;
    font-family: 'europasb_lightlight';
    font-size: 1em;
    text-decoration: underline;
}

a.mailagb{
    color: #fff;
    font-family: 'europasb_lightlight';
    font-size: 1em;
    text-decoration: none;
}
a.mailagb:hover{
    color: #706f6f;
    font-family: 'europasb_lightlight';
    font-size: 1em;
    text-decoration: underline;
}
span.tab{
    text-align: right;
    white-space: pre-wrap;
    
}

