body { 	margin: -1px 0 0 0; padding: 0;
		background:  #fdfbea url(img/wave-pages.gif) no-repeat top left;
		font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
		color: #000;
		height:100%;  
		}
div#middle	{	float:left;
				width:100%;
				padding:0;
				background:  url(img/wave-pages2.jpg) no-repeat bottom left; 
				height: 100%;}
div#content	{	margin-left:180px;
				margin-top: 0;
				padding:0;
				width:780px; 			}
div#left	{	float:left;
				width:180px;
				margin-left:-100%; }

.clear {	clear: both; 
			height: 1px;
			}	
p, td, li {	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
			font-size: 12px; 
			line-height: 20px;
			}
h1, h2 {	font-size: 12px; 
			color: #5E5E5E; 
			text-align:right; 
			margin: 5px 0; 
			padding: 0; }
h3 {		clear: both;
			font-size: 13px; 
			font-weight: bold; 
			background-color: #eff3ce; 
			padding: 3px 0 3px 30px; 
			margin: 0;
			} 
.pic { 	margin-bottom: 14px;
	}
.tit {
	font-size:16px;
	text-decoration:underline;
	font-variant:small-caps;
	}
.quot {
 	margin: 14px 0 0 0;
	padding: 0;
	}
.dat {
 	font-size: 11px; 
	font-style: italic; 
	text-align: right; 
	margin: -6px 0 0 0;
	padding:0;
	}
a:link { 	color: #193DBF; }
a:visited { color: #193DBF; }
a:hover { 	color: #FE3000; }

#navlist {	
	padding: 0;
	margin: 12px 0 0 0;
	width: 150px; }
#navlist li {
	list-style: none;
	margin: 1px 0;
	line-height: 27px;
	height: 27px;
	background:  url(img/bg-menu-40.png) repeat;  }
#navlist li a {
	font-size: 11px;
	display: block;
	padding-left: 18px;
	text-decoration: none;outline:none;	 }
	
#navlist li a:link, #navlist li a:visited, #navlist li a:hover 	{ color: #000; }
#navlist li a:hover {	  
	background:  url(img/bg-menu-100.png) repeat; }
#home a#nav_home,
#activities a#nav_activ,
#guestbook a#nav_guest,
#contact a#nav_contact,
#spa a#nav_spa {	  
	font-weight: bold;
	background:  url(img/bg-menu-100.png) repeat; }
	
.active {
	color: #000;
	font-weight: bold;
	background:  url(img/bg-menu-100.png) repeat;  }
	
img.right, img.left, img.rahmen {
	border: 1px solid #bebebe;
	padding:3px; background: #fff;}
img.right {
	float: left; 
	margin: 6px 22px 10px 0px; }
img.left {
	float: right; 
	margin: 6px 0 0px 14px;  }

form label {
	clear:left; 
	display:block; 
	float:left; 
	width:100px; 
	text-align:right; 
	padding-right:10px; 
	margin-bottom:0.5em;}
form input {
	border:1px solid #E1E1E1; 
	background:#fff; 
	padding-left:0.5em; 
	margin-bottom:0.6em;}
form input:focus {border:solid 1px #9DC23D; }
select  {
	font-size: 11px;
	background-color: #fff;
	padding: 2px;
	border: solid 1px #E1E1E1;
	margin-right: 5px;
	margin-bottom: 10px;	}
form textarea {
	border:1px solid #E1E1E1; 
	background:#fff; 
	padding-left:0.5em; 
	margin-bottom:0.6em;}
	
table .rates {background-color:#CFD6BF; width: 300px;}
.rates th {background-color: #DBE7A6; text-align:center;font-size: 11px; color:#353535;}
.rates td {background-color: #ffffff; text-align:center;font-size: 11px;}
	
.gotop {text-align:right; padding:20px 0;}
.gotop a, .gotop a:link, .gotop a:visited {	color : #193DBF; font-size : 11px;}
.gotop a:hover { 	color : #0C6BDF;   }

.footer { clear: both; width: 95%; font-size: 11px; color: #607C16; text-align: center; padding: 70px 0 4px 0;}
.footer a:link, #footer a:visited { color: #607C16; }
.footer a:hover { color: #FFFFFF; }

