html, body {
	margin:0; padding:0;
	font-family:tahoma, arial, sans;
	font-size:12px;
	text-align:center;
	}
	
body {
	background:url(../images/bg.jpg) #004;
	}
	
a {
	color:#fff;
	}

#content {
	width:815px;
	color:#fff;
	background:url(../images/bg_content.gif) 0px 4px repeat-y #7d0000;
	margin:0 auto;
	text-align:left;
	height:760px;
	}
	
	#content #container {
		position:absolute;
		width:815px;
		}

#header {
	background:#400;
	height:116px;
	padding: 2px 4px 8px 5px;
	background:url(../images/header.gif)
	}
	
#infotext {
	position:absolute;
	left:227px;
	top:134px;
	
	width:338px;
	height:152px;
	
	background: url(../images/textbox.gif) no-repeat;
	padding:10px 20px;
	
	}
	
	#infotext_in {
		height:152px;
		width:338px;
		overflow:auto;
		}
		
		#infotext_in h2 {
			font-size:14px;
			}

	#infotext h1 {
		font-size:12px;
		}
		
#navigation {
	position:absolute;
	left:297px;
	top:308px;
	width:220px;
	height:380px;
	background: url(../images/traveler.gif) 40px 60px no-repeat;
	}
	
	#navigation ul {
		margin:0; padding:0;
		list-style:none;
		}
		
	#navigation ul li {
		float:left;
		margin:0; padding:0;
		}
	
	#navigation ul li a {
		padding: 2px 15px;
		margin:0 1px;
		line-height:24px;
		background: url(../flags/de.gif) no-repeat;
		text-decoration:none;
		}
		
		
	#navigation ul li a:hover {
		background: #fff !important;
		}

	#navigation ul li a span {
		display:none;
		}

.hostel_details {
	width:355px;
	height:600px;
	float:left;
	text-align:center;
	}
	
	#box_cg {
		margin-right:100px;
		}
	
	.hostel_details h1 {
		font-size:12px;
		padding:60px;
		}
		
	.hostel_details h2 {
		font-size:12px;
		}
		
	.hostel_details a {
		line-height:30px;
		}
		
	#box_cg h1 {
		background:url(../images/h1.cg.gif) 14px 40px no-repeat;
		}
		
	#box_sl h1 {
		background:url(../images/h1.sl.gif) 160px 40px no-repeat;
		}
		
		.hostel_details h1 span {
			display:none;
			}
			
	.hostel_details .details span {
		display:none;
		}
	
#box_cg .details {
	background: url(../images/cg.gif) 0px 0px no-repeat;
	padding:154px 160px;
	line-height:340px;
	}

#box_sl .details {
	background: url(../images/sl.gif) 40px 0px no-repeat;
	padding:154px 160px;
	line-height:340px;
	}

#footer {
	clear:both;
	padding:10px 0 0 40px;
	}





















/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #251136;
}
.vscrollerbar {
width: 12px;
background: #7c0001;
}
.hscrollerbase {
height: 15px;
background: #251136;
}
.hscrollerbar {
height: 15px;
background: #7c0001;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
width: 15px;
height: 15px !important;
}
.hscrollerbarend {
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
.vscrollerbasebeg {
	background: url(../images/scroll_up.gif) no-repeat;
	width: 15px;
	height: 15px !important;
	margin:-2px 0;
}
.vscrollerbaseend {
	background: url(../images/scroll_down.gif) no-repeat;
	width: 15px;
	height: 15px !important;
	margin:2px 0;
}
.hscrollerbasebeg {
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
}
.scrollerjogbox:hover {
	border:1px solid red;
}
/* Scroll Bar Master Styling Ends Here */