* {
    margin: 0;
    padding: 0; }
    
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000;
    background-color: #FFF; 
    padding-top: 0.1mm;
    overflow-y: scroll; }
    
a:link,
a:visited {
    color: #EA6EA2; }
    
img,
a img {
    border: none; }

h1 {
    font-size: 0.8em;
	text-transform: uppercase; }
	
h2 {
	font-size: 0.8em; }

p {
    font-size: 0.8em; 
    line-height: 1.4em;
    margin-bottom: 1.4em; }
	
.box p {
	margin-bottom: 0.5em; }
    
    
#wrapper {
    position: relative;
    width: 910px;
    margin: 0 auto 0 auto; }
    
#navigation {
    position: absolute;
    left: 0;
    top: 0; 
    background-image: url(../site-images/nav_bgr.jpg); 
    background-repeat: no-repeat;
    width: 238px;
    height: 311px; }
    
#weather {
    position: absolute;
    right: 60px;
    top: 0;
    width: 160px;
    height: 101px; 
    background-repeat: no-repeat;
    background-position: 6px 36px;  }
	
#weather.typWasser 	{ background-image: url(../site-images/weather_bgr_water.gif); }
#weather.typLuft	{ background-image: url(../site-images/weather_bgr_air.gif);  }
    
#weather #icon {
    position:absolute;
    left: 80px;
    top: 10px; }
    
#weather #temp-water {
    position: absolute;
    left: 28px;
    top: 53px; 
    font-weight: bold;
    font-size: 1.2em;
    color: #AE9A65; }
    
#logo {
    position: absolute;
    left: 0;
    top: 446px;
    width: 228px;
    height: 114px; }
    
#content {
    position: absolute;
    left: 254px;
    top: 112px; 
    width: 420px; }
   
body#galerie #content {
    width: 700px; }
   
    
#highlights { 
    position: absolute;
    right: 0;
    top: 112px; 
    width: 206px; 
    color: #AD9961;
    font-size: 0.95em; }
    
#highlights .box {
    position: relative; 
    margin-bottom: 10px;  
    border-bottom: 1px solid #AD9961; }
    
#highlights h2 {
    font-size: 0.9em; 
    text-transform: uppercase;
	margin-bottom: 10px; }
    
#highlights .date {
    position: absolute;
    right: 0;
    top: 0;  }
	
#highlights .box .price {
	position: relative;
	bottom: 10px;
	text-align: right;
	width: 206px; 
	margin: 0;
	padding: 0; }
    
#highlights #kontakt {
    border-top: 5px solid #AD9961;
    padding-top: 5px; }
	
#highlights #kontakt p {
	font-size: 0.7em; }
	
    
#highlights .first {
    border-bottom: 1px solid #AD9961; }
    
#highlights #kontakt a:link,
#highlights #kontakt a:visited {
    color: #AD9961; 
    text-decoration: none; }

#nav1, #nav2, #nav3 { position: absolute; z-index: 20; }

ul#nav1 li,
ul#nav2 li,
ul#nav3 li {
    list-style-type: none;
    text-transform: uppercase; 
    font-weight: bold; 
    position: relative; 
    line-height: 0.90em; }
    
ul#nav1 li a,
ul#nav2 li a,
ul#nav3 li a {
    text-decoration: none; }

ul#nav1 { left: 108px;  top: 7px; }
ul#nav2 { left:  25px;  top: 154px; }
ul#nav3 { left: 116px;  top: 243px; }

ul#nav1 li a { color: #EB6EA3; font-size: 0.75em; line-height: 1.5em; }

ul#nav1 li a:hover,
body#gastrosophie	li.gastrosophie a,
body#restaurant		li.restaurant a,
body#imbiss			li.imbiss a,
body#events			li.events a,
body#galerie		li.galerie a {
	color: #AE9964; }

ul#nav2 li a { color: #AE9964; font-size: 0.65em; }

ul#nav2 li a:hover,
body#impressum		li.impressum a,
body#disclaimer		li.disclaimer a,
body#links			li.links a {
	color: #CACC00; }


ul#nav3 li a { color: #CACC00; font-size: 0.65em; line-height: 0.8em;}

ul#nav3 li a:hover,
body#kontakt		li.kontakt a,
body#team			li.team a,
body#jobs			li.jobs a {
	color: #AE9964; }
  
  
#nav1 .restaurant { right: 3px; }
#nav1 .imbiss { right: 3px; }
#nav1 .events { left: 8px; }
#nav1 .galerie { left: 24px; }

#nav2 .disclaimer { right: 5px; }
#nav2 .links { left: 14px; }

#nav3 .kontakt {}
#nav3 .team { left: 25px; }
#nav3 .jobs { left: 12px; }

#flash {
	position: absolute;
	z-index: 10; 
	width: 100%;
	height: 100%; }