* {
margin: 0px;
padding: 0px;

}

body {
background: #115676;
}

html {
overflow-y: scroll;
}

h1{
font: 16px Verdana;
color: #115676;
}

p {
font: 12px Verdana;
color: #115676;
text-decoration: none;
line-height: 1.5;
}

a{
font: 12px Verdana;
color: #115676;
text-decoration: none;
}

a:link{
font: 12px Verdana;
color: #115676;
text-decoration: none;
}

a:hover{
font: 12px Verdana;
color: #115676;
text-decoration: underline;
}

#wrapper {
width: auto;
height: 657px;
margin: 0px;
padding: 0px;
background: url(../bilder/fix/background.jpg) repeat-x;
}

#header {
height: 152px;
width: 904px;
background: url(../bilder/fix/header.jpg);
margin: 0px auto;
/*border: 1px solid #000;*/
}

#left {
height: 490px;
width: 198px;
background: url(../bilder/fix/left.jpg);
position: relative;
left: 0px;

}

#main {
height: 490px;
width: 629px;
background: url(../bilder/fix/content.jpg);
position: relative;
left: 0px;
/*border: 1px solid #000;*/

}



#main .inside {
padding: 60px 0px 0px 32px;
font: 12px Verdana;
color: #115676;
}

#info{
margin-top: 62px;
}
#info2{
margin-top: 52px;
}

#stats{
width: 200px;
float: left;
margin-right: 100px;
}

#db{
width: 200px;
}

#swe{
margin-top: 20px;
float: left;
width: 200px;
margin-right: 100px;
}

#web{
margin-top: 20px;
width: 200px;
float: left;
}

#firma{
margin-left: 120px;
}

#angebote{
margin-left: 20px;
}

#truearea, #truevision{
float: left;
margin-right: 40px;
}

#truetime{
margin-right: 0px;
float: left;
}

#ferienpass, #bibliothek{
margin-top: 80px;
float: left;
margin-right: 40px;
}

#aerobic {
margin-top: 80px;
float: left;

}

#referenzen{
overflow-y: auto;
height: 360px;
}

#referenzen .ce_text {
margin-top: 20px;
min-height: 80px;
border-bottom: 1px solid #85bee4;
margin-right: 15px;
}



#referenzen p{
text-align: center;
line-height: 1.5;
width: 200px;

}

#referenzen img{
display:block;
margin-bottom: 20px;
margin-top: 10px;
margin-right: 30px;
}

.ce_text#noborder{
border: none;
}

#produkte{
margin-left: 25px;
}

#links th{
height: 40px;
width: 150px;
text-align: center;

}

#links td{
height: 30px;
width: 150px;
text-align: center;
}

#links td a:link{

}

#bg {
height: 30px;
line-height: 2.5;
display: block;
/*background: url(../bilder/fix/link_bg.png) center no-repeat;*/
}

#bg:hover{
height: 30px;
line-height: 2.5;
display: block;
/*background: url(../bilder/fix/link_bg_hover.png) center no-repeat;*/
}

.image_container img{
display: block;
margin: 0px auto;
}

.caption {
text-align: center;
padding-top: 10px;
}

#container {
width: 903px;
margin: 0px auto;

}

#right {
width: 76px;
height: 490px;
background: url(../bilder/fix/right.jpg);
position: relative;
left: 0px;
}

#footer {
height:78px;
width:904px;
background: url(../bilder/fix/footer.jpg);
margin: 0px auto;

}

#footer p {
font: 10px Verdana;
color: #5b95b9;
text-align: center;
padding-top: 5px;
padding-left: 140px;
}

#footer a:link {
font: 10px Verdana;
color: #5b95b9;
text-align: center;
padding-top: 5px;
text-decoration: none;
}

#footer p a:hover {
text-decoration:underline; 
}

#footer a:hover {
font: 10px Verdana;
color: #5b95b9;
text-align: center;
padding-top: 5px;
text-decoration: underline;
}

#footer a:visited {
font: 10px Verdana;
color: #5b95b9;
text-align: center;
padding-top: 5px;
text-decoration: none;
}




/*NAVIGATION*/

#navi {
position: relative;
top: 35px;
}

#navi ul li{
background: url(../bilder/fix/navi_double.png);
background-position: 0px 0px;
width: 173px;
height: 57px;
}

#navi ul li.active{
background: url(../bilder/fix/navi_double.png);
background-position: 0px 59px;
width: 173px;
height: 57px;
}

#navi ul li:hover {
background: url(../bilder/fix/navi_double.png);
background-position: 0px 59px;
width: 173px;
height: 57px;
}

#navi ul li a, #navi ul li.active span {
position: relative;
left: 0px;
top: 20px;
text-decoration: none;
font: 15px Verdana;
color: #115676;
padding: 5px 50px 6px 50px;
margin: 0px;
text-align: left;
}
#navi ul li.active span {font-weight: bold;}

/*FORMULAR*/
 label{
width: 70px;
display: block;
float: left;
margin-bottom: 5px;
}

input{
width: 150px;
display: block;

margin-bottom: 0px;
}
#kontakt  {
overflow-y: auto;
height: 360px;
}
.formbody{
height: 550px;
}

.kontaktaufnahme {
width: auto;
clear: both;
margin-bottom: 10px;
}
.kontaktaufnahme input{
width: 10px;
float: left;
margin-right: 15px;
}
.kontaktaufnahme label{
width: 100px;
float: left;

}
label.name{
margin-top: 30px;

width: 70px;
display: block;
clear: left;

}
input.name{
margin-top: 30px;
/*position: relative;*/

}

.vorname{
position: relative;
top: -33px;
left: 270px;
}
.adresse{
position: relative;
top: -33px;
}

.plz{
position: relative;
top: -33px;

}
.ort{
position: relative;
top: -66px;
left: 270px;
}
.mail{
position: relative;
top: -66px;
}

.telefon{
position: relative;
top: -66px;
}
.mobile{
position: relative;
top: -99px;
left: 270px;
}
.bem{
position: relative;
top: -99px;
}
textarea.bem{
width: 421px;
height: 80px;
}
label.cap{
float: left;
width: 150px;
margin-top: -90px;
}
input.cap{
float: left;
margin-left: 00px;
margin-top: -50px;
}
span.cap{
margin-top: -70px;
margin-left: 0px;
float: left;
}


.submit{
margin-left: 0px;
margin-top: -34px;
width: 155px;

/*width: 150px;
height: 130px;*/
}

label.error{
position: relative;
top: -45px;
color: red;
}

p.error{
color: red;
position: relative;
top: -66px;
left: 0px;
}
label.mandatory.cap.error{
margin-top: -37px;
width: 400px;

}