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

* 			{padding:0px; margin:0px; text-align:left;}
html, body, #wrap {height: 100%;  background-color: #FFF; font: normal normal normal 11pt Arial, Helvetica, sans-serif; line-height:18px;}
body > #wrap 	{height: auto; min-height: 100%; }

#wrapper 			{width: 972px; margin:auto; text-align:left; height:auto;}
#container 			{width: 972px; height:auto; overflow:hidden; position:relative; text-align:center;}

.content_container {min-height: 200px; float:left;  height:auto; background-color:#FFFFFF;  position:relative; width:545px; padding: 16px 0px 0px 37px;}

#main { padding-bottom: 32px;}  /* must be same height as the footer */
#banner {float:left;	height: 121px;	width: 972px;	background: #FFF url(../img/banner_efficiencyCheck.jpg) top center no-repeat;}
	#logo	{float:left; padding: 26px 0px 0px 36px;}

.activeren	{float:left; background: #FFF url(../img/bg_right.jpg) left no-repeat; height: 428px; wßidth: 306px; margin-left:14px;}
	
#keuze	{float:left; padding: 38px 0px 0px 37px; width:900px;  }
	.accountant		{float:left; padding:20px 0px 4px 7px; }
	.mkb			{float:left; padding:20px 0px 4px 7px; }
.starten	{float:left; padding:  22px 0px 0px 33px;}
#footer { cursor: pointer; position: relative; background: #FFF url(../img/footer_efficiencyCheck.jpg) top no-repeat; margin-top: -37px; /* negative value of footer height */ height: 37px; clear:both;}

#copyright	{float:left; padding:0px 0px 0px 0px; width: 963px; height: 34px; font: normal normal normal 11pt Arial, Helvetica, sans-serif; color:#FFF; text-align:center;  }
/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

H1						{ font: normal normal normal 18px Arial, Helvetica, sans-serif; color:#f57c20; font-weight: bold; }
H2						{ font: normal normal bold 11pt Arial, Helvetica, sans-serif; color:#82a83f;}
H3						{ font: normal normal normal 11pt Arial, Helvetica, sans-serif ;color:#82a83f;}

img 					{border: 0px;}
input					{border-collapse:collapse; border:1px solid #c1c1c1; font: normal normal normal 11pt Arial, Helvetica, sans-serif; color:#6a747d;  vertical-align:middle; padding-top:2px; padding-left:2px;}
textarea				{border-collapse:collapse; border:1px solid #c1c1c1; font: normal normal normal 11pt Arial, Helvetica, sans-serif; color:#6a747d;  vertical-align:middle; padding-top:2px; padding-left:2px;}
option					{border-collapse:collapse; border:1px solid #c1c1c1; font: normal normal normal 11pt Arial, Helvetica, sans-serif; color:#6a747d;  vertical-align:middle; padding-top:2px; padding-left:2px;}
.button					{border-collapse:collapse; border:1px solid #f39900; background-color:#f39900;  color: #FFFFFF; font: normal normal bold 11pt Arial, Helvetica, sans-serif;}
.input_style			{}

b						{font: normal normal bold 11pt Arial, Helvetica, sans-serif;}
strong					{font: normal normal BOLD 11pt Arial, Helvetica, sans-serif; line-height:18px; color:#f57c20;}
p						{padding: 0px 0px 10px 0px; color:#616161; line-height:18px;}
.inactivetabbutton              { font: normal normal bold 11pt Arial, Helvetica, sans-serif; color: white; background-color: #aaa; padding: 4px; margin: 0px 3px 0px 0px; }
.activetabbutton                  { font: normal normal bold 11pt Arial, Helvetica, sans-serif; color: white; background-color: #82a83f; padding: 4px; margin: 0px 3px 0px 0px; }
.tabpage		                  { border: 1px solid #82a83f; padding: 4px;  }

th 						{ font: normal normal bold 11pt Arial, Helvetica, sans-serif; color:#82a83f; padding: 2px;}

td.formlabel	                           { font: italic normal bold 11pt Arial, Helvetica, sans-serif; color:#82a83f; padding: 2px; width: 100px;}
td.formfield input	         { font: normal normal normal 11pt Arial, Helvetica, sans-serif; color: black; padding: 2px; width: 100px; border: 1px solid #aaa; width: 150px;}


/* CSS VOOR SURVEY */

#enquete_container		{ padding: 20px; width: 700px; }

	#enquete_container .sectiekop		{font: normal normal bold 11pt Arial, Helvetica, sans-serif;  }
	.kleinetekst		{ font-size: 10pt; color: #555; }
	.matrix_kop		{ padding: 4px; }
	.matrixkop		{ font: normal normal bold 11pt Arial, Helvetica, sans-serif; }

.invoerveld_tekst		{ width: 600px; height: 25px; }
.invoerveld_tekst_label 	{ float: left; width: 200px; height:25px; font: normal normal bold 11pt Arial, Helvetica, sans-serif; }
.invoerveld_tekst_veld		{ float: left;width: 200px; height:25px;  }
	.invoerveld_tekst_veld input		{ width: 100%;  }

.invoerveld_radio_label		{font: normal normal bold 11pt Arial, Helvetica, sans-serif; margin: 10px 0px 5px 0px; }
.invoerveld_radio 		{ width: 500px; }
	.invoerveld_radio input  { margin: 0px 10px 0px 10px; width: 150px; border: none; width: 20px;}
.radiobutton div		{ height: 25px; }

.invoerveld_radio_geenlabel input { margin: 0px 10px 0px 10px; border: none; width: 20px;}  

.matrix				{ background: #eee; border: 1px solid #ddd; padding: 3px; }
.matrix_row			{ min-height: 25px; height: auto; clear: both; }
.matrix_column 			{ float: left; padding: 2px; }
	.matrix_column	input   { width: 100%; border: 1px solid #eee;  }
	.matrix_column  p	{ height: 10px; }
	.matrix_kop		{ font: normal normal bold 11pt Arial, Helvetica, sans-serif; }
	.matrix_column  .invoerveld_radio_geenlabel .radiobutton	input   { width: 100px; border: 1px solid #eee;  }
div.radiobutton input   { width: 15px!important; }
div.radiobutton input[type="text"] { width: 160px!important; border: 1px solid #aaa;}

.prev_next_buttons 		{ width: 690px; margin: 20px 0px 20px 0px; border-top: 1px solid #CDCDCD; }
.prev_button_cell		{ width: 20%; padding: 10px 0px 0px 0px; }
.next_button_cell		{ width: 20%; text-align: right; padding: 10px 0px 0px 0px; }
.status_cell			{ width: 60%; }
.status_overal 			{ width: 100%; border: 1px solid #CDCDCD; height: 5px; }
.status_status			{ background: #CDCDCD; color: #CDCDCD; overflow: hidden;  height: 5px; }
.finish_button_cell 	 	{ width: 20%; text-align: right; padding: 10px 0px 0px 0px; } 

.error	{ color: red; }
.error input { border: 1px solid red!important; }
.error input { border: 1px solid red!important; }

input[type=checkbox] { margin-top: 5px; } 
input.prev_button   { background: #CDCDCD; color: #616161; font-weight: bold; border: none; padding: 5px; cursor: pointer; } 
input.next_button   { background: #CDCDCD; color: #616161; font-weight: bold; border: none; padding: 5px; cursor: pointer; } 
input.finish_survey   { background: #F57C20; color: white; font-weight: bold; border: none; padding: 5px;  cursor: pointer;} 


	
.NewsGliderContainer{float: left; width: 600px;}
	.NewsGliderContent{float: left; width: 600px; height: 25px;}
		.NewsGliderTitle{float: left; width: 300px; margin-left: 150px;}