body{
background-color:#feefc8;
background-image:url(../Bilder/Hintergrund.jpg);
background-repeat:repeat-x;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin-top:10px;
text-align:center;
}

#menu-generic {
color:#617E86;
font-size:0.6em;
height:17px;
margin: 0 auto;
margin-left:auto;
margin-right:auto;
text-align:right;
width:720px;
}

#menu-generic a {
color:#617E86;
text-decoration:none;
}

* html #head {
width:768px;
}

#head {
background-image:url(../Bilder/Head.gif);
background-repeat:no-repeat;
font-size:0.1em;
margin-left:auto;
margin-right:auto;
width:768px;
height:369px;
}

* html #menu {
width:768px;
}
#menu {
background-image:url(../Bilder/menu.gif);
background-repeat:no-repeat;
font-size:12px;
text-align:center; 
font-weight:bold;
color:#FFFFFF;
margin-top:4px;
margin-left:auto;
margin-right:auto;
width:768px;
height:43px;
}

#navi { 
margin: 0; 
padding: 14px; 
text-align:center; 
} 

#navi ul, #navi li { 
margin: 0;  
display:inline; 
list-style-type: none; 
} 

#navi #aktiv { 
color: #81989f;
background-image:none; 
background-color: #ebf0f3;
padding-bottom:8px;
padding-top:7px;
} 

#navi a { 
color: #FFFFFF; 
text-decoration:none;
background-image:url(../Bilder/nav01.gif);
background-repeat:repeat-x;
padding-left:4px;
padding-right:4px;
padding-bottom:8px;
padding-top:7px;
}

#navi a:hover { 
color: #FFFFFF;
text-decoration:none;
background-image:url(../Bilder/nav02.gif);
background-repeat:repeat-x;
padding-bottom:8px;
padding-top:7px;

}

* html #main {
width:768px;
}

#main01 {
font-size:12px;
color:#FFFFFF;
position:relative;
margin-top:4px;
margin-left:auto;
margin-right:auto;
width:768px;
height:403px;
}

#main02 {
font-size:12px;
color:#FFFFFF;
position:relative;
margin-top:4px;
margin-left:auto;
margin-right:auto;
width:768px;
height:519px;
}

#main03 {
font-size:12px;
color:#FFFFFF;
position:relative;
margin-top:4px;
margin-left:auto;
margin-right:auto;
width:768px;
height:320px;
}

#main04 {
font-size:12px;
background-image:url(../Bilder/container04.gif);
color:#FFFFFF;
position:relative;
margin-top:4px;
margin-left:auto;
margin-right:auto;
width:768px;
height:549px;
}

#feature01 {
position:absolute;
top: 0px;
left: 0px;
background-image:url(../Bilder/feature01.gif);
background-repeat:no-repeat;
width:232px;
height:403px;
}

#feature02 {
position:absolute;
top: 0px;
left: 0px;
background-image:url(../Bilder/feature02.gif);
background-repeat:no-repeat;
width:232px;
height:519px;
}

#feature03 {
position:absolute;
top: 0px;
left: 0px;
background-image:url(../Bilder/feature03.gif);
background-repeat:no-repeat;
width:232px;
height:331px;
}

#container01 {
position:absolute;
top: 0px;
left: 235px;
background-image:url(../Bilder/container01.gif);
background-repeat:no-repeat;
width:533px;
height:403px;
}

#container02 {
position:absolute;
top: 0px;
left: 235px;
background-image:url(../Bilder/container02.gif);
background-repeat:no-repeat;
width:533px;
height:519px;
}

#container03 {
position:absolute;
top: 0px;
left: 235px;
background-image:url(../Bilder/container03.gif);
background-repeat:no-repeat;
width:533px;
height:331px;
}

#container01 a {
color:#ffffff;
text-decoration:underline;
}

#container01 a:hover {
color:#CCCCCC;
text-decoration:underline;
}

#container02 a {
color:#93dfff;
text-decoration:underline;
}

#container02 a:hover {
color:#0f91c8;
text-decoration:underline;
}


h1 {
font-size:19px;
padding-top:30px;
padding-left:25px;
font-weight:normal;
text-align:left;
}

p {
font-size:11px;
padding-left:25px;
padding-right:25px;
font-weight:normal;
text-align:left;
}

em {
font-size:19px;
font-style:normal;
}

#Kontaktformular a{
position:absolute;
bottom: 28px;
left: 184px;
background-image:url(../Bilder/Kantaktformular01.gif);
background-repeat:no-repeat;
width:128px;
height:34px;
}

#Kontaktformular a:hover{
background-image:url(../Bilder/Kantaktformular02.gif);
}

#Kontaktformular02 a{
position:absolute;
bottom: 32px;
left: 184px;
background-image:url(../Bilder/Kantaktformular01.gif);
background-repeat:no-repeat;
width:128px;
height:34px;
}

#Kontaktformular02 a:hover{
background-image:url(../Bilder/Kantaktformular02.gif);
}

#Kontaktformular03 a{
position:absolute;
bottom: 28px;
left: 184px;
background-image:url(../Bilder/Kantaktformular01.gif);
background-repeat:no-repeat;
width:128px;
height:34px;
}

#Kontaktformular03 a:hover{
background-image:url(../Bilder/Kantaktformular02.gif);
}


* html #footer {
width:768px;
}

#footer {
font-size:12px;
color:##545454;
position:relative;
margin-top:15px;
margin-left:auto;
margin-right:auto;
width:768px;
height:90px;
}


#pras a{
position:absolute;
background-image:url(../Bilder/milli.gif);
background-repeat:no-repeat;
left: 338px;
top:15px;
width:98px;
height:57px;
}


h2 {
font-size:11px;
font-weight:normal;
color:#545454;
}

.formbox {
position:absolute;
top: 0px;
left: 0px;
width:384px;
}

.reihe {
clear: both;
padding:3px 30px;
}

.label {
float: left;
width: 100px;
text-align: right;
 

}

.feld {
float: right;
width: 200px;
text-align: left;
} 

.knopf {
float: right;
width: 230px;
text-align: left;
padding-top: 15px;
padding-bottom: 15px;
}

.defbreite {
width: 200px;
}

.defbreite02 {
width: 36px;
}

#Kontakt {
position:absolute;
top: 0px;
left: 384px;
width:384px;
}

.reihe02 {
clear: both;
padding: 3px 30px;
}

.links {
float: left;
width: 100px;
text-align: right;
 

}

.rechts {
float: right;
width: 200px;
text-align: left;
} 

.rechts a {
text-decoration:none;
font-size:11px;
color:#FFFFFF;
} 

.rechts a:hover {
text-decoration:underline;
color:#CCCCCC;
} 

#anm {
float:left;
text-align:left;
font-size:9px;
}

#daten {
border-top:solid 1px;
border-bottom:solid 1px;
text-align:left;
font-size:9px;
margin-top:40px;
margin-left:25px;
margin-right:40px;
padding-top:10px;
padding-bottom:10px;
}