/* CSS Document */
/* *************** farb *************************** */
/* #E9F4FF   #D58000  orange   #FF9900   */

* {margin:0px; padding:0px; border:0px; font-family: Arial, Helvetica, sans-serif;font-size: 11px; line-height: 1.25; color: #000000; }
body { background-color: #FF9900; background-image:url(bg/texture.png); background-attachment:fixed;}
h1 {font-family: Arial, Helvetica, sans-serif;font-size: 130%;color:#000000; border:1px solid #ff3300; background-image:url(bg/texture.png); width:100%; margin:0% 0% 0% -1%; padding:0% 1% 0% 1%;} 
h2 { font-family:Arial, Helvetica, sans-serif; margin: 0% -1% 0% -1%; padding: 0% 1% 0% 1%; font-size:110%; color:#000000; background-image:url(bg/texture.png); border:1px solid #ff3300;}
h3 {font:Arial, Helvetica, sans-serif; font-size:130%; color:#666666; text-decoration:underline;}
h4 { font:Arial, Helvetica, sans-serif; margin: 0% 0% 0% 0%; padding: 0% 1% 0% 1%; font-size:100%; color:#000000; border-top:1px solid #cccccc;}


a {}
a:link {font-family: Arial, Helvetica, sans-serif; font-size: 110%; line-height: normal; color:#0000CC;text-decoration: underline; }
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 110%;line-height: normal; color: #0000cc;text-decoration: underline;}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 120%; line-height: normal; color: #FF0000;text-decoration: underline; }
a:active {}

div#wrapper { display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:1350px; background-color:#FFFFFF ; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
div#wrapperabout {display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:auto; background-color:#FFffff; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
div#wrapperservicios {display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:auto; background-color:#FFFFFF ; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
div#wrappercontact { display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:auto; background-color:#FFFFFF ; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
div#wrappservice { display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:auto; background-color:#FFFFFF ; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
div#wrapperstandort { display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:auto; background-color:#FFFFFF ; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
div#wrapperkontakt {display:block; color: #000000; margin-left:15%; margin-right:15%; margin-top:1%; margin-bottom:0%; width: 850px; height:auto; background-color:#FFFFFF ; border: 2px solid #cccccc;font-family: Arial, Helvetica, sans-serif;}
#tl {
	float:left;
	margin:-2px 0 0 -2px;
	z-index:2;
	height: 25px;
	width: 33px;
	background-image:url(bg/cornernew.png);
	background-repeat: no-repeat;
	overflow: hidden; 
	z-index:1;
}
#tr { float:right; 	margin:-2px -10px 0 0px;
	z-index:1;
	height: 25px;
	width: 33px;
	background-image:url(bg/cornernewre.png);
	background-repeat: no-repeat;
	overflow: hidden;}
div#shadere { position:absolute; width:15px; height: 860px; z-index:-3; left: 83%; top: 9%;  }
div#shadeli { position:absolute; width:15px; height: 860px; z-index:-2; left: 14%; top: 9%; }

div#contact  { display :block; float :left; margin:1% 0% 0% 0%; padding:0% 1% 0% 0%; width:44%; height:auto; border:0px solid #cccccc;}
.contact {}
div#form { float:left; display:block; margin:0% 0% 3% 0%; padding:0% 0% 0% 0%; width:102%; height:auto; background-color:#E9F4FF; border: 1px solid #cccccc;}
#form h1 {font-family: Arial, Helvetica, sans-serif;font-size: 130%;color:#000000; border:1px solid #ff3300; background-image:url(bg/texture.png); width:98%; margin:0% 0% 0% 0%; padding:0% 1% 0% 1%;}

div#content { display:block; float: left; width: 45%; height:auto; margin:0% 0% 0% 0%; padding:1% 0% 0% 0%; background-color:#FFFFFF; border: 0px solid #cccccc; }

div#servcontent {display:block; float:left; width: 26%; height: auto; margin: -1.5% 0% 0% 1%; padding: 0% 0% 0% 1%; border: 0px solid #cccccc;}
.video { display:block; float:left; width: 26%; height: auto; margin: 1% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 2px solid #cccccc;}

.reserve {float:left; display:block; margin:85% 0% 1% 0%; padding:0% 0% 0% 0%; width:96%; height:75px; background-color: #E9F4FF;  border:1px solid #cccccc;}
.reserve img { padding:0% 15% 0% 15%;}
.reserve p { margin: 3% 12% 0% 0%; padding:0% 0% 0% 0%;}
.reserve a {font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: normal; color:#0000CC;text-decoration: underline; }
.reserve a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 105%; line-height: normal; color: #FF0000;text-decoration: underline;}

.services { float:left; display:block; margin:2% 0% 1% 0%; padding:0% 0% 0% 0%; width:96%; height:630px; background-color: #E9F4FF;  border:1px solid #cccccc;}
#weathercontact2 {  float:left; display:block; margin:2% 0% 3% 0%; padding:0% 0% 0% 0%; width:96%; height:auto; background-color:#E9F4FF; border:1px solid #cccccc;}
.aboutweather {  float:left; display:block; margin:1% 0% 0% 5%; padding:0% 0% 0% 0%; width:92%; height:200px; background-color:#E9F4FF; border:0px solid #cccccc;}
.standortweather {  float:left; display:block; margin:2% 0% 0% 5%; padding:0% 0% 0% 0%; width:92%; height:150px; background-color:#E9F4FF; border:1px solid #cccccc;}
div#servicesboutique { float:left; display:block; margin:2% 0% 1% 0%; padding:0% 0% 0% 0%; width:95%; height:1100px;  background-color: #E9F4FF; border:1px solid #cccccc;}
#servicesboutique img { padding:0% 3% 0% 3%;}


div#kontaktcontent {display:block; float:left; width: 96%; height:auto; margin:2% 0% 0% 1%; padding: 0% 0% 0% 0%; border:1px solid #cccccc;}
.addresscontact {display:block ; float:left; margin: 14% 1% 2% 1%; padding:0% 1% 0% 1%; width: 94%; border:0px solid #cccccc;}
.addresscontact h2 { font:Arial, Helvetica, sans-serif; width:104%;margin: 0% -2% 0% -2%; padding: 0% 1% 0% 1%; font-size:130%; color:#000000; background-image:url(bg/texture.png); border:1px solid #ff3300;}

div#servicegaleria { margin:65% 5% 0% 5%; padding:0% 1% 0% 1%; width:90%; height:600px;  background-color: #E9F4FF; border:1px solid #cccccc;}
.weather { display:block; margin:1% 0% 0% 3%; padding:0% 1% 0% 1%; width:90%; height:auto;  background-color:#E9F4FF; border:1px solid #cccccc;}
#weather1 {margin:68% 5% 0% 5%; padding:0% 1% 0% 1%; width:94%; height:25%;  background-color:#E9F4FF; border:1px solid #cccccc;}
#weather2 { margin:0% 5% 0% 5%; padding:0% 1% 0% 1%; width:90%; height:455px;  background-color:#E9F4FF; border:1px solid #cccccc;}

.aboutpic { float:left; display:block; margin:3% 0% 0% 3%; padding:0% 0% 0% 0%; width:99%; height:351px; background-image:url(imgs/massageside.jpg); background-repeat:no-repeat;}

.cozuservice {float:left; display:block ;margin:0% 0% 0% 0%; width:100%; height:151px; padding:0% 0% 0% 0%;border: 0px solid #cccccc;}

#opener {float:left; display:block; margin:1% 0% 0% 0%; width:600px; height:185px; padding:0% 0% 0% 0%; border: 0px solid #cccccc;}


#first {  float:left; width:100%; height:auto; margin: 0% 0% 3% 0%; padding:0% 1% 0% 1%; background-color:#FFFFFF; border: 1px solid #cccccc;}
#firstgal {width:100%; padding:0% 1% 0% 1%; border: 1px solid #cccccc; background-image:url(Galeria/galmidmore.jpg); background-position:right; background-repeat:no-repeat;}

#development { float:left;  display:block; width:100%; height:auto; margin:0% 0% 3% 0%; padding:0% 1% 0% 1%; background-color:#FFFFFF; border: 1px solid #cccccc;}

#rates { float:left; width:100%; margin:0% 0% 3% 0%; padding:0% 1% 0% 1%; background-color:#FFFFFF; border: 1px solid #cccccc;}

#weeklyrates{ float:left; width:100%; margin:0% 0% 3% 0%; padding:0% 1% 0% 1%;background-color:#FFFFFF; border: 1px solid #cccccc;}

#policies { float:left; width:100%; margin:0% 0% 3% 0%; padding:0% 1% 0% 1%; border: 1px solid #cccccc;}
#Tauchen {  width:100%; padding:0% 1% 0% 1%; border: 1px solid #cccccc;}

div#head { float:left; margin-top:0%; left:15%; right:15%;  width: 100%; height:42px; border:1px solid #cccccc;}
div#bottom { float:left;  margin-top:10%; left:15%; right:15%;  width: 100%; height:20px; border-top:1px solid #cccccc;}

div#navicontent { display:block; float:left; margin:-1% 0% 0% -3%; width:220px; height:1000px; border: 0px solid #cccccc;}
div#navi{ margin:10% 2% 1% 2%; padding:5% 1% 5% 1%; width:90%; height:1000px; background-color:#E9F4FF ; border:1px solid #cccccc; }
#navi img {margin: 0% 0% 0% 1%;}

div#address { float:left; display:block ; margin:0% 1% 1% 1%; padding:0% 0% 0% 0%; width:100% ; border:0px solid #cccccc;}

div#ironman { float:left; display:block ; margin:0% 0% 0% 0%; padding:0% 0% 0% 0%; width:196px; height:180px; border:1px solid #cccccc;}
#ironman h2  { font-family:Arial, Helvetica, sans-serif; margin: 0% -1% 0% -1%; padding: 0% 1% 0% 1%; font-size:12px; color:#000000; background-image:url(bg/texture.png); border:1px solid #ff3300;}
#ironman img {width:180px; height: 100px;}

ul{ list-style-type: disc; padding:0% 0% 0% 5% ;}


div#booking { margin:3% 1% 0% 1%; padding:0% 1% 0% 1%; width:98%; height:63%; border: 1px solid #cccccc;}

.historie {float:left; display:block; margin:2% 0% 0% 0%; padding:0% 1% 0% 1%; width:96%; height:auto;  background-color: #E9F4FF; border:1px solid #cccccc;}
div#historieesp { display:block; margin:2% 0% 0% 0%; padding:0% 1% 0% 1%; width:96%; height:auto;  background-color: #E9F4FF; border:1px solid #cccccc;}

img.expando{ border:none; vertical-align: top;}


#sectionLinks{ float:left; display: block; margin-bottom:10px; padding: 0% 0% 2% 0%; width:198px; height:160px; border: 1px solid #cccccc;}
#sectionlinks h2 { font-family:Arial, Helvetica, sans-serif; margin: 0% -1% 0% -1%; padding: 0% 1% 0% 1%; font-size:12px; color:#000000; background-image:url(bg/texture.png); border:1px solid #ff3300;}
.box { display:block; margin:0% 0% 0% 8%; width:100%; height:160px; text-align:center,}
.box ul li{ list-style-type: disc; margin:0px 0px 0px 15px ;}
.boxbot { display:block; margin:0 auto; height:auto; text-align:center;} 
#sectionLinks a {  padding:0px}
#sectionLinks a:hover{ }
#sectionLinks img {width:120px; height:36px; padding:0px 0px 0px 0px ;}
#sectionLinks input {padding:0px 0px 0px 25px ;}


form#contact { padding: inherit;}
form#contact legend { font-family: Arial; font-style:italic; font-size:1em; color:#FFFF00;}
form#contact fieldset { width:30em; margin: 1em 0em 0em 1em; padding: 1em;} 
form#daves input {display: block; border-color: #ffff00; font:Arial, Helvetica, sans-serif; color:#000000; } 
form#daves option {display: block; border-color: #000000; font:Arial, Helvetica, sans-serif; color:#000000;}
form#daves textarea {display: block; border-color: #ffff00; font:Arial, Helvetica, sans-serif; color:#000000;}
form#contact label { margin-bottom: 1em; font-weight: bold; text-indent:0.6em;}
form#contact input.message {display: block;border-color: #FFFF00; font:Arial, Helvetica, sans-serif; color:#000000;}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EF59AD;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#footer{ clear: left;width: 100%;text-align: center; margin-bottom:1%; margin-top:3%; }