* {
border : none;
}

body {
text-align : center;
margin : 0;
padding : 0;
background : url(images/bg.png) left top repeat-x #15121d;
font : 12px Verdana, Tahoma, Arial, sans-serif;
}

h1 {
font-family : Tahoma, Geneva, sans-serif;
font-style : normal;
font-size : 15px;
color : #ffffff;
font-weight : bold;
}

a, a:link, a:visited {
text-decoration : none;
color : #3d3353;
}

a:hover, a:active {
text-decoration : none;
color : #3d3353;
}

/* ################################################## */

#rightsite {
position : fixed;
right : 0;
width : 58px;
top : 50%;
height : 622px;
display : block;
margin : -155px auto;
}

.feedback {
right : 0;
width : 58px;
height : 181px;
display : block;
}

.feedback-button {
background : url(images/feedback.png) no-repeat;
}

.feedback:hover {
background-position : 0% -181px;
}

.news {
right : 0;
width : 58px;
height : 130px;
display : block;
}

.news-button {
background : url(images/news.png) no-repeat;
}

.news:hover {
background-position : 0% -130px;
}

#news_layer {
position : fixed;
top : 0;
width : 400px;
left : 50%;
height : 300px;
margin : auto -200px;
display : none;
z-index : 10000;
}

#news_layer_content {
float : left;
width : 350px;
min-height : 100px;
background : url(images/news_layer_content.png) repeat-y;
background-position : left top;
padding-left : 25px;
padding-right : 25px;
padding-top : 30px;
padding-bottom : 10px;
font-family : Tahoma, Geneva, sans-serif;
font-style : normal;
font-size : 11px;
color : #000000;
text-align : justify;
}

#news_layer_footer {
float : left;
width : 60px;
height : 34px;
background : url(images/news_layer_footer.png) no-repeat;
background-position : left top;
padding-left : 340px;
}

/* ################################################## */

#grund {
text-align : left;
width : 822px;
padding : 0;
margin : 0 auto 0 auto;
background : url(images/layer-bg.png) no-repeat;
min-height : 365px;
}

#intro-bg {
position : absolute;
left : 50%;
margin-left : -390px;
width : 780px;
top : 50%;
margin-top : -235px;
height : 470px;
background : url(images/intro_bg.png) transparent;
padding-top : 45px;
}

#logo {
float : left;
width : 169px;
height : 60px;
background : transparent;
position : relative;
padding-top : 40px;
padding-left : 1px;
}

#logo-bg {
text-align : left;
width : 822px;
padding : 0;
margin : 0 auto 0 auto;
background : url(images/logo-bg.png) no-repeat;
min-height : 113px;
}

#menue {
float : left;
width : 267px;
height : 48px;
background : transparent;
position : relative;
padding-left : 380px;
padding-top : 52px;
}

#menue ul {
list-style-type : none;
padding : 0;
margin : 0;
padding : 6px 0 0 0;
}

#menue ul li {
font-size : 11px;
font-family : Tahoma, Geneva, sans-serif;
color : #ffffff;
padding : 0 8px 0 5px;
margin : 0 0 0 0;
float : left;
height : 14px;
}

#menue ul li a {
color : #ffffff;
text-decoration : none;
}

#menue ul li a:hover {
color : #ffffff;
text-decoration : underline;
}

#referenzen {
float : left;
width : 821px;
background-repeat : repeat-y;
background-position : left top;
padding-top : 5px;
display : none;
}

#referenzen a, #referenzen a:link, #referenzen a:visited {
text-decoration : none;
}

#play {
float : left;
text-align : center;
display : none;
padding-left : 250px;
}

#optionen {
float : left;
padding-right : 5px;
text-align : right;
font-family : Tahoma, Geneva, sans-serif;
font-style : normal;
font-size : 9px;
color : #ffffff;
}

#content {
float : left;
width : 810px;
background-repeat : repeat-y;
background-position : left top;
padding : 10px 5px 10px 5px;
font-family : Tahoma, Geneva, sans-serif;
font-style : normal;
font-size : 11px;
color : #ffffff;
}

#content a, #content a:link, #content a:visited {
text-decoration : none;
color : #ffffff;
}

#content a:hover, #content a:active {
color : #ffffff;
text-decoration : underline;
}

.part {
float : left;
width : 810px;
}

.referenz-preview {
float : left;
width : 248px;
background-repeat : repeat-y;
background-position : left top;
padding-right : 22px;
padding-bottom : 10px;
text-align : center;
}

.referenz-preview-text {
float : left;
width : 248px;
background-repeat : repeat-y;
background-position : left top;
padding-top : 10px;
text-align : center;
}

#referenzview {
font-size : 9px;
color : #3d3353;
text-align : center;
}

#referenzview a, #referenzview a:link, #referenzview a:visited {
text-decoration : none;
color : #3d3353;
}

#referenzview a:hover, #referenzview a:active {
text-decoration : none;
color : #ffffff;
}

#referenznavigation {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 810px;
padding-bottom : 20px;
font-size : 14px;
color : #7448e1;
text-align : center;
}

#referenznavigation a, #referenznavigation a:link, #referenznavigation a:visited {
margin-right : 15px;
padding : 2px 6px;
border : 1px solid #ffffff;
color : #7448e1;
text-decoration : none;
}

#referenznavigation a:hover, #referenznavigation a:active {
text-decoration : none;
color : #ffffff;
}

#footer {
float : left;
width : 817px;
height : 15px;
background : url(images/footer.png) no-repeat transparent;
position : relative;
text-align : right;
padding-top : 7px;
font-family : Tahoma, Geneva, sans-serif;
font-style : normal;
font-size : 11px;
color : #3d3353;
font-weight : normal;
}

#footer a, #footer a:link, #footer a:visited {
text-decoration : none;
color : #3d3353;
}

#footer a:hover, #footer a:active {
color : #3d3353;
}

/* ################################################## */

#IE_noscript {
float : left;
position : absolute;
height : 35px;
width : 820px;
background : url(images/IE_noscript.png);
background-position : left top;
padding-top : 5px;
font-family : Tahoma, Geneva, sans-serif;
font-style : normal;
font-size : 13px;
color : #ffffff;
text-align : center;
}

#IE_noscript a {
color : #ffffff;
text-decoration : none;
}

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

#IE_noscript_platzhalter {
text-align : left;
width : 822px;
height : 20px;
padding : 0;
}