* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #b8b8b8;
}

html {
overflow-y: scroll;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

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

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
background-color: #333;
}

h1 {
font-size: 13px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}

h2 {
font-size: 12px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
}

P {
margin-top: 0px;
margin-bottom: 10px;
}

A {
color: #ff0000;
text-decoration: none;
}

A:HOVER {
text-decoration: underline;
}

/* DIV-Boxen */

div#wrapper {
position: relative;
margin: 0 auto;
width: 880px;
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-color: #000;
}

div#header {
height: 150px;
width: 880px;
margin: 0px;
}

div#leftCol {
float: left;
width: 220px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
margin: 0px;
}

div#rightCol {
float: right;
width: 300px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
margin: 0px;
}

div#contentCol {
float: right;
width: 660px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
margin: 0px;
line-height: 18px;
}

div#impressum {
font-size: 10px;
margin-left: 50px;
margin-top: 75px;
}

div#impressum a {
font-size: 10px;
color: #888888;
}

div#contentLeft, div.contentLeft, div.refLeft {
float: left;
width: 360px;
margin-top: 0px;
margin-bottom:25px;
}

div#contentRight, div.contentRight {
float: right;
width: 300px;
margin-top: 0px;
margin-bottom: 25px;
}

div.refRight {
float: right;
width: 250px;
margin-top: 0px;
margin-bottom: 25px;
margin-left: 50px;
}

div.linieWeiss {
clear: both;
height: 1px;
background: #b8b8b8;
margin-right: 25px;
margin-bottom: 25px;
}

/* Klassen */

.navDiv {
width: 220px;
margin-left: 50px;
margin-bottom: 10px;
}

.nav {
font-size: 14px;
color: #b8b8b8;
}

.navact {
font-size: 14px;
color: #ff0000;
}

.adressabtrennung {
width: 160px;
margin-top: 15px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 15px;
height: 1px;
background: #b8b8b8; 
}

.adresse {
margin-left: 50px;
}

/* 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 */