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

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: 150%;
}

/* DIV-Boxen */

div#wrapper {
position: relative;
margin: 0 auto;
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
background: url(3cols.png) repeat-y;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
}

div#header {
height: 80px;
background: url(bilder/header01.jpg);
border-bottom: 1px solid #b8b8b8;
}

div#leftCol {
width: 200px;
float: left;
border-right: 1px solid #b8b8b8;
margin-top: 20px;
}

div#rightCol {
width: 700px;
float: right;
border-left: 1px solid #b8b8b8;
margin-top: 20px;  padding: 0.8em;
}




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


strong {
    font-weight: bold;
}

/* Überschrift, Absatz */

h1 {
font-size:1.4em;
font-weight: bold;
margin-bottom:0.8em;
}

h1.header {
text-align:center;
height: 80px;
line-height: 80px;
letter-spacing:0.5em;
font-size:2.4em;
font-weight: bold;
}

h2 {
font-size:1em;
font-weight: bold;
margin-bottom:0.4em;
margin-top:0.8em;
}


p {
line-height:24px;
font-size:0.8em;
}

img.macher {
float:right;
margin-left:20px;
margin-bottom:10px
}

span.fett {
font-weight: bold;
}

span.mittig {
margin: 1.4em; padding: 0;
font-size:0.8em;
font-weight: bold;
}

a.mittig {
margin-left: 1.4em; padding: 0;
border: none;
}

img.mittig {
border-color: gray;
}

span.img {
padding: 1em;
}

a img { border:none; }

a.link {font: 0.8em verdana, sans-serif;}