/* Qarpa
 Copyright 2011 All rights reserved
 Qarpa Solutions BV
 info@qarpa.nl
 http://qarpa.nl
 08 December 2014 
   */
/* CSS global reset for all browsers */ 
* {
	padding: 0;
	margin: 0;
	}

/* #######################  GENERAL SETTINGS ############################ */

.icons {display: none;}

body {
	font-family: Calibri, sans-serif;
	font-size: 20px;
	margin-top: 0px;
	padding-top: 0px;
	background: #fff;
	}


/*  Global Formatting */
h1 {font-size:38px;font-weight: normal; text-transform:uppercase}
h2 {font-size:38px;font-weight: normal;text-align: center;padding-bottom: 20px;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size: 22px;
    font-weight: normal;
    color: #fff;
    padding: 5px 7px;
	margin-bottom: 20px;
    background: #498d49;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
h5 {font-size:20px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{}
th{}
a {color: #404040;}
a:hover {color: #404040; text-decoration:none}
a:visited {color: #404040;}
a.image, a.image:hover  {border:0;}
p {margin: 0 0 9px;}

li
{
/* line-height: 14px; */
padding-left: 0px;
padding-top: 0px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

ul { list-style: round; padding-left: 15px;}

ol { padding-left: 23px;}

img {}

.copyright {
	font-size: 50%;
    position: relative;
    top: -0.7em;
	}

input {
	font-family: Calibri, sans-serif;
	font-size: 20px;
	padding: 0 5px;
	}

button {
	font-family: Calibri, sans-serif;
	font-size: 20px;
	padding: 2px 10px;
	}

.alert-warning p.alert-message {display:none;}

.toplogo a {
	text-decoration: none;
	}
	.toplogo a:hover {
		color: #ff6600;
		}

.jq_question_inner {
	position: relative;
	}

#infodiv {
	position: absolute;
	display: inline;
	float: right;
    top: 0px;
	right: -20px;
	}

#infohover {
	display: none;
    position: absolute;
    top: 90px;
    left: -388px;
    width: 390px;
    color: #fff;
    background: #ff6600;
    padding: 5px 10px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#infoimage {
	display: inline;
}

#infoimage:hover {
    opacity: .7;
}

#infoimage:hover + #infohover {
    display: block;
}

.expertwrapper select {
	font-size: 20px;
    font-weight: normal;
    font-family: calibri;
    margin-left: 10px;
	padding: 0 2px;
}

#volwassenen, #volwassenennietwerkend, #kinderen812, #kinderen1318, #quotient2021 {
	display: none;
}

#volwassenen h3, #volwassenennietwerkend h3, #kinderen812 h3, #kinderen1318 h3, #quotient2021 h3 {
	font-weight: normal;
    margin: -10px 0 10px;
}

/* ####################### END GENERAL SETTINGS ############################ */

.menuvoorbeeld li {
	display: inline;
	background: #fff;
	margin: 0 20px 0;
	padding: 1px 10px 2px;
	font-size: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	background: red url('../images/top-bg.png') repeat-x 0 0;
	}

.testcontainer a, .expertcontainer a {
	color: #fff;
	text-decoration: none;
	}
.menuitem1 a, .menuitem2 a, .menuitem3 a {
	color: #404040;
	text-decoration: none;
	}
.testcontainer a:hover, .expertcontainer a:hover, 
.menuitem1 a:hover, .menuitem2 a:hover, .menuitem3 a:hover {
	text-decoration: underline;
	}

.menuitem1, .menuitem2, .menuitem3 {
	float: left;
	width: 33%;
	}

.groenwrapper ul { list-style: none; padding: 0;}

#system-message .alert-heading, #system-message .close { display: none; }
#system-message { 
	color: red; 
	padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
	}

#jq_quiz_container ul {
	padding-left: 35px;
	}

#jq_user_name, #jq_user_email {
	float: right;
	margin-right: 0px;
	}

.jq_inputbox {
    border: 1px solid #808080 !important;
	}

.menucontainer .menu li {
    display: inline;
    padding: 10px;
    font-size: 24px;
	}
	.menucontainer .menu li a {
		text-decoration: none;
		}
	.menucontainer .menu li a:hover {
		background: #ff6600;
		color: #fff;
		}

.toonallequizzen {
	text-align: center;
    padding: 5px 0;
	}

.doedetestcontainer {
	height: 185px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    padding-top: 115px;
    position: relative;
    width: 800px;
    margin: 0px auto;
	}
	.doedetestcontainer a {
		color: #fff;
		text-decoration: none;
		}
		.doedetestcontainer a:hover {
			text-decoration: underline;
			}

.watiscontainer {
	height: 200px;
    text-align: center;
    color: #404040;
    font-size: 42px;
    padding-top: 100px;
    position: relative;
    width: 800px;
    margin: 0px auto;
	}
	.watiscontainer a {
		color: #fff;
		text-decoration: none;
		}
		.watiscontainer a:hover {
			text-decoration: underline;
			}

.container_title {
	font-size: 22px;
    font-weight: normal;
    color: #fff;
    padding: 5px 7px;
    margin-bottom: 20px;
    float: none;
	background: #498d49;
	}

.vitbtn {
	background: #498d49;
    border-radius: 3px;
    line-height: 19px;
    text-decoration: none;
    color: #fff !important;
    margin: 8px 0 8px 4px;
    height: 20px;
    padding: 6px 25px;
    cursor: pointer;
    position: relative;
	}
	.vitbtn:hover {
		background: #ff6600;
		}

/* ######################  LAYOUT SETTINGS       ############################## */

.bodywrapper {
	width:100%;
	background: #fff;
	}

.topwrapper { 
	height: 430px;
	width:100%;
	margin: 0;
	padding: 0;
	}
	.topcontainer {  
		width:860px;
		margin: 0px auto;
		height: 430px;		
		}
		.toplogo { 
			width:860px;
			height:100px;
			padding-top: 30px;
			text-align: center;
			color: #404040;
			}
		.topslider { 
			width:860px;
			height:300px;
			text-align: center;
			color: #404040;
			}

.topsecwrapper { 
	width:100%;
	margin: 0;
	padding: 0;
	height: 200px;
	}
	.topseccontainer {  
		width:860px;
		margin: 0px auto;		
		}
		.toplogo { 
			width:860px;
			height:100px;
			padding-top: 30px;
			text-align: center;
			color: #404040;
			}
		.topslider { 
			width:860px;
			height:270px;
			text-align: center;
			color: #404040;
			}

.testwrapper { 
	width: 100%;
	background: #ff6600;
	}
	.testcontainer {
		margin: 0px auto; 
		text-align: center;
		color: #fff;
		text-transform:uppercase;
		font-size: 50px;
		position: relative;
		width: 800px;
		}

.groenwrapper { 
	width: 100%;
	background: #498d49; 
	}
	.groencontainer {
		margin: 0px auto; 
		text-align: center;
		color: #fff;
		font-size: 20px;
		width: 860px;
		}
		#login-form {
			padding: 40px 0;
			width: 350px;
			margin: 0 auto;
			}
		.groencontainer input {
			
			}
		.groencontainer #form-login-password {
			padding: 5px 0;
			clear: both;
			}
		.groencontainer #form-login-remember {
			padding: 10px 0 5px;
			clear: both;
			}
		.groencontainer #form-login-username .add-on, .groencontainer #form-login-password .add-on {
			float: left;
			}
		.groencontainer #form-login-username input, .groencontainer #form-login-password input {
			float: right;
			}
		.groencontainer .unstyled {
			font-size: 14px;
			padding-top: 10px;
			}
			.groencontainer .unstyled a {
				color: #fff;
				}

		.expertcontainer #login-register {
			padding: 0 0 40px 0;
			width: 420px;
			margin: 0 auto;
			}
			.expertcontainer #login-register p {
				font-size: 16px;
				}

.expertwrapper { 
	width: 100%;
	background: #adccad;
	padding-top: 40px;
	min-height: 315px;
	}
.watiswrapper { 
	width: 100%;
	background: #498d49;
	padding-top: 20px;
	min-height: 315px;
	}
	.expertcontainer {
		margin: 0px auto; 
		text-align: center;
		color: #404040;
		font-size: 20px;
		width: 860px;
		}

.mainwrapper { 
	width: 100%;
	background: #ff6600;
	/* background: #adccad; */
	}
	.maincontainer {
		min-height: 220px;
		overflow: auto;
		padding: 20px 0;
		}
		.maincontent {
			width: 660px;
			margin: 20px auto; 
			padding: 30px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			text-align: center;
			background: #fff;
			}
		.mainhomecontent {
			width: 644px;
			margin: 20px auto; 
			padding: 30px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			text-align: center;
			border: 8px solid #fff;
			height: 300px;
			position: relative;
			}
		.hometitel {
			position: absolute;
		    top: -17px;
		    left: 30px;
		    background: #ff6600;
		    padding: 0 10px;
		    color: #fff;
		    font-weight: bold;
			}
		.left {
			width: 200px;
			margin-left: -100px;
			float: left;
			}
			.left img {
				width: 191px;
				}
		.center {
			float: left;
			width: 444px;
			}
		.right {
			width: 200px;
			margin-right: -100px;
			float: right;
			}
			.right img {
				width: 191px;
				}
		.pos1content, .pos2content {
			width: 660px;
			margin: 0 auto; 
			padding: 0 30px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			text-align: justify;
			background: #fff;
			}
		.menu {
			width: 660px;
			margin: 0 auto; 
			padding: 10px 30px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			text-align: center;
			background: #fff;
			}

.footerwrapper { 
	width: 100%;
	margin: 0px;
	}
	.footercontainer {  
		width: 960px;
		height: 40px;
		margin: 0px auto; 
		}
		.footer { 
			color: #404040;
			text-align:center;
			padding: 6px 20px 0 0;
			font-size: 20px;
			}
			.footer a {
				color: #404040;
				text-decoration: underline;
				}
			.footer a:hover {
				text-decoration: none;
				}

/* #######################  END LAYOUT SETTINGS ############################ */