/* ----------- body ----------------- */	
body      
{ 
scrollbar-face-color: #D1E7F5; 
scrollbar-shadow-color: #000066;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #D1E7F5; 
scrollbar-darkshadow-color: #000066;
scrollbar-track-color: #D1E7F5; 
scrollbar-arrow-color: #000066; 
background-color:#D1E7F5;
display: block;
}
.infra {position:absolute; top:65px; left:110px;}
.skyline {position:absolute; top:81px; left:770px;}
.marina1 {position:absolute; top:205px; left:230px;}
.marina2 {position: absolute; top: 410px; left: -15px }
.liegeplatz1 {position:absolute; top:345px; left:485px;}
.liegeplatz2 {position: absolute; top: 440px; left: 0px }
.dampfer    { position: absolute; top: 443px; left: 0px }
.baum {position:absolute; top:290px; left:190px;}
.motorboot1 {position:absolute; top:420px; left:750px;}
.motorboot2 {position: absolute; top: 440px; left: 0px }
.ruderboot1 {position:absolute; top:440px; left:500px;}
.ruderboot2 {position: absolute; top: 440px; left: 0px }
.ruderboot3 {position: absolute; top: 300px; left: 300px }
.erleben1 {position:absolute; top:295px; left:275px;}
.erleben2 {position: absolute; top: 500px; left: 30px }
.erleben3 {position: absolute; top: 550px; left: 700px }
.waschhaus {position:absolute; top:225px; left:428px;}
.rathaus1 {position:absolute; top:180px; left:590px;}
.rathaus2 {position: absolute; top: 440px; left: 0px }
.schloss {position:absolute; top:120px; left:300px;}
.cy {position:absolute; top:598px; left:90px;}
/* ----------- navigation ---------------#FCB303-- */	
a   { color: blue; font-size: 12px; font-family: Verdana, Arial ; text-decoration: none}
a.hover 	  { color: purple; font-size: 12px; font-family: Verdana, Arial; text-decoration: underline}
a.visited, a.active   { color: red; font-size: 12px; font-family: Verdana, Arial; text-decoration: none }
/* ----------- text ----------------- */	
.nav  { color: #000066; font-weight: bold; font-size: 12px; font-family: Verdana }
a.nav:link { font-family:  Verdana; text-decoration:none; color:#000066 }
a.nav:visited { font-family:  Verdana; text-decoration:none; color:#000066; }
a.nav:hover { font-family:  Verdana; text-decoration:underline; background-color:#f0f8ff; }
a.nav:active { font-family:  Verdana; text-decoration:none; }
.navs {font-family:  Verdana;	font-size: 12px; color: #000066; font-weight:normal;}
a.navs:link { font-family:  Verdana; text-decoration:none; color:#000066 }
a.navs:visited { font-family:  Verdana; text-decoration:none; color:#000066; }
a.navs:hover { font-family:  Verdana; text-decoration:none; background-color:#f0f8ff; }
a.navs:active { font-family:  Verdana; text-decoration:none; }
.std,  table {font-family:  Verdana, Arial; font-size: 12px; color: #000066;}
.small { color: #000066; font-size: 12px; font-family: Verdana, Arial; text-decoration: none }
.smalln { color: red; font-style: italic; font-size: 12px; font-family: Verdana, Arial; text-decoration: none }
.big { color: #000066; font-weight: bold; font-size: 12px; font-family: Verdana, Arial; text-decoration: none }
.bign { color: red; font-style: italic; font-weight: bold; font-size: 12px; font-family: Verdana, Arial; text-decoration: none }
/* ----------- formular ----------------- */

.textfeld {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;background-color:#E4E9EE; color: #000066; width: 510px}
.feld {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #E4E9EE; color: #000066; width: 320px}
.feldbutton  { color: #000066; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #e4e9ee; border: thin black; width: 150px; height: 20px }