html,body { 
margin:0;
padding:0;
height:100% !important;
} 

#wrapper {
display:block;
/*align:center;*/
margin:auto;
margin-top:40px;
width:990px;
padding:0;
}

#logo {
padding:0 0 0 12px;
}

#wrapper-2 {
/*align:center;*/
margin:auto;
width:990px;
background-color:transparent;
background-image:url(../bg_3col.gif);
background-repeat:repeat-y;
}

#wrapper-3 {
/*align:center;*/
margin:auto;
width:990px;
background-color:transparent;
background-image:url(../bg_3col-oben.gif);
background-repeat:no-repeat;
background-position:top left;
}

/* Seiten */
#left,
#right {
float:left;
display:inline;
width:216px;
background:transparent;
}

#left {
padding:48px 0 0 0;
}

#right {
padding:12px 0 0 0;
}

#left div.content,
#right div.content {
padding:12px 12px 3em 12px;
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
}

#left div.content {
background-image:url(../bg_trenner-links.gif);
}

#right div.content {
background-image:url(../bg_trenner-rechts.gif);
}

#left div.content p, #left div.content li, #left div.content a,
#right div.content p, #right div.content li {
font-size:0.9em;
}

#left ul,
#right ul {
list-style-type:square;
color:#1A4803;
margin:0 0 0 12px;
}

#right form {
margin:0 0 11px 12px;
}

#right form input.text {
width:165px;
height:23px;
border:1px solid #3F8B0B;
}

/* Mitte */
#middle {
float:left;
display:inline;
width:558px;
padding:9px 0 0 0;
}

#middle div.content {
padding:18px 18px 0 18px;
margin:0;
}

#middle div.trenner {
background-color:transparent;
background-image:url(../bg_trenner-mitte.gif);
background-repeat:no-repeat;
background-position:top left;
}

#middle div.content div.teaser {
float:left;
display:inline;
width:234px;
padding:10px 13px 1.5em 10px;
}

#middle div.content div.teaser img {
margin:0 0 1em 0;
}

.content table {
font-size:10px;
}

/* Footer */
#footer {
clear:both;
float:none;
display:block;
width:100%;
border-top:1px solid #000;
background-color:#AF7B28;
}

#wrapper-footer {
/*align:center;*/
margin:auto;
width:990px;
background:transparent;
}

#wrapper-footer div.links {
float:left;
padding:2em 0 2em 1em;
color:#FFF;
}

#wrapper-footer div.rechts {
float:right;
width:220px;
padding:2em 0 2em 1em;
color:#FFF;
}

#wrapper-footer div.links p,
#wrapper-footer div.rechts p {
font-size:11px;
}

/* Header */
#header {
clear:both;
float:none;
display:block;
width:100%;
border-bottom:1px solid #000;
background-color:#AF7B28;
height:1em;
}

/* Utility */
.no-background {
background:transparent !important;
}

.no-padding {
padding:0 !important;
}

/* Flashcontent (News) */
#flashcontent {
width:558px;
height:307px;
}

/*Onlinekatalog */
.artikelWrapper {
float:left;
width:240px;
height:140px;
border: 1px solid #B5E28E;
margin:5px;
padding:4px;
/* background:#EBF3DB; */
}

.picContainer {
float:left;
width:90px;
height:132px;
}

.textContainer {
float:left;
width:132px;
height:145px;
font-size:11px;
line-height:16px;
}

/* --- NEWS --- */

#news_01 {
width:558px;
height:278px;
background-image: url(../news_01.jpg);
}

#news_01 p {
padding-top:0;
padding-left:20px;
padding-right:0;
padding-bottom:0;
font-family:Georgia, serif;
font-size:25px;
color:#FFF;
}

#news_02 {
width:558px;
height:278px;
background-image: url(../news_02.jpg);
}

#news_02 p {
padding-top:0;
padding-left:60px;
padding-right:0;
padding-bottom:0;
font-family:Georgia, serif;
font-size:42px;
color:#FDC12F;
}


#news_03 {
width:558px;
height:278px;
background-image: url(../news_03.jpg);
}

#news_03 p {
padding-top:0;
padding-left:20px;
padding-right:0;
padding-bottom:0;
font-family:Arial, Verdana;
font-size:25px;
font-weight:bold;
color:#FFF;
}

.left_fix {
font-size:1.1em;
}

.hydro {
font-size:11px;
line-height:16px;
width:125px;
height:200px;
float:left;
}