/* Allgemeine Formate */
BODY {
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight: normal;
  color: white;
  background-color: #021F7B; 
}


.highlight {
  background-color:#adba8c;
}


.content{
  Font-size: 12px;
}

TABLE {
   Font-size: 12px;
   color: white;
}

TABLE.black {
   Font-size: 12px;
   color: black;
}

A:ACTIVE, A:LINK, A:VISITED, A:HOVER
{
  color: white;
}

A:ACTIVE.tooltip, A:LINK.tooltip, A:VISITED.tooltip, A:HOVER.tooltip
{
  color: black;
}

A:ACTIVE.menu, A:LINK.menu, A:VISITED.menu
{
  color: white;
  font-size : 14px;
  font-weight:bold;
  Text-Decoration : none;
}

A:HOVER.menu
{
  Text-Decoration : underline;
}

A:ACTIVE.cloud, A:LINK.cloud, A:VISITED.cloud
{
  color: #adba8c;
  font-weight:bold;
  Text-Decoration : none;
}

A:HOVER.cloud {
 color: white;
}

.big {font-size:12pt; font-weight:bold; color:white;}

div.header {
   position:absolute; 
   top:10px;
   left:50%;
   width:800px;
   margin-left:-400px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #345ba0;
   text-align       : center;
}

div.navigation {
   position:absolute; 
   top:130px;
   left:50%;
   width:150px;
   margin-left:-400px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #345ba9;
   text-align       : center;
}

div.content {
   position         :absolute; 
   top              :130px;
   left             :50%;
   width            :640px;
   margin-left      :-240px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #345ba0;
}

div.start {
   position:absolute; 
   top:20px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.bilder {
   position:absolute; 
   top:60px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.musiker {
   position:absolute; 
   top:100px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.links {
   position:absolute; 
   top:140px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.kommunikation {
   position:absolute; 
   top:180px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.veranstaltungen {
   position:absolute; 
   top:220px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.impressum {
   position:absolute; 
   top:260px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #adba8c;
   text-align       : center;
}

div.newsletter {
   position:absolute;
   top:350px;
   left:50%;
   width:130px;
   margin-left:-65px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : left;
}

div.com_1 {
   position:absolute; 
   top:20px;
   left:50%;
   width:250px;
	margin-left:-125px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : center;
}

div.footer {
   position:absolute; 
   top:650px;
   left:50%;
   width:800px;
   margin-left:-400px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #021F7B;
   text-align       : center;
   font-size : 10px;
}

div.link_1 {
   position:absolute;
   top:20px;
   left:50%;
   width:500px;
   margin-left:-250px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : left;
}

div.banner {
   position:absolute;
   top:80px;
   left:50%;
   width:250px;
   margin-left:-125px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : center;
}

div.intro_1 {
   position:absolute;
   top:70px;
   left:50%;
   width:250px;
   margin-left:-285px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : left;
}

div.intro_2 {
   position:absolute;
   top:70px;
   left:50%;
   width:250px;
   margin-left:0px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : left;
}

div.fade {
   width: 100%;
   height:100%;
   position: absolute; 
   top: 0px; 
   left: 0px; 
   margin-left:0px;
   background-color : black;
}

div.hinweis {
   position:absolute;
   top:50%;
   left:50%;
   width:500px;
   margin-left:-150px;
   margin-top:-150px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : center;
   background-color : white;
   color            : black;
}

div.gaestebuch {
   position:absolute;
   top:20px;
   left:50%;
   width:625px;
   margin-left:-320px;
   text-align       : left;
}

div.getraenkePanel {
   position:absolute;
   top:20px;
   left:50%;
   width:500px;
   height:500px;
   margin-left:-300px;
   padding-top      : 5px;
   padding-bottom   : 5px;
}

div.showit {
   position:absolute;
   top:20px;
   left:50%;
   width:500px;
   margin-left:-250px;
   padding-top      : 5px;
   padding-bottom   : 5px;
}

div.karte {
   visibility: hidden;
   position:absolute;
   top:50%;
   left:50%;
   width:500px;
   margin-left:-250px;
   margin-top:-210px;
   padding-top      : 5px;
   padding-bottom   : 5px;
   text-align       : center;
   background-color : white;
}