/* first the reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{
   font-family:Tahoma,Verdana;
    font-size:12px;
    line-height:16px;
    color:#000;
    background:url("../../images/rg-logo-alleen.png") no-repeat right top;
}
h1{
    font-family:"Lucida Sans Unicode", Tahoma,Georgia;
    color:#666;
    font-size:32px;
    font-weight:normal;
    line-height:38px;
    font-spacing:0.1em;
    margin-bottom:8px;
    float:left;
}
h4{
    font-family:Georgia, "Lucida Sans Unicode", Tahoma,Georgia;
    color:#999;
    font-size:24px;
    font-weight:normal;
    line-height:28px;
    font-spacing:0.1em;
    float:left;
}
p{
    font-size:17px;
    line-height:21px;
    color:#555;
    width:755px;
    float:left;
    display:block;
}
.intro{
    font-size:14px;
    line-height:18px;
    width:735px;
    font-weight:normal;
    color:#666;
}
.groter{
    font-size:18px;
    line-height:22px;
    width:730px;
    font-weight:normal;
    color:#777;
}
#vraag{
    visibility:hidden;
}

label{
    display:block;
    float:left;
    width:170px;
}
span label .error{
    display:block;
    float:left;
    width:200px;
    background:pink;
}
span{
    display:block;
    float:left;
    width:280px;
    padding-left:10px;
}
span input[type="text"]{
    width:280px;
    border:1px solid #D4D0C8;
    border-top:2px solid #818285;
    border-left:2px solid #818285;
}
span input[type="text"].required{
    border:1px solid #D4D0C8;
    border-top:2px solid #818285;
    border-left:2px solid #818285;    
    border-right:red 2px solid;
}
select{
    background:#fff;
	margin-left:370px;
	margin-top:-20px;
	width:425px;
}
option{
    background:#fff;
    color:#555;
}
option.odd{
    background:#f5f5f5;
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

textarea{
	margin-left:370px;
	margin-top:-20px;
}
div.error { display: none; float:left; width:100px; background:pink;}
input {	border: 1px solid black; }
span input[type="radio"] { border:none !important;}
input.checkbox { border: 0px!important}
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }
#myForm { width: 825px; }
#myForm label { width: 250px; }
#myForm label.error, #commentForm input.submit { float:left; display:block; margin-top:-20px; margin-left: 310px; }