HTML {
	height:100%;
	color: #666666;
}

BODY{
	margin:0px;
	background-color: #CED7C1;
	background-image: url(../images/bg_totaal.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:19px;
}
HR{

}
STRONG{

}
TABLE{

}

H1{
	font-size:11px;
	color:#666666;
	font-weight:bold;
	margin-bottom: 2px;
	line-height:14px;	
}
H2{
	font-size:11px;
	color:#000000;
	font-weight:bold;
	margin-bottom: 2px;
	line-height:14px;	
}
H3{
	font-size:11px;
	color:#FF0000;
	font-weight:bold;
	margin-bottom: 2px;
	line-height:14px;	
}
H4{
	font-size:13px;
	color:#666666;
	font-weight:bold;
	margin-bottom: 5px;
	line-height:14px;	
}
H5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666666;
	font-weight:bold;
	margin-bottom: 5px;
	line-height:14px;	
}
H6{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	margin-bottom: 5px;
	line-height:14px;	
}
A{
	color:#333333;
	text-decoration:underline;	
}
A:HOVER{
	color:#ff0000;
	text-decoration:underline;
}


INPUT{
	
}

TEXTAREA{
	
}

.formButton{
	
}

/*
Main tabel, raamwerk
*/

.mainLeft {
	background-color:#EDF4CA;
}
.mainMid {
	background-color:#FFFFFF;
	border-right: solid 1px #CCCCCC;
}
.mainRight {
	background-color:#FFFFFF;
}


/*
Meertaligheid
*/
#language{
	margin-top:55px;
	margin-left:12px;
	line-height:12px;
	font-size:10px;
}
#language a{
	text-decoration:none;
	color:#B8C5A5;
	padding-bottom:2px;
	display:block;
}
#language a:hover{
	text-decoration:none;
	color:#798E59;
}
#language .active{
	color:#798E59;
	padding-bottom:2px;
	display:block;
}



/*
Navigatie blok links op de pagina
*/

#navHome {
	margin-top:65px;
	margin-left:12px;
}
#navVervolg {
	margin-top:115px;
	margin-left:12px;
}

/*
Topmenu in het grijs boven aan de pagina
*/

#topMenu {
	margin-top:3px;
	color:#CACA28;
	font-weight:bold;
	text-align:right;
	margin-right: 22px;
}
#topMenu a {
	color:#9F9F9F;
	text-decoration:none;
}
#topMenu a:hover {
	color:#9F9F9F;
	text-decoration:underline;
}

/*
Content onderdelen
*/

#logoContent {
	text-align:right;
	margin-top: 25px;
	margin-bottom: 10px;
}
#fotoHome {
	margin-left:22px;
	margin-top: 10px;
}

#fotoVervolg {
	margin-left:22px;
}

#LogoVolgTop {
	margin-left: 22px;
	margin-top:15px;
	margin-bottom: 20px;
}
#content {
	margin-left: 22px;
	margin-right: 22px;
	margin-top:10px;
	margin-bottom:10px;
}

/*
Menu met de kleurvakken op de homepage
*/

#menuHome, #menuHome2 {
	margin-left:22px;
	margin-top: 10px;
}

/*
Submenu
*/

#submenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:15px;
	text-align:right;
	padding-right:11px;
	font-weight:bold;
	line-height:12px;
	padding-left:5px;
}
#submenu a {
	display:block;
	padding-bottom:10px;
	text-decoration:none;
	color:#666666;
}
#submenu a:hover {
	text-decoration:none;
	color:#CC6600;
}
#submenu .active {
	display:block;
	padding-bottom:10px;
	text-decoration:none;
	color:#CC6600;
}
#submenu .parent {
	display:block;
	padding-bottom:3px;
	text-decoration:none;
	color:#CC6600;
	border-bottom: 1px solid #CCCCCC;
}
#child {
	font-weight:normal;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height:12px;
}
#child a {
	display:block;
	padding-bottom:6px;
	text-decoration:none;
	color:#666666;
}
#child a:hover {
	text-decoration:none;
	color:#CC6600;
}
#child .active {
	display:block;
	padding-bottom:6px;
	text-decoration:none;
	color:#CC6600;
}

/*
Vervolg kopjes kleuren titel
*/

#vervolgKop1 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#CC6600;
}
#vervolgKop2 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#996600;
}
#vervolgKop3 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#CCCC00;
}
#vervolgKop4 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#EABB00;
}
#vervolgKop5 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#993333;
}
#vervolgKop6 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#663366;
}
#vervolgKop7 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#006666;
}
#vervolgKop8 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#006699;
}
#vervolgKop9 {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#999999;
}

#quizKop {
	margin-left:22px;
	width:511px;
	height:25px;
	background-color:#57B02D;
}

/*
Linkerkant van de site; logos banner etc
*/

#bannerLeft {
	margin-left:12px;
	margin-top: 20px;
}

#logoLeft {
	margin-top:42px;
}

/*
producten
*/

#producten1, #producten2{
	margin-left:22px;
	margin-top: 20px;
}
.product {
	width:118px;
	padding-bottom: 7px;
}
.productFoto {

}
.productKop {
	font-weight:bold;
	margin-top:3px;
	margin-bottom: 0px;
	line-height: 13px;

}
.productMeerinfo a {
	margin-bottom:0px;
	margin-top:0px;
	text-decoration:none;
	color:#666666;
}
.productMeerinfo a:hover {
	margin-bottom:0px;
	margin-top:0px;
	text-decoration:underline;
	color:#666666;
}
#numProduct {
	margin-left:22px;
	margin-top:15px;
	float: none;
	padding-bottom: 20px;
}
#numProduct a  {
	display:block;
	padding-right:4px;
	padding-left:5px;
	margin-right:7px;
	text-decoration:none;
	color:#666666;
	background-color:#DEF3CA;
	float:left;
}

#numProduct a:hover  {
	text-decoration:none;
	color:#666666;
	background-color:#BFE798;
	float:left;
}
#numProduct .active  {
	display:block;
	padding-right:4px;
	padding-left:5px;
	margin-right:7px;
	text-decoration:none;
	color: #000000;
	background-color:#BFE798;
	float:left;
	font-weight:bold;
}
#productDet {
margin-left:22px;
margin-top:20px;
}
#productDetRight {
padding-top:23px;
}
#productDetRight h1 {
	font-size:14px;
	color:#996600;
	font-weight:bold;
}
#productDetRight h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin-bottom: 5px;
	line-height:14px;
	margin-top: 0px;
}

#productSpecs {
margin-top:20px;
padding-right:100px;
}
#productSpecs H1{
	font-size:11px;
	color:#666666;
	font-weight:bold;
	border-bottom: 1px solid #999999;
	margin-bottom:5px;
	padding-bottom:2px;
}
#productSpecs .specsTekst{
	display:block;
	padding-bottom:4px;
	text-decoration:none;
	color:#666666;
	border-bottom: 1px solid #D0D0D0;
	padding-top: 2px;
}
#productBack {
	float: none;
	padding-bottom: 20px;
}
#productBack a  {
	display:block;
	padding-right:4px;
	padding-left:5px;
	margin-right:7px;
	text-decoration:none;
	color:#666666;
	background-color:#DEF3CA;
	float:left;
}

#productBack a:hover  {
	text-decoration:none;
	color:#666666;
	background-color:#BFE798;
	float:left;
}
#productFoto {
	margin-left: 35px;
	margin-top: 20px;

}
/*
nieuws snipets
*/
.textObject{
	margin-left:22px;
	margin-right: 25px;
}
.quizObject{
	margin-left: 0px;
	margin-right: 0px;
	background-color:#F2F7DA;
}

.multiPage{
	margin-top:10px;
	margin-bottom:10px;
}
.multiPage .results{
	float:none;
}
.multiPage .pages{
	text-align:left;
}
.multiPage .pages a{
	display:block;
	padding-right:4px;
	padding-left:5px;
	margin-right:7px;
	text-decoration:none;
	color:#666666;
	background-color:#DEF3CA;
	float:left;
}
.multiPage .pages a:hover  {
	text-decoration:none;
	color:#666666;
	background-color:#BFE798;
	float:left;
}
.multiPage .pages .active  {
	display:block;
	padding-right:4px;
	padding-left:5px;
	margin-right:7px;
	text-decoration:none;
	color: #000000;
	background-color:#BFE798;
	float:left;
	font-weight:bold;
}

.back{
padding-bottom:15px;
	margin-bottom:15px;
	margin-top:15px;
}

.back a{
	display:block;
	padding-right:4px;
	padding-left:5px;
	margin-right:7px;
	text-decoration:none;
	color:#666666;
	background-color:#DEF3CA;
	float:left;
}
.back a:hover  {
	text-decoration:none;
	color:#666666;
	background-color:#BFE798;
	float:left;
}

/* NEWS */
.newsRecordSet{
	margin-bottom:15px;
	border-bottom: 1px solid #CCCCCC;
}
.newsRecordSet .date{
	color: #91A572;
	font-size: 10px;
	margin-bottom: 0px;
}
.newsRecordSet .title{
	font-weight: bold;
	color: #555555;
	margin-top: 0px;
}
.newsRecordSet .text{
	padding-bottom: 10px;
}
.newsRecordSet .more{
	text-align:right;
	padding-bottom: 10px;
}
.newsRecordSet .more a{
	text-decoration:none;
	color: #666666;
}
.newsRecordSet .more a:hover {
	text-decoration:underline;
}
#zoekenTop {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 20px;
}
#zoekenTop INPUT {
	border: 1px solid #CCCCCC;
	font-size:10px;
	padding-bottom:2px;
	padding-top:2px;
	width:200px;
	color:#999999;
}

/* FORM */
.form{
}
.form .title{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}
.form input{
	font-size:10px;
}
.form .text .email{
	margin-top:5px;
	margin-bottom:5px;
}
.form .checkbox{
	border: 0px solid #ff0000;
	margin-top:5px;
	margin-bottom:5px;
}
.form .radio{
	border: 0px solid #ff0000;
}
.form .selectbox{
	font-size:10px;
	border: 0px solid #ff0000;
	margin-top:5px;
	margin-bottom:5px;
	width:173px;
}
.formBtn{
	margin-top:20px;
}
.formBtn INPUT{
	margin-right:10px;
}

#productBox {
	background-color:#CC6600;
	width:511px;
	height: 100px;
}

#productBoxKop {
	width:511px;
	height:25px;
	background-color:#999999;
}
.borderleft {
	border-left: solid 1px #FFFFFF;
	background-color:#D68533;
}
.productSelKeuze {
	color:#FFFFFF;
	margin-left:10px;
	margin-top:20px;
	font-weight:bold;
}
.productSelBox {
	margin-left: 9px;
	margin-top: 5px;
}
.productSelBox select {
	width:200px;
}
#productSelKnop {
	margin-top:10px;
	text-align: right;
}
#productSelResult {
	margin-top:10px;
}
#productSelAntwoord {
	margin-right:22px;
	margin-top:10px;
}
#productSelAntwoordKop {
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:1px;
	border-bottom: solid 1px #FF0000;
}
#productSelTopProd {
	margin-top:10px;
	padding-bottom:2px;
	border-bottom: solid 2px #CCCCCC;
	font-weight:bold;
	margin-bottom: 20px;
}
/************************************************************************ Werknemers */
.werknemerImage {
border: solid 1px #CCCCCC;
}
.tableWerknemerMain {
margin-top:15px;
border-bottom: solid 1px #CCCCCC;
padding-bottom:15px;
}
.WerknemerContentTitle{
	font-weight: bold;
	color: #555555;
	margin-top: 0px;
	padding-top: 0px;
}
.tdBorderBot {
border-bottom: 1px solid #CCCCCC;
}
/************************************************************************ Werknemers */
/* QUIZ */
#contentquiz {
	margin-left: 0px;
}
.errorMessage {
	color:#FF0000;
}

.introQuiz{
	margin:10px 0px 10px 0px;
}
.form{
}
.quizSubject{
	padding-top:10px;
}
.quizQuestions{
	margin-left:10px;
	padding-top:10px;
}
.form .title{
	font-weight:bold;
	margin:10px 10px 5px 10px;
	padding:5px 0px 0px 0px;
}
/** begin contact formulier **/
.form .titleContact {
	font-weight:bold;
	margin:10px 10px 5px 0px;
	padding:5px 0px 0px 0px;
}

.formContactBtn {
	margin-top:10px;
	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;	
	text-align:left;
}
.formContactBtn INPUT{
	margin-right:10px;
}

/** einde contact formulier **/

.form .text{
	margin-bottom:10px;
}
.form .inputPart input.radio {
	border: 0px solid #ff0000;
}
.form .inputPart INPUT, TEXTAREA {
	border: 1px solid #7F9DB9;
	font-size:10px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
}
.form .labelQuiz{
	width:170px;
	float:left;
	clear:left;
	padding-right:10px;
	margin-bottom:5px;
}
.form .element{
	margin-bottom:5px;
}

.form .labelNoFloat{
	clear:left;
	margin-bottom:5px;
}
.form .checkBoxes, .form .dropDowns{
	margin-bottom:20px;
	clear:left;
}
.form .elementCheck{
	width:150px;
	float:left;
	padding-right:10px;
	margin-bottom:5px;
}
.form .quizelementCheck{
	width:300px;
	padding-right:10px;
	margin-bottom:5px;
}

.form .inputPart .checkBoxes input.check{
	border: 0px solid #999999;
	float:left;
	margin-top:5px;
}
*html .form .inputPart .checkBoxes input.check{
	margin-top:2px;
}
.form .labelCheck{
	padding-top:2px;
	padding-left:21px;
}
.stopFloat{
	clear:left;
	margin-bottom:5px;
}
.stopFloatQuiz{
	clear:left;
	height:0px;
	line-height:0px;
}
.formBtn{
	margin-top:10px;
	background-color: #E2E7DA;
	padding:8px 0px 6px 15px;
	border-top:solid 1px #CCCCCC;
	text-align:right;
}
.formBtn INPUT{
	margin-right:10px;
}
.form select{
	width:200px;
	height:17px;
	font-size:10px;
	border:solid 1px #CCCCCC !IMPORTANT;
}
.quizLast{
	text-align:left;
	color:#333333;
}
.asterix{
	color:#FF0000;
	font-weight:bold;
}
/* EINDE QUIZ */


/** begin Contact formulier **/
.formContact{
}

.formContact .titleContact {
	font-weight:bold;
	margin:10px 10px 5px 0px;
	padding:5px 0px 0px 0px;
}

.formContact .inputerror {
	color: #FF0000;
}

.formContactBtn {
	margin-top:10px;
	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;	
	text-align:left;
}
.formContactBtn input{
	margin-right:10px;
}

.formContact input .text{
	width:200px;
	margin-bottom:10px;
}
.formContact .inputPart input.radio {
	border: 0px solid #ff0000;
}
.formContact .inputPart input, textarea {
	border: 1px solid #7F9DB9;
	font-size:10px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
	width: 197px;
}

*html .formContact .inputPart input, textarea {
	border: 1px solid #7F9DB9;
	font-size:10px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
	width:208px;
}

.formContact .labelQuiz{
	width:170px;
	float:left;
	clear:left;
	padding-right:10px;
	margin-bottom:5px;
}
.formContact .element{
	margin-bottom:5px;
}

.formContact .labelNoFloat{
	clear:left;
	margin-bottom:5px;
}
.formContact .checkBoxes, .form .dropDowns{
	margin-bottom:20px;
	clear:left;
}
.formContact .elementCheck{
	width:150px;
	float:left;
	padding-right:10px;
	margin-bottom:5px;
}
.formContact .quizelementCheck{
	width:150px;
	padding-right:10px;
	margin-bottom:5px;
}

.formContact .inputPart .checkBoxes input.check{
	border: 0px solid #999999;
	float:left;
	margin-top:5px;
}
*html .formContact .inputPart .checkBoxes input.check{
	margin-top:2px;
}
.formContact .labelCheck{
	padding-top:2px;
	padding-left:21px;
}
.stopFloat{
	clear:left;
	margin-bottom:5px;
}

.formContactBtn{
	margin-top:10px;
	background-color: #FFFFFF;
	padding:8px 0px 6px 0px;	
	text-align:left;
}
.formContactBtn input{
	margin-right:10px;
}

*html .formContact select {
	width:215px;
	height:17px;
	font-size:10px;
	border:solid 1px #CCCCCC !IMPORTANT;
	margin-bottom:10px;
}

.formContact select {
	width:205px;
	height:17px;
	font-size:10px;
	border:solid 1px #CCCCCC !IMPORTANT;
	margin-bottom:10px;
}

.formContact .asterix{
	color:#FF0000;
	font-weight:bold;
}
/* einde Contact formulier */