@charset "utf-8";

*{
margin:0;
padding:0;
}

html, body {
height:100%;
background-color:#000
}

body {
font:100.01% Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#000
}

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

#mainframe {
margin:0 auto;
position:relative; /* puts container in front of distance */
width:950px;
height:620px;
border:1px #333 solid;
text-align:left;
clear:left
}
#header {
width:950px;
height:180px;
text-align:right;
}

.sprache:link, .sprache:visited{
padding-left:10px;
color:#000;
text-decoration:none;
}

.sprache:hover, .sprache:active{
padding-left:10px;
color:#CCC;
text-decoration:none;
}

#menu{
float:left;
position:relative;
width:120px;
height:440px
}

#menu_span span {
display:none;
}

#menu_span  a {
display:block;
text-indent:-900%;
position:absolute;
outline:none;
}

#menu_span  a:hover {
background-position:left bottom;
}

#menu_span .home {
width:115px;
height:18px;
background:url(../pictures/buttons/home_active.png) no-repeat;
top:40px;
}

#menu_span  .products {
width:115px;
height:18px;
background:url(../pictures/buttons/products.png) no-repeat;
top:68px;
}

#menu_span  .seminars {
width:115px;
height:18px;
background:url(../pictures/buttons/seminars.png) no-repeat;
top:96px;
}

#menu_span  .events {
width:115px;
height:18px;
background:url(../pictures/buttons/events.png) no-repeat;
top:124px;
}

#menu_span  .referenzen {
width:115px;
height:18px;
background:url(../pictures/buttons/referenzen.png) no-repeat;
top:152px;
}

#menu_span  .shop {
width:115px;
height:18px;
background:url(../pictures/buttons/shop.png) no-repeat;
top:180px;
}

#menu_span  .contact {
width:115px;
height:18px;
background:url(../pictures/buttons/contact.png) no-repeat;
top:208px;
}

#menu_span  .imprint {
width:115px;
height:18px;
background:url(../pictures/buttons/imprint.png) no-repeat;
top:236px;
}

#content{
float:left;
height:440px;
width:830px;
background-color:#00FFFF;
}

#textcontainer{
padding-top:40px;
padding-left:10px;
background-color:#000;
color:#FFF;
float:left;
width:380px;
height:400px
}

.headline{
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif
}

.fliesstext{
width:340px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
}

#bildcontainer{
float:left;
height:440px;
width:440px;
}