@media screen {

	body {
		height:100%;
	}
	html {
		height:100%;
		background:#555555 ;
	}


	/* Layout */
	.container {
		position:relative;
		width:868px;
	}
	.container #hd {
		position:relative;
		background:#FFF;
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
		margin-top:-1px;
		/*height:165px;*/
	}
	.container #bd {
		background:#FFF none;
	}
	.container #ft {
		zoom:1;
		background:#555 url('../gfx/bg_footer.png') no-repeat 0px 0px;
		padding:40px 30px 90px 30px;
	}


	.container #bd #menu {
		float:left;
		display: inline;

		width:144px;
		overflow-x:hidden;

		min-height:400px;
		_height:400px;
		margin:9px 0px 9px 9px;
	}
	.container #bd #content {
		float:left;
		display: inline;

		width:697px;

		min-height:400px;
		_height:400px;

		margin:9px;
	}
	.container #bd.no_sidebar #content {
		width:850px;
	}

}





/* Header */
#hd h1#title {
	background:#FFF url('../gfx/header.title.png') no-repeat;

	margin:11px 0px 0px 6px;
	height:64px;
	width:300px;

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

/* Hauptmenü im Header */
#hd #main-navigation {
	background:#FFF repeat-x bottom;
	font-size:130%;
	line-height:110%;
	height:18pt;
	overflow:hidden;

	margin:10px 9px 0px 9px;
	border-top:1px solid #FFF;
}
#hd #main-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
#hd #main-navigation li {
	float:left;
	background:url("../gfx/menu.doors.left.png") no-repeat left top;
	margin:0 0 0 1px;
	padding:0 0 0 9px;
}
#hd #main-navigation li.account,
#hd #main-navigation li.admin {
	float:right;
}
#hd #main-navigation li.first {
	margin-left:0;
}
#hd #main-navigation a {
	float:left;
	display:block;
	background:url("../gfx/menu.doors.right.png") no-repeat right top;
	padding:4px 10px 2px 1px;
	*padding:3px 10px 3px 1px;

	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}

#hd #main-navigation a:hover {
	color:#FFF;
}
#hd #main-navigation .aktiv {
	background-image:url("../gfx/menu.doors.left.active.png");
}
#hd #main-navigation .aktiv a {
	background-image:url("../gfx/menu.doors.right.active.png");
}


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

	background-color:#5F7CB8;
}

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

#hd #sub-navigation a:hover {
	text-decoration:none;
	background:#778FCC;
}
#hd #sub-navigation .aktiv {
}
#hd #sub-navigation .aktiv a {
	background:#89D;
}
#hd #sub-navigation .aktiv a:hover {
	color:#FFF;
}








/* suchbox */
#hd #header_searchbox {
	margin:0px 9px 0px 9px;
	height:43px;
	background:url('../gfx/header.submenu.bg.png') 0px -27px;
}

#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 menü */
#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:20em;
	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;
}




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