html,body { 	  
	  border:0px;
      background-color:#ffffff; /* Hintergrundfarbe */    
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Schriftfamilie */
	  color:#666666; /* Schriftfarbe Fließtext */
	  font-size: 12px; /* Schriftgröße Fließtext */
      margin: 0px;
      padding: 0px;
      overflow: hidden;
	  scrollbar-face-color:#E5E5E5; /* funktioniert nur beim IE, andere Browser ignorieren diese Angabe*/
	  scrollbar-track-color:#E5E5E5; /* funktioniert nur beim IE, andere Browser ignorieren diese Angabe*/
	  height:100%;	         
   } 
   
    #schrift {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Schriftfamilie */
		  color:#666666; /* Schriftfarbe Fließtext */
	  font-size: 10px; /* Schriftgröße Fließtext */
     }   
        
   #container {
	position:absolute;
	left:50%;
	top:50%;
	width:780px;
	height:466px;
	margin-left:-390px;
	margin-top:-233px;
	background-color:#FFFFFF;
	overflow: hidden;
	text-align:left;
	background-image: url(images/hintergrund.gif);
   } 
 
    #work {
	position:absolute;
	left:50px;
	top:45px;
	width:680px;
	height:260px;	
	overflow: hidden;	
   }
   
   #navi {
	position:absolute;
	left:30px;
	top:322px;
	width:680px;
	height:30px;	
   }
   
   #info {
	position:absolute;
	left:50px;
	top:383px;
	width:680px;
	height:50px;
	vertical-align: middle;
   }
   
   #linkespalte {
	position:absolute;
	left:0px;
	top:0px;
	width:320px; /* Breite linke Spalte */
	height:260px;	
	overflow: auto;	/* Scrollleiste bei längerem Text */

   }
   
    #rechtespalte { 
	position:absolute;
	left:340px; /* Anfang rechte Spalte */
	top:0px;
	width:330px; /* Breite rechte Spalte */
	height:260px;	
	overflow: auto;	/* Scrollleiste bei längerem Text */
	padding-right: 10px;
   }



/* Fließtext, Überschriften */
/* auf 0 setzen */
h1, h2, h3, h4, p{
margin: 0;
padding: 0;
}

#rechtespalte p {
padding-top: 10px; /* Abstand zwischen Linie und Fließtext */

}

h1 { /* Überschrift */
color:#999999;
font-size: 21px;
font-weight:bold;
padding-bottom:10px; /* Abstand zwischen Überschrift und Linie */
border-bottom: 3px solid #cccccc;
}

/* Links horizontal */
#navi p{
width: 780px; /* für Opera, weil er sonst die links nicht nebeneinander setzt*/
font-size: 14px; /* Schriftgröße buttons */
font-weight:bold; 
line-height: 30px;
}

#navi a {
display: block;
float: left;
text-decoration: none;
text-align:center;
width:102px;	
}

a:link, a:visited {
background-image:url(images/back.gif);
color: #999999; /* Schriftfarbe Link */
}

a:hover, a:active, a:focus {
color:#666666; /* Schriftfarbe bei mouseover */
}

#aktuell { /* Link auf der aktuellen Seite: In der jeweiligen html-Seite in den <a href tag> id="aktuell" einfügen */
background-image:url(images/back1.gif);
color: #666666; /* Schriftfarbe aktueller Link */
}

/* Link Brief: email senden */
#info a {
display: block;
float:right;
text-decoration: none;
/*
width:28px;
height:21px;
*/
}

a.kontakt:link, a.kontakt:visited {
background-image:url(images/kontakt.gif);
}

a.kontakt:hover, a.kontakt:focus {
background-image:url(images/kontakt1.gif);
}

/* Bilder ohne Rahmen */
img {
border: 0px;
}

a.hotel:link, a.hotel:visited {
font-weight: bold;
color:#999999;
text-decoration: none;
background-image: none;
}

a.hotel:hover, a.hotel:active, a.hotel:focus {
font-weight: bold;
color:#666666;
text-decoration: none;
}

span.impressum {
display: block;
padding-left: 5px;
}