/* ================================================================================================ */
/* == CSS:   	default.css - Standard-Stylesheet (Screen)										 == */
/* ==																							 == */
/* == Author:  	Björn Lorenz, E-Formation GmbH - http://www.eformation.de/						 == */
/* ================================================================================================ */
*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	border: 0;
}
/* ================================================================================================ */
body{
	color: #2C2B2D;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.75em;
	line-height: 1.67em;
}
#background_image{
	width: 100%;
	height: 100%;
	text-align: center;
	position: fixed;
	z-index: 1;
	top: 0;
	overflow: hidden;
}
/* ================================================================================================ */
/* == OVERVIEW																					 == */
/* ================================================================================================ */
#overview{
	float: left;
	width: 368px;
	margin: 0 0 33px 0;
	padding: 12px 0 11px 0;
	background: url(../nps/bg_overview.png) no-repeat 0 0;
	position: absolute;
	z-index: 2;
	top: 33px;
	right: 47px;
}
#overview #logo{
	margin: 0 11px;
}
#overview .box{
	float: left;
	clear: both;
	width: 330px;
	margin: 11px 11px 0 11px;
	padding: 8px;
}
#overview .box > div{
	float: left;
	clear: both;
	width: 298px;
	padding: 15px 15px 9px 15px;
	border: 1px solid;
}
#overview .box h1,
.content h1{
	font-size: 1.17em;
	font-weight: bolder;
	line-height: 1.21em;
	margin-bottom: 0.43em;
}
#overview .box h2,
#overview .box h3,
#overview .box h4,
#overview .box h5,
#overview .box h6,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
	font-size: 1.00em;
	font-weight: bolder;
	margin-bottom: 0.50em;
}
#overview .box ul,
#overview .box ol,
.content p,
.content ul,
.content ol{
	margin-bottom: 0.50em;
}
#overview .box ul,
#overview .box ol,
.content ul,
.content ol{
	margin-left: 1.50em;
}
#overview .box ul li,
.content ul li{
	list-style-type: disc;
}
#overview .box ol li,
.content ol li{
	list-style-type: decimal;
}
#overview .box a:hover,
#overview .box a:focus,
#overview .box a:active,
#overview .box .active a,
.content a:hover,
.content a:focus,
.content a:active,
.content .active a{
	text-decoration: underline;
}
/* ================================================================================================ */
/* == CONTENT																					 == */
/* ================================================================================================ */
.content{
	float: left;
	width: 428px;
	padding: 11px 29px 11px 0;
	background: url(../nps/bg_content.png) no-repeat 0 0;
	position: absolute;
	z-index: 3;
}
.content .print,
.content .close{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
}
.content .close span,
.content .print span{
	display: none;
}
.content .close{
	margin: 0 17px 0 18px;
	background: url(../nps/ico_close.png) no-repeat center center;
}
.content .print{
	background: url(../nps/ico_print.png) no-repeat center top;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content ul,
.content ol,
.content form{
	margin-left: 18px;
	margin-right: 18px;
}
.content ul,
.content ol{
	margin-left: 36px;
}
.content ul.downloads,
.content ul.links{
	margin-left: 18px;
	list-style-type: none;
}
.content ul.downloads li,
.content ul.links li{
	list-style-type: none;
}
.content table{
	margin: 0 0 0.50em 0;
}
.content .downloads li a,
.content .links li a{
	padding-left: 12px;
	background: url(../nps/arrow_orange.png) no-repeat 0 4px;
	color: #EE7F01;
}
.content table td{
	padding: 11px 19px;
}
/* ================================================================================================ */
.content .gallery{
	margin: 0;
	width: 100%;
}
.content .gallery li{
	float: left;
	width: 392px;
	padding: 18px;
	list-style-type: none;
}
.content .gallery a{
	float: left;
	margin-right: 18px;
}
.content .gallery img{
	border: 1px solid #FFF;
}
/* ================================================================================================ */
/* == CONTENT FORM																				 == */
/* ================================================================================================ */
.content p.error{
	padding: 10px;
	background: #FFDFE1;
	border: 1px solid #AF151B;
}
.content form fieldset{
	padding: 0.5em 0 1.75em 0;
}
.content form legend{
	font-size: 1.17em;
}
.content form label{
	float: left;
	clear: left;
	width: 84px;
	margin-right: 1px;
}
.content form label.duty{
	font-weight: bolder;
}
.content form.error label.duty{
	background: #FFDFE1;
}
.content form input,
.content form select,
.content form textarea{
	float: left;
	width: 300px;
	margin: 0 0 1px 0;
	padding: 2px 3px;
	background: #7B8326;
	border-left: 1px solid #909749;
	color: #FFF;
	font-size: 1.00em;
	font-family: Arial, Verdana, sans-serif;
}
.content form input.short{
	width: 80px;
	margin-right: 1px;
}
.content form input.medium{
	width: 212px;
}
.content form textarea{
	height: 6.00em;
}
.content form input.submit{
	float: right;
	width: 308px;
	background: #FFF;
	border: 1px solid #C1C1BC;
	color: #000;
	cursor: pointer;
	text-align: center;
}
/* ================================================================================================ */
/* == NAVIGATION: SUB																			 == */
/* ================================================================================================ */
#overview .box.navigation.sub ul{
	margin-left: 0;
}
#overview .box.navigation.sub ul li{
	list-style-type: none;
}
/* ================================================================================================ */
/* == NAVIGATION: BACK																			 == */
/* ================================================================================================ */
#overview .box.navigation.back ul{
	margin-left: 0;
}
#overview .box.navigation.back ul li{
	list-style-type: none;
}
#overview .box.navigation.back ul li a{
	color: #EE7F01;
	font-size: 1.17em;
	font-weight: bolder;
	line-height: 1.21em;
	margin-bottom: 0.43em;
}
/* ================================================================================================ */
/* == NAVIGATION: FOOT																			 == */
/* ================================================================================================ */
#overview .box.navigation.foot div{
	padding-top: 10px;
	padding-bottom: 4px;
}
#overview .box.navigation.foot ul{
	float: left;
	margin-left: 0;
}
#overview .box.navigation.foot ul li{
	float: left;
	line-height: 1.08em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	padding-left: 7px;
	border-left: 1px solid #E2E1C4;
	list-style-type: none;
}
#overview .box.navigation.foot ul li.first{
	clear: left;
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
/* ================================================================================================ */
/* == COLORSETS																					 == */
/* ================================================================================================ */
#overview .box,
.content table td{
	color: #7B8326;
}
#overview .box{
	background: #FFF;
}
#overview .box > div{
	border-color: #F3F3F3;
}
#overview .box h1,
#overview .box h1 a{
	color: #EE7F01;
}
#overview .box a{
	color: #7B8326;
}
#overview .box .more a,
#overview .box a.more{
	display: block;
	padding-left: 12px;
	background: url(../nps/arrow_orange.png) no-repeat 0 6px;
	color: #EE7F01;
}
/* ================================================================================================ */
#overview .box.colorset-1,
.content table .colorset-1 td,
.content .gallery li.colorset-1{
	background: #7B8326;
	color: #FFF;
}
#overview .box.colorset-1 > div{
	border-color: #F2F2E8;
}
#overview .box.colorset-1 h1 a,
#overview .box.colorset-1 h1,
#overview .box.colorset-1 a{
	color: #FFF;
}
#overview .box.colorset-1 .more a,
#overview .box.colorset-1 a.more{
	background: url(../nps/arrow_white.png) no-repeat 0 4px;
}
/* ================================================================================================ */
#overview .box.colorset-2,
.content table .colorset-2 td{
	background: #918F20;
	color: #FFF;
}
#overview .box.colorset-2 > div{
	border-color: #EBE6DC;
}
#overview .box.colorset-2 h1 a,
#overview .box.colorset-2 h1,
#overview .box.colorset-2 a{
	color: #FFF;
}
/* ================================================================================================ */
.hidden{
	display: none;
}
/* ================================================================================================ */