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

body, html{
width: 100%;
height:100%;
}

body{
background-color: #C0C0C0;
text-align:center; /* horizontal centering for IE Win quirks */
}


#distance {
width:1px;
height:50%;
margin-bottom:-376px; /* half of container's height */
float:left;
}

#container{
width: 780px;
margin: 0px auto;
font: 11px arial;
height: 752px;
position:relative; /* puts container in front of distance */
text-align:left;
clear:left;
}

.spruch{
font-size: 9px;
margin-right: 10px;
float: right;
}

.spruch span{
font-style: italic;
}



#header{
background-color: #817F80;
color: #C2C2C2;
font-size: 9px;
height: 30px;
width: 760px;
line-height: 30px;
padding-left: 20px;
font-size: 9px;
background-image: url(../grafx/Header.gif);
}

#header img{
margin-left: 500px;
}

#bottom_trenner{
background-color: #BAB8B9;
width: 780px;
height: 5px;
line-height: 5px;
}

#menu img{
margin-top: 30px;
margin-left: 20px;
}

#menu p{
width: 400px;
}

#menu_top{
float: left;
}

#menu ul{
display: block;
margin-left: 53px;
margin-top: 35px;
width: 200px;
list-style-type: none;
background-color: #fc825
}

#menu ul li{
background-image: url(../grafx/menutrenner.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-top: 10px;
height: 18px;
}

#menu ul li img{
margin: 0px;
margin-right: 10px;
}

#menu ul li a{
color: #817F80;
text-decoration: none;
font-weight: bold;
}

#menu ul li a:hover{
color: #970F66;
font-weight: bold;
}

#menu ul li a.active{
color: #970F66;
font-weight: bold;
}

#main_bottom{
background-color: #919191;
padding-left: 25px;
padding-bottom: 27px;
}

#content_left{
width: 213px;
height: 294px;
background-color: #A8A8A8;
vertical-align: top;
padding: 10px;
color: #FFFFFF;
}

#content_left a{
display: block;
margin-top: 10px;
text-decoration: none;
color: #970F66;
}

#container #content_left > a:hover{
color: #970F66;
}

#content_right{
width: 462px;
height: 294px;
background-color: #FFFFFF;
vertical-align: top;
padding: 10px;
}

#content_trenner{
width: 8px;
}

h1{
color: #970F66;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
text-transform: uppercase;
}

h2{
color: #970F66;
font-size: 12px;
margin-top: 10px;
text-transform: uppercase;
padding-bottom: 4px;
margin-bottom: 6px; 
background-image: url(../grafx/strich_links.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

h3{margin-bottom: 10px}

p{
margin-bottom: 10px;
}

#footer1{
float: left;
background-color: #817F80;
padding-left: 50px;
height: 53px;
line-height: 53px;
width: 290px;
color: #C2C2C2;
font-size: 9px;
}

#footer2{
float: left;
background-color: #817F80;
height: 53px;
line-height: 53px;
width: 400px;
color: #C2C2C2;
font-size: 9px;
}

#footer1 a{
text-decoration: none;
color: #C2C2C2;
font-size: 9px;
}

#lang_selector{
float: right;
width: 40px;
height: 53px;
background-color: #817F80;
}

#lang_selector img{
margin-top: 35px;
margin-right: 4px;
}

input, textarea{
float: left;
width: 200px;
margin-top: 10px;
border: 1px solid #817F80;
}

textarea{
height: 100px;
}

label{
float: left;
width: 100px;
margin-top: 10px;
}

.submit{
float: right;
border: none;
margin-right: 160px;
margin-top: 10px;
width: 68px;
height: 11px;
}

#submit_de{
background-image: url(../grafx/button_versenden_deutsch.gif);
}

#submit_en{
background-image: url(../grafx/button_versenden_englisch.gif);
}

form br{
clear: left;
}

.error{
border: 1px solid red;
}

#layer_top{
width: 780px;
height: 10px;
line-height: 10px;
background-image: url(../grafx/strich_ueber_inhaltsfeld.gif);
}

#content_left a.white{
color: #FFFFFF;
}

#content_left a.white:hover{
color: #971166;
}

#content_left a.partner{
color: #696969;
}
#content_left a.partner:hover{
color: #971166;
}

#content_left a.sub_active{
color: #970F66;
font-weight: bold;
}

#container .portfolio_link1{
width: 11px;
height: 11px;
display: block;
background-image: url(../grafx/1-grau.gif);
background-repeat: no-repeat;
text-decoration: none;
float: right;
margin-top: 5px;
}

#container .portfolio_link2{
width: 11px;
height: 11px;
display: block;
background-image: url(../grafx/2-grau.gif);
background-repeat: no-repeat;
text-decoration: none;
float: right;
margin-left: 3px;
margin-top: 5px;
}

#container .portfolio_link3{
width: 11px;
height: 11px;
display: block;
background-image: url(../grafx/3-grau.gif);
background-repeat: no-repeat;
text-decoration: none;
float: right;
margin-left: 3px;
margin-top: 5px;
}

#container .portfolio_link4{
width: 11px;
height: 11px;
display: block;
background-image: url(../grafx/4-grau.gif);
background-repeat: no-repeat;
text-decoration: none;
float: right;
margin-left: 3px;
margin-top: 5px;
}

#container .portfolio_link5{
width: 10px;
height: 11px;
display: block;
background-image: url(../grafx/5-grau.gif);
background-repeat: no-repeat;
text-decoration: none;
float: right;
margin-left: 3px;
margin-top: 5px;
}

#container .active_5{
background-image: url(../grafx/5-lila.gif);
}

#container .active_4{
background-image: url(../grafx/4-lila.gif);
}

#container .active_3{
background-image: url(../grafx/3-lila.gif);
}

#container .active_2{
background-image: url(../grafx/2-lila.gif);
}

#container .active_1{
background-image: url(../grafx/1-lila.gif);
}