body {
   padding: 0px;
   margin: 0px;
   background: #3C2100 url(img/back.jpg) repeat-x;
/*   font-family: sans-serif, arial, helvetica;*/
   font-family: verdana, sans-serif;
   font-size: 11px;
   text-align: center;
}

a{
   text-decoration: none;
   font-family: verdana;
}

#main{
   position: relative;
   top: 0px;
   text-align: center;
   z-index: 3;
   margin: 0 auto;
   padding: 0px; 
   padding-top: 15px;
/*   background-color: yellow;*/
   width: 865px;
}

#bgBilder{
   top: 1px;
   width: 1024px;
   text-align: center;
   z-index: 1;
   margin: 0 auto;
   padding: 0px; 
}

#header{
   width: 865px;
   height: 216px;
   background: url(img/header_surfer.jpg) no-repeat;
   border: solid 1px white;
   border-top: solid 2px white;
   z-index: 8;
/*   cursor: default;*/
}

#metaNav{
   position: absolute;
/*   top: 0px;*/
   left: 605px;
   width: 262px;
   height: 23px;
   z-index: 10;
}

#clockSpace{
   position: absolute;
   top: 40px;
   left: 616px;
   font-family: sans-serif;
   font-size: 12px;
   color: navy;
   z-index: 10;
   cursor: help;
}

#mainNav{
   position: absolute;
/*   top: 171px;*/
/*   top: 186px;*/
   top: 190px;
   left: 48px;
   height: 25px;
   width: 770px;
   background-color: black;
   z-index: 10;
}


#contentNav{
   position: absolute;
/*   top: 242px;*/
   top: 259px;
   left: 700px;
   z-index: 12;
   text-align: left;
   width: 162px;
}

#contentContainer{
/*   position: absolute;*/
/*   left: 1px;*/
   top: 217px;
   width: 863px;
   background: url(img/content_back3.jpg) no-repeat;
   /*background: url(img/content_back4.jpg) no-repeat;*/
   background-position: bottom;
   z-index: 10;
/*   border-style: 1px solid white;*/
   border-left: solid 2px white;
   border-bottom: solid 2px white;
   border-right: solid 2px white;
   margin-bottom: 15px;
}

#contentKeyVisual{
   position: absolute;
   top: 237px;
   left: 10px;
   z-index: 13;
}

#logolink{
   position: absolute;
   left: 0px;
   width: 605px;
   height: 215px;
   /*background-color: yellow;*/
}


/* für splash*/

#overall{
   position: absolute;
   width: 99%;
   height: 99%;
   z-index: 11;
}

.container {
   width: 99%; 
   text-align: center;
}

.navigation{
   font-family: verdana, sans-serif;
   font-size: 9px;
   font-weight: bold;
   letter-spacing: 1px;
   text-decoration: none;
   color: white;
   background: url(img/linkprefix.gif) no-repeat;
   background-position: left;
   padding-left: 30px;
}

a.navigation:hover{
font-family: verdana, sans-serif;
text-decoration: none;
color: #D17C14;
}

.contentText{
   padding-top: 20px;
   padding-bottom: 8px;
   padding-left: 205px;
   padding-right: 208px;
   text-align: left;
}

.headline1{
   height: 37px;
   height: 37px;
   margin-bottom: 10px;
   color: white;
   font-family: verdana, sans-serif;
   font-size: 18px;
   background: url(img/waveline2.gif) no-repeat;
   background-position: bottom left;
   z-index: 10;
}

.highlight{
   margin-top: 10px;
   margin-left: 15px;
   color: white;
   font-size: 11px;
   font-weight: bold;
}


.faq{
   margin-bottom: 8px;
   color: navy;
   text-decoration: none;
}

.faq:hover{
   color: white;
}


.inputField{
   width: 245px;
   font-family: verdana, sans-serif;
   font-size: 12px;
   color: navy;
}

.yarraytextarea{
   width: 245px;
   height: 115px;
   font-family: verdana, sans-serif;
   font-size: 12px;
   color: navy;
}