body {
        font-family:Arial,Verdana,"Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",sans-serif;/*"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif */
        font-size:0.9em;
         line-height:2em;
        margin:0;
        background:#E0E8E3 url(../images/bg.jpg) repeat-x;
        color:#000;
        text-align:center;
}
#site {
        margin:0px auto;
        width:836px;
        background-color:#fff;
        text-align:left;
}

#logo{width:780px;
      height:70px;
      margin-top:55px !important;
      margin-left:40px;
      position:absolute;

      }


#logo img{
      width:240px;
      height:118px;
      margin-left:540px;
      position:absolute;
      top:-40px;
      }


#logo h1.titelheader {
        color:#236B36; /*#487F61 #427465*/
         font-family:Arial,Verdana,"Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",sans-serif;/*"Georgia,times,Times New Roman,times-roman,georgia,serifTrebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
         font-size:1.4em;
        padding-left:10px;
         margin-top:0px;
         font-weight:600;
        }

#img_head {
        height:360px;
}


.natur {        background:url(../images/header_naturbaustoffe3.jpg) no-repeat;}

.notdienst {     position:absolute;
                margin-left:690px;
                padding-top:70px;
                opacity: 1;
                -moz-opacity: 1;
                filter:alpha(opacity=97);

                overflow: hidden;
                z-index: 30;}



 #sub_navi p {line-height: 1.4em;}




#meta_navi {

        font-size:11px;
        color:#fff;
        height:25px;
}

#kontakt a:link, #kontakt a:active, #kontakt a:visited {
        float:right;
        color:#fff;
        height:20px;
        padding:5px 14px 0 14px;
        background:url() repeat-x;
        text-decoration:none;
        margin-right:1px;
         font-weight:700;
         font-size:1.2em;
}

#kontakt a:hover {
        background:url() repeat-x;
}

#kontakt a.active:link, #kontakt a.active:active, #kontakt a.active:visited {
        float:right;
        color:#fff;
        height:20px;
        padding:5px 14px 0 14px;
        background:url() repeat-x;
        text-decoration:none;
        margin-right:1px;
}

#anfahrt a:link, #anfahrt a:active, #anfahrt a:visited {
        float:right;
        color:#fff;
        height:20px;
        padding:5px 14px 0 14px;
        background:url(../images/meta_anfahrt.gif) repeat-x;
        text-decoration:none;
        margin-right:1px;
}

#anfahrt a:hover {
        background:url(../images/meta_anfahrt_on.gif) repeat-x;
}

#anfahrt a.active:link, #anfahrt a.active:active, #anfahrt a.active:visited {
        float:right;
        color:#fff;
        height:20px;
        padding:5px 14px 0 14px;
        background:url(../images/meta_anfahrt_on.gif) repeat-x;
        text-decoration:none;
        margin-right:1px;
}

#impressum a:link, #impressum a:active, #impressum a:visited {

         float:right;
        color:#fff;
        height:20px;
        padding:5px 14px 0 14px;
        background:url() repeat-x;
        text-decoration:none;
        margin-right:1px;
         font-weight:700;
         font-size:1.2em;
}

#impressum a:hover {
        background:url() repeat-x;
}

#impressum a.active:link, #impressum a.active:active, #impressum a.active:visited {
        float:right;
        color:#fff;
        height:20px;
        padding:5px 14px 0 14px;
        background:url() repeat-x;
        text-decoration:none;
        margin-right:1px;
}

#main_navi {
        width:215px;
        margin:95px 0 0 8px;
        border-bottom:1px solid #E3EEE8;
}

#main_navi a:link, #main_navi a:active, #main_navi a:visited {
        display:block;
        color:#000;
        width:215px;
        line-height:23px;
        text-indent:40px;
        text-decoration:none;
        border-top:1px solid #E3EEE8;
}

#main_navi a:hover {
        background:url(../images/main_navi_bg.gif) no-repeat;
}

#main_navi a.active:link, #main_navi a.active:active, #main_navi a.active:visited {
        display:block;
        color:#000;
        width:215px;
        line-height:23px;
        text-indent:40px;
        text-decoration:none;
        border-top:1px solid #E3EEE8;
        background:url(../images/main_navi_bg.gif) no-repeat;
}


/*
#brotkruemel p {

padding-top:80px;
padding-bottom:10px;
padding-left:50px !important;
width:200px;
float:right;
top:260px;
        position:absolute;
         font-size:1em;
        color: #D44139;
        font-family: "Trebuchet MS",Times, "Times New Roman", serif;
        font-weight: 300;

         }
*/


#content_cnt {
        line-height:16px;
        width:836px;
}

#sub_navi_cnt {
        float:left;
        width:265px;
        background:url(../images/sub_navilong1_bg.jpg) no-repeat 12px 0px;
}

#sub_navi {
        width:200px;
        margin:18px 10px 20px 44px;
}

#sub_navi h2 {
        color:#236B36;
}

#sub_navi a:link, #sub_navi a:active, #sub_navi a:visited {
        display:block;
        color:#000;
        line-height:23px;
        text-decoration:none;
}

#sub_navi a:hover {
        text-decoration:underline;
}

#sub_navi a.active:link, #sub_navi a.active:active, #sub_navi a.active:visited {
        display:block;
        color:#000;
        line-height:23px;
        text-decoration:underline;
}


.clear {
        clear: both;
        height: 1px;
        overflow: none;
}

#content { position:relative;
        /*margin-top:-200px; */
        float:right;
        width:512px;
        padding:0 43px 7px 0;
         margin-top:10px;
}

#content a:link, #content a:active, #content a:visited {
        color:#236B36;
        text-decoration:underline;
}

#content a:hover {
        color:#D44139;
}

h1 {
        font-size:1.8em;
        font-weight:normal;
        margin:10px 0 24px 0;
        color:#427465; /*#34694C*/
}

h2 {
        font-size:1.2em;
        margin:0 0 24px 0;
        color:#236B36;   /*#487F61*/
         padding-top:10px;
}

h3 {
        font-size:1.1em;
                line-height: 1.2em;
        margin:0 0 15px 0;
        color:#236B36; /*#487F61#427465*/
         font-weight:700;
}

h3.titel {
        color:#000000 ;   /*#9AA557 */
        font-size: 1.030em;
         text-transform:uppercase;
         letter-spacing:0.04em;
        line-height: 1em;
        font-family: Arial,Verdana,"Trebuchet MS","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",sans-serif;
        font-weight: 600;
        margin-top: 1.2em;
        margin-left: -15px;
        padding: 0 0 0 15px;
}

h4 {
        font-size:0.9em
        margin:0 0 15px 0;
        color:#000;  /*#515151*/
}


/*Formatierung Tietel*/
h1.t span {
border-bottom:1px solid #fff;
padding-bottom:2px;
}


h1.t {
border-bottom:5px solid #236B36;/*#005F00#487F61*/
color:#000;
font-family:Arial,Verdana,sans-serif; /*Georgia,times,Times New Roman,times-roman,georgia,serif*/
font-size:1.6em;
font-weight:700;
letter-spacing:1px;
line-height:25px;
margin:7px 0pt 14px;
padding:0px 0px 3px 0px;
}

#content p{
        margin:0;
         line-height: 1.6em;
        padding-bottom:1.2em;

}

br {padding-bottom:2em;
line-height: 1.6em;
}

span {
        color:#000000;  /*#fd2514 */
}

.clear {
        clear:both;
        overflow:hidden;
        height:1px;
}

.img_r {
        width:165px;
        padding:7px;
        background-color:#eee;
        border:1px solid #ccc;
        margin-bottom:15px;
}

.img_t {
         float:right;
        padding:4px;
        background-color:#fff;
        border:1px solid #E9E9E8; /*#E9E9E8*/
        margin-bottom:6px;
         margin-left:6px;
}

#footer {
        width:836px;
        height:77px;
        background:url(../images/footer.jpg) no-repeat;
}



#footer a.top{
        margin-left:680px;
         padding:0px;
         border-bottom:  1px dashed;
         text-decoration: none;
         font-weight:700;
         color:#000000; /*#606B1A*/
         }

table.logos {
        border-top:1px solid #ccc;
}

.logos td {
        border-bottom:1px solid #ccc;
        padding:8px 0 8px 0;
}


/*Bilderliste Startseite Leistungen*/


div.bilderliste {
        float: left;
        margin: 0 10px 10px 0;
}
div.bilderliste img {
        padding: 4px;
        border: 1px solid #236B36;
}
        div.promotehome h3 {
                margin: 3px 3px;
                font-size: 14px;
                font-weight: 500;
        }
#content ul.list,li{ margin: 0; list-style-type: none; position: relative; }

 li { background: #fff url('../images/bullet_list.gif') no-repeat 15px 2px;
padding: 0px 0px 0px 40px; margin: 6px 0; line-height:1.2em;}

table {border: 1px solid #236B36; }
td {border: 1px dotted #236B36;}