body {
margin: 0;
padding: 20px 0 0 0;
background-color: #666;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#wrapper {
position: relative;
margin: 0 auto;
width: 780px;
height: 600px;
border: 1px solid #333;
background-color: #fff;
}
#navi {
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 600px;
background-color: #e5e5e5;
border-right: 1px solid #666;
}
#content {
position: absolute;
top: 0;
left: 140px;
width: 640px;
height: 600px;
}
#text_rechts {margin: 190px 20px 20px 210px;}
#text_rechts_klein {margin: 250px 0 20px 270px; width: 305px;}
#text_links {margin: 200px 200px 20px 20px;}
#text_links_klein {margin: 250px 0 20px 70px; width: 305px;}
#bild_lo {
position: absolute;
left: 20px;
top: 0;
width: 290px;
height: 290px;
}
#bild_ro {
position: absolute;
left: 330px;
top: 0;
width: 290px;
height: 290px;
}
#bild_lu {
position: absolute;
left: 20px;
top: 310px;
width: 290px;
height: 290px;
}
#bild_ru {
position: absolute;
left: 330px;
top: 310px;
width: 290px;
height: 290px;
}
#bild_mi {
position: absolute;
left: 100px;
top: 80px;
width: 440px;
height: 440px;
border: 1px solid #333;
}
#projekt_navi {
position: absolute;
top: 44px;
left: 100px;
width: 440px;
}
#slide_fuss {
position: absolute;
top: 550px;
left: 100px;
width: 440px;
}

/*Textformatierung*/

p {
margin: 0;
padding: 14px 14px 0 14px;
line-height: 14px;
}
#content a {
text-decoration: none;
color: #333;
}
#content a:hover {
color: #c8320d;
}
#navi ul {
list-style-type: none;
text-align: right;
margin: 0;
padding: 0;
}
#navi ul.rot {margin: 34px 0 128px 0;}
*html #navi ul.rot {margin: 33px 0 121px 0;}
#navi ul.grau {margin: 144px 0 0 0;}
*html #navi ul.grau {margin: 136px 0 0 0;}
#navi ul li {width: 140px;}
#navi ul li a {
display: block;
padding: 3px 15px 3px 10px;
color: #333;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
#navi ul.rot li a {padding: 10px 15px 10px 10px;}
#navi ul li a.rot {color: #c8320d;}
#navi ul li a.logo {color: #c8320d;}
#navi ul li a.logo:hover, #navi ul li a.aktivlogo {background: url('../Bilder/logo_navi.gif') center left no-repeat;}
#navi ul li a.grau {color: #666;}
#navi ul li a:hover, #navi ul li a.logo:hover, #navi ul li a.aktivlogo, #navi ul li a.aktiv {
background-color: #fff;
}
#projekt_navi ul {
list-style-type: none;
text-align: right;
margin: 0;
padding: 0;
}
#projekt_navi ul li {
display: inline;
padding-left: 10px;
line-height: 14px;
font-weight: bold;
}
#projekt_navi ul li a {color: #999;}
#projekt_navi ul li a.aktiv {color: #333;}
.font12 {font-size: 12px; font-weight: bold;}
.font14 {font-size: 14px; font-weight: bold; line-height: 20px}
.welcome {padding: 35px 0 0 110px; font-size: 26px; color: #CCC}
.welcome1 {padding: 500px 110px 0 0; font-size: 14px; color: #999; text-align: right}

#anzahl {
color: #999;
position: absolute;
left: 550px;
top: 80px;
width: 20px;
height: 20px;
}