@charset "utf-8";

body
{
background	: url('../images/bg.gif') center top no-repeat;
margin-left	: 0px;
margin-top	: 0px;
margin-right	: 0px;
margin-bottom	: 0px;
}

#container
{
width:100%;
}

#maincontent
{
margin-left:auto;
margin-right:auto;
width:908px;
}

.success
{
background-color: #9FFF8F;
padding: 20px;
width: 868px;
text-align: center;
top: 0px;
margin-top: 200px;
border: 2px solid #00CF56;
}

.header, .header2
{
font-family:Arial;
font-size:22px;
font-weight:bold;
color:#ac1501;
margin-top:200px;
width:908px;
height:40px;
}

.header2
{
margin-top:60px;
}

.kennisvragen
{
    margin:0px;
    padding:0px;
}

.kennisvragen .vraag
{
    position:relative;
    width:908px;
    height:100px;
    border:2px solid #dddddd;
    margin-bottom:20px;
}

#vraag4,
#vraag5,
#vraag6,
#vraag7,
#vraag9
{
    height:193px;
}

.meningvraag
{
position:relative;
width:908px;
border:2px solid #dddddd;
margin-bottom:20px;
}


.vraagstyle
{
float:left;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#0b2559;
padding:18px 0px 0px 10px;
}

.vraagstyle2
{
float:left;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#ac1501;
padding:18px 0px 20px 10px;
}

.vraagstyle3
{
float:left;
font-family:Arial;
font-size:12px;
color:#0b2559;
padding:0px 0px 0px 10px;
}

.beluister
{
width:266px;
height:100px;
float:right;
}

.keuze1, .keuze2, .keuze3
{
font-family:Arial;
font-size:14px;
color:#0b2559;
position:absolute;
left:5px;
top:70px;
}

.keuze2
{
left:208px;
top:70px;
}

.keuze3
{
left:411px;
top:70px;
}

.keuze4, .keuze5, .keuze6
{
font-family:Arial;
font-size:14px;
color:#0b2559;
position:absolute;
left:5px;
top:70px;
}

.keuze5
{
left:5px;
top:100px;
}

.keuze6
{
left:5px;
top:130px;
}


.image
{
width:259px;
height:179px;
float:right;
padding:7px 7px 7px 0px;
}

.image2
{
width:626px;
height:179px;
float:right;
padding:7px 7px 7px 0px;
}

.image3
{
width:259px;
height:20px;
float:right;
padding:7px 7px 7px 0px;
}

.image4
{
width:435px;
height:20px;
float:right;
padding:7px 7px 7px 0px;
}

.waarden
{
position:relative;
float:right;
width:298px;
padding:14px 0px 0px 0px;
font-family:Arial;
font-size:14px;
color:#0b2559;
}

.radiobuttons
{
position:relative;
float:right;
width:302px;
margin-top:14px;
background-color:#00CC33
}

.vraaglijn
{
width:100%;
float:left;
}

.buttonverstuur
{
width:100%;
text-align:center;
margin-bottom:30px;
cursor:pointer;
}

.error
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFAAAA none repeat scroll 0 0;
    border:1px solid #FF0000;
}

.kennisvragen .wrong-answer
{
   border:2px solid red;

}
.kennisvragen .vraag .right-answer
{
     color:green; 
}

label
{
	float: left;
	width: 25em;
}

form
{
	font-family:Arial;
	font-size:14px;
}

#gegevens
{
	padding: 1.5em;
	height: 250px;
}

#tussenheader
{
	font-size: 14px;
	font-weight: bold;
}