/*Style*/

body { font-family: sans-serif;
  font-size: 10pt;
 color: #FFFFFF;
 background: #404040;
}


p {
 font-family: sans-serif;
 font-size: x-large;
 font-weight: bold;
 color: #FFFFFF;
}

/*Die Tabellen*/

 table.tablemain  {
     background-image:url(media/Titelbild-2.jpg);
 background-repeat:no-repeat;
 background-position: center;
   margin-top: -18px;
   font-size: 12pt;
 text-align: center;
 color: #FFFFFF;
}


table.tablecontact  {

   margin-top: 50;
   font-size: 12pt;
 text-align: center;
 color: #FFFFFF;
}



  table.galerie {
   margin-top: 5px;
   font-size: 12pt;
 text-align: center;
 color: #FFFFFF;
}

td.galerietd {
 background-repeat:no-repeat;
 background-position: center;
}

table.overview {

 position: absolute;
   left:10%;
   margin-top: 250px;
   font-size: 14pt;
 text-align: center;
 color: #FFFFFF;
 width:600px;
 spacing: 0px;
 padding: 0px;
}

table {

 position: absolute;
   left:20%;
   margin-top: 200px;
   font-size: 14pt;
 text-align: left;
 color: #FFFFFF;
 width:700px;
 spacing: 0px;
 padding: 0px;
}

td {vertical-align:top;}

 /* Die Links   */
 a:link {
 font-family: arial, helvetica, verdana;
 font-weight:bold;
 font-size: 14pt;
 color: #FFFFFF;
 text-decoration: none;
 border:0;
}

   a:visited {
   font-family: arial, helvetica, verdana;
    color: #FFFFFF;
 font-size: 14pt;
      font-weight:bold;
    text-decoration: none;
}

a:active {
  font-family: arial, helvetica, verdana;
font-size: 14pt;
 font-weight:bold;
 color: #FFFFFF;

  text-decoration: none;
   }


   a:img {border:0;}

  /*Textblöcke und Überschriften*/

  #copyright {
    position: absolute;
   left:5%;
 font-size: 18pt;
 color: #FFFFFF;
 margin-top: 0px;
 font-size: 10pt;
 color: #FFFFFF;
    text-align: left;


  }

#header {    position: absolute;
   left:45%;
 font-size: 18pt;
 color: #FFFFFF;
 margin-top: 0px;
    text-align: center;
 }


 #header2 {
position: absolute;
   left:50%;
font-weight: bold;
 font-size: 20pt;
 color: #FFFFFF;
 margin-top: 20px;
 text-align: left;
 }


 #header3 {

font-weight: bold;
 font-size: 18pt;
 color: #FFFFFF;
 margin-top: 10px;
 }


#subheader {
position: absolute;
   left:42%;
   right:20%
font-family: Comic Sans MS;
 font-size: 14pt;
 text-align: center;
 color: #FFFFFF;
 margin-top: 60px;
 }

#subheader2 {
position: absolute;
   left:22%;
   right:20%
font-family: Comic Sans MS;
 font-size: 14pt;
 text-align: center;
 color: #FFFFFF;
 margin-top: 100px;
 }

 #main {padding-left:35px;

font: larger 'Times New Roman';
color:#FFFF00;
margin-top: 200px;}

/*content*/

#content {
 position: absolute;
   left:30%;
   right:20%
 padding-top: 0px;
}

#content2 {
 position: absolute;
   left:30%;
 padding-top: 40px;

 }

 /*Die Navigation*/

#navileft {
position: absolute;
   left:5%;
   right:20%
font-family: Comic Sans MS;
 font-size: 16pt;
 text-align: center;
 color: #FFFFFF;
 margin-top:450px;
 }


#navileft2 {
position: absolute;
   left:5%;
   right:20%
font-family: Comic Sans MS;
 font-size: 16pt;
 text-align: center;
 color: #FFFFFF;
 margin-top:420px;
 }


 #navileftrel {

position: fixed;
font-family: Comic Sans MS;
 font-size: 16pt;
 color: #FFFFFF;
 margin-left: 50px;
 margin-top:520px;

 }

 /*Bilder*/

  #imginfo {
 position: absolute;
   left:20%;
   margin-top: 20px;

 }

img
{
 border: 2px;
 border-color: #404040;
}

 #imgoverview { position: absolute;
   left:80%;
 padding-top: 100px;


 }

#imginvisible {
  position: absolute;
   left:30%;
 padding-top: 40px;}

#imgsubtitle {
position: absolute;
   left:43%;
 padding-top: 540px;
font-family: sans-serif;
 font-size: 12pt;
 text-align: center;
 color: #FFFFFF;}


#arrowleft {
 position: absolute;
   left:22%;
 padding-top: 540px;
}
#arrowright {
 position: absolute;
   left:72%;
 padding-top: 540px;
}





/*xs-Bilder-Anordnung*/

#xs1 {
 position: absolute;
   left:39%;
 padding-top:75px;
}

#xs2 {
 position: absolute;
   left:55%;
 padding-top:82px;
}

#xs3 {
 position: absolute;
   left:68%;
   padding-top: 65px;
}

#xs4 {
 position: absolute;
   left:32%;
 padding-top: 250px;
}

#xs5 {
 position: absolute;
   left:47%;
 padding-top:180px;
}

#xs6 {
 position: absolute;
   left:70%;
 padding-top: 200px;
}

#xs7 {
 position: absolute;
   left:41%;
 padding-top: 420px;
}

#xs8 {
 position: absolute;
   left:63%;
 padding-top: 350px;
}

#xs9 {
 position: absolute;
   left:33%;
 padding-top: 460px;
}

#xs10 {
 position: absolute;
   left:58%;
 padding-top: 470px;
}