html, body {
  height:100%;
  width:100%;
  overflow:hidden;
background: white;
    	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;   
	color: navy;
	font-family: Verdana;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
}
body{	
	scrollbar-face-color: #bbf0fb;	
	scrollbar-base-color: #ddf0fb; 
	scrollbar-track-color: #fdfdfd;
	scrollbar-highlight-color: #ddf0fb;
	scrollbar-3dlight-color: #ddf0fb;
	scrollbar-darkshadow-color: #ddf0fb;
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: navy;
	}

	
H1{
	font-family: Verdana;
	font-size:18px;
	font-weight: bold;
	font-style: normal;
	border: none;
	color: navy;
   margin: 0px 0px 0px 0px;
	padding: -10px 0px -10px 0px;   
	}

H2{
	font-family: Verdana;
	font-size:14px;
	font-weight: bold;
	font-style: normal;
	border: none;
	color: navy;
    	margin: 0px 0px 0px 0px; 
	padding: -10px 0px -10px 0px;   	
	}

H3{
	font-family: Verdana;
	font-size:11px;
	font-weight: bold;
	font-style: normal;
	border: none;
	color: navy;
    	margin: 0px 0px 0px 0px; 
	padding: -20px 0px -10px 0px;   
	}

a  { color: navy; font-weight: bold; text-decoration: none;  font-family: Verdana;   font-size: 12px; text-decoration:underline;  }
a:link  { color: navy; font-weight: bold; text-decoration: none;  font-family: Verdana;   font-size: 12px; text-decoration:underline;  }
a:active { color: navy; font-weight: bold; text-decoration: none;  font-family: Verdana;   font-size: 12px; text-decoration:underline;  }
a:visited  { color: navy; font-weight: bold; text-decoration: none;  font-family: Verdana;   font-size: 12px; text-decoration:underline;  }
a:hover  { color: #ddf0fb; 
	 background-color:navy;	   
	 font-weight: bold; 
  	 text-decoration: none;  
	   font-family: Verdana;   
	   font-size: 12px;
	   text-decoration:underline;
}


/* ul{
    list-style-type: none; 
    list-style-position: outside; 
    text-indent: 0px 
    }
 */
/* specific divs */

#container, #daten,
#datenpreise,#datenimpressum, #datalinks,#datenanfahrt,#datenkontakt,#datenhaus,
#datenbernstein,#datenmeereswelle,#datengrundriss,#datenfreizeit,#datenveranstaltungen,#versandmail,
#statisch,#footer{
	font-family: Verdana;
	font-size:12px;
	font-weight: normal;
	font-style: normal;	
}

#container {
	width:868px;	
    	margin: 0px 0px 0px 60px; 
	padding: 0px 0px 0px 0px;       
	height: expression( (document.documentElement.clientHeight - 30) + 'px') ;  
  height: 460px;	       	 		
	}

#bannermenue {  	
	background: white; 
	height: 100px;	 
	width:868px;		     	  
	}
	
#dataarea { 	
	background: #ddf0fb; 	
	background-color: #ddf0fb;
	text-align: center;  
	bottom: 30px;
	height: expression( (document.documentElement.clientHeight - 160) + 'px') ;  
	height: 460px;		
	width:868px;	
	}
#daten,#datenpreise,#datenimpressum,#datalinks,#datenanfahrt,#datenkontakt,#datenhaus,
#datenbernstein,#datenmeereswelle,#datengrundriss,#datenfreizeit,#datenveranstaltungen,#versandmail {
	background: #ddf0fb; 	
	background-color: #ddf0fb;
   display: inline;
   float:left;
	overflow: auto;	
	width: 80%; 		
	height: expression( (document.documentElement.clientHeight - 160) + 'px') ; 
	height: 460px;		
	}

#daten {
   display: inline;
	}

#datenpreise,#datenimpressum,#datalinks,#datenanfahrt,#datenkontakt,#datenhaus,
#datenbernstein,#datenmeereswelle,#datengrundriss,#datenfreizeit,#datenveranstaltungen,#versandmail {
   display: none;
	}
	
#leftshow { 
	clear:both; 
	width: 50%; 
	float: left;
        overflow: auto;   
	position:relative;    
    	margin: 0px 0px 0px 0px; 	  		  	
	text-align: center;    	
	}
#leftshow { 
	clear:both; 
	width: 50%; 
	float: right;
        overflow: auto;         		  	
	position:relative;   
    	margin: 0px 0px 0px 0px; 	  		  	
	text-align: center;  	     
	}	
	
#statisch { 
        display: inline;
	float: left;	
/*
	width: expression( 868 * 0.2 + 'px'); 	
*/	
	width: 20%; 	
	height: expression( (document.documentElement.clientHeight - 160) + 'px') ; 			
	background: #ddf0fb; 	
	background-color: #ddf0fb;
	overflow: hidden;
	}



	
#footerarea { 	
	background: #ddf0fb;  	
	text-align: center;  	  
	background-color: #ddf0fb;  
	background: #ddf0fb; 	
	width: 868px;	   		       
	height: 30px;
	}			
#footer { 
	font-size: 8px; 
	font-weight: bold;  
/*
	width: expression( 868 * 0.8 + 'px'); 	
*/	
	width: 80%; 		
	display: inline;
	float: left;
	background: #ddf0fb; 	
	background-color: #ddf0fb; 	
	height: 20px;	   		       		
	}
#footerfill { 
/*
	width: expression( 868 * 0.2 + 'px'); 	
*/	
	width: 20%; 		
	display: inline;
	float: left;		
	background: #ddf0fb; 	
	background-color: #ddf0fb; 	   		       	
	}
	

#tabellebreit {
	font: 12px;
	font-weight: normal;  
	background: #ddf0fb; 
	width: 60%;
	display: inline;
	float: right;
   	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	 }

#tabelleschmal {
	font-family: Verdana;
	font-size:12px;
	font-style: normal;
	font-weight: normal;  
	background: #ddf0fb; 
	width: 40%;
	display: inline;
	float: left;
   	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
 	        
	 }

#tabelle {
	background: #ddf0fb;
	background-color: #ddf0fb;
	overflow: hidden;
	font-family: Verdana;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#tabelleaussen {
   border:1px solid navy;
	overflow: auto;
	}
#tabelleinnen {
	background: #ddf0fb;
	background-color: #ddf0fb;
	overflow: hidden;
	font-family: Verdana;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	padding: 2px 0px 2px 2px;

	}

.ptd{
padding: 2px 0px 2px 5px;
}

.noborder {
border:none;
}
.border {
border:1px solid navy;
}

.borderbottom {
border-bottom: 1px solid red;
border-top: 0px;
border-left: 0px;
border-right: 0px;

}

.bordertop {
border-bottom: 0px;
border-top: 1px solid green;
border-left: 0px;
border-right: 0px;

}
.borderright {
border-bottom: 0px;
border-right: 1px solid green;
border-left: 0px;
border-top: 0px;

}
.borderleft {
border-bottom: 0px;
border-left: 1px solid green;
border-top: 0px;
border-right: 0px;

}

.txtaligncenter {
text-align:center;
}

.txtalignleft {
text-align:left;
}

#rahmen {
border:1px solid navy;
border-collapse: collapse; 
}
  img {/* border style for all images */
  border: 0;
  }
  
  img.b {/* replacement for <br /> after images */
  display: block; /* forces line break for content after */
  }

  img.ortsplan {
  width: expression((document.body.clientWidth * 0.8)/3 + 'px') ;
  }

  img.freizeit {
  width: expression((document.body.clientWidth * 0.8)/5 + 'px') ; 
  height: 200px;

  }
  img.freizeit2 {
  /* width: expression((document.body.clientWidth * 1.2)/5 + 'px') ; */
  }	
  img.freizeit3 {
  width: expression((document.body.clientWidth * 1.2)/5 + 'px') ;
  float: left;
  }  
    img.freizeit4 {
  width: expression((document.body.clientWidth * 1.2)/5 + 'px') ;
  float: right;
  }
  img.haus {
  width: expression((document.body.clientWidth * 0.8)/5 + 'px') ;

  }

#spalte1 {
	clear:both;
	display: inline;
   width: 33%;
	float: left;
   overflow: hidden;
	position:relative;
   margin: 0px 0px 0px 0px;
	text-align: center;
	
	}
#spalte2 {
	display: inline;
	width: 33%;
	float: left;
   overflow: hidden;
	position:relative;
   margin: 0px 0px 0px 0px;
	text-align: center;
	}
#spalte3 {
	display: inline;
	width: 33%;
	float: right;
   overflow: hidden;
	position:relative;
   margin: 0px 0px 0px 0px;
	text-align: center;
	}
	
.fruehling{ 
    background-image: url('/data/images/fruehling.gif'); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: left 
}	
.sommer{ 
    background-image: url('/data/images/sonne.gif'); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: left;
}

.herbst{ 
    background-image: url('/data/images/herbst.gif'); 
    background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: left 
}

.navy{ 
    color: navy;
}
.fett{ 
    font-weight: bolder
}

.cursorHand{cursor:hand;}

.cursorDefault{cursor:default;}
.daten table{
     padding: 0 0 0 0;
     margin: 0px 0px 0px 0px;
     border:1px solid red;
     width:100%;
  border-collapse:collapse;

}
.daten tr{
     padding: -10 0 0 0;
     margin: 0px 0px 0px 0px;

}
.daten td{
     padding: -20 0 0 0;
     margin: 0px 0px 0px 0px;
}
.himmel{
background-color: #5CACEE;
}
.meer{
background-color: #A4D3EE;
}
}
.strand{
background-color: #FFF8DC;
}


  table {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     border:0px;
     width:100%;
  border-collapse:collapse;
  }

  tr {
     padding: -10px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     border:0px;
  }
  td {
     padding: -10px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
     border:0px;

  }

.inputTextField
{
	margin: 0px;
	height: 20px;
	padding: 1px 2px 0 2px;
	border:1px solid navy;
   background-image: url("/data/images/input-bg.gif");
}

.inputTextArea
{
	margin: 0px;
	height: 80px;
	padding: 1px 2px 0 2px;
	border:1px solid navy; 
    background-image: url("/data/images/input-bg.gif");
}
form {
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;	
  display:inline;
}

.button   { 	font-family: Verdana;
				font-size:12px;
			border:2px solid navy;
			background-color:#ddf0fb;
			color=navy; }

table.fixed{table-layout:fixed;}

.inactivAction
{
	-moz-opacity:0.5;
	filter:alpha(opacity=20);
}