@import url(layouthelp.css);

/**
* Force vertical scrollbars
**/
html[xmlns^="http"] {
	overflow-y:				scroll;
}

/**
* Disable padding and margin for all elements
**/
* {
	padding:				0px;
	margin:					0px;
}

body {
	font-family:			Tahoma, Verdana, Arial, Helvetica;
	font-size:				small;
	color:					#333;
	background:				#72aad4 url(../images/bg_body.gif) repeat-x;
}
body.buehnen {
	background:				#8c371a url(../images/bg_body_buehnen.gif) repeat-x;
}
body.waende {
	background:				#7d7414 url(../images/bg_body_waende.gif) repeat-x;
}
body.raeume {
	background:				#175c86 url(../images/bg_body_raeume.gif) repeat-x;
}
body.helppage {
	background:				#f2efe8;		
}

/**
* Set page centered
*/
#center {
	text-align:				center;
}

/**
* Define page width
* Set margin to auto, otherwise non IE Browser will display the page non centered
**/
#page {
	margin:					auto;
	text-align:				left;
	width:					1027px;
	background:				transparent;
}
#helppage {
	margin:					auto;
	width:					100%;
	text-align:				left;
	background:				#fff;
}
#help_content {
	padding:				10px;
	border:					20px solid #f2efe8;
}
#help_content h2 {
	margin-bottom:			20px;
}

#help_content .closelink {
	margin-top:				20px;
}
#help_content .closelink a {
	color:					#113457;
	text-decoration:		none;
}
#help_content .closelink a:hover {
	text-decoration:		underline;
}

#main {
	background:				#fff;
}
*:first-child +html #main {
	border:					1px solid transparent;
}
#sl {
	padding-left:			14px;
	background:				url(../images/bg_div_sl.png) repeat-y;
}

#sr {
	padding-right:			14px;
	background:				url(../images/bg_div_sr.png) right repeat-y;
}
#sb {
	margin:					auto;
	margin-bottom:			20px;
	height:					14px;
	background:				url(../images/bg_div_sb.png) 0px 0px no-repeat;
}
*:first-child +html #sl {
}

#header {
	height:					151px;
	position:				relative;
	background:				#fff url(../images/bg_header.gif) no-repeat;
}
#logo {
	position:				absolute;
	left:					17px;
	top:					15px;
}
#logo img {
	border:					none;
}

#static {
	float:					right;
	margin-top:				14px;
	margin-right:			20px;
	font-size:				x-small;
}

#navigation_top {
	position:				absolute;
	left:					274px;
	top:					63px;
	background:				transparent;
}

#navigation_top ul {
	list-style-type:		none;
}

#navigation_top ul li {
	float:					left;
	padding:				14px 20px;
}
#navigation_top ul li.buehnen {
	background:				url(../images/bg_navigation_top_buehnen.gif) repeat-x;
}
#navigation_top ul li.buehnen_selected {
	background:				url(../images/bg_navigation_top_buehnen_selected.gif) repeat-x;
}
#navigation_top ul li.waende {
	background:				url(../images/bg_navigation_top_waende.gif) repeat-x;
	margin-right:			1px;
}
#navigation_top ul li.waende_selected {
	background:				url(../images/bg_navigation_top_waende_selected.gif) repeat-x;
	margin-right:			1px;
}
#navigation_top ul li.hallenbueros {
	background:				url(../images/bg_navigation_top_raeume.gif) repeat-x;
	margin-right:			1px;
}
#navigation_top ul li.hallenbueros_selected {
	background:				url(../images/bg_navigation_top_raeume_selected.gif) repeat-x;
	margin-right:			1px;
}
#navigation_top ul li.unternehmen, #navigation_top ul li.unternehmen_selected {
	padding:				14px 18px;
	background:				url(../images/bg_navigation_top_unternehmen.gif) no-repeat;
}
#navigation_top ul li.kontakt, #navigation_top ul li.kontakt_selected {
	padding:				14px 18px;
	background:				url(../images/bg_navigation_top_kontakt.gif) 0px 16px no-repeat;
}

#navigation_top ul li a {
	text-decoration:		none;
	color:					#fff;
	font-size:				1.3em;
}
#navigation_top ul li.unternehmen a, #navigation_top ul li.unternehmen_selected a, #navigation_top ul li.kontakt a, #navigation_top ul li.kontakt_selected a {
	color:					#333;
}
#header_bottom {
	position:				absolute;
	top:					112px;
	height:					38px;
	width:					999px;
}
#header_bottom.buehnen, .buehnen #header_bottom {
	background:				#8c371b;
}
#header_bottom.waende, .waende #header_bottom {
	background:				#7d7413;
}
#header_bottom.raeume, .raeume #header_bottom {
	background:				#165b86;
}

#navigation_sub {
}

#navigation_sub ul {
	list-style-type:		none;
}

#navigation_sub ul li {
	padding:				10px 0px;
	display:				inline;
	background:				url(../images/bg_navigation_sub_li.gif) right no-repeat;
}
#header_bottom.buehnen #navigation_sub ul li {
	background:				url(../images/bg_navigation_sub_li_buehnen.gif) right no-repeat;
}
#header_bottom.waende #navigation_sub ul li {
	background:				url(../images/bg_navigation_sub_li_waende.gif) right no-repeat;
}
#header_bottom.raeume #navigation_sub ul li {
	background:				url(../images/bg_navigation_sub_li_raeume.gif) right no-repeat;
}
#navigation_sub ul li.last, #header_bottom.buehnen #navigation_sub ul li.last, #header_bottom.waende #navigation_sub ul li.last, #header_bottom.raeume #navigation_sub ul li.last {
	background:				none;
}

#navigation_sub ul li a {
	display:				-moz-inline-box;
	display:				inline-block;
	padding:				9px 18px 8px 20px;
	text-decoration:		none;
	color:					#333;
	font-size:				1.3em;
	border-right:			2px solid transparent;
	margin-right:			1px;
}
#header_bottom.buehnen #navigation_sub ul li a, #header_bottom.waende #navigation_sub ul li a, #header_bottom.raeume #navigation_sub ul li a {
	color:					#fff;
}

#navigation_sub ul li a.current, #navigation_sub ul li a.section {
	border-right:			2px solid #e0eaf3;
	background:				url(../images/bg_navigation_sub_a.gif) repeat-x;
}
#header_bottom.buehnen #navigation_sub ul li a.current, #header_bottom.buehnen #navigation_sub ul li a.section {
	border-right:			2px solid #8c371b;
	background:				url(../images/bg_navigation_sub_a_buehnen.gif) repeat-x;
}
#header_bottom.waende #navigation_sub ul li a.current, #header_bottom.waende #navigation_sub ul li a.section {
	border-right:			2px solid #7d7414;
	background:				url(../images/bg_navigation_sub_a_waende.gif) repeat-x;
}
#header_bottom.raeume #navigation_sub ul li a.current, #header_bottom.raeume #navigation_sub ul li a.section {
	border-right:			2px solid #165b86;
	background:				url(../images/bg_navigation_sub_a_raeume.gif) repeat-x;
}

#navigation_sub ul li ul li {
	margin-left:			20px;
}

#navigation_sub_sub ul {
	list-style-type:		none;
}
#navigation_sub_sub ul li {
	padding-bottom:			20px;
}
#navigation_sub_sub ul li a {
	padding-left:			20px;
	color:					#333;
	font-size:				1.3em;
	text-decoration:		none;
	display:				block;
}
#navigation_sub_sub ul li a.current {
	background:				url(../images/bg_navigation_sub_sub_a.gif) 0px 6px no-repeat;
}

.raeume #navigation_sub_sub ul li a {
	color:					#113457;
}
.raeume #navigation_sub_sub ul li a.current {
	background:				url(../images/bg_navigation_sub_sub_a_raeume.gif) 0px 6px no-repeat;
}
.buehnen #navigation_sub_sub ul li a {
	color:					#742817;
}
.buehnen #navigation_sub_sub ul li a.current {
	background:				url(../images/bg_navigation_sub_sub_a_buehnen.gif) 0px 6px no-repeat;
}
.waende #navigation_sub_sub ul li a {
	color:					#58540d;
}
.waende #navigation_sub_sub ul li a.current {
	background:				url(../images/bg_navigation_sub_sub_a_waende.gif) 0px 6px no-repeat;
}

#content_left, #content_main, #content_main_twocol, #content_main_threecol, #content_right {
	float:					left;
	background:				#fff;
}

#content_left {
	width:					170px;
	padding:				20px 10px 40px 20px;
}

#content_main {
	width:					919px;
	padding:				40px;
	padding-top:			20px;
	min-height:				250px;
}

#content_main_twocol {
	width:					579px;
	padding:				20px 10px 40px 40px;
}

#content_main_twocol.content_left {
	width:					800px;
}

#content_main_twocol.content_right {
	width:					800px;
}

#content_main_threecol {
	width:					409px;
	padding:				20px 10px 40px 10px;
}

#content_right {
	width:					350px;
	padding:				20px 10px 10px 10px;
}
#content_right.hide {
	width:					0px;
	padding:				0px;
	display:				none;
}
div.widget_spacer {
	background: 			#1d4872;
	height: 				1px;
	margin:					0px 10px 10px 0px;
}
.buehnen div.widget_spacer {
	background:				#742817;
}
.waende div.widget_spacer {
	background:				#58540d;
}
.raeume div.widget_spacer {
	background:				#113457;
}

#content_footer, .raeume #content_footer {
	background:				#165b86;
	color:					#f2efe8;
	font-size:				0.8em;
	font-weight:			bold;
	line-height:			180%;
	padding:				20px 40px;
	text-align:				justify;
}
.buehnen #content_footer {
	background:				#8c371b;
}
.waende #content_footer {
	background:				#7d7413;
}
.raeume #content_footer {
	background:				#165b86;
}

/**
* Comments
**/
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 0;
	padding: 10px 10px 10px 10px;
}
#PageComments li.odd {
	background: #efefef url(../images/bg_li_page_comments_odd.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

#PageComments li.even {
	background: #fff url(../images/bg_li_page_comments_even.gif) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
}

.actionLinks li {
	display: inline;
	border-right: 1px solid;
}
.actionLinks li.last {
	border-right: none;
}

.commentrss {
	background: transparent url(../images/bg_a_commentrss.png) no-repeat;
	padding-left: 20px;
}
#PageCommentsPagination p {
	text-align: center;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm {
	margin-bottom:					10px;
}

#PageCommentInterface_Form_PageCommentsPostCommentForm_error {
	margin:							10px 0px;
	padding:						10px;
	border:							1px solid #ff0000;
	background-color:				#ff7676;
	font-weight:					bold;
	color:							#fff;
}

div.cb {
	clear:					both;
}

div.cl {
	clear:					left;
}

div.cr {
	clear:					right;
}