/*-----------------------------------------
General
-----------------------------------------*/

html, body {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#000000;
	padding: 			0px;
	margin: 			0px;
	background-color:	#FFFFFF;
	width:				100%;
	height:				100%;
}

#bodyContainer {
	width: 		922px;
	margin: 	auto;
}

#maincontainer {
	width: 		922px;
	float: 		left;
}

#contentContainer {
	width: 				922px;
	float: 				left;
	margin-top: 		22px;
	background-image: 	url('/Content/frontend/images/bg_content.gif');
	background-repeat:	repeat-y;
}

/*-----------------------------------------
Area's
-----------------------------------------*/

#area1 {
	width: 			922px;
	float:			left;
}

#area2 {
	width: 			922px;
	height: 		64px;
	float: 			left;
}

#area5 {
	float: 			left;
}

#content {
	float: 			left;
	height:			100%;
}

#contentblok {
	float: 			left;
	width: 			421px;
	padding:		10px 10px 15px 10px;
}

#area9 {
	width: 			215px;
	float: 			left;
	margin-left:	20px;
}

#area14 {
	float:				left;
	width:				922px;
	background-color: 	#404040;
	margin-top:			22px;
}

/*-----------------------------------------
Pageobjects
-----------------------------------------*/

/* Loginblok Intranet */
#loginblock {
	float: 			right;
	margin-top: 	15px;
	margin-bottom: 	15px;
}

#loginblock a {
	color: #A1A1A1;
	font-size: 12px;
	text-decoration: none;
}

.username {
	color: #A1A1A1;
	font-size: 12px;
}

/* Logo */
#container10000355 {
	width: 			212px;
	height: 		64px;
	float: 			left;
	margin-right: 	24px;
}

/* Navigatie */
container10000356 {
	width: 		686px;
	height: 	64px;
	float:		left;
}

#navigation {
	background-image: 	url('/Content/frontend/images/bg_navigation.gif');
	background-repeat:	repeat-x;
	width: 		686px;
	height: 	64px;
	float:		left;
}

.navitems {
	float: left;
}

.navitem {
	float:	left;
}

.navitem a {
	font-size: 			15px;
	font-weight: 		bold;
	color: 				#FFFFFF;
	padding: 			11px 10px 5px 13px;
	text-decoration:	none;
	float:				left;
}

.navitem a:hover {
	text-decoration:	underline;
}

.navitemselected {
	background-image: 	url('/Content/frontend/images/navigation_pijl.png');
	background-repeat:	no-repeat;
	background-position: center;
	width: 100%;
	height: 10px;
	float: left;	
}

.navsubitem a {
	float: 				left;
	font-size: 			12px;
	font-weight:		bold;
	color:				#000000;
	padding:			3px 0px 0px 13px;
}

.navsubitemselected_not {
	text-decoration:	none;
}

.navsubitemselected {
	text-decoration:	underline;
}

/* Shortcuts */
#container10000357 {
	float: left;
}

#shortcuts {
	float: left;
	width: 246px;
}

._selected {
	background-image: url('/Content/frontend/images/bg_shortcut_selected.jpg');
	background-repeat: repeat-x;
	color: #FFFFFF;
}

._notselected {
	background-image: url('/Content/frontend/images/bg_shortcut.jpg');
	background-repeat: repeat-x;
	color: #626262;
}

.shortcut_selected_pijl {
	float: left;
	width: 31px;
	height:	94px;
	background-image: url('/Content/frontend/images/bg_shortcut_selected_pijl.png');
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.shortcut {
	float: left;
	width: 185px;
	height:	94px;
	padding: 10px 10px 10px 20px;
	margin-bottom: 10px;
	text-decoration: none;
	font-size: 12px;
}

.shortcut b {
	font-size: 15px;
}

/* Content */
.content_subject {
	font-size: 	12px;
	color:		#737373;
	width:		100%;
	float: 		left;
}

.content_title h1 {
	font-size:	15px;
	color:		#0065AD;
	width:		100%;
	float: 		left;
	padding:	5px 0px 5px 0px;
	margin:		0px;
}

.content_text {
	color:		#353535;
	font-size:	12px;
}

.content_text #form {
	float: 			left;
	margin-top:		15px;
}

.content_text #form .inputtextfield {
	float:			left;
	width:			216px;
	height:			18px;
	border:			1px solid #D6D6D6;
	color:			#B6AFAF;
	padding:		5px;
}

.content_text #form .asterix {
	padding:		0px 5px 0px 5px;
	color:			#B6AFAF;
	font-weight:	bold;
	width:			5px;
}


.content_text #form .field {
	padding-bottom:	5px;
	width:			226px;
}

.content_text #form .error {
	padding-bottom:	5px;
	color:			#0065AD;
	font-size:		11px;
}

.content_text #form .button {
	text-decoration: 		none;
	font-weight: 			bold;
	padding:				3px 35px 3px 20px;
	background-color: 		#F9BE00;
	color: 					#000000;
	font-size:				11px;
	border:					none;
	background-image:		url('/Content/frontend/images/pijl2.gif');
	background-repeat:		no-repeat;
	background-position:	right;
	cursor:					pointer;
	margin-right:			15px;
}

.content_text .category {
	font-weight:		bold;
}

.content_text .subcategory {
	color:			#0065AD;
	margin-left:	15px;
	padding-top:	5px;
}

.content_text a {
	color:		#0065AD;
}

.content_text table {
	float:		left;
}


/* Contactgegevens */
#container10000359, #container10000360 {
	width: 		431px;
	float: 		left;
	padding: 	10px 10px 10px 20px;
	color:		#FEFEFE;
}

#container10000359 a, #container10000360 a {
	color:		#F9BE00;
}

#container10000359 table tr td, #container10000360 table tr td {
	width: 50%;
	padding-top: 2px;
	padding-bottom: 2px;
}

#container10000359 p, #container10000360 p {
	margin:		0px;
	padding:	0px;
}

/* Referenties */
#reference {
	float: 	left;
	width:	215px;
	margin: 10px 0px 10px 0px;
}

#reference .title {
	color:			#0065AD;
	font-size: 		15px;
	font-weight: 	bold;
	float:			left;
	width:			100%;
	padding-bottom:	10px;
}

#reference .box {
	border:			1px solid #CCCCCC;
	padding:		10px 10px 0px 10px;
	width:			195px;
	float: 			left;
}

#reference .row {
	float:				left;
	width:				100%;
	color:				#404040;
	font-size:			15px;
	font-style:			italic;
}

#reference .row .komma {
	background-image:		url('/Content/frontend/images/komma_top.gif');
	background-position:	left top;
	background-repeat:		no-repeat;
	width:					20px;
	height:					10px;
	float:					left;
}



#reference .row .text {
	width: 					155px;
	padding-right:			20px;
	float:					left;
	background-image:		url('/Content/frontend/images/komma_bottom.gif');
	background-position:	right bottom;
	background-repeat:		no-repeat;
}

#reference .writer {
	float:			left;
	padding-left:	20px;
	padding-top:	10px;
	width:			175px;
	font-weight:	bold;
}

#reference .company {
	float:			left;
	padding-left:	20px;
	width:			175px;
}

#reference .box a {
	text-decoration: 	none;
	float: 				right;
	padding: 			5px;
	font-weight: 		bold;
	background-color: 	#F9BE00;
	color: 				#000000;
	margin: 			10px -10px 0px 0px;
}

#reference .box a img {
	border: 		none;
	padding-left: 	5px;
}

/* Overzichtspagina referenties */

.referencebox {
	width:			415px;
}

.referencebox .title {
	float:				left;
	width:				405px;
	height:				17px;
	padding:			3px 0px 0px 5px;
	font-weight:		bold;
	font-size:			12px;
	cursor:				pointer;
	background-image:	url('/Content/frontend/images/fade.png');
	background-repeat:	repeat-x;
	display:			block;	
}

.referencebox .referencecontent {
	float:				left;
	width:				410px;
	height:				130px;
	background-color:	#FFFFFF;
	display:			block;
}

.referencebox .referencecontent .image {
	float:				left;
	width:				90px;
	border:				1px solid #CCCCCC;
	padding:			5px;
	margin:				10px;
	display:			block;
}

.referencebox .referencecontent .referencetext {
	float: 					left;
	width:					255px;
	height:					90px;
	font-size:				12px;
	color:					#404040;
	margin:					10px 10px 0px 0px;
	padding-right:			10px;
	background-image:		url('/Content/frontend/images/komma_bottom.gif');
	background-position:	bottom right;
	background-repeat:		no-repeat;

}

.referencebox .referencecontent .referencetext a {
	font-weight:			bold;
	color:					#000000;
	text-decoration:		none;	
}

.referencebox .referencecontent .referencetext .komma {
	float:					left;
	width:					20px;
	height:					80px;
	background-image:		url('/Content/frontend/images/komma_top.gif');
	background-position:	left top;
	background-repeat:		no-repeat;
	display:				block;
}

.referencebox .referencecontent .writer {
	float:			right;
	font-size:		11px;
	padding:		10px 15px 10px 0px;
	color:			#404040;
	display:		block;		
}

.referencebox .referencecontent {
	display:		none;
}

/* Detailpagina referenties */
.reference_kader {
	float: right;
	width: 200px;
	padding: 0px 5px 5px 5px;
}

.reference_detail_text {
	color:		#353535;
	font-size:	12px;
}

.reference_detail_text p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/* Webshop producten */
#webshop {
	float: 			left;
	width:			215px;
}

#webshop .title {
	float: 			left;
	width:			215px;
	padding-bottom:	10px;
	font-size:		15px;
	font-weight:	bold;
	color:			#0065AD;
}

#webshop .container {
	float:			left;
	width:			215px;
	border:			1px solid #CCCCCC;
}

#webshop .container .image {
	float:			left;
	width:			80px;
	margin:			5px;
	overflow: 		hidden;
}

#webshop .container .name {
	float:			left;
	width:			115px;
	color:			#0065AD;
	font-weight:	bold;
	padding:		15px 5px 0px 5px;	
}

#webshop .container .description {
	float:			left;
	width:			115px;
	color:			#737373;
	padding:		0px 5px 0px 5px	
}

#webshop .container .description p {
	margin:		0px;
	padding:	0px;
}

#webshop .container .price {
	float:			right;
	width:			115px;
	color:			#0065AD;
	font-weight:	bold;
	font-size:		15px;
	padding:		15px 5px 0px 5px;	
}

#webshop .container .button {
	float:			left;
	width:			100%;
}

#webshop .container a {
	text-decoration: 	none;
	float: 				right;
	padding: 			5px;
	font-weight: 		bold;
	background-color: 	#F9BE00;
	color: 				#000000;
	margin: 			10px 0px 0px 0px;
}

#webshop .container a img {
	padding-left: 	5px;
}

/* Custom Formulieren */
#form_view {
	float: left;
}

#form_view tr td{
	padding-top: 	3px;
	padding-bottom: 2px;
}

.required {
	margin-left:	15px;
	color:			#B6AFAF;	
}

.view_form_inputtextfield {
	float:			left;
	width:			216px;
	height:			18px;
	border:			1px solid #D6D6D6;
	color:			#B6AFAF;
	padding:		5px;
	font-size:		13px;
}

.view_form_inputselectlist {
	border:			1px solid #D6D6D6;
	width:			228px;
	padding:		6px 6px 6px 3px;
	color:			#B6AFAF;	
}

.view_form_inputtextarea {
	float:			left;
	width:			316px;
	height:			18px;
	border:			1px solid #D6D6D6;
	color:			#B6AFAF;
	padding:		5px;
	font-family:	arial;
	font-size:		13px;
	height:			100px;
}

.view_form_inputfileupload {
	float:			left;
	border:			1px solid #D6D6D6;	
}

#form_view tr td .custom_button {
	text-decoration: 		none;
	font-weight: 			bold;
	padding:				3px 35px 3px 20px;
	background-color: 		#F9BE00;
	color: 					#000000;
	font-size:				11px;
	border:					none;
	background-image:		url('/Content/frontend/images/pijl2.gif');
	background-repeat:		no-repeat;
	background-position:	right;
	cursor:					pointer;
	margin-right:			20px;
}

#form_view tr .error {
	padding-bottom:	5px;
	color:			#0065AD;
	font-size:		11px;
}

#extraimage {
	float: 			left;
	width:			215px;
	height:			452px;
	overflow: 		hidden;
}

#energy {
	float: 	left;
	width:	215px;
	margin: 10px 0px 10px 0px;
}

#energy .title {
	color:			#0065AD;
	font-size: 		15px;
	font-weight: 	bold;
	float:			left;
	width:			100%;
	padding-bottom:	10px;
}

#energy .box {
	border:			1px solid #CCCCCC;
	padding:		10px 10px 0px 10px;
	width:			195px;
	float: 			left;
}

#energy .row {
	float:				left;
	width:				100%;
	color:				#404040;
	font-size:			15px;
	font-style:			italic;
}

#energy .row .komma {
	background-image:		url('/Content/frontend/images/komma_top.gif');
	background-position:	left top;
	background-repeat:		no-repeat;
	width:					20px;
	height:					10px;
	float:					left;
}



#energy .row .text {
	width: 					155px;
	padding-right:			20px;
	float:					left;
}

#energy .writer {
	float:			left;
	padding-left:	20px;
	padding-top:	10px;
	width:			175px;
	font-weight:	bold;
}

#energy .company {
	float:			left;
	padding-left:	20px;
	width:			175px;
}

#energy .box a {
	text-decoration: 	none;
	float: 				right;
	padding: 			5px;
	font-weight: 		bold;
	background-color: 	#F9BE00;
	color: 				#000000;
	margin: 			10px -10px 0px 0px;
}

#energy .box a img {
	border: 		none;
	padding-left: 	5px;
}

/* Overzichtspagina referenties */

.energybox {
	width:			415px;
}

.energybox .title {
	float:				left;
	width:				405px;
	height:				17px;
	padding:			3px 0px 0px 5px;
	font-weight:		bold;
	font-size:			12px;
	cursor:				pointer;
	background-image:	url('/Content/frontend/images/bar.png');
	background-repeat:	repeat-x;
	display:			block;	
}

.energybox .energycontent {
	float:				left;
	width:				410px;
	height:				130px;
	background-color:	#FFFFFF;
	display:			block;
}

.energybox .energycontent .image {
	float:				left;
	width:				90px;
	border:				1px solid #CCCCCC;
	padding:			5px;
	margin:				10px;
	display:			block;
}

.energybox .energycontent .energytext {
	float: 					left;
	width:					255px;
	height:					90px;
	font-size:				12px;
	color:					#404040;
	margin:					10px 10px 0px 0px;
	padding-right:			10px;

}

.energybox .energycontent .energytext a {
	font-weight:			bold;
	color:					#000000;
	text-decoration:		none;	
}

.energybox .energycontent .energytext .komma {
	float:					left;
	width:					20px;
	height:					80px;
	background-position:	left top;
	background-repeat:		no-repeat;
	display:				block;
}

.energybox .energycontent .writer {
	float:			right;
	font-size:		11px;
	padding:		10px 15px 10px 0px;
	color:			#404040;
	display:		block;		
}

.energybox .energycontent {
	display:		none;
}

/* Detailpagina referenties */
.energy_kader {
	float: right;
	width: 200px;
	padding: 0px 5px 5px 5px;
}

.energy_detail_text {
	color:		#353535;
	font-size:	12px;
}

.energy_detail_text p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}