@charset "utf-8";
/* CSS Document */

body {
	background-image: url(bilder/Traumurlaub.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #05c5da;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
}

.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #008497;
}

.h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E9E9E9;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	}
	
a:link {
	text-decoration: none;
	color: #E9E9E9;
}
a:visited {
	text-decoration: none;
	color: #E9E9E9;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	text-align: right;
}

#oflow {
	position:absolute;
	right:0px;
	top:101%;
	width:1px;
	height:1px;
	z-index: 1;
}

#content{
	position:absolute;
	left:150px;
	top:161px;
	width:532px;
	height:872px;
	z-index:50;
}

#topic {
	position:absolute;
	left:150px;
	top:80px;
	width:350px;
	height:45px;
	z-index:90;
	}
	
#impressum {
	position:fixed;
	right:15px;
	bottom:10px;
	width:100px;
	height:23px;
	z-index:90;
	text-align: right;
}

/* ------------Navigation------------------------------------ */
#mainMContainer {
	position:absolute;
	left:0px;
	top:160px;
	width:131px;
	height:345px;
	z-index:90;
	}

#mainM1 {
	position:relative;
	left:0px;
	top:0x;
	width:131px;
	height:56px;
	z-index:91;
	}
 
#mainM2 {
	position:relative;
	left:0px;
	top:0x;
	width:131px;
	height:58px;
	z-index:91;
	}
	
#mainMe {
	position:relative;
	left:0px;
	top:0x;
	width:131px;
	height:59px;
	z-index:91;
	}

#mainM3 {
	position:relative;
	left:0px;
	top:0x;
	width:131px;
	height:48px;
	z-index:91;
	}

#mainM4 {
	position:relative;
	left:0px;
	top:0x;
	width:131px;
	height:58px;
	z-index:91;
	}
 
#mainM5 {
	position:relative;
	left:0px;
	top:0x;
	width:131px;
	height:66px;
	z-index:91;
	}

/* ------------Sprache------------------------------------ */
#language{
	position:absolute;
	right:342px;
	top:0px;
	width:148px;
	height:28px;
	background-image:url(bilder/sprach-navi/language.jpg);
	z-index:90;
	left: 700px;
}

#languagetext{
	position:absolute;
	left:10px;
	top:5px;
	width:67px;
	height:15px;
	z-index:91;
}

#flagD{
	position:absolute;
	left:83px;
	top:5px;
	width:24px;
	height:15px;
	z-index:91;
}
#flagE{
	position:absolute;
	left:114px;
	top:5px;
	width:24px;
	height:15px;
	z-index:91;
}

/* ------------Logo, haus & Bild------------------------------------ */
 
 #hnf{
	position:absolute;
	right:0px;
	top:40px;
	width:295px;
	height:446px;
	z-index:90;
}
#hnf1{
	position:relative;
	right:0px;
	top:0px;
	width:295px;
	height:165px;
	z-index:91;
}
#hnf2{
	position:relative;
	right:0px;
	top:0px;
	width:295px;
	height:226px;
	z-index:91;
	background-image:url(bilder/foto01.gif);
}

#hnffotoin{
	position:relative;
	left:18px;
	top:4px;
	width:277px;
	height:211px;
	z-index:92;
}

#hnf3{
	position:relative;
	right:0px;
	top:10px;
	width:295px;
	height:26px;
	z-index:21;
}

#hnfchoose{
	position:relative;
	right:0px;
	top:0px;
	width:295px;
	height:42px;
	z-index:111;
	cursor:pointer;
	background-image: url(bilder/s-apartement/bg1.gif);
}

/* ------------Willkommen------------------------------------ */
#W_inhalt1{
	position:absolute;
	left:9px;
	top:17px;
	width:341px;
	height:70px;
	z-index:56;
}

#W_inhalt3{
	position:absolute;
	left:0px;
	top:7px;
	width:578px;
	height:788px;
	z-index:51;
}
/* ------------Apartment------------------------------------ */
#choose1 {
	position:relative;
	left:60px;
	top:0px;
	width:170px;
	height:37px;
	z-index:100;
}
		
#choose2 {
	position:relative;
	left:60px;
	top:0px;
	width:170px;
	height:37px;
	z-index:101;
}
		
#choose3 {
	position:relative;
	left:60px;
	top:0px;
	width:170px;
	height:37px;
	z-index:100;
}

#choose4 {
	position:relative;
	left:60px;
	top:0px;
	width:170px;
	height:37px;
	z-index:100;
}

#choose5 {
	position:relative;
	left:60px;
	top:0px;
	width:170px;
	height:37px;
	z-index:100;
}

#choosetext{
	position:absolute;
	left:9px;
	top:7px;
	width:224px;
	height:33px;
	z-index:81;
}
#choosebild{
	position:relative;
	left:0px;
	top:0px;
	width:238px;
	height:50px;
	z-index:80;
}

#contenthouse{
	position:absolute;
	left:248px;
	top:50px;
	width:243px;
	height:185px;
	z-index:100;
}

#keycard-card{
	position:absolute;
	left:166px;
	top:436px;
	width:310px;
	height:210px;
	z-index:80;
}
#keycard-key{
	position:absolute;
	left:166px;
	top:646px;
	width:310px;
	height:276px;
	z-index:80;
}
#keycard-inhalt{
	position:absolute;
	left:82px;
	top:-201px;
	width:253px;
	height:189px;
	z-index:81;
}
#seasons{
	position:absolute;
	left:543px;
	top:515px;
	width:186px;
	height:269px;
	z-index:80;
}
#ausw1{
	position:absolute;
	left:578px;
	top:537px;
	width:127px;
	height:16px;
	z-index:82;
}
#ausw2{
	position:absolute;
	left:578px;
	top:599px;
	width:127px;
	height:15px;
	z-index:82;
}
#ausw3{
	position:absolute;
	left:577px;
	top:662px;
	width:130px;
	height:17px;
	z-index:82;
}
#ecke1{
	position:absolute;
	left:558px;
	top:535px;
	width:16px;
	height:16px;
	z-index:82;
}
#ecke2{
	position:absolute;
	left:558px;
	top:597px;
	width:16px;
	height:16px;
	z-index:82;
}
#ecke3{
	position:absolute;
	left:558px;
	top:662px;
	width:16px;
	height:16px;
	z-index:82;

}

#komplett{
	position:absolute;
	left:50px;
	top:244px;
	width:501px;
	height:28px;
	z-index:82;
}

/* ------------Extras------------------------------------ */

#E_inhalt1{
	position:absolute;
	left:11px;
	top:9px;
	width:311px;
	height:59px;
	z-index:52;
	font-family: Verdana, Geneva, sans-serif;
}
#E_inhalt2{
	position:absolute;
	left:14px;
	top:83px;
	width:217px;
	height:176px;
	z-index:52;
}
#E_inhalt3{
	position:absolute;
	left:77px;
	top:261px;
	width:163px;
	height:140px;
	z-index:52;
}
#E_inhalt4{
	position:absolute;
	left:268px;
	top:85px;
	width:280px;
	height:177px;
	z-index:52;
}
#E_inhalt5{
	position:absolute;
	left:266px;
	top:290px;
	width:237px;
	height:163px;
	z-index:52;
}

#E_box1{
	position:absolute;
	left:1px;
	top:0px;
	width:321px;
	height:61px;
	z-index:51;
}
#E_box2{
	position:absolute;
	left:2px;
	top:75px;
	width:243px;
	height:163px;
	z-index:51;
}
#E_box3{
	position:absolute;
	left:68px;
	top:248px;
	width:179px;
	height:144px;
	z-index:51;
}
#E_box4{
	position:absolute;
	left:257px;
	top:75px;
	width:301px;
	height:196px;
	z-index:51;
}
#E_box5{
	position:absolute;
	left:255px;
	top:280px;
	width:253px;
	height:164px;
	z-index:51;
}



/* ------------Die Insel------------------------------------ */
#map{
	position:absolute;
	left:161px;
	top:173px;
	width:459px;
	height:310px;
	z-index:52;
	visibility: visible;
}
#mapbg{
	position:absolute;
	left:0px;
	top:1px;
	width:483px;
	height:384px;
	z-index:51;
}

#mapinfo{
	position:absolute;
	right:61px;
	top:330px;
	width:460px;
	height:56px;
	z-index:52;
	visibility: visible;
}



/* ------------Vorfreude------------------------------------ */
#textboxbild {
	position:absolute;
	left: 427px;
	top: 184px;
	width: 168;
	height: 148;
	z-index:50;
}
#textbox {
	position:absolute;
	z-index:51;
	left: 435px;
	top: 189px;
	width: 154px;
	height: 153px;
}
#bgthumbbox {
	position:absolute;
	z-index:50;
	left: 180px;
	top: 201px;
	width: 177px;
	height: 362px;
}
#bgtextbox {
	position:absolute;
	z-index:51;
	left: 283px;
	top: 201px;
	width: 108px;
	height: 343px;
}
#radiobox {
	position:absolute;
	z-index:51;
	left: 593px;
	top: 472px;
	width: 151px;
	height: 120px;
}
#radio {
	position:absolute;
	z-index:51;
	left: 406px;
	top: 355px;
}

#thumb1 {
	position:absolute;
	z-index:51;
	left:-1px;
	top: 35px;
	width: 84px;
	height:54px;
}
#thumb2 {
	position:absolute;
	z-index:51;
	left:-1px;
	top: 103px;
	width: 84px;
	height:54px;
}
#thumb3 {
	position:absolute;
	z-index:51;
	left:-1px;
	top: 171px;
	width: 84px;
	height:54px;
}
#thumb4 {
	position:absolute;
	z-index:51;
	left:-1px;
	top: 241px;
	width: 84px;
	height:54px;
}
/* ------------Kontaktformular------------------------------------ */
#inAnrede {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 21px;
}
#inVor {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 45px;
}
#inNac {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 71px;
}
#inEma {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 97px;
}
#inLan {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 123px;
}
#inStr {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 184px;
}
#inHau {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 210px;
	width: 35px;
}
#inOrt {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 235px;
}
#inPos {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 261px;
}
#inTel {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 288px;
}
#inHan {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 314px;
}
#inAnr {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 18px;
}
#inAbr {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 194px;
}
#inPer {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 204px;
}
#inApp {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 214px;
}
#inMas {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 224px;
}
#inBlu {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 234px;
}
#inYel {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 244px;
}
#inPat {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 254px;
}
#inAnrTag {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 369px;
	width: 43px;
}
#inAnrMon {
	position:absolute;
	z-index:55;
	left: 339px;
	top: 369px;
	width: 43px;
}
#inAnrJah {
	position:absolute;
	z-index:55;
	left: 387px;
	top: 369px;
	width: 43px;
}
#inAbrTag {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 416px;
	width: 43px;
}
#inAbrMon {
	position:absolute;
	z-index:55;
	left: 339px;
	top: 416px;
	width: 43px;
}
#inAbrJah {
	position:absolute;
	z-index:55;
	left: 387px;
	top: 416px;
	width: 43px;
}
#inPer {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 463px;
	width: 35px;
}
#inCheckApp {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 493px;
}
#inCheckMas {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 511px;
}
#inCheckBlu {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 529px;
}
#inCheckYel {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 547px;
}
#inCheckPat {
	position:absolute;
	z-index:55;
	left: 291px;
	top: 565px;
}

#send {
	position:absolute;
	z-index:55;
	left: 322px;
	top: 785px;
	width: 167px;
	height: 24px;
}

#textf {
	position:absolute;
	z-index:55;
	left: 190px;
	top: 606px;
	width: 297px;
	height: 169px;
}

#f0 {
	position:absolute;
	z-index:98;
	left: 191px;
	top: -81px;
	width: 344px;
	height: 81px;
}

#f4 {
	position:absolute;
	z-index:55;
	left: 198px;
	top: 608px;
	width: 283px;
	height: 169px;
}

#ft1 {
	position:absolute;
	z-index:55;
	left: 12px;
	top: 14px;
	width: 165px;
	height: 136px;
}
#ft2 {
	position:absolute;
	z-index:55;
	left: 13px;
	top: 171px;
	width: 165px;
	height: 121px;
}
#ft3 {
	position:absolute;
	z-index:55;
	left: 11px;
	top: 359px;
	width: 165px;
	height: 110px;
}
#ft4 {
	position:absolute;
	z-index:55;
	left: 14px;
	top: 606px;
	width: 165px;
	height: 51px;
}
#form_bg {
	position:absolute;
	z-index:20;
	left: 0px;
	top: 0px;
	width: 503px;
	height: 932px;
}
/* ------------Impressum------------------------------------ */
#imprtext {
	position:absolute;
	z-index:51;
	left: 0px;
	top: 0px;
	width: 527px;
	height: 932px;
}

/* ------------Lightbox------------------------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 120; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(bilder/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(bilder/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 119; width: 100%; height: 500px; background-color: #000; }