body {
         background: #f2f4f8 url(../img/bg_blue.jpg) repeat-x;
         color: #FFFFFF;
         text-align: left;
         margin: 0px;
         padding: 0px;
         font-weight: normal;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         color: #333333;

         }

#wrapper {
         display: block;
         background: url(../img/#.jpg) center top no-repeat;
         height: 100%;
         min-width: 1024px;
         margin: 0px auto;
         }
#header {
         display: block;
         background: url(../img/header.jpg) center top no-repeat;
         height: 302px;
         width: 100%;
         margin: 0px auto;
         }

#headline{
         background: url(../img/kanister.jpg) center top no-repeat;
         height: 91px;
         width: 100%;
         margin: 0px;
         display: block;
         margin: 0px auto;
         }

.inner_wrapper {
         display: block;
         background: url(../img/#.jpg) center top no-repeat;
         height: 100%;
         width: 960px;
         margin: 0px auto;
         padding: 10px 0px 0px 0px;
         }
table {
         margin: 0px;
         padding: 0px;
         font-size: 14px;
         }

.container {
         float: left;
         height: 100%;
         width: 300px;
         margin: 0px 10px 10px 10px;
         padding: 0px;
         }

.adresse {
         float: left;
         background: url(../img/adressebg.jpg) left top no-repeat;
         height: 100%;
         width: 440px;
         margin: 10px;
         padding: 45px 0px 0px 0px;
         min-height: 400px;
         vertical-align: top;
         }

.adresse > table {
         margin:  0px 0px 0px 40px;
         padding: 0px 0px 0px 0px;

         }

.fusszeile {
         text-align: center;
         margin: 5px;
         color: #BFBFBF;
         font-size: 10px;
         letter-spacing: 1px;
         }

.container_footer {
         float: left;
         height: 250px;
         width: 23%;
         margin: 0px;
         border:1px solid #f2f4f8;
         padding: 25px 0px 25px 10px;
         }



.container_footer:hover {
         float: left;
         height: 250px;
         width: 23%;
         margin: 0px;
         padding: 25px 0px 25px 10px;
         border:1px solid #c2d3df;
         background: #d9e8f1;
 }

.container_index {
         float: left;
         height: 100%;
         width: 450px;
         margin: 10px;
         padding: 10px 0px 10px 0px;
         border:1px solid #f2f4f8;
         min-height: 250px;
         }

.container50 {
         float: left;
         height: 100%;
         width: 450px;
         margin: 10px;
         padding: 10px 0px 10px 0px;
         border:1px solid #f2f4f8;
         min-height: 250px;
         }

.container50:hover {
         float: left;
         height: 100%;
         width: 450px;
         margin: 10px;
         padding: 10px 0px 10px 0px;
         min-height: 250px;
         border:1px solid #f2f4f8;
         min-height: 250px;
         }

.line {
         clear: left;
         background: url(../img/line.jpg) repeat-x;
         height: 30px;
         width: 100%;
         margin: 0px 0px -30px 0px;
         padding:0px;
         display: block;
         }
.produkt {
         float: left;
         border: 0px;
         background: #DFDFDF;
         margin: 0px 10px 0px 0px;
         padding: 10px;
         }



a:link {
         color: #6F6F6F;
         text-decoration: none;
         font-size : 16px;
         }

a:visited {
         color: #6F6F6F;
         text-decoration: none;
         font-size : 16px;
         }

a:hover, a:active {
         color: #336799;
         text-decoration: none;
         font-size : 16px;
         }

.footer {
         padding: 0px 14px 5px 0px;
         float: left;
 }


a.footerlink {
         color: #336799;
         font-size: 18px;
         font-weight: lighter;
         letter-spacing: 1px;
         text-align: left;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }

a:hover.footerlink {
         color: #6f6f6f;
         font-size: 18px;
         font-weight: lighter;
         letter-spacing: 1px;
         text-align: left;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }

h1 {
         color: #336799;
         font-size: 18px;
         line-height: 1.5px;
         font-weight: lighter;
         letter-spacing: 1px;
         text-align: left;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }

h2 {
         color: #336799;
         font-size: 18px;
         font-weight: bold;
         line-height: 1.5px;
         letter-spacing: 1px;
         text-align: left;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }
h3 {
         color: #336799;
         font-size: 18px;
         font-weight: lighter;
         letter-spacing: 1px;
         margin: 0px;
         padding: 0px;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }

h4 {
         color: #336799;
         font-size: 40px;
         font-weight: normal;
         letter-spacing: 1px;
         text-align: left;
         margin: 0px;
         padding: 0px;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }

h5 {
         color: #AFAFAF;
         font-size: 16px;
         font-weight: normal;
         letter-spacing: 0px;
         text-align: left;
         margin:  0px 0px -12px 0px;
         padding: 0px;
         font-family: Tahoma, "Trebuchet MS", Helvetica, Arial,Verdana,sans-serif;
         }



p {
         font-size: 14px;
         color: #6F6F6F;
         }

hr {

  height:0;
  border-bottom:1px;
  border-color: #BFBFBF;
         }

.footernavi{

  position: fixed;
  bottom:0px;
  left: 0px;
  width: 100%;
  height: 30px;
         border:1px solid #c2d3df;
         background: #d9e8f1;
         }


a.button {
float: left;
text-align: center;
margin:  30px 0px 0px 0px;
padding:  12px 0px 0px 0px;
color: #336799;
font-size : 1.2em;
text-decoration: none;
display:block;
width:190px;
height:37px;
background:transparent url('../img/button_hover.jpg') no-repeat top left;
}

a.button:hover {
float: left;
text-align: center;
margin:  30px 0px 0px 0px;
padding:  12px 0px 0px 0px;
color: #336799;
font-size : 1.2em;
text-decoration: none;
display:block;
width:190px;
height:37px;
background:transparent url('../img/button_hover.jpg') no-repeat bottom left;
}

a.button2 {
float: left;
position: relative;
bottom: 0px;
right: 0px;
text-align: center;
margin:  5px 10px 0px 0px;
padding:  0px 0px 0px 0px;
color: #336799;
font-size : 1.2em;
text-decoration: none;
display:block;
width:135px;
height:22px;
background:transparent url('../img/button_hover2.jpg') no-repeat top left;
}

a.button2:hover {
float: left;
position: relative;
bottom: 0px;
right: 0px;
text-align: center;
margin:  5px 10px 0px 0px;
padding:  0px 0px 0px 0px;
color: #FFFFFF;
font-size : 1.2em;
text-decoration: none;
display:block;
width:135px;
height:22px;
background:transparent url('../img/button_hover2.jpg') no-repeat bottom left;
}


a + ol, a +  ul, a +  li {list-style:none; margin: 0px 0px 0px -20px;}
ol, ul, li {list-style:none; }
ul.breadcrumbs > li {list-style:none; margin: 5px 0px 10px 0px; display:inline; float:left;}
ul.breadcrumbs {list-style:none; margin: 0px 40px 0px -42px; display:inline; float:left; left: 0px;}
ul.subnav > li {list-style:none; margin: 5px 0px 10px 0px; display:inline; float:left;}
ul.subnav {list-style:none; margin: 0px -40px 0px 0px; display:inline; float:left; right: 0px;}
ul.subnav li a {font-size: 15px; letter-spacing: -0.5px;}
ul.breadcrumbs li a {font-size: 15px; letter-spacing: -0.5px;}



ul#mainMenu{position:absolute; top:251px; padding:0 0px;}

ul#mainMenu li{float:left; }

ul#mainMenu li a:link,
ul#mainMenu li a:visited{color: #FFFFFF; display:block; height: 27px; padding: 8px 0px 0px 18px; background:transparent url(../img/spriteset.jpg) 0 0 no-repeat}

ul#mainMenu a{position:static}



ul#mainMenu li.home a{background-position:0px 0; width: 72px}

ul#mainMenu li.unsere_produkte a{background-position:-90px 0; width: 180px}

ul#mainMenu li.links a{background-position:-287px 0; width: 66px}

ul#mainMenu li.wir_ueber_uns a{background-position:-371px 0; width: 142px}



ul#mainMenu li.home a:hover,
ul#mainMenu li.home a:focus{color: #336799; background-position:0px -35px; width: 72px}

ul#mainMenu li.unsere_produkte a:hover,
ul#mainMenu li.unsere_produkte a:focus{color: #336799; background-position:-90px -35px; width: 180px}

ul#mainMenu li.links a:hover,
ul#mainMenu li.links a:focus{color: #336799; background-position:-287px -35px; width: 66px}

ul#mainMenu li.wir_ueber_uns a:hover,
ul#mainMenu li.wir_ueber_uns a:focus{color: #336799; background-position:-371px -35px; width: 142px}



ul#mainMenu li.home.current_page_item a{color: #336799; background-position:0px -35px; width: 72px}

ul#mainMenu li.unsere_produkte.current_page_item a{color: #336799; background-position:-90px -35px; width: 180px}

ul#mainMenu li.links.current_page_item a{color: #336799; background-position:-287px -35px; width: 66px}

ul#mainMenu li.wir_ueber_uns.current_page_item a{color: #336799; background-position:-371px -35px; width: 142px}

















         legend {
        font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #333333;
}

.formtitle {
        font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #333333;
}


textarea {
        width: 50%;
        padding: 2px;
        font: normal 12px Verdana, sans-serif;
        border: 1px solid #828790;
        height: 100px;
        background: #f2f4f8;
        color: #333;
}

input.button {
        margin: 0;
        font: bolder 12px Arial, Sans-serif;
        border: 1px solid #d5d7db;
        padding: 1px;
        background: #f2f4f8;
        color: #CC0000;
}

.error_msg {

        padding: 4px;
        background-color: #ffeeee;
        border: 1px dotted #cc0000;
        margin: 5px 0px 5px 0px;
        color: #cc0000;
}

.error { color: #cc0000; }

fieldset {
        width: 0px;
        border: 0px none;
        padding: 10px;
}

/*div.formgenerator label,*/
div.formgenerator .controlset span {

        display: block;
        float: left;
        text-align: right;
}

div.formgenerator label { margin: 0px; }
div.formgenerator .controlset span {        margin: 0px 0px 0px 0px; }
div.formgenerator .controlset label {
        display: inline;
        float: none;
}

div.formgenerator .controlset input { margin: 0px 0px 0px 10px; }
div.formgenerator input { background: #d5d7db url(../img/input2.jpg) no-repeat; border: 0px solid #d5d7db; height: 24px;
        margin: 2px 0px 8px 0px; padding: 6px 0px 0px 10px;
}
div.formgenerator select { background: #d5d7db url(../img/input2.jpg) no-repeat; border: 0px solid #d5d7db; height: 30px;
        margin: 2px 0px 8px 0px; padding: 0px 0px 0px 10px;
}

div.formgenerator textarea { background: url(../img/textfeld.jpg) no-repeat; border: 0px solid #e3e2e4; height: 30px;
        margin: 2px 0px 8px 0px;  padding: 10px 0px 0px 10px;
}