/*
Lizenz:
Harald Kampen info@haral-kampen.de
Die private Nutzung ist frei.
*/

body {
background: #42c1ac;
margin: 0;
padding: 0;
}

#sp2 .box {
width: 530px;
}

#sp22 .box {
width: 730px;
}

* {
font-size: 100%;
}

h1, h2, h3, h4, h5, h6, p, blockquote {
margin: 0;
}

a img {
border-width: 0;
}

.clear {
clear: both;
overflow: hidden;
height: 0.1px;
font-size: 0.1px;
line-height: 0.1px;
}

.hide {
position: absolute;
left: -2000px;
}

/* Aufteilung der Seite */

body {
text-align: center;
}

#page {
text-align: left;
width: 980px;
margin: auto;
}

#head {
position: relative;
}

#sp1, #sp2, #sp22, #sp3 {
float: left;
}

#sp1 {
width: 200px;
}

#sp2 {
width: 580px;
}

#sp22 {
width: 780px;
}

#sp3 {
width: 200px;
}

#footer {
clear: both;
}

/* IE-Fix */
#head .nav {
position: relative;
z-index: 1;
}

.printview {
padding-right: 8px;
float: right;
/* IE-Fix */
position: relative;
z-index: 10;
}

/* IE-5-Fix */
#sp1, #sp2, #sp22, #sp2 {
position: relative;
z-index: 10;
}

/* IE 6 fix */
* html #sp1 .nav a {
width: 198px;
}

/* IE 7 fix */
*+html #sp1 .nav a {
width: 182px;
}

/* IE 7 fix */
*+html #sp1 .nav ul a {
width: 173px;
}