body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td  {
        margin : 0;
        padding : 0;
}
table {
       border-collapse : collapse;
       border-spacing : 0;
}
ol, ul {
   list-style : none;
}
caption, th {
        text-align : left;
}
body {
        background : #E9E9E9;
        font-family: Arial;
        font-size: 11px;
}
html, body {
        height : 100%;
}
body.portal-popup {
        padding : 10px;
}
table {
        clear : both;
}
abbr, acronym {
        border-bottom : 1px dotted #000;
        cursor : help;
}
h2 {
        padding : 0.4em 0 0.2em 0;
        color : #000;
        font-size : 1.2em;
}
h3{
	color: #666666;
}
h4 {
        padding : 0.4em 0 0.1em 0;
        color : #000;
        font-size : 1.6em;
}
p {
        padding : 0.3em 0;
}
li {
        list-style : none;
}
img {
        border : none;
}
a {
        color : #000000;
        text-decoration : none;
}
a:hover {
        text-decoration : none;
}
code, pre {
        font-family : "Courier New", Courier, monospace;
        white-space : pre;
}
.important {
        font-weight : bold;
}
body.staging {
        border : 10px solid #c00;
}
}
.clr {
        clear : both;
}
.tdbreite {
        width : 922px;
}
.main{
         float: left;
         margin-top: 22px;
         background: #FFFFFF;
         padding: 11px 11px 11px 11px;

}
.left{
         float: left;
         width: 253px;

}
.right{
         float: left;
         width: 647px;


}
.logo{
         width: 253px;
         height: 165px;
}
.logo-bild{
         float: left;
         background: #FFFFFF url(../images/logo.jpg) no-repeat;
         width: 252px;
         height: 165px;

}
.logo-ecke{
         float: left;
         background: #FFFFFF url(../images/logo-ecke.jpg) no-repeat;
         width: 1px;
         height: 165px;
}
.left-small{
         width: 253px;
         border-right: 1px solid;
         border-color: #FFFFFF;
}
#navi-left{
         background: #09B261 url(../images/navi-bg.jpg) repeat-x;
         width: 252px;
         margin-top: 1px;
}
#navi-left ul{
         padding: 10px 10px 8px 20px;
}
#navi-left ul li{
         padding: 0 0 2px 0;

}
#navi-left li a{
         color: #FFFFFF;
         font-weight: bold;
         font-size: 12px;
}
#navi-left li a:hover, #navi-left li a.selected{
         color: #F7942E;
         font-weight: bold;
         font-size: 12px;
}
#navi-left ul li ul{
         padding: 2px 0 2px 35px;
}
#navi-left li li{
         padding: 0 0 2px 0;
}
#navi-left li li a{
         color: #FFFFFF;
         font-weight: bold;
         font-size: 12px;
}
#navi-left li li a:hover, #navi-left li li a.selected{
         color: #F7942E;
         font-weight: bold;
         font-size: 12px;
}
#news-left{
         background: #09B261 url(../images/news-bg.jpg) repeat-y;
         width: 222px;
         margin-top: 1px;
         padding: 10px 10px 10px 20px;
}
* html #news-left{
         width: 252px;
}
#news-left .headline{
         color: #FFFFFF;
         font-weight: bold;
         font-size: 12px;
         padding: 0 0 10px 0;
}
#news-left .text{
         color: #FFFFFF;
         font-size: 12px;

}
#kontakt-left{
         background: #09B261 url(../images/navi-bg.jpg) repeat-x;
         width: 222px;
         margin-top: 1px;
         padding: 10px 10px 10px 20px;
}
* html #kontakt-left{
         width: 252px;
}
#kontakt-left .headline{
         color: #FFFFFF;
         font-weight: bold;
         font-size: 12px;
         padding: 0 0 10px 0;
}
#kontakt-left .text{
         color: #FFFFFF;
         font-size: 12px;
}
#holz-bottom-left{
         background: #FFFFFF url(../images/holz-bottom-left.jpg) no-repeat;
         width: 252px;
         height: 220px;
         margin-top: 1px;
}
.header{
        background: #FFFFFF url(../images/header.jpg) no-repeat;
        width: 647px;
        height: 327px;
}
#headline{
         width: 647px;
         height: 49px;
         margin-top: 1px;
}
#headline .balken{
         float: left;
         background: #FFFFFF url(../images/headline-orange.jpg) repeat-x;
         width: 639px;
         height: 49px;
}
#headline .rand{
         float: left;
         background: #FFFFFF url(../images/headline-rand.jpg) no-repeat;
         width: 8px;
         height: 49px;
}
#headline .clr{
        clear : both;
}
#headline .text{
         font-size: 17px;
         font-weight: bold;
         margin-top: 16px;
         margin-left: 50px;
         color: #FFFFFF;
}
.copyright{
         float: left;
         width: 922px;
}
.copyright p{
         text-align: center;
         font-size: 12px;
         color: #666666;
}
.copyright p a{
         color: #F7942E;
         font-size: 12px;

}
#breadcrumb{
         color: #666666;
         font-size: 11px;
         padding: 20px 0 0 20px;
         font-family: Arial;
         font-weight: regular;
}
#breadcrumb a{
         color: #666666;
         font-size: 11px;
         font-family: Arial;
         font-weight: regular;
}
#content{
         padding: 10px 20px 20px 20px;
}
#content{
        clear : both;
}
#content .simple_text{
}
#content .simple_text .headline{
         color: #00944e;
         font-weight: bold;
         font-size: 12px;
}
#content .simple_text .text{
         font-size: 12px;
}
#content .uebersicht{
         float: left;
         padding: 20px 0 0 0;
         width: 256px;
}
#content .uebersicht .pic{
          float: left;
          width: 50px;
          height: 50px;
}
#content .uebersicht .text{
         float: left;
         padding: 0 0 5px 20px;
         font-size: 12px;
         font-weight: bold;
         color: #00944e;
         width: 180px;
}
#content .uebersicht .link{
         float: left;
         padding: 0 0 0 20px;
         width: 180px;
}
#content .uebersicht .link a{
         font-size: 12px;
}
#content .uebersicht .clr{
         clear : both;
}
#content .article{
}
#content .article .headline{
         color: #00944e;
         font-weight: bold;
         font-size: 12px;
         padding: 0 0 5px 0;
}
#content .article .pic{
         float: left;
         padding: 0 20px 0 0;
}
#content .article .text{
         float: left;
         width: 357px;
         font-size: 12px;
         font-family: Arial;
}
#content .article .clr{
         clear: both;
}
#content .article .link_gallery .link{
         font-size: 12px;
         font-weight: normal;
}
#content #leistungen{
         width: 567px;
         background: #e8e9e9;
         margin-top: 20px;
         padding: 10px 20px 10px 20px;
}
#content #leistungen .headline{
         color: #f7942e;
         font-size: 12px;
         font-weight: bold;
         padding: 0 0 5px 0;
}
#content #leistungen .links .link a{
         float: left;
         color: #666666;
         font-size: 11px;
}
#content #leistungen .links .link_active a{
         float: left;
         color: #f7942e;
         font-size: 11px;
}
#content #leistungen .links .balken{
         float: left;
         color: #666666;
         font-size: 11px;
}
#content #leistungen .links .clr{
         clear: both;
}
.thumbnail{
	 float: left;
	 width: 200px;
	 padding: 0 40px 20px 40px;
}