@charset "UTF-8";
/* CSS Document */

body {
							margin				:	0px;
							padding				:	0px;
							background			:	transparent url('../images/background_top.gif') left top repeat-x;
							font-family			:	Arial;
							color				:	#2b2b2b;
}

#page {
							background			:	transparent url('../images/header_img.jpg') center top no-repeat;
							width				:	100%;
							
}

.header {
							background			:	transparent url('../images/color_blocks.gif') left top no-repeat;
							width				:	100%;
							
}

.header .container {
							width				:	996px;
							height				:	679px;
							margin-left			:	auto;
							margin-right		:	auto;
}

.header .container .body {
							float				:	left;
							height				:	614px;
}

.header .container .body h1 {
							font				:	50px/50px Arial normal;
							color				:	#2b2b2b;	
							margin				:	225px 0 0 374px;
							text-transform		:	lowercase;
							
}

.header .container .body h1 span.bolditalic {
							font-weight			:	700;
							font-style			:	italic;
							
}

.header .container .body ul.points {
							padding				:	0px;
							margin				:	22px 0 0 358px;
							list-style			:	none;
}

.header .container .body ul.points li {
							padding				:	0px;
							margin				:	0px 0 -4px 0px;
}

.header .container .body .morebutton {
							font				:	20px/24px Arial normal;	
}

.header .container .logo {
							position			:	absolute;
							margin				:	40px 0 0 680px;
}

.header .container .more {
							width				:	996px;
							margin-left			:	auto;
							margin-right		:	auto;							
							clear				:	both;
							text-align			:	center;
}

.about {
							background-color	:	#2b2b2b;
							width				:	100%;
}

.about .container {
							width				:	996px;
							margin-left			:	auto;
							margin-right		:	auto;
}

.about .container .body {
							float				:	left;
							margin				:	0 0 35px 50px;
							
}

.about .container .body h2 {
							font				:	42px/42px Arial normal;
							color				:	#fff;	
							margin				:	50px 0 35px 0px;
							
}

.about .container .body p.intro {
							font				:	16px/22px Arial;
							color				:	#fff;	
							font-weight			:	700;
							width				:	527px;
							margin-bottom		:	55px;
}

.about .container .body .modules-outer {
							background			:	transparent url('../images/module-outer-bg.gif') left top repeat-y;
}

.about .container .body .modules-outer .module {
							float				:	left;
							
}

.about .container .body .modules-outer .box01 {
							width				:	304px;
							
}

.about .container .body .modules-outer .box02 {
							padding				:	0px 33px;							
}

.about .container .body .modules-outer .box03 {
							padding				:	0px 0 0 32px;
							width				:	242px;
						
}

.about .container .body .modules-outer .module h3 {
							font				:	28px/18px Arial normal;
							color				:	#fff;	
							margin				:	5px 0 25px 0px;						
}

.about .container .body .modules-outer .module p {
							font				:	13px/20px Arial;
							font-weight			:	bold;
							color				:	#fff;	
							margin				:	0px;
							width				:	285px;
}

.about .container .body .modules-outer .box03 p {
							width				:	220px;
}



.about .container .body .modules-outer .module p#twitter ul {
							font				:	11px/16px Arial;
							font-weight			:	normal;
							color				:	#fff;	
							list-style			:	none;
							padding				:	0px;
							width				:	220px;
}

.about .container .body .modules-outer .module p#twitter ul li {
							padding-bottom		:	16px;
}

.about .container .body .modules-outer .module p#twitter ul li a {
							color				:	#99cc33;	
							text-decoration		:	none;
}

.about .container .body .modules-outer .module p#twitter ul li a.timestamp {
							display				:	block;
}


.about .container .body .modules-outer .module p#twitter ul li a:hover {	
							text-decoration		:	underline;
}


.about .container .body .modules-outer .module ul.module-points {
							list-style-image	:	url('../images/arrow_green.gif');
							color				:	#fff;
							padding				:	0px 25px;
}

.about .container .body .modules-outer .module ul.module-points li {
							font				:	13px/25px Arial normal;	
							padding-left		:	8px;
}


.about .container .body .modules-outer .module p#twitter p.profileLink a {
							font				:	13px/25px Arial;
							font-weight			:	normal;
							color				:	#fff;	
							padding				:	0px;
							text-decoration		:	none;
							display				:	block;
							padding-left		:	28px;
							background			:	transparent url('../images/twitter-btn.gif') left center no-repeat;
}

.about .container .body .modules-outer .module p#twitter p.linkedin a {
							background			:	transparent url('../images/linkedin-btn.gif') left 2px no-repeat;
}

.about .more {
							width				:	100%;
							height				:	82px;
							clear				:	both;
							text-align			:	center;
							background			:	transparent url('../images/about_bottom_bg.jpg') center top repeat-x;
}

.moreinfo {
							background			:	#adbec2 url('../images/about_bottom_bg02.jpg') center top no-repeat;
							width				:	100%;
							height				:	656px;
}

.moreinfo .container {
							width				:	996px;
							margin-left			:	auto;
							margin-right		:	auto;
}

.moreinfo .container .body .form {
							margin-left			:	50px;
							width				:	600px;
							float				:	left;
							
}

.moreinfo .container .body .form h2 {
							font				:	42px/42px Arial normal;
							color				:	#000;	
							margin				:	30px 0 0 0px;
							
}

.moreinfo .container .body .form p.intro {
							font				:	16px/22px Arial;
							color				:	#000;	
							font-weight			:	700;
							width				:	450px;
							margin-bottom		:	65px;
}

.moreinfo .container .body .form label {
							display				:	block;
							float				:	left;
							width				:	160px;
							padding-top			:	11px;
}

.moreinfo .container .body .form label.geslacht {
							padding-top			:	9px;
}

.moreinfo .container .body .form .inputBox {
							width				:	290px;
							border				:	0px;
							background			:	transparent url('../images/inputBoxBG.gif') left top no-repeat;
							padding				:	13px 0px 19px 10px;
							font-size			:	13px;
							margin-bottom		:	6px;
}

.moreinfo .container .body .form .inputTextarea {
							width				:	270px;
							border				:	0px;
							background			:	transparent url('../images/inputTextareaBG.gif') left top no-repeat;
							padding				:	10px 20px 19px 10px;
							font-size			:	13px;
							margin-bottom		:	6px;
							font-family			:	Arial;
}

.moreinfo .container .body .form .inputCheckbox {
							visibility			:	hidden;
}



.moreinfo .container .body .form #contactform ul{ 
							margin				:	0;
							padding				:	0;
							list-style			:	none; 
}

.moreinfo .container .body .form #contactform li a{
							color				: 	#2b2b2b;
							text-decoration		: 	none;
}

.moreinfo .container .body .form #contactform li a span {
							display				: 	block;
							padding-top			: 	18px;
}


.moreinfo .container .body .form #contactform li a.active{
							background-position	: 	right bottom !important;
}


.moreinfo .container .body .form #contactform li a.option { 
							background			:	url('../images/inputCheckboxBG.gif') right top no-repeat;
							display				:	block;
							width				:	35px;
							height				:	34px;
							float				: 	left;
}

.moreinfo .container .body .form #contactform .img { 
							margin-left			:	160px;
}


.moreinfo .container .body .contactinfo { 
							float				:	left;
							font				:	12px/18px Arial;
							color				:	#2b2b2b;	
							font-weight			:	700;
							width				:	250px;
							padding				:	0px 0 0 50px;
							border-left			:	1px solid #b4c4c7;
							margin-top			:	75px;
							min-height			:	475px;
}

.moreinfo .container .body .contactinfo p { 
							width				:	170px;
}

.moreinfo .container .body .contactinfo a { 
							color				:	#78c253;
							text-decoration		:	none;
}

.moreinfo .container .body .contactinfo a:hover { 
							text-decoration		:	underline;
}

.moreinfo .container .body .contactinfo p .img { 
							margin				:	0px 0 10px 0px;
}

.moreinfo .container .body .contactinfo span.title { 
							font				:	11px/20px Arial;
							color				:	#2b2b2b;	
							font-weight			:	normal;
							float				:	none;
}

.clr {
							clear				:	both;	
}


.moreinfo .container .body form.cmxform label.error, label.error {
							color				: 	#1761a7;
							font-size			: 	11px;
							font-weight			: 	bold;
							display				: 	block;
							float				:	none;	
							padding				: 	0px;
							margin				: 	-6px 0 18px 160px;
							width				:	250px;
}
.moreinfo .container .body div.error { display: none; }
