/* ================================================================================================ */
/* == CSS:   	default.css - Standard-Stylesheet (Screen)										 == */
/* ==																							 == */
/* == Author:  	Björn Lorenz, E-Formation GmbH - http://www.eformation.de/						 == */
/* == Revision: Arendt Schmolze																	 == */
/* ================================================================================================ */
*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	border: 0;
}
body{
	background: #FCEFCE url(../nps/bg_body.gif) repeat-x center top;
	color: #2A2A2A;
	font-family: verdana, arial, sans-serif;
	font-size: 	.69em;
}
#sheet{
	width: 960px;
	min-height: 700px;
	margin: 0 auto;
	background: url(../nps/bg_sheet.gif) no-repeat center top;
	overflow: hidden;
}
/* ================================================================================================ */
#head{
	margin-bottom:50px;
}
#head img{
	margin-top: 35px;
}
/* ================================================================================================ */
#body #stripe{
	float: left;
	margin-bottom: 4.55em;
}
#body #stripe .navigation{
	width: 958px;
	height: 47px;
	padding: 1px 1px 0 1px;
	background: url(../nps/bg_navigation.gif) no-repeat center top;
	border-bottom: 1px solid #D8CFA0;
	overflow: hidden;
}
#body #stripe .navigation li{
	float: left;
}
/* ================================================================================================ */
#body #stripe .navigation li a {
	display: block;
	float: left;
	padding: 0 5px;
	border-left: 1px solid #FFF63C;
	border-right: 0;
	color: #000000;
	font-size: 1.3em;
	line-height: 47px;
}
#body #stripe .navigation li a:hover,
#body #stripe .navigation li a:focus,
#body #stripe .navigation li a:active,
#body #stripe .navigation li.active a{
	background: url(../nps/bg_navigation_active.gif) repeat-x center top;
	color: #666666;
}
/* ================================================================================================ */
#body #stripe .navigation li.first a{
	border-left: 0;
}
/* ================================================================================================ */
#sponsoring{
	float: left;
	width: 958px;
	background: #FFF;
	border-right: 1px solid #D8CFA0;
	border-bottom: 1px solid #D8CFA0;
	border-left: 1px solid #D8CFA0;
}
#important_sponsors{
	float: left;
	width: 285px;
}
#sponsors{
	position: relative; 	/* important */
	overflow: hidden; 		/* important */
	float: left;
	width: 673px;
	height: 48px;
	padding: 0;
	overflow: hidden;
}
#sponsor_frame{
	position: relative
}
#sponsor_content{
	position: absolute;
	top: 0;
	margin-left: 4px;
}
#sponsoring li{
	margin: 5px 10px;
	padding: 0;
	width: 75px;
	height: 38px;
}
#sponsor_content{
	width: 5418px;
}
#container_bd #sponsoring ul li img{
	display: block;
}
#body #stripe #sponsoring li{
	float: left;
}
/* ================================================================================================ */
.tooltip{
	cursor: pointer;
}
.show-sponsor-tip{
	color: #000;
	width: 237px;
	z-index: 13000;
	border: 1px solid #D8CFA0;
	background: #FFFFFF;
}
.show-sponsor-title{
	font-weight: bold;
	margin: 0;
	color: #913215;
	padding: 6px;
	background: url(../nps/bg_tooltip_title.gif) repeat-x center top;
	border-bottom: 1px solid #D8CFA0;
}
.show-sponsor-text{
	padding: 6px;
}
/* ================================================================================================ */
#body #content{
	float: left;
	width: 544px;
	margin: 0 20px 2em 20px;
	line-height: 1.64em;
}
#body #content.results,
#body #content_gallery{
	float: left;
	width: 940px;
	margin: 0 0 2em 20px;
	line-height: 1.64em;
}
#body #content h1{
	margin-bottom: 0.64em;
	color: #000;
	font-size: 2.00em;
	font-weight: bold;
	line-height: 1.27em;
}
#body #content h2,
#body #content h3,
#body #content h4,
#body #content h5,
#body #content h6{
	margin-bottom: 0.45em;
	color: #000000;
	font-size: 1.00em;
	font-weight: bold;
}
#body #content p{
	margin-bottom: 1.36em;
}
#body #content p.error{
	padding: 1em;
	background: #FBDECD;
	border: 1px solid #E43133;
}
#body #content p.confirm{
	padding: 1em;
	background: #E6FFBF;
	border: 1px solid #45A13E;
}
#body #content ul, #body #content ol{
	margin-bottom: 1.36em;
	padding-left: 2em;
}
#body #content ul li{
	list-style-type: circle;
}
#body #content ol li{
	list-style-type: decimal;
}
#body #content a{
	color: #666;
	text-decoration: underline;
}
#body #content a.more{
	padding-left: 12px;
	background: url(../nps/arrow_right.gif) no-repeat 0 center;
}
#body #content a.back{
	padding-left: 12px;
	background: url(../nps/arrow_left.gif) no-repeat 0 center;
}
#body #content table{
	width: 532px;
	margin-bottom: 1.36em;
	border-top: 1px solid #BBB;
}
#body #content table thead{
	background: #FED503;
}
#body #content table td{
	padding: 2px 5px;
	border-bottom: 1px solid #BBB;
	vertical-align: top;
}
#body #content table thead td{
	color: #000;
}
#body #content table td.right{
	text-align: right!important;
}
/* ================================================================================================ */
#gallery{
	position: relative; 	/* important */
	overflow: hidden; 		/* important */
	width: 544px;
	height: 64px;
	padding: 5px 0;
	background: url(../nps/gallery/bg_gallery.gif) no-repeat left top;
}
#body #content #gallery_content{
	position: absolute;
	top: 0;
	padding: 0;
	margin-left: 20px;
}
#body #content #gallery_content li{
	list-style-type: none;
}
#gallery_content{
	width: 5418px;
}
#gallery ul li{
	float: left;
	margin: 5px 6px;
}
#gallery_frame{
	position: relative;
}
#gallery_previous{
	float: left;
	cursor: pointer;
}
#gallery_next{
	float: right;
	cursor: pointer;
}
/* ================================================================================================ */
#body #marginal{
	float: right;
	width: 208px;
	padding-top: 5px;
	margin-bottom: 2em;
	background: #FFCC00 url(../nps/marginal/bg_top.gif) no-repeat center top;
}
#body #marginal div{
	width: 168px;
	padding: 10px 20px 10px 20px;
	background: url(../nps/marginal/bg_bottom.gif) no-repeat center bottom;
}
#body #marginal div a{
	display: block;
	width: 100%;
	padding: 1em 0 0 0;
	border-top: 1px solid #EDC600;
	color: #2A2A2A;
}
#body #marginal div a.first{
	padding-top: 0;
	border-top: 0;
}
#body #marginal h1{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}
#body #marginal p{
	font-size: 1em;
	margin-bottom: 1em;
}
#body #marginal p.date{
	font-size: .81em;
	margin-bottom: 0;
}
/* ================================================================================================ */
.statusbar{
	display: block;
	width: 165px;
	height: 20px;
	line-height: 20px;
	padding-left: 3px;
	background: url(../nps/statusbar/bg_statusbar.gif) no-repeat left top;
}
.statusbar span{
	display: block;
	width: 158px;
	height: 20px;
	padding-right: 5px;
	padding-left: 2px;
	line-height: 20px;
	text-align: right;
	background: url(../nps/statusbar/bg_occupied.gif) no-repeat -164px 0;
	color: #FEFEFE;
	font-size: .9em;
}
.statusbar span.full{
	text-align: left;
	background: url(../nps/statusbar/bg_occupied.gif) no-repeat 0 0!important;
}
.statusbar span span{
	float: left;
	width: 50%;
	padding: 0;
	background: none;
	color: #FEFEFE;
}
.statusbar span span.reserved{
	text-align: left;
}
.statusbar span span.free{
	text-align: right;
}
/* ================================================================================================ */
#foot{
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0 2em 0;
	border-top: 1px solid #E4DBAC;
}
#foot ul{
	background: #f00;
	margin-left: 350px;
}
#foot ul li{
	float: left;
	border-left: 1px solid #7B765D;
	padding: 0 10px;
}
#foot ul li.first{
	border-left: 0;
	padding-left: 0;
}
#foot ul li a{
	color: #7B765D;
}
#foot ul li a:hover, #foot ul li a:focus, #foot ul li a:active, #foot ul li.active a{
	color: #000000;
	text-decoration: underline;
}
/* ================================================================================================ */
#body #content .sponsoring{
	float: left;
	clear: both;
	padding: 0;
	list-style-type: none;
}
#body #content .sponsoring li{
	float: left;
	width: 75px;
	height: 38px;
	padding: 5px;
	margin: 0 20px 10px 0;
	background: #fff;
	border: 1px solid #D8CFA0;
	list-style-type: none;
}
/* ================================================================================================ */
.archive div{
	float: left;
	margin-bottom: 1em;
}
.archive .image{
	float: left;
}
.archive .image img{
	border: 1px solid #913215;
}
.archive .links{
	margin-left: 1em;
}
.archive .links ul li{
	list-style-image: url(../nps/arrow_right.gif);
}
.archive p, .archive h1{
	clear: both;
}
/* ================================================================================================ */
/* == RESULTS																					 == */
/* ================================================================================================ */
#body #content .accordeon{
	margin: 0;
	padding: 0;
}
#body #content .accordeon li{
	list-style-type: none;
	margin-bottom: 1em;
}
#body #content .accordeon h2{
	margin: 0;
	padding: 0 20px;
	background: url(../nps/accordeon/bg_trigger.gif) no-repeat left center;
	line-height: 30px;
	color: #000;
	cursor: pointer;
	font-size: 1.00em;
	font-weight: bold;
}
#body #content .accordeon .trigger-open{
	background-image: url(../nps/accordeon/bg_trigger_open.gif);
}
#body #content .accordeon h2 span{
	font-weight: normal;
}
#body #content .accordeon .stretcher{
	background: #A89326;
}
#body #content .accordeon .stretcher div{
	width: 502px;
	margin: 0;
	padding: 18px 20px 9px 20px;
	background: #FEFEFE;
	border: 1px solid #A89326;
	border-top: 0;
}
#body #content .accordeon .stretcher table{
	width: 100%;
	margin: 0 0 .5em 0;
	border-top: 0;
}
#body #content .accordeon .stretcher table td{
	border-bottom: 0;
}
#body #content .accordeon .stretcher table .this_is_you td{
	font-weight: bold;
}
#body #content .accordeon .stretcher table thead{
	background: transparent;
}
#body #content .accordeon .stretcher table thead td{
	border-bottom: 1px solid #2A2A2A;
	color: #2A2A2A;
	font-weight: bold;
}
/* ================================================================================================ */
#body #content.results .accordeon h2{
	background-image: url(../nps/accordeon/bg_trigger_wide.gif);
}
#body #content.results .accordeon .trigger-open{
	background-image: url(../nps/accordeon/bg_trigger_wide_open.gif);
}
#body #content.results .accordeon .stretcher div{
	width: 898px;
}
/* ================================================================================================ */
.position{
	color: #AE3434;
}
.age_group{
	color: #000;
}
.time{
	color: #418A30;
}
.help{
	cursor: help;
}
.pdf{
	float: right;
	padding:  0 0 0 23px;
	margin: 0 12px 0 0;
	background: url(../nps/ico_pdf.gif) no-repeat center left;
}
/* ================================================================================================ */
form#search input{
	width: 336px;
	height: 16px;
	margin: .5em 0;
	padding: 7px 10px;
	background: url(../nps/formulars/bg_input.gif) no-repeat left top;
}
form#search input#search_submit{
	width: 94px;
	height: 30px;
	margin-left: 20px;
	background: url(../nps/formulars/bg_submit.gif) no-repeat left top;
	cursor: pointer;
}
/* ================================================================================================ */
form#register label,
form#contact label{
	display: block;
	float: left;
	width: 126px;
	line-height: 30px;
	margin: 0 0 3px 0;
	font-size: 1.27em;
}
form#register input,
form#register select,
form#register textarea,
form#register .input_group,
form#register .checkbox,
form#contact input,
form#contact select,
form#contact textarea,
form#contact .input_group{
	width: 336px;
	height: 16px;
	margin: 0 0 3px 0;
	padding: 7px 10px;
	background: url(../nps/formulars/bg_input.gif) no-repeat left top;
}
form#register .input_group,
form#contact .input_group,
form#register .checkbox{
	float: left;
}
form#register .input_group input,
form#contact .input_group input,
form#register .checkbox input{
	width: 336px;
	margin: 0;
	padding: 0;
	background: transparent;
}
form#register .input_group input.small,
form#contact .input_group input.small{
	width: 90px;
}
form#register .input_group input.medium,
form#contact .input_group input.medium{
	width: 230px;
}
form#register select,
form#contact select{
	height: 30px;
	width: 356px;
}
form#register textarea,
form#contact textarea{
	height: 100px;
	width: 336px!important;
	font-size: 1.18em;
	font-family: verdana, arial, sans-serif;
	line-height: 20px;
	width: 356px;
	background: url(../nps/formulars/bg_textarea.gif) no-repeat left top;
}
form#register .input_group select,
form#contact .input_group select{
	width: 336px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: #FEFBED;
}
form#register .input_group select.day{
	width: 50px;
}
form#register .input_group select.month{
	width: 168px;
}
form#register .input_group select.year{
	width: 110px;
}
form#register.error input.duty, form#register.error select.duty, form#register.error label.duty, form#register.error textarea.duty,
form#contact.error input.duty, form#contact.error select.duty, form#contact.error label.duty, form#contact.error textarea.duty{
	color: #E43133;
	font-weight: bold;
}
form#register input#register_submit,
form#contact input#email_submit{
	float: right;
	width: 94px;
	height: 30px;
	margin: 1em 62px 0 0;
	background: url(../nps/formulars/bg_submit.gif) no-repeat left top;
	cursor: pointer;
}
form#register br, form#register p,
form#contact br, form#contact p{
	clear: both;
}
form#register p,
form#contact p{
	clear: both;
	margin: 1em 0 .5em 0!important;
}
form#register .checkbox{
	width: 16px;
	margin: 0 1em 3px 126px;
	padding: 7px;
	background-image: url(../nps/formulars/bg_checkbox.gif);
}
form#register .checkbox input{
	width: 16px;
}
form#register label.label_after{
	width: 315px;
}
/* ================================================================================================ */=