html{
	margin:0;
	padding:0;

}
body{
	background: #000000 url("../images/wood1.jpg") left top fixed;
	margin:0;
	padding:0;
	min-height:100%;
	font: 11px verdana,arial,helvetica,sans-serif;
}

a{
	text-decoration:none;
	color: #260;
	font-weight: bold;
}

a:active,
a:hover{
	color: #000000;
}

img{
	border:none;
}

#top{
	width:900px;
	height:168px;
	padding:10px 0 0 0;
	margin:0 auto;
	background:#eeeeee;
}

#top div.logo{
	width:880px;
	height:168px;
	position:relative;
	padding:0;
	margin:0 10px;
	background:transparent url("../images/logo3.png") no-repeat left top;
}
#top div.logo img.hostel{
	position:absolute;
	left:30px;
	top:30px;
	width:230px;
	height:101px;
}

#top div.logo a.langbox1{
	position: absolute;
	left: 810px;
	top: 130px;
	width: 25px;
	height: 27px;
	background: transparent url("../images/flag_ger.gif") 0px 0px;
	overflow: hidden;
}

#top div.logo a.langbox1:hover{
	background: transparent url("../images/flag_ger.gif")  0px 27px;
}

#top div.logo a.langbox2{
	position: absolute;
	left: 845px;
	top: 130px;
	width: 25px;
	height: 27px;
	background: transparent url("../images/flag_en.gif") 0px 0px;
	overflow: hidden;
}

#top div.logo a.langbox2:hover{
	background: transparent url("../images/flag_en.gif") 0px 27px;
}
#content{
	width:900px;
	padding:0;
	padding-top:10px;
	margin:0 auto;
	background:#eeeeee;
}

#menu{
	width:900px;
	height:34px;
	padding:0px;
	margin:0 auto;
	background:#eeeeee;
}
#menu ul{
	list-style:none;
	padding:0;
	margin:0 10px 0 10px;
	background:transparent url("../images/menu_m.jpg") repeat-x left bottom;
	width:880px;
	height:34px;
}
#menu ul li{
	float:left;
	padding:0;
	margin:0;
	position:relative;
}

img.dropdownarrow{
width:15px;
height:15px;
}

#menu ul li a{
	display:block;
	height:34px;
	width:140px;
	vertical-align:middle;
	background:transparent url("../images/menu_m.jpg") repeat-x left bottom;
	padding:0px;
	margin:0;
	text-decoration:none;
	color:#260;
	font-weight:bold;
}
#menu ul li.first a,
#menu ul li.last a{
	width:160px;
}
#menu ul li a span{
	padding-top:9px;
	display:block;
	text-align:center;
}

#menu ul li a.active,
#menu ul li a:hover{
	background-position:left top;
	color:#333;
}
#menu ul li a img{
	vertical-align:middle;
	width:10px;
	height:34px;
	padding:0;
	margin:0;
}
#menu ul li:first-child a img.left,
#menu ul li.first a img.left{
	width:34px;
	background:transparent url("../images/menu_ends.jpg") no-repeat left bottom;
}
#menu ul li:last-child a img.right,
#menu ul li.last a img.right{
	width:34px;
	background:transparent url("../images/menu_ends.jpg") no-repeat right bottom;
}
#menu ul li a img.left{
	background:transparent url("../images/menu.jpg") repeat-x left bottom;
	float:left;
}
#menu ul li a img.right{
	background:transparent url("../images/menu.jpg") repeat-x right bottom;
	float:right;
}
#menu ul li a.active img.left,
#menu ul li a:hover img.left{
	background-position:left top;
}
#menu ul li a.active img.right,
#menu ul li a:hover img.right{
	background-position:right top;
}
#menu ul li ul{
	position:absolute;
	left:-1px;
	top:32px;
	width:139px;
	display:none;
	z-index:100;
	list-style:none;
	margin:0;
	padding:0;
	background: none;
}
#menu ul li:hover ul{
	display:block;
}
#menu ul li ul li{
	text-align:center;
	vertical-align: middle;
	width:139px;
	float:none;
	padding:0;
	margin:0;
	position:relative;
	background: url("../images/dropdown.gif") left top no-repeat;
	border: 0px;
}
#menu ul li ul li.schluss{
	border-top: 1px #bbbbbb solid;
	background: url("../images/dropdown.gif") left bottom no-repeat;

}
#menu ul li ul li a{
	height:inherit;
	background:transparent;
	padding:10px 0 10px 0;
	margin:0;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}
#menu ul li ul li:hover a{
	color: #390;
}

#bottom{
	width:900px;
	height:20px;
	vertical-align:top;
	text-align: center;
	font-size: 10px;
	color: #888888;
	padding:0;
	margin:0 auto;
	margin-bottom: 10px;
	background:#eeeeee;
}


#reiter{
	width:550px;
	height:21px;
	padding:0;
	background:#d0f866;
}

#reiter ul{
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
	background:#d0f866;
	width:550px;
	height:21px;
}

#reiter ul li{
	float:left;
	padding:0;
	margin:0 1px;
	position:relative;
/*	background:transparent url("../images/reiter.jpg") middle top; */
}

#reiter ul li a{
	display:block;
	height:21px;
	width:130px;
	vertical-align:middle;
	background:#d0f866 url("../images/reiter.png") left top;
	padding:0px;
	margin:0;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size: 10px;
}

#reiter ul li a span{
	padding-top:7px;
	display:block;
	text-align:center;
}

#reiter ul li a.active,
#reiter ul li a:hover{
	background-position:left bottom;

}

#reiter ul li a:hover span,
#reiter ul li a.active span{
	padding-top:5px;
	color: #FFFFFF;
}
#reiter ul li a img{
	vertical-align:middle;
	width:7px;
	height:21px;
	padding:0;
	margin:0;
}
#reiter ul li a img.left{
	background:#d0f866 url("../images/reiter.png") repeat-x left top;
	float:left;
}
#reiter ul li a img.right{
	background:#d0f866 url("../images/reiter.png") repeat-x right top;
	float:right;
}

#reiter ul li a.active img.left,
#reiter ul li a:hover img.left{
	background-position:left bottom;
}
#reiter ul li a.active img.right,
#reiter ul li a:hover img.right{
	background-position:right bottom;
}

table.bookingtable{
margin: 15px auto;
}

table.bookingtable tr.error th{
border: 2px #d2dfce dotted;
}

table.bookingtable tr th{
border:0px;
margin:5px;
padding:5px;
text-align:center;
}

table.bookingtable tr td{
border:0px;
margin:5px;
padding:2px;
padding-right: 10px;
padding-left: 10px;
text-align:center;
}
table.bookingtable tr td.spalte1{
background:#ddd;
}

table.bookingtable tr td.spalte0{
background:#eee;
}

div.textfeld_booking{
	background:#63a401 url("../images/textbg2.jpg") repeat-y right bottom;
	margin:0 10px 0 10px;
	padding:20px;
	width: 838px;
	border:1px solid #fdfbfb;
	text-align:center;
}

div.textfeld{
	background:#d0f866;
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	padding:20px;
	width: 838px;
	border:1px solid #FFFFFF;
}

div.innertextfeld_links{
	background:#ffffff;
	margin:0px 0 20px 0;
	padding:20px;
	width: 380px;
	border:0;
}

div.news{
	float:right;
	background:transparent url("../images/newsbg4.jpg") no-repeat;
	margin:0;
	padding:0;
	width: 320px;
	height: 222px;
	border:0;
	font-size: 10px;
	overflow: hidden;

}

div.news h2{
	padding:0;
	margin: 10px 15px 0px 15px;
}

div.news a{
	margin: 15px 0 0 0;
	color: #260;
	font-weight:bold;
	text-decoration: none;
}

div.news a:hover{
	color: #888;
}

div.newsheader{
	margin:10px 5px 0 15px;
	padding:0 10px 0 0;
	border:0;
	border-bottom: 0;
	font-size: 11px;

}

div.newsentry{
	margin:0;
	padding:0 15px 0 15px;
	border:0;
	border-top:0;
	font-size: 10px;
}

form{
text-align: center;
}

input.text{
margin: 0 auto;
background: #ffffff;
border: 2px #d2dfce dotted;
}

input.button {
margin: 0 auto;
font-weight:bold;
width:auto;
background: #6d0;
border: 2px #470 solid;

}

td.special{
	vertical-align:top;
	border:1px solid #8b5;
	background:#55a804;
}

p.special{
	clear:left;
	padding:10px 10px 10px 10px;
	text-align: justify;
}

p.special b{
	font-size:larger;
	padding:2px;
	margin: 0;
	display:block;
}

p.hostel{
	clear:left;
	padding:10px 10px 10px 220px;
}

p.hostel b{
	font-size:larger;
	padding:2px;
	margin: 0 0 0 -220px;
	display:block;
}

p.hostel img{
	float:left;
	margin:0 20px 0 -220px;
}

div.text{
	background:#63a401 url("../images/textbgflat2.jpg") repeat-y right bottom;
	margin:0;
	padding:0;
	border:1px solid #fdfbfb;
	text-align: justify;
}
div.text150{
	display:block;
	background:#63a401 url("../images/textbgflat2.jpg") repeat-y right bottom;
	margin:0;
	padding:0 0 0 170px;
	border:1px solid #fdfbfb;
	font-size: 13px;
	text-align: justify;
}
div.text200{
	display:block;
	background:#63a401 url("../images/textbgflat2.jpg") repeat-y right bottom;
	margin:0;
	padding:0 0 0 220px;
	border:1px solid #fdfbfb;
	font-size: 13px;
	text-align: justify;
}
div.texthintergrund{
	display:block;
	background:transparent url("../images/textbg2.jpg") no-repeat right bottom;
	margin:0;
	padding:20px;
	padding-right:200px;
	border:0;
}
div.keintexthintergrund{
	display:block;
	background:transparent;
	margin:0;
	padding:20px;
	padding-right:200px;
	border:0;
}


iframe{
	margin: 0;
	border:1px solid #ccc;
}

div.text150_halbbreit img,
div.text150_last img,
div.text150 img{
	float:left;
	margin: 0 20px 0 -170px;
}

div.text150_halbbreit b,
div.text150_last b,
div.text150 b{
	margin: 0 20px 0 -170px;
	font-size:14px;
	font-weight: bold;
}
div.text200_halbbreit img,
div.text200_last img,
div.text200 img{
	float:left;
	margin: 0 20px 0 -220px;
}

div.text200_halbbreit b,
div.text200_last b,
div.text200 b{
	margin: 0 20px 0 -220px;
	font-size:14px;
	font-weight: bold;
}

h1{
	width:780px;
	text-align: center;
	margin:5px auto;
	padding:0;
	font-size: 18px;
}

h1.halbbreit{
	width:400px;
	margin:0;
	padding:0;
	font-size: 17px;
}

/*
div.buttonstyle {
vertical-align:bottom;
}

*/
/*
#container{
	background: #eeeeee url("../images/shadow.jpg");
	margin:0 auto;
	padding:0;
	width:934px;
	position:relative;
}

P {
   margin: 0.7em 1em;
   }

#top{
	text-align:right;
	position:relative;
	background:url("../images/head1.jpg") no-repeat left top;
	margin:0 auto;
	padding:0;
	width:900px;
	height:198px;
	text-align:right;
	color:#999;
}

#shadow_l{
	position:absolute;
	left:0;
	top:0;
	width:17px;
	height:650px;
	background:url("../images/shadow_l.jpg") no-repeat left top;
}
#shadow_r{
	position:absolute;
	left:917px;
	top:0px;
	width:17px;
	height:650px;
	background:url("../images/shadow_r.jpg") no-repeat left top;
}
#shadow_u{
	position:relative;
	left:0;
	top:0px;
	width:934px;
	height:25px;
	background:url("../images/shadow_u.jpg") no-repeat left top;
}

#links{
	position:relative;
	background:url("../images/button_m.jpg") repeat-x left top;
	left:17px;
	top:0px;
	width:900px;
	height:34px;
	margin: 0 0 20px 0;
}

#links ul{ list-style-type: none}
#links ul li
{float: left;
display:block;
}
#links ul li span{display:block}

span.menul{
background:url("../images/button.jpg") no-repeat left top;
height:34px;
width:7px;
}
span.menul:hover{
background-position: left bottom;
}
span.menu{
background:url("../images/button.jpg") no-repeat center top;
height:34px;
padding: 0 10px 0 10px;
font: 13px #abcdef;
}
span.menu:hover{
background-position: center bottom;

}
span.menur{
background:url("../images/button.jpg") no-repeat right top;
height:34px;
width:7px;
}
span.menur:hover{
background-position: right bottom;
}


#contentbox{
position:relative;
top: 0px;
left: 0px;
padding:0 37px 0 37px;
min-height:391px;
}

div.reiter{
	background:url("../images/reiter.jpg") no-repeat left top;
	height:21px;
	margin:20px 0 0 10px;
	padding:0;
	border:0px solid #ccc;
	position:relative;
	line-height:2em;
}
div.reiter:hover{
background-position: left bottom;
}

div.content{
	background:#fff;
	margin:0;
	padding:20px;
	border:1px solid #ccc;
	position:relative;
	line-height:2em;
}

#textfeld{
	background:#ffffff;
	margin:20px;
	padding:20px;
	width: 818px;
	border:1px solid #ccc;
}

#logo{
	position:absolute;
	top: 35px;
	left: 40px;
	background:url("../images/logo.png") no-repeat left top;
	width:306px;
	height:234px;
}
*/