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

html {
	overflow-y: scroll;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#272727;

	}

#all{
	width:970px;
	margin:0 auto;
	}
	
a{color:#333}

a:visited{color:#999}

/*---------------------HEADER---------------------*/
	
#header{
	float:left;
	width:970px;
	height:152px;
	}
	
#name{
	float:left;
	width:418px;
	height:42px;
	margin:35px 0px 0px 25px;
	background:url(images/logo_top_left.gif) no-repeat;
	}
	
#logo{
	float:left;
	width:246px;
	height:66px;
	margin:20px 0 0 281px;
	background:url(images/logo_top_right.gif) no-repeat;
	}
	
#bar{
	float:left;
	width:940px;
	height:11px;
	margin-left:30px;
	background:url(images/bar_top.gif) no-repeat;
	}
	
#menu{
	float:left;
	width:970px;
	height:55px;
	background:url(images/menu_bg.gif) repeat-x;
	}
	
#menu ul{
	float:left;
	width:970px;
	height:43px;
	list-style:none;
	padding:12px 0 0 0;
	margin:0 0 0 10px;
	text-align:left;
	}

#menu ul li{
	float:left;
	display:inline-block
	}	

#menu ul li a{
	float:left;
	width:117px;
	height:32px;
	padding-top:10px;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	font-weight:400px;
	outline:none;
	}
	
#menu  .selected, #menu ul li a:hover{
	width:117px;
	height:43px;
	background:url(images/menu_selected.gif) no-repeat;
	}	
	
/*---------------------BANNER---------------------*/

#banner{
	float:left;
	width:970px;
	height:195px;
	background:url(images/banner_bg.gif) no-repeat;
	}
	
#banner.opleiding{
	background:url(images/banner_opleidingen_bg.gif) no-repeat;
	}
	
#slogan{
	float:left;
	width:795px;
	padding:20px 0 0 25px;
	color:#FFF;
	font-size: 32px;
	}
	
#slogan .opleiding{
	float:left;
	width:795px;
	padding:20px 0 0 25px;
	color:#FFF;
	}
	
.font24{
	font-size:24px;
	}

.font34{
	float:right;
	padding:4px 70px 0 0;
	font-size:34px;
	}
	
#lesbord{
	float:left;
	width:135px;
	height:95px;
	margin:15px 0 0 10px;
	background:url(images/lesbord.gif) no-repeat;
	}
	
/*---------------------FORM---------------------*/
#bereken_form{
	float:left;
	margin:0;
	padding:0;}

#drop{
	float:left;
	width:353px;
	height:58px;
	list-style:none;
	padding:17px 0 0 20px;
	}
	
#drop select{
float:left;width:137px;height:28px;background:url(../images/dropdown_n.gif);font-size:14px;padding:7px;border: none;outline:none;
	}
	
form .check{
	float:left;
	width:175px;
	list-style:none;
	height:75px;
	font-size:13px;
	color:#FFF;
	text-align:right;
	padding-right:30px;
	margin:0
	}
	
form .check2{
	float:left;
	width:175px;
	list-style:none;
	height:75px;
	font-size:13px;
	color:#000;
	text-align:left;
	padding-right:30px;
	margin:10px 0 20px 0
	}
	
#submit{
	float:left;
	width:187px;
	height:65px;
	border:none;
	margin-top: 32px;
	}
	
#submit input{
	float:left;
	margin:8px 0 0 12px;
	width:151px;
	height:34px;
	border:none;
	text-transform:uppercase;
	color:#555;
	background: url(images/submit_n.gif);}
	
#submit input:hover{
	float:left;
	margin:8px 0 0 12px;
	width:151px;
	height:34px;
	border:none;
	text-transform:uppercase;
	color:#000;
	background: url(images/submit_h.gif);}
	
#inschrijven .adres{float:left;width:210px;}

#inschrijven .rood{
	color:#f00;
	}
	
/*---------------------CONTENT---------------------*/
	
#content{
	float:left;
	width:970px;
	height:auto;
	background: #FFF;
	}	
	
#text, #inschrijven{
	float:left;
	width:605px;
	height:auto;
	padding:25px 30px 0 30px;
	color:#3f3e40;
	font-size:12px;
	}
	
#text h1, #inschrijven h1{
	font-size:24px;
	color:#ffc701;
	}
	
#text .font16{
	font-size:16px;
	color:#000
	}
	
#text .font12{
	font-size:12px;
	color:#000;
	}

#text .opmerking{
	font-size:10px;
	}
	
#text ul{
	float:left;
	width:605px;
	padding:0 25px 10px 25px;
	margin:0;
	font-size:12px;
	color:#000;
	}
	
#text ul li{
	list-style:disc;
	padding:0;
	}
	
	
#small_box_all{
	float:left;
	width:305px;
	height:auto;
	margin:0;
	padding:0;
	}
	
#small_box_top{
	float:left;
	width:305px;
	height:50px;
	background: #FFF url(images/small_box_top.gif) no-repeat center bottom;
	}
	
#small_box{
	float:left;
	width:255px;
	min-height:195px;
	font-size:12px;
	color:#FFF;
	background:#363636;
	padding:0;
	margin:0px 25px 0 25px;
	}
	
#small_box h2{
	font-size:22px;
	font-weight:100;
	color:#FFF;
	margin:0;
	padding:0px 0px 0px 25px;
	}
	
#small_box .small{
	padding:8px 0 0 25px;
	font-size:12px;
	margin:0;
	color:#FFF;
	}
	
#small_box ul{
	float:left;
	width:205px;
	height:155px;
	padding:0 25px;
	margin:0;
	}
	
#small_box ul li{
	list-style:circle;
	padding:8px;
	}
	
#small_box ul li a{
	text-decoration:none;
	outline:none;
	color:#FFF;
	}
	
#small_box ul li a:hover{
	text-decoration:none;
	color:#ffcd0e;
	}
	
#small_box_bot{
	float:left;
	width:305px;
	height:62px;
	background: #FFF url(images/small_box_bottom.gif) no-repeat center top;
	}
	
#bottombg{
	float:left;
	width:970px;
	height:23px;
	padding:0;
	margin:0;
	background:url(images/footer_bg.gif) no-repeat center;
	}
	
/*---------------------FOOTER---------------------*/
#footer{
	float:left;
	width:970px;
	height:50px;
	}

#footer ul{
	list-style:none;
	padding:20px 0;
	margin:0 auto;
	text-align:center;
	}
	
#footer ul li{
	display:inline;
	color:#FFF;
	padding:0;
	}	

#footer ul li a{
	text-decoration:none;
	padding:0 25px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	outline:none;
	}
	
#footer ul li a:hover{
	text-decoration:none;
	color:#ffcd0e;
	}	
	
/*---------------------CONCEPT LINK---------------------*/
	
#concept_link{
	float:left;
	width:970px;
	height:20px;
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
	color:#FFF;
	}
	
#concept_link a{
	text-decoration:none;
	color:#FFF;
	}
	
#concept_link a:hover{
	color:#ffcd0e;
	}

.clearer{clear:both}

/*---------------------REACTIE---------------------*/
#reactie_banner {
	float:left;
	width:795px;
	padding:20px 0 0 25px;
	color:#FFF;
	}
#reactie_banner q{ 
	font-size:25px;
	font-weight:bold;
	line-height:20px;
	}
	
#reactie_banner span{ 
	font-size: 16px;
	font-weight:100;
	color:#453202;
	}
	
#reactie_form, p.reactie{
	margin: 10px  0 0 30px;}
	
#reactie_form input{
	width:196px;
	margin-bottom:15px;
	background:#ddd;
	border:0;}
	
#reactie_form textarea{
	width:196px;
	margin-bottom:15px;
	background:#ddd;
	border:0;
	overflow:hidden}
	
.error{color:red;font-size:12px;}

hr{color: #333;height:1px; border:none;border-top:#999 1px dashed}

#actieknop{
	text-align:center;}