* {margin: 0;padding: 0;vertical-align: top;}
body {background-color: #d3dae0;}

.weiss 
{
width: 1020px;
padding: 0px;margin: 0px;
background-color: white;border: 1px solid #333;
}

.vdsl-logo
{
padding: 0;margin: 0;
border: 0px solid #ddd;
width: 280px;
height:92px;
float:left;
}

.vdsl-logo img {padding: 10px 0 0 2px;}
.vdsl-logo p {color:#999;padding:2px 0 0 14px;font-size:10px;text-align: left; font-family: Helvetica; font-weight: bold;}

.bannertop
{
padding: 2px 0px 0 5px;
margin-left: 2px;
border: 0px solid #ddd;
color: black;
float:left;
width: 728px;
height:92px;
}

#navleft
{
padding-top: 4px;
margin-left: 1px;
border-right: 1px solid #eaeaea;
color: black;
float:left;
width: 160px;
}

#navright{
padding: 0px 5px 5px 5px;
margin-left: 5px;
color: black;
float:left;
width: 200px;
}

#contentbox{
text-align: justify;	
font-size: 14px;
line-height:19px;
font-family: Helvetica, Arial;
padding: 3px 0px 5px 15px;
margin-right: 20px;
color: black;
float:left;
width: 595px;
}

#contentbox2{
text-align: justify;
font-size: 14px;
line-height:19px;
font-family: Helvetica, Arial;
padding: 3px 0px 5px 15px;
margin-right: 20px;
color: black;
float:left;
width: 815px;
}

#contentbox-news{
text-align: justify;	
font-size: 14px;
line-height:19px;
font-family: Helvetica, Arial;
padding: 3px 0px 5px 15px;
margin-right: 10px;
color: black;
float:left;
width: 595px;
}


#vdsl-footer
{
background-color: #e7ecef;
text-align: center;
margin-bottom: 20px;
padding-top:10px;
height: 22px;
width:100%;
}

#vdsl-footer span a
{
color: #8D8D8D; 
font-size: 12px;
font-family: Verdana, Arial;
background: url(../bilder/layout/footer-spacer.png) no-repeat bottom left;
padding: 6px 3% 5px 3%;
}

#last-erklaerung{
text-align: center;
color: #B1B1B1; 
font-size: 12px;
font-family: Verdana, Arial;
}

#last-erklaerung a{
color: #B1B1B1; 
font-size: 12px;
font-family: Verdana, Arial; text-decoration: none;
}


.clearthis{clear: left;}


/* NAVI Right */
.rbox {width: 200px;margin: 0px;font-size: 12px;}
.rbox fieldset {text-align: justify;
border: 1px solid #888;font-size: 12px;font-family: Helvetica, Arial;
color: #777; 
padding: 5px 5px 5px 8px;
width: 189px;}

.rbox fieldset p{padding-top:5px;}
.rbox fieldset a {color:#1C75C1;font-size: 12px;text-decoration: none;margin-left:0px;}
.rbox fieldset a:hover {color:#1C75C1;font-size: 12px;text-decoration: underline;}

.rbox legend {text-align: left;
font-size: 12px;
font-weight: bold;
font-family: Arial;
color: #082d63; 
padding: 0px 5px 1px 2px;}

a.rboxlink {font-size: 12px;padding-left:16px;background: url('../bilder/layout/singlepf-red.png') no-repeat left;}
a.rboxlink-tipp {font-size: 10px;padding-left: 14px;margin-top:3px; background: url('../bilder/layout/singlepf-red.png') no-repeat left;}
.rbox legend:before {content: url(../bilder/layout/bluebox.png);padding: 0 6px 0 6px;}

.rbox .rot {color: red;}

.rbox2 {width: 200px;margin: 0px;font-size: 12px;}
.rbox2 fieldset {border: 1px solid #888;font-size: 12px;font-family: Helvetica, Arial;color: #777; width: 205px;}

.inhaltbox {padding: 5px 8px 5px 8px;}
.inhaltbox a{padding: 0 3px 0 3px;}
.inhaltbox .rboxlink {font-size: 12px;padding-left:16px;background: url('../bilder/layout/singlepf-red.png') no-repeat left;}

.rbox2 fieldset a {color:#1C75C1;font-size: 12px;text-decoration: none;margin-left:-3px;}
.rbox2 fieldset a:hover {color:#1C75C1;font-size: 12px;text-decoration: underline;}
.headerblock {display:block;background-color:#707379;border-left:solid 20px #000;padding:2px 0 0 7px;height: 18px;font-size: 12px;font-weight: bold;font-family: Arial;color: #fff;}


/* -------------- */


/* NAVI Top */

#navtop-start
{
font-family: Verdana;
margin:5px 0 40px 0;
width: 140px;
height: 38px;
background-color:#383838;
/*background: url(../bilder/layout/nav/nav-passiv.png) repeat-x;*/
float:left;
}

#navtop-start a {
display:block;
padding:10px 0 0 10px;
text-decoration: none;
color: #fff;
font-size: 12px;
font-weight: bold;
margin-bottom:40px;
}

#navigation-top{
font-family: Verdana,Helvetica;
width:878px;
float:left;
background-color:#383838;
/*background: url(../bilder/layout/nav/nav-passiv.png) repeat-x;*/
height: 38px;
margin:5px 0 40px 0;
font-size: 12px;
font-weight: bold;
}

#navigation-top ul {list-style: none;margin:0;}
#navigation-top li {
float:left;
width:auto;
height: 38px;
}

#navigation-top li.spacer {
background: url(../bilder/layout/nav/spacer.png) no-repeat left top;
}

#navigation-top a{
font-size: 12px;float:left;
display:block;
width:auto;
padding:10px 15px 0px 15px;
color: #fff;
text-decoration: none;
height: 38px;
}

#navigation-top a:hover,#navigation-top a:active {
display: block;
width: auto;
background: url(../bilder/layout/nav/nav-active.png) repeat-x;
height: 38px;
color: #ffffff;
text-decoration: none;
padding:10px 15px 0px 15px;
}

#navigation-top span {
display: block;text-decoration: none;
}

#nav-rand{
float:right;padding-left:7px;
/*background: url(../bilder/layout/nav/rand.png) no-repeat;*/
height: 38px;
}

.abstand-links {padding-left:69px;}

/* -------------- */


/* mobile Navi*/

#navmobile {
     clear: both;
     margin: 20px 0;
     display: none;
 }
 
 #navmobile-toggle:hover {
     cursor: pointer;
 }
 
 #navmobile ul {
     list-style-type: none;
     list-style-position: inside;
     background-color:black;
 }
 
 #navmobile ul ul {
     display: none;
     margin-top: 12px;
     margin-bottom: -12px;
 }
 
 #mobile-toolbar img {
     padding: 10px;
     display: none;
 }
 @media only screen and (max-width: 960px) { 
     #mobile-toolbar img {
         display:inline-block;
     }
 }
 
 .mobile-wrapper li, .mobile-wrapper label {
     cursor: pointer;
     padding: 10px 0;
 }
 
 .mobile-wrapper li {
     color: white;
     font-family: arial;
     font-weight: bold;
     font-size: 20px;
 }
 .mobile-wrapper a {
     color: white;
     text-decoration: none;
 }
 
 .mobile-wrapper li:hover {
     color: #d0091e;
 }
 
 .submenu-before {
     transform: translateY(2px);
     transition: transform .2s ease-in-out;  
 }
 
 .mobile-submenu-active {
     transform: translateY(4px) rotate(90deg);
     transition: transform .2s ease-in-out;  
 }
 
 
 /*###########################################*/
 
 #mobilemenu {
     display: none;
 }

/* mobile Navi Ends */