/* CSS Document */

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
font: bold 1em verdana, sans-serif;
}


div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
        font-family: Arial,sans-serif;
        color: #333333;
        font-size: 10px;
        line-height: 1.166;
        margin: 0px;
        padding: 0px;
        min-height: 101%;
        background-color: #cccccc;
        background-image:  url("../pics/bg_site.png");
        text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

/* DIV-Boxen */

div#wrapper {
position: relative;
margin: 0 auto;
width: 950px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
background-image: url("../pics/bg_wrapper.png"); background-repeat:repeat; 
}

div#leftCol {
width: 180px;
float: left;
background-color: transparent;
}

div#rightCol {
width: 180px;
float: right;
background-color: transparent;
}

div#centerCol {
margin: 0 180px;
background-color: transparent;
padding:0 7px;
border-left:1px solid #cccccc;
}

div#leftCol, div#rightCol, div#centerCol {
padding-bottom: 25px;
}

div#footer {
clear: both;
position: absolute;
bottom: 0;
width: 950px;
height: 20px;
background: #fff;
border-top: 1px solid #b8b8b8;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */