@media screen {


	body {
		height:100%;
	}
	html {
		height:100%;
		background:#222 url('../gfx/bg/bg_foto_01.jpg') fixed  50% 0 no-repeat;
	}

	#doc {
		width:800px;
	}


	/* Layout */
	.container {
		position:relative;
		width:799px;
	}
	.container #hd {
		position:relative;
		background:#000 url('../gfx/head_01.jpg') no-repeat;

		border-top:1px solid #000;
		margin-top:-1px;

	}
	.container #bd {
		background:transparent;

		padding:0;
		margin:0 0 0px 0;
		overflow:hidden;
		border-radius:0 0 20px 20px;
		-moz-border-radius:0 0 20px 20px;

	}
	.container #ft {
		zoom:1;
		position:relative;
		top:-47px;
		background:#555;
		padding:5px 10px;
		width:574px;
		border:2px solid #000;
		border-style:solid none none none;
	}


	.container #bd #menu {
		float:left;
		display: inline;
		width:144px;
		overflow-x:hidden;
		min-height:400px;
		_height:400px;
		background:#666;

		margin:0px 2px 0px 0px;

		margin-bottom:-10000px;
		padding-bottom:10000px;
	}
	.container #bd #content {
		float:left;
		*display: block;
		width:594px;
		min-height:400px;
		_height:400px;
		background:#7F7F7F url('../gfx/bg/logo_colorbeach.png') no-repeat;
		background-position:top right;
		margin:0px;
		margin-bottom:45px;
	}
	.container #bd #content_hostel {
		float:left;
		*display: block;
		width:594px;
		min-height:400px;
		_height:400px;
		background:#7F7F7F;
		background-position:top right;
		margin:0px;
		margin-bottom:45px;
	}
	.container #bd.no_sidebar #content
	{
		float:none;
		width:auto;
		*display: block;
	}
	.news
	{
		position:absolute;
		right:0px;
		top:299px;
		width:203px;
		display: block;
		border-left:2px solid #000;
		background:#7f7f7f;
	}
	.news_start
	{
		position:absolute;
		right:0px;
		top:277px;
		width:203px;
		display: block;
		border-left:2px solid #000;
		background:#7f7f7f;
	}

}


/* Header */
#hd h1#title {
	background:transparent;

	margin:11px 0px 26px 6px;
	height:84px;
	*height:83px;
	width:350px;

	border:none;
}
#hd h1#title a {
	display:block;
	height:64px;
	width:0px;
	padding-left:300px;
	overflow:hidden;
}

/* Hauptmenu im Header */
#hd #main-navigation
{
	height:155px;
	overflow:hidden;

	margin:0px;

}
#hd #main-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
#hd #main-navigation li {
	float:left;
	height:155px;
	width:155px;
	overflow:hidden;

	margin:0px 0 0 6px;
	padding:0px;
}

/* Menu pics */
#hd #main-navigation li.start a {
	background-image:url('../gfx/nav_projekt.png')
}
#hd #main-navigation li.start_en a {
	background-image:url('../gfx/en_nav_projekt.png')
}
#hd #main-navigation li.gallery a {
	background-image:url('../gfx/nav_galerie.png')
}
#hd #main-navigation li.gallery_en a {
	background-image:url('../gfx/en_nav_galerie.png')
}
#hd #main-navigation li.mediathek a {
	background-image:url('../gfx/nav_mediathek.png')
}
#hd #main-navigation li.mediathek_en a {
	background-image:url('../gfx/en_nav_mediathek.png')
}
#hd #main-navigation li.service a {
	background-image:url('../gfx/nav_service.png')
}
#hd #main-navigation li.service_en a {
	background-image:url('../gfx/en_nav_service.png')
}
#hd #main-navigation li.admin a {
	background-image:url('../gfx/nav_account.png')
}

/* Preload hover */
#hd #main-navigation li {
	background:transparent -200px -200px no-repeat;
}
#hd #main-navigation li.start {
	background-image:url('../gfx/nav_projekt_aktiv.png')
}
#hd #main-navigation li.start_en {
	background-image:url('../gfx/en_nav_projekt_aktiv.png')
}
#hd #main-navigation li.gallery {
	background-image:url('../gfx/nav_galerie_aktiv.png')
}
#hd #main-navigation li.gallery_en {
	background-image:url('../gfx/en_nav_galerie_aktiv.png')
}
#hd #main-navigation li.mediathek {
	background-image:url('../gfx/nav_mediathek_aktiv.png')
}
#hd #main-navigation li.mediathek_en {
	background-image:url('../gfx/en_nav_mediathek_aktiv.png')
}
#hd #main-navigation li.service {
	background-image:url('../gfx/nav_service_aktiv.png')
}
#hd #main-navigation li.service_en {
	background-image:url('../gfx/en_nav_service_aktiv.png')
}
#hd #main-navigation li.admin {
	background-image:url('../gfx/nav_account_aktiv.png')
}

/* Hover */
#hd #main-navigation li.start a:hover,
#hd #main-navigation li.start_aktiv a {
	background-image:url('../gfx/nav_projekt_aktiv.png')
}
#hd #main-navigation li.start_en a:hover,
#hd #main-navigation li.start_en_aktiv a {
	background-image:url('../gfx/en_nav_projekt_aktiv.png')
}
#hd #main-navigation li.gallery a:hover,
#hd #main-navigation li.gallery_aktiv a {
	background-image:url('../gfx/nav_galerie_aktiv.png')
}
#hd #main-navigation li.gallery_en a:hover,
#hd #main-navigation li.gallery_en_aktiv a {
	background-image:url('../gfx/en_nav_galerie_aktiv.png')
}
#hd #main-navigation li.mediathek a:hover,
#hd #main-navigation li.mediathek_aktiv a {
	background-image:url('../gfx/nav_mediathek_aktiv.png')
}
#hd #main-navigation li.mediathek_en a:hover,
#hd #main-navigation li.mediathek_en_aktiv a {
	background-image:url('../gfx/en_nav_mediathek_aktiv.png')
}
#hd #main-navigation li.service a:hover,
#hd #main-navigation li.service_aktiv a {
	background-image:url('../gfx/nav_service_aktiv.png')
}
#hd #main-navigation li.service_en a:hover,
#hd #main-navigation li.service_en_aktiv a {
	background-image:url('../gfx/en_nav_service_aktiv.png')
}
#hd #main-navigation li.admin a:hover,
#hd #main-navigation li.admin_aktiv a {
	background-image:url('../gfx/nav_account_aktiv.png')
}

#hd #main-navigation li.first {
	margin:0px;
}
#hd #main-navigation a {
	display:block;
	background:transparent no-repeat top left;
	height:0%;
	padding-top:100%;
	overflow:hidden;
	width:100%;
}




/* subnavi */
#sub-navigation {
	margin:1px 0 0 0;
	/*height:27px;*/
	overflow:hidden;
	_zoom:1;

	background-color:#3f3f3f;
}

#sub-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sub-navigation li {
	float:left;
	/*padding:3px 3px 3px 3px;*/
	border-right:2px solid #000000;
}
/*#hd #sub-navigation.account li,*/
#sub-navigation.admin li {
	float:right;
}
#sub-navigation li.first {
	margin-left:0;
}
#sub-navigation a {
	display:block;
	padding:3px 15px 2px 15px;
	color:#FFF;
	font-weight:bold;
	position:relative;
	cursor:pointer;
}

#sub-navigation a:hover {
	text-decoration:none;
	background:#888;
}
#sub-navigation .aktiv {
}
#sub-navigation .aktiv a {
	color:#FFF;
	background:#3f3f3f;
}







/* suchbox */
#hd #header_searchbox {
	margin:0px 9px 0px 9px;
	height:43px;
}

#hd #header_searchbox label {
	color:#FFF;
	font-size:110%;

	float:left;
	display:block;
	width:141px;
	height:24px;
	padding:14px 5px 5px 5px;
	overflow:hidden;

	text-align:center;
}


#hd #header_searchbox #searchterm_container {
	float:left;
	display:block;
	width:520px;
	margin-top:7px;
	height:29px;

	background:url('../gfx/header.search.input.bg.png') 0px 0px no-repeat;
	border:none;
}
#hd #header_searchbox #input_quicksearch {
	font-size:110%;
	*font-size:100%;
	color:#333;

	float:left;
	display:block;
	width:510px;
	margin:8px 4px 4px 8px;
	*margin-top:7px;

	background:transparent;
	border:none;
}
#hd #header_searchbox #input_quicksearch.hint {
	color:#BBB;
	font-style:italic;
}
#hd #header_searchbox #input_quicksearch[text] {
	border:1px solid transparent;
}

#hd #header_searchbox button {
	font-size:110%;
	color:#444;
	cursor:pointer;

	float:left;
	display:block;
	margin:7px 0 0 0 ;
	height:30px;
	width:110px;
	padding:6px 0 9px 40px;

	background:url('../gfx/header.search.button.bg.png') 0px 0px no-repeat;
	border:none;

	-moz-border-radius:0px;
	border-radius:0px;
}
#hd #header_searchbox button:hover {
	border:none;
	color:#000;
}

/* Breadcrumbs */
#hd #breadcrumbs {
	margin:6px 14px -5px 14px;
	font-size:8pt;
}
#hd #breadcrumbs li {
	display:inline;
}








/* header kleines menu */
#hd #info-links-navigation {
	left:0;
	top:-2px;
	position:absolute;
	text-align:right;
	width:982px;
}

/* Box im Header */
#hd #login {
	position:absolute;
	top:0;
	right:0;

	width:23em;
	background:#666;
	color:#EEE;
	font-size:85%;
	text-align:right;

	margin-right:9px;
	padding:3px 5px 3px 5px;
	-moz-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
/* Eingeloggt */
#hd #login .logout {
}
#hd #login a {
	color:#ABC;
}
#hd #login .username {
	color:white;
}
/* Login*/
#hd #login label {
	color:#EEE;
}


#hd #login form.body {
	width:100%;
}
#hd #login #input_login_password,
#hd #login #input_login_email {
	width:60%;
}
#hd #login #box_save_login {
	float:left;
	width:50%;
	text-align:left;
}
#hd #login #box_save_login label {
	font-size:90%;
}
#hd #login #box_save_login input.checkbox {
	vertical-align:-20%;
	*vertical-align:-1%;
	margin:3px;
}
/* Messages in Loginfeld */
#hd #login .msg {
	margin:0.1em;
	padding:0.5em 2em;
}

#hd #language_selector {
	position:absolute;
	top:0;
	right:300px;
	width:100px;
	margin-top:0;
}
#hd #language_selector li {
	display:block;
	float:left;
	width:30px;
	line-height:70%;
}
#hd #language_selector li a {
	display:block;
	padding:10px 5px 0px 5px;
	color:white;
	border-left:1px solid #FFF;
}
#hd #language_selector li a:hover {
	border-bottom:15px solid #666;
	border-color:#666;
	background:#666;
	text-decoration:none;
}



/* Footer */
#ft {
	color:#777;
}
#ft a {
	color:#CCC;
}
#ft ul.menu li {
	display:block;
	float:left;
	width:32.3%;
	margin:3px;
}