@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #142a71;
}

body {
	background-image: url(images/bg2.jpg);
}

#navigation .hidden {
	display: none;
}

#content #left {
	float:left;	
	width: 460px;
	margin-top:25px;
}

#content #right {
	float: right;
	margin-top:25px;
}

#content p {
	font-size: 14px;
	margin-bottom: 14px;
	font-weight:normal;
}

#content h2 {
	font-size: 18px;
	margin-bottom: 18px;
	font-weight: bold;
}

.menutop {
float:none;
}
	
.menubottom {
float:none;
margin-top:15px;

}
.menutext {
font-family: Arial, Helvetica, sans-serif;
font-size:8px;
color: #142a71;
}

.style9 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #FF6600;

}
.linktext {
	font-size: 14px;
	margin-bottom: 18px;
	font-weight: bold;
	color: #FF6600;
}
#wrapper {
	background-image: url(images/bg1.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#container {
	width: 720px;
	margin: 0 auto;
	padding: 0 14px;
	height: 100%;
	background-image:url(images/shdw.png);
	background-repeat: repeat-y;
}

#header {
}

#header #headline {
	background-color: #2c2c2c;
	height: 50px;
	text-align: center;
	background-image:url(images/white.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom: 15px;
/*	
	text-align: right;
	padding-right: 31px; (entsprechend dem Screendesign)
*/
}

#navigation {
	height: 260px;
	background-image:url(images/separator.gif);
	background-repeat: repeat-x;
	padding-bottom:5px;
	background-position: bottom;
}

#navigation ul {
	height: 100%;
	background-repeat: no-repeat;
}

.hostel #navigation ul { background-image:url(images/titlepic_1.jpg); }
.accomodations #navigation ul { background-image:url(images/titlepic_2.jpg); }
.activities #navigation ul { background-image:url(images/titlepic_3.jpg); }
.chill #navigation ul { background-image:url(images/titlepic_4.jpg); }
.freckles #navigation ul { background-image:url(images/titlepic_5.jpg); }
.contact #navigation ul { background-image:url(images/titlepic_6.jpg); }

#navigation li {
	display: block;
	list-style-type: none;
	float: left;
	height: 100%;
}

#navigation li.active {
/*
	background-color:#FFFFFF;
	opacity: 0.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
*/
}

#navigation a {
	display: block;
	width: 120px;
	bottom: 0px;
/*
	opacity: 0.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
*/
	margin-top:182px;
	height: 78px;
	position: relative;
/*
	opacity: 0.30;
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
*/
}

#navigation a img {
	border: none;
	position: absolute;
	bottom: 0px;
}

#navigation a:hover, #navigation .active a  {
	background-repeat: no-repeat;
	height: 100%;
	margin-top:0;
}

#navigation a.navi1:hover, #navigation .active a.navi1 { background-image: url(images/navi_act_1.png); }
#navigation a.navi2:hover, #navigation .active a.navi2 { background-image: url(images/navi_act_2.png); }
#navigation a.navi3:hover, #navigation .active a.navi3 { background-image: url(images/navi_act_3.png); }
#navigation a.navi4:hover, #navigation .active a.navi4 { background-image: url(images/navi_act_4.png); }
#navigation a.navi5:hover, #navigation .active a.navi5 { background-image: url(images/navi_act_5.png); }
#navigation a.navi6:hover, #navigation .active a.navi6 { background-image: url(images/navi_act_6.png); }

#navigation a:hover img, #navigation .active a img {
	display: none;
}

#content {
	clear: left;	
	background-image: url(images/sand_bg.jpg);
	background-position: top;
	padding: 12px 22px 20px 38px;
}

#footer {
	clear: both;
	font-size: 11px;
	text-align: center;
}

#footer #trenner {

	background-color: none;
	background-image:url(images/footerpic.png);
	background-position:right;
	background-repeat:no-repeat;
	border: none;
	boder:none;
	border-bottom: 1px solid #f5a40c;
	margin-bottom: 12px;
	height: 104px;
}

#footer li {
	display: inline;
}

#footer a {
	text-decoration:none;
}

#footer .underline {
	text-decoration: underline;
}