/*
CSS StyleGuide for www.naxos-web.com/
written by meike lattermann – 2008
*/

/*
general settings */
BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-align: left;
}


#container {
	position: absolute;
	height: 658px;
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	top: 0px;
}
#container1 {
	position: absolute;
	height: 900px;
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	top: 0px;
}
#top {
	position: absolute;
	top: 0px;
	height: 59px;
	width: 388px;
	left: -2px;
	z-index: 1;
	
}
#top-re {
	position: absolute;
	top: 22px;
	left: 440px;
	height: 29px;
	width: 560px;
	text-align: right;
	z-index: 2;
	
}
#content {
	position: absolute;
	height: 584px;
	width: 1000px;
	top: 60px;
	z-index: 4;
	
}
#footer {
	position: absolute;
	top: 575px;
	left: 0px;
	height: 19px;
	width: 835px;
	background-color: #ccc;
	color: #fff;
	padding-left: 165px;
	padding-top: 5px;
	
}
#text {
	position: absolute;
	height: 150px;
	width: 831px;
	top: 498px;
	left: 0px;
	overflow: auto;
	padding-right: 5px;
	
}
#text1 {
	position: absolute;
	height: 150px;
	width: 830px;
	top: 498px;
	left: 0px;
	padding-right: 5px;
	
}
#centre-txt {
	position: absolute;
	height: 241px;
	width: 662px;
	top: 238px;
	left: 165px;
	text-align: center;
	
}
#centre-txt-scroll {
	position: absolute;
	height: 329px;
	width: 662px;
	top: 238px;
	left: 162px;
	text-align: center;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
/*
settings webpages */	
}
#accommodationtxt {
	position: absolute;
	height: 325px;
	width: 662px;
	top: 238px;
	left: 165px;
	
}
#accommodationtxt1 {
	position: absolute;
	height: 325px;
	width: 662px;
	top: 238px;
	left: 165px;
	overflow: auto
}
#accomm-txt-scroll {
	position: absolute;
	height: 466px;
	width: 665px;
	top: 101px;
	left: 163px;
	font-size: 11px;
	overflow: auto;
	border-left: 1px solid #ccc;
	
}
#accomm-photo {
	position: absolute;
	height: 466px;
	width: 665px;
	top: 101px;
	left: 163px;
	font-size: 11px;
	
}
#recommended-scroll {
	position: absolute;
	height: 466px;
	width: 665px;
	top: 101px;
	left: 163px;
	font-size: 11px;
	overflow: auto;
	
}
#recommended-scroll-1 {
	position: absolute;
	height: 466px;
	width: 665px;
	top: 70px;
	left: 163px;
	font-size: 11px;
	overflow: auto;
	
}
#hotel {
	position: absolute;
	height: 173px;
	width: 310px;
	font-size: 11px;
	z-index: 9;
	
}
#hoteltop {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 303px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	
}
#hotelleft {
	position: absolute;
	top: 35px;
	left: 8px;
	height: 114px;
	width: 183px;
	font-size: 11px;
	
}

#hotelright {
	position: absolute;
	top: 35px;
	left: 196px;
	height: 114px;
	width: 114px;
	font-size: 11px;
	
}
#hotelfoot {
	position: absolute;
	top: 154px;
	left: 8px;
	height: 20px;
	width: 302px;
	font-size: 11px;
	font-weight: bold;
	z-index: 14;
	
}
#hotel2 {
	position: absolute;
	height: 104px;
	width: 643px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	z-index: 19;
	
}

#hotel2-left {
	position: absolute;
	top: 8px;
	left: 8px;
	height: 76px;
	width: 513px;
	font-size: 11px;
	
}

#hotel2-right {
	position: absolute;
	top: 18px;
	left: 529px;
	height: 67px;
	width: 114px;
	font-size: 11px;
	
}
#hotel3 {
	position: absolute;
	height: 77px;
	width: 644px;
	font-size: 11px;
	border-top: 1px solid #ccc;
	
}
#hotel3-left {
	position: absolute;
	top: 8px;
	left: 8px;
	height: 30px;
	width: 637px;
	font-size: 11px;
	
}
#hotelphoto-left {
	position: absolute;
	top: 8px;
	left: 0px;
	height: 30px;
	width: 661px;
	font-size: 11px;
	
}
#hotelphoto-txt {
	position: absolute;
	top: 8px;
	left: 0px;
	height: 30px;
	width: 645px;
	font-size: 11px;
	border-top: 1px solid #ccc;
	padding-top: 2px;
	z-index: 51;
	
}
#sports-txt-scroll {
	position: absolute;
	height: 466px;
	width: 665px;
	top: 70px;
	left: 163px;
	font-size: 11px;
	overflow: auto;
	border-left: 1px solid #ccc;
	
}

/*
link settings */

A {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

A:hover {
	text-decoration: underline;
}
A:visited {
	color: #000;
}

#menu-second a:link {
	text-decoration: none;
    font-size:11px;
	color: #666;
  
}

#menu-second a:hover {
	text-decoration: underline;
}
#menu-second a:visited {
color: #666;
font-size:11px;
}	 

#menu a:hover {
	
}
#menu a:visited {
color: #FFF;
}	

#menu a:link {
	
	color: #FFF;
	font-weight:bold;
  
}
#menu-left a:link {
	text-decoration: none;
    font-size:11px;
	color:#666;
 }

#menu-left a:hover {
	text-decoration: none;
	color: #4F9AC8;
}
#menu-left a:visited {
color: #666;
font-size:11px;
}
#menu-down a:link {
	text-decoration: none;
	color:#fff;
 }

#menu-down a:hover {
	text-decoration: none;
	color: #4F9AC8;
}
#menu-down a:visited {
	color: #fff;
}

#text a:link {
	text-decoration: none;
    color:#4F9AC8;
 }

#text a:hover {
	text-decoration: underline;
	
}
#text a:visited {
color: #4F9AC8;
}





/*
menu-settings */
#menu-top {
	position: absolute;
	top: -6px;
	left: 0px;
	height: 42px;
	width: 1000px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	z-index: 12;
	
}
#menu-second {
	position: absolute;
	top: 44px;
	left: 162px;
	height: 20px;
	width: 835px;
	z-index: 10;
	
}
#menu2 {
	position: absolute;
	height: 18px;
	width: 107px;
	color: #4394C5;
	text-align: left;
	top: 0px;
	font-weight: bold;
	z-index: 6;
}
#menu-start {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #FF0000;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start1 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #FF6600;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start2 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #FFCC00;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start3 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #98ADCA;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start4 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #0099FF;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start5 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #CCFF00;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start6 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #FF00FF;
	font-size: 13px;
	border-top: 1px solid #fff;
}
#menu-start7 {
	position: absolute;
	height: 17px;
	width: 155px;
	color: #fff;
	text-align: center;
	top: 77px;
	font-weight: bold;
	left: 0px;
	background-color: #999999;
	font-size: 13px;
	border-top: 1px solid #fff;
}



#menu {
	position: absolute;
	top: 12px;
	height: 22px;
	width: 143px;
	color: #fff;
	text-align: center;
	
}


#menu-left {
	position: absolute;
	top: 70px;
	height: 410px;
	width: 162px;
	color: #000;
	text-align: center;
	left: 0px;
}

 
#menu-down {
	position: absolute;
	top: 70px;
	left: 163px;
	height: 20px;
	width: 665px;
	font-size:11px;
} 
#menu3 {
	position: absolute;
	height: 21px;
	width: 657px;
	color: #4394C5;
	text-align: left;
	top: 0px;
	font-weight: bold;
	background-color: #ccc;
	padding: 4px 0px 0px 8px;
	font-size: 12px;
}
/*
images startpage */
#img1 {
	position: absolute;
	top: 490px;
	left: 338px;
	height: 90px;
	width: 155px;
	
}

#img2 {
	position: absolute;
	top: 490px;
	left: 507px;
	height: 90px;
	width: 155px;
}
#img3 {
	position: absolute;
	top: 490px;
	left: 676px;
	height: 94px;
	width: 155px;
}
#img4 {
	position: absolute;
	top: 760px;
	left: 171px;
	height: 90px;
	width: 155px;
}
#img5 {
	position: absolute;
	top: 760px;
	left: 0px;
	height: 95px;
	width: 155px;
	z-index: 3;
}
#img6 {
	position: absolute;
	top: 760px;
	left: 338px;
	height: 95px;
	width: 155px;
	z-index: 4;
}
#img7 {
	position: absolute;
	top: 760px;
	left: 507px;
	height: 95px;
	width: 155px;
	z-index: 5;
}
#img8 {
	position: absolute;
	top: 760px;
	left: 676px;
	height: 95px;
	width: 155px;
	z-index: 6;
}
#img-mitte {
	position: absolute;
	top: 70px;
	left: 165px;
	height: 410px;
	width: 499px;
	z-index: 8;
}
#adv {
	position: absolute;
	top: 70px;
	left: 842px;
	height: 413px;
	width: 156px;
}
/*
images accommodation */
#topphoto1 {
	position: absolute;
	top: 70px;
	left: 165px;
	height: 133px;
	width: 210px;
	
}

#topphoto2 {
	position: absolute;
	top: 70px;
	left: 389px;
	height: 111px;
	width: 210px;
}
#topphoto3 {
	position: absolute;
	top: 70px;
	left: 614px;
	height: 94px;
	width: 210px;
}
#topphoto-big {
	position: absolute;
	top: 70px;
	left: 615px;
	height: 94px;
	width: 155px;
}
/*
headlines */
.h1 {
	font-size:48px;
}
.h2 {
	font-size:24px;
}
.h3 {
	font-size:16px;
	font-weight:bold;
}
.h4 {
	color: #4F9AC8;
	font-weight:bold;
}
.h5 {
	color: #4394C5;
	font-size:16px;
}
.h6 {
	color: #4F9AC8;
	font-size:10px;
	}
.style2 {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.style3 {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.style4 {
	font-weight: bold;
	font-size: 12px;
}
style5 {color: #4F9AC8}
#Layer3 {
	position:absolute;
	width:668px;
	height:97px;
	z-index:13;
	left: 163px;
	top: 70px;
}
#Layer4 {
	position:absolute;
	width:156px;
	height:161px;
	z-index:14;
	left: 338px;
	top: 590px;
	border: 1px;
	background-color: #CDDEE5;
}
#Layer5 {
	position:absolute;
	width:155px;
	height:161px;
	z-index:15;
	left: 507px;
	top: 590px;
	border: 1px;
	background-color: #CDDEE5;
}
#Layer6 {
	position:absolute;
	width:155px;
	height:161px;
	z-index:16;
	left: 676px;
	top: 590px;
	border: 1px;
	background-color: #CDDEE5;
}
#Layer7 {
	position:absolute;
	width:155px;
	height:161px;
	z-index:17;
	left: 170px;
	top: 860px;
	border: 1px;
	border-color: #8CBEDB;
	background-color: #CDDEE5;
}
#Layer8 {
	position:absolute;
	width:155px;
	height:167px;
	z-index:1;
	left: 676px;
	top: 164px;
}
#Layer9 {
	position:absolute;
	width:155px;
	height:161px;
	z-index:19;
	left: 0px;
	top: 860px;
	background-color: #CDDEE5;
}
#Layer10 {
	position:absolute;
	width:156px;
	height:161px;
	z-index:20;
	left: 338px;
	top: 860px;
	background-color: #CDDEE5;
}
#Layer11 {
	position:absolute;
	width:157px;
	height:161px;
	z-index:1;
	left: 169px;
	top: 443px;
}
#Layer12 {
	position:absolute;
	width:156px;
	height:161px;
	z-index:21;
	left: 507px;
	top: 860px;
	background-color: #CDDEE5;
}
#Layer13 {
	position:absolute;
	width:156px;
	height:161px;
	z-index:22;
	left: 676px;
	top: 860px;
	background-color: #CDDEE5;
}
body {
	background-color: #FFFFFF;
}
#Layer1 {
	position:absolute;
	width:831px;
	height:410px;
	z-index:23;
	top: 69px;
}
#Layer14 {
	position:absolute;
	width:327px;
	height:90px;
	z-index:24;
	top: 490px;
}
#Layer15 {
	position:absolute;
	width:327px;
	height:17px;
	z-index:1;
	left: 0px;
	top: 80px;
	background-color: #8CBEDB;
}
.style6 {
	color: #FFFFFF;
	font-weight: bold;
}
#Layer16 {
	position:absolute;
	width:325px;
	height:162px;
	z-index:13;
	left: 0px;
	top: 590px;
	overflow: auto;
	background-color: #FFFFFF;
}
#Layer17 {
	position:absolute;
	width:175px;
	height:52px;
	z-index:1;
	left: 655px;
	top: 108px;
}
#Layer18 {
	position:absolute;
	width:139px;
	height:45px;
	z-index:1;
	left: 12px;
	top: 14px;
}
#Layer19 {
	position:absolute;
	width:324px;
	height:53px;
	z-index:1;
	left: 506px;
	top: 319px;
}
#Layer20 {
	position:absolute;
	width:158px;
	height:340px;
	z-index:2;
	left: 842px;
	top: 444px;
}
#Layer21 {
	position:absolute;
	width:157px;
	height:63px;
	z-index:1;
	top: 7px;
	left: 1px;
}
#Layer22 {
	position:absolute;
	width:835px;
	height:30px;
	z-index:1;
	left: 55px;
	top: 895px;
	background-color: #FFFFFF;
}