html{
height: 101%;
}
body
{

         font-family: verdana;
         font-weight: regular;
         font-size: 12pt;
         margin:0;
         padding:0;
         border:0;

/*         overflow-y:scroll;     */
         background-image:url(../material/bg.jpg);
         background-repeat: repeat-x


}


#layout {

         width: 960px;
         margin: 0 auto;
         background-color: #fff;
         height: 101%;
}

#header {
         width: 960px;
         height: 200px;
         float: left;
}

#logo{
         width: 226px;
         height: 134px;
         margin-left: 27px;
         margin-top: 27px;
}

/* Dropdown Menü */

/* Hauptnavigation */
ul#navi {

         width: 774px;
         height: 40px;
         float: left;
         margin: 0;
         padding: 0;
         text-align: center;
         margin: 0px;
         padding: 0px;
}


/* Horizontale Menüpunkte */
ul#navi li {

         list-style: none;
         width: 129px;
         height: 25px;
         float:left;
         font-family: verdana;
         font-size: 10pt;
         color: #fff;
         position: relative;
         margin: 0;
         padding: 0px;
}



a.menu:link {
         /*background-image: url(../material/menue.jpg);*/
         background-color: #06c;
         width: 128px;
         height: 40px;
         float:left;
         color: #fff;
         text-align: center;
         text-decoration: none;
         font-weight: bold;
         border-right: 1px solid #fff;
}

a.menu:visited {
         /*background-image: url(../material/menue.jpg);*/
         background-color: #06c;
         width: 128px;
         height: 40px;
         float:left;
         color: #fff;
         text-align: center;
         text-decoration: none;
         font-weight: bold;
         border-right: 1px solid #fff;
}

a.menu:hover {
    /*     background-image: url(../material/menueh.jpg);    */
     background-color: #005ab5;
}

a.menu:focus{
         /*background-image: url(../material/menueh.jpg);*/
         background-color: #005ab5;
}


/* Vertikales Menü*/
ul#navi li ul {

         margin-left: 0px;
         padding-left: 0px;
         padding-top: 3px;
         background-color: #fff;
         width:179px;
         text-align: left;
         position: absolute;
         top: 40px;
         display: none;
         border: 1px solid #005ab5; /* Randfarbe */
         border-top: 1px solid #fff; /* Randfarbe */
         border-bottom: 6px solid #005ab5;

}

/* Schrift im vertikalen Menü*/
ul#navi li ul a {

         width: 160px;
         color: #666;
         padding-left: 20px;

}

/* Hovereffekt der Schrift im vertikalen Menü*/
ul#navi li ul a:hover {
         color: #005ab5;
         text-decoration: none;
         /*background-color: #000;*/
}

/* Anzeige der Navigationsbox*/
ul#navi li:hover ul {
         display: block;
         margin-left: -1px;
}

/* Anzeige der Schrift im vertikalen Menü*/
ul#navi li:hover ul li {
         display: block;
         margin-left: -1px;
         
}

/*
ul#navi li ul li {
         float: none;
         display: block;
}
*/

ul#navi a {
         display: block;
         line-height: 40px;
         text-decoration: none;
}


/* Schriftgröße Links*/
ul#navi li ul a {
         float: left;
         font-size: 9pt;
         line-height: 25px;
}

ul#navi li ul a:hover {
         text-decoration: none;
}

#naviende{
         /*background-image: url(../material/menue.jpg);*/
         background-color: #06c;
         float:left;
         height: 40px;
         width: 186px;
}

#line {
         background-color: #fff;
         height: 10px;
         width: 960px;
         float: left;
}

#line2 {
         background-color: #fff;
         height: 10px;
         width: 500px;
         float: left;
}

#cont_l {
         width: 160px; 
         float: left;
         background-color: #fff;
}

#sidebox_top{
         background-color: #fff;
         width:148px;
         text-align: left;
         margin-bottom: 3px;
         border: 1px solid #06c; /* Randfarbe */
         border-top: 24px solid #06c; /* Randfarbe */
         border-bottom: 6px solid #06c;
}

#side_abschaltung_cont{
   /* background-color: #000;          */
         background-image: url(../material/analogabschaltung.gif);
         background-repeat: none;
         width:148px;
         text-align: left;
         margin-bottom: 3px;
         border: 1px solid #06c; /* Randfarbe */
         border-top: 24px solid #06c; /* Randfarbe */
         border-bottom: 6px solid #06c;
}

#side_abschaltung_unter{
         margin-top: 100px;
         width: 148px;
         height: 40px;       
}

#sidebox{
         background-color: #fff;
         width:148px;
         text-align: left;
         margin-bottom: 3px;
         border: 1px solid #06c; /* Randfarbe */
         border-top: 6px solid #06c; /* Randfarbe */
         border-bottom: 6px solid #06c;
}


a.cont_r
{
         padding-left: 10px;
}

#cont_c{
         background-color: #fff;
         width: 638px;
         float: left;
         border-left: 1px solid #06c; /* Randfarbe */
         border-right: 1px solid #06c; /* Randfarbe */
         border-top: 24px solid #06c; /* Randfarbe */
         border-bottom: 6px solid #06c; /* Randfarbe */
}


#cont_c1 {
         background-color: #fff;
         width: 400px;
         float: left;
/*         border-top: 1px solid #06c;  Randfarbe */
}

#cont_c2 {
         background-color: #fff; 
         width: 238px;
         float: left;
/*         border-top: 1px solid #06c;  Randfarbe */
}



h1{
         font-size: 16pt;
         font-family: verdana;
         font-weight:bold;
         padding-left: 10px;
         padding-top: 5px;
         color: #06c;
}

h2{
         font-size: 10pt;
         font-family: verdana;
         font-weight:bold;
         padding-left: 10px;
         padding-top: 20px;
         color: #06c;
}

h3{
         font-size: 10pt;
         font-family: verdana;
         font-weight:bold;
         position: absolute;
         padding-left: 8px;
         margin-top: 5px;
         color: #fff;
}


.in{
         width: 250px;

}


.inbutton{
         margin-left: 10px;

}

.kontakttext{
         margin-left: 10px;
         margin-top: 10px;
         font-family:verdana;
         font-weight: regular;
         font-size:9pt;
         color:#333;
}

input[type='text'], textarea, select{
         border: 1px solid #333; /* Randfarbe */

}



.span{
        background-image: url(../material/refline.jpg);
        height: 1px;
}

#cont_r {
         width: 150px;
         float: left;
         padding-left: 10px;
         background-color: #fff;

}

#footer_text {
         font-size: 12px;
         font-family: verdana;
         color: #666;
         position: absolute;
         margin-left: 88px;
         margin-top: 3px;
         text-decoration: none;
}

#footer {
         background-image: url(../material/footer.jpg);
         width: 960px;
         height: 30px;
         float: left;
}

a.footer:link{
         font-size: 8pt;
         font-family: verdana;
         color: #666;
         position: absolute;
         margin-left: 17px;
         margin-top: 3px;
         text-decoration: none;
}

a.footer:visited{
         font-size: 8pt;
         font-family: verdana;
         color: #666;
         position: absolute;
         margin-left: 17px;
         margin-top: 3px;
         text-decoration: none;
}

a.footer:hover{
         color: #06c;
         text-decoration: underline;
}

#footer2 {
         background-image: url(../material/footer.jpg);
         width: 960px;
         height: 30px;
         float: left;
}

a.footer2:link{
         font-size: 8pt;
         font-family: verdana;
         color: #666;
         position: absolute;
         margin-left: 95px;
         margin-top: 3px;
         text-decoration: none;
}

a.footer2:visited{
         font-size: 8pt;
         font-family: verdana;
         color: #666;
         position: absolute;
         margin-left: 95px;
         margin-top: 3px;
         text-decoration: none;
}

a.footer2:hover{
         color: #06c;
         text-decoration: underline;
}


a:link{

         color: #06c;

}

a:visited{

         color: #06c;

}

a.sidemenu:link{
         font-size: 9pt;
         font-family: verdana;
         color: #666;
         text-decoration: none;
         padding-left: 7px;
         line-height: 23px;
}

a.sidemenu:visited{;
         font-size: 9pt;
         font-family: verdana;
         color: #666;
         text-decoration: none;
         padding-left: 7px;
         line-height: 23px;
}

a.sidemenu:hover{
         color: #06c;
}