/*
default CSS file written by Bogdan Siregar
this css file is a compilation from various css authors
(c) Bogdan Siregar 2009. 
*/

/*
Donkeybridge(s)
if only one value is set, that value applies to all four sides
if two values are set, the first is for the top and bottom, the second is for right and left.
if three values are set, the first is the top, the second are the right and left and the third is the bottom
if four values are set, the order they are applied is top, right, bottom, left 
background:#292929 url(images/contentBG.jpg) repeat-x scroll center bottom;
*/


@charset "utf-8";

/*-----------------------------------------------------------------------------------------------
  General CSS settings
-----------------------------------------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
	}

h1, h2, h3, h4, h5, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	margin:1em 0; 
	}

img { 
	margin-top:10px; 
	}
	
a img{ 
	border:none; 
	}
	

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background:#ffffff;
	color:#000000;
	font-size:12px;
	font-family:"Verdana", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	}

a{
	color:#622F7E;
	text-decoration:none;
	font-weight:normal;
	}

a:hover{
	color:#be7ee1;

	}

h1{
	color:#ffffff;
	}

#header h1{
	color:#ffffff;
	width:300px;
	margin:0px;
	margin-top:10px;
	padding:0px;
	font-size:19px;
	}


h2, h3, h4, h5, h6{
	color:#000000;
	margin:0px;
	padding:0px;
	}


p{
	color:#000000;
	line-height: 1.75em;
	margin:0px;
	padding:0px
	}

#header p{
	color:#626262;
	font-size:9px;
	margin:0px;
	}

ul{
	margin:0px;
	margin-left:20px;
	padding:0px;
	line-height:1.7em;
}

ol{

	margin:20px;
	padding:0px;
}



blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
	}

#wrapper{
	width:1024px;
	height:100%;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	}
	


	
/*-----------------------------------------------------------------------------------------------
 Header settings
-----------------------------------------------------------------------------------------------*/
#header{
	width:1024px;
	height:132px;
	margin:0px;
	padding:0px;
	clear:both;
	background-image:url(../images/header_logo.png);
	background-repeat:no-repeat;
	}
	

	
	#citaat{
	width:250px;
	float:right;
	margin:0px;
	margin-top:-100px;
	margin-right:90px;
	padding:0px;
	
	}

#header h1{
margin:0px;
padding:0px;
width: 150px;
}

#header h1 a{
width:150px;
height:100px;
float:left;
display:block;
margin:0px;
margin-left:20px;
padding:0px;

}
	
	
#header h2{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#72859d;
	font-size:15px;
	margin-left:100px;
	padding-top:100px;
	width:500px;
}

#citaat h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	width:250px;
}

#citaat p{
	color:#e9e9e9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:97px;
}

.header1{
float:left;
margin:0px;
margin-top:145px;
margin-left:220px;
padding:0px;
}
	.header1 .longTitle{
		font-size: 24px; 
		width: 580px;
	}
	
#header1{
float:left;
margin:0px;
margin-top:145px;
margin-left:220px;
padding:0px;
}



.header2{
float:left;
margin:0px;
margin-top:145px;
margin-left:60px;
padding:0px;
}

.header3{
float:left;
margin:0px;
margin-top:145px;
margin-left:55px;
padding:0px;
}
.header1 h1{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:17px;
width:150px;
font-weight:normal;
margin:0px;
padding:0px;
}
#header1 h1{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:17px;
width:150px;
font-weight:normal;
margin:0px;
padding:0px;
}

.header1 a{
color:#fff;
}

.header1 a:hover{
color:#f06b00;
}

.header2 h1{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:17px;
width:150px;
font-weight:normal;
margin:0px;
padding:0px;
}

.header2 a{
color:#fff;
}
.header2 a:hover{
color:#a69191;
}

.header3 h1{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:17px;
width:150px;
font-weight:normal;
margin:0px;
padding:0px;
}

.header3 a{
color:#fff;
}

.header3 a:hover{
color:#863eaf;
}




/*-----------------------------------------------------------------------------------------------
  Body / Content settings
-----------------------------------------------------------------------------------------------*/


#menu {
	width:823px;
	height:236px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	}
#home{
	width:823px;
	height:45px;
	background-image:url(../images/header_home2.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

	#home .left{
		background-image:url(../images/header_home.png);
		background-repeat:no-repeat;
		padding-top:15px;
		float: left;
		width: 175px;
		padding-left: 35px;
	}
		#home .left a{
			color:#ffffff;
			margin:0px;
			clear:both;
			padding:0px;
			font-size:13px;
			font-weight: normal;
		}
		
	#home .right{
		float: right;
	}
		#home .right #breadcrumbs{
			width: 600px;
			margin-top: 15px;
			float: left;
			color: #616161;
		}
		
			#home .right #breadcrumbs .B_homeCrumb{
				margin-left: 10px;
				color: #622f7e;
			}
			#home .right #breadcrumbs .B_currentCrumb{
				color: black;
			}
			#home .right #breadcrumbs .B_crumb{
				color: #622f7e;
			}

#mainmenu {
	width:823px;
	height:201px;
	background-image:url(../images/header_main.png);
	background-repeat:no-repeat;
	float:left;
}

#mainmenu-po {
	width:823px;
	height:201px;
		background-image:url(../images/header_emptybox.png);
	background-repeat:no-repeat;
	float:left;
}

#header_foto {
margin:0px;
padding:0px;
}

#mainmenu-oo {
	width:823px;
	height:201px;
	background-image:url(../images/header_oo.png);
	background-repeat:no-repeat;
	float:left;
}

#mainmenu-unlp {
	width:823px;
	height:201px;
	background-image:url(../images/header_unlp.png);
	background-repeat:no-repeat;
	float:left;
}

#content{
	width:823px;
	height:379px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}

#content-2{
	display:block;
	width:823px;
	height:auto;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/content_body.png);
	background-repeat:repeat-y;
	clear:both;
}

#localmenu{
width:207px;
height:397px;
background-image:url(../images/local_menu.png);
background-repeat:repeat-y;
float:left;

}

.localmenu2{
margin:0px;
margin-bottom:20px;
padding:0px;
color:#ffffff;
width:220px;
height:auto;
float:left;
width:200px;
}

.localcontent2{
margin:20px 20px 20px 20px;
width:576px;
height:auto;
float:right;
}

	.localcontent2 h1{
	margin:0px;
	}
	
	.localcontent2 a{
	color:#CC0000;
	}
	.localcontent2 h2{
		margin-top: 20px;
	} 

#localmenu ul{
margin:0px;
padding:0px;
margin-top:15px;
margin-left:15px;
margin-bottom:50px;
list-style: none;
}

.deel2{
height:82px;
}
.deel2_vervolgpage li{
	margin-bottom: 10px;
	list-style:none;
}

.vervolgpage2 a{
margin:0px;
margin-left:20px;
}

.menucursus{
padding:0px;
padding-left:20px;
margin:0px;
}

#localmenu ul li{
margin:0px;
padding:0px;
list-style:none;
width:180px;
}
#localmenu ul li{
margin-bottom:3px;
list-style:none;
}

#localmenu ul li a{
color: #ffffff;
margin: 0px;
margin-left:20px;
text-decoration: none;
font-size:13px;
font-weight: normal;
list-style:none;
}

.localmenu2 ul li a{
color: #ffffff;
text-decoration: none;
font-size:13px;
font-weight: normal;
list-style:none;
}

.localmenu2 a:hover{
color: #ffffff;
}

.localmenu2 ul li a p{
color: #ffffff;
}



.pijl{
background-image:url(../images/localmenu_pijl.png);
background-repeat:no-repeat;
width:200px;
height:18px;
}

.pijl{
background-image:url(../images/localmenu_pijl.png);
background-repeat:no-repeat;
width:200px;
height:18px;
}



.brochure{
background-image:url(../images/localmenu_brochure.png);
background-repeat:no-repeat;
width:200px;
line-height:18px;

}
.vink{
background-image:url(../images/localmenu_vink.png);
background-repeat:no-repeat;
width:200px;
height:18px;
line-height:18px;
}

.mail{
background-image:url(../images/localmenu_mail.png);
background-repeat:no-repeat;
width:200px;
height:18px;
line-height:18px;
}


.cursus{
background-image:url(../images/localmenu_cursus.png);
background-repeat:no-repeat;
width:200px;
height:18px;
}

#vak1{
width:174px;
height:397px;
margin:0px;
padding:15px;
background-image:url(../images/vak_1.png);
background-repeat:no-repeat;
float:left;
}

#vak2{
width:176px;
height:397px;
margin:0px;
padding:15px;
background-image:url(../images/vak_2.png);
background-repeat:no-repeat;
float:left;
}

#vak3{
width:176px;
height:397px;
margin:0px;
padding:15px;
background-image:url(../images/vak_3.png);
background-repeat:no-repeat;
float:right;
}

#vak1 p{
margin:0px;
color:#000000;
height:190px;
float:left;
}

#vak2 p{
margin:0px;
color:#000000;
height:190px;
float:left;
}

#vak3 p{
margin:0px;
color:#000000;
height:190px;
float:left;
}


#tekstvak3{
margin:0px;
height:190px;
float:left;
}

.vinken{
margin:0px;
margin-right:5px;
padding:0px;
padding-bottom:30px;
float:left;
}

#opacity1{
width:140px;
padding-top:10px;
float:left;
}

#opacity1 h2{
color:white;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
margin:0px;
padding:0px;
}

#opacity1 p{
color:#ffffff;
width:180px;
padding:0px;
padding-left:0px;
margin:0px;
margin-top:20px;
}

#opacity1 em{
color:#ffffff;
width:180px;
padding:0px;
padding-left:0px;
margin:0px;
margin-top:20px;
}

#opacity2{
width:140px;
padding-top:10px;
float:left;
}

#opacity2 a{
color:#FFFFFF;
}

#opacity2 h2{
color:white;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
margin:0px;
padding:0px;
height:50px;
}

#opacity1 h2 a{
color:white;
}

#opacity2 h4{
color:white;
font-size:9px;
font-weight:normal;
margin:0px;
padding:0px;
width:180px;
text-align:right;

}

#opacity2 p{
color:#ffffff;
width:180px;
height:100px;
padding:0px;
padding-left:0px;
margin:0px;
margin-top:20px;
font-size:9px;
}

#opacity2 em{
color:#ffffff;
width:180px;
padding:0px;
padding-left:0px;
margin:0px;
margin-top:20px;
}

#opacity2 ul{
color:#FFFFFF;
font-size:9px;
width:180px;
list-style:none;
margin:0px;
margin-top:15px;
padding:0px;
}




#opacity3{
width:160px;
padding-top:10px;
float:left;
}

#opacity3 h2{
color:white;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
margin:0px;
padding:0px;
}

#opacity3 p{
color:#ffffff;
width:180px;
padding:0px;
padding-left:0px;
margin:0px;
margin-top:20px;
}

#opacity3 em{
color:#ffffff;
width:180px;
padding:0px;
padding-left:0px;
margin:0px;
margin-top:20px;
}
	
	
.aanvragen{
color:#ffffff;
font-weight:bold;
margin:0px;
padding:0px;
margin-top:20px;
}



.contact{
 position:relative;

}

.aanvraag-empty{
height:2px;
padding:0px;
margin:0px;
}

#cursusaanvraag{
width: 100px;
float: left;
margin: 20px 0 0 0;
padding: 0;
}
	#cursusaanvraag .contact-text-input{
		width: 50px;
	}
	
	#cursusaanvraag .long input{
		width: 120px;
	}
 	#cursusaanvraag tr td .contact-text-submit{
		background-color: #5a4069;
		border: 1px solid white;
		color: white;
		float: right;
		width: 60px;
	}
	
	
#cursusaanvraag_vervolgpage{
width: 100px;
margin-top:10px;
margin-bottom: 5px;
margin-left: 12px;
}
	#cursusaanvraag_vervolgpage tr{
		height: 20px;
	}
	
	#cursusaanvraag_vervolgpage .contact-text-input_vervolgpage{
		width: 50px;
	}
	#cursusaanvraag_vervolgpage .long_vervolgpage input{
		width: 130px;
	}
 	#cursusaanvraag_vervolgpage tr td .contact-text-submit_vervolgpage{
		background-color: #5a4069;
		border: 1px solid white;
		color: white;
		float: right;
		width: 60px;
		margin:0px;
		padding:0px;
	}	
	
	
h6{
float:left;
color:#ffffff;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#aangesloten{
margin:0px;
margin-top:14px;
margin-left:1px;
padding:0px;
width:205px;
height:101px;
background-color:#c7c8c8;
float:left;
clear:both;
}

#aangesloten ul{
list-style:none;
margin:0px;
padding:0px;
}

#aangesloten li{
padding:0px;
margin:0px;
margin-left:20px;
display:inline;
}

.anlp{
padding:0px;
display:block;
float:left;
background-image:url(../images/logo_nvlp.png);
background-repeat:no-repeat;
width:81px;
height:60px;

}

.abnlp{
padding:0px;
display:block;
float:left;
background-image:url(../images/logo_abnlp.png);
background-repeat:no-repeat;
width:60px;
height:60px;
margin-left:20px;
}

#aangesloten h6{
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
text-align:center;
width:205px;
color:#5a4069;
font-weight: bold;
font-size:12px;
}

.hidden{
display:none;
}


/*-----------------------------------------------------------------------------------------------
  Footer settings
-----------------------------------------------------------------------------------------------*/

#footer{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width:823px;
height:165px;
background-image:url(../images/footer_vervolgpage[bogdan].png);
background-repeat:no-repeat;
clear:both;

}

#footer-oo{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width:823px;
height:127px;
background-image:url(../images/footer-oo.png);
background-repeat:no-repeat;
clear:both;

}

#footer-unlp{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width:823px;
height:127px;
background-image:url(../images/footer-unlp.png);
background-repeat:no-repeat;
clear:both;

}

#empty{
float:left;
width:315px;
margin:0px;
padding:0px;
}


.clear {
	height:1px;
	margin:0 0 -1px 0;
	clear:both;
	overflow:hidden;
}

#vak2-1{
float:left;
width:152px;
margin:0px;
padding:0px;
}

#vak2-2{
background-image:url(../images/brochure_vervolgpage.png);
background-repeat:no-repeat;
float:left;
width:206px;
height:185px;
margin:0px;
padding:0px;
clear:both;
}
	#vak2-2 h3{
		color: white;
		font-size: 12px;
		float: left;
		margin-top: 8px;
		margin-left: 10px;
	}

.footervak-1{
float:left;
margin:0px;
margin-top:55px;
margin-left:10px;
padding:0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:lighter;
color:#ffffff;

}

.footervak-2{
float:left;
margin:0px;
margin-top:20px;
margin-left:0px;
padding:0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:lighter;
color:#ffffff;
}
	.footervak-2 p{
		color: #FFFFFF;
		font-size: 16px;
		margin-top: 10px;
	}
div#menu3{
margin:0px;
margin-left:15px;
padding:0px;
}

div#menu3 ul {
padding:0px;
margin:0px;
}

div#menu3 ul ul{
padding:0px;
margin:0px;
margin-left:10px;
}

div#menu3 ul li{
margin:0px;
list-style:none;
width:180px;
}

div#menu3 ul li a{
font-size:13px;
background-image:url(../images/localmenu_pijl.png);
background-repeat:no-repeat;
width:20px;
padding-left:20px;
line-height: 19px;
list-style:none;
}

div#menu4{
margin:0px;
margin-left:15px;
padding:0px;
}

div#menu4 ul {
padding:0px;
margin:0px;
}

div#menu4 ul ul{
padding:0px;
margin:0px;
margin-left:10px;
}

div#menu4 ul li{
margin:0px;
margin-top:10px;
margin-bottom:5px;
list-style:none;
width:180px;
}

div#menu4 ul li a{
font-size:13px;
width:20px;
padding-left:20px;
line-height: 19px;
list-style:none;
}




div#menu3 ul li li a{
font-size:11px;
background-image:url(../images/localmenu_disc.png);
background-repeat:no-repeat;
width:20px;
height:18px;
padding-left:20px;
line-height: normal;
list-style:none;
}

div#menu3 ul li li li a{
font-size:9px;
background-image:url(../images/localmenu_stripe.png);
background-repeat:no-repeat;
width:20px;
height:18px;
padding-left:20px;
line-height: normal;
list-style:none;
}

/* BEGIN of CONTACT ---------------------------------------------------------------------------------------------------------*/
/* BEGIN of CONTACT ---------------------------------------------------------------------------------------------------------*/

#contact{
	margin-top: 20px;
	width: 400px;
	display: block;
	float: left;
}	
	#contact input,select,textarea{
		width: 300px;
	}
	#contact button{
		float: right;
		background-color: white ;
		border: 1px solid #5a4069;
		color: black;
		padding: 2px 3px 2px 3px;
	}
#info{
	margin-top: 20px;
	width: 170px;
	display: block; 
	float: right; 
}
	#info a{
		color: blue;
	}
	
/* BEGIN of INSCHRIJF ---------------------------------------------------------------------------------------------------------*/
/* BEGIN of INSCHRIJF ---------------------------------------------------------------------------------------------------------*/	

#inschrijfForm{
	margin-top: 20px;
}
	#inschrijfForm input,select,textarea{
		width: 300px;
	}
	#inschrijfForm button{
		float: right;
		background-color: white ;
		border: 1px solid #5a4069;
		color: black;
		padding: 2px 3px 2px 3px;
	}
#inschrijfForm #checkbox1{
	width: 10px;
	margin-right: 5px;
}
#inschrijfForm #Factuuradres{
width: 10px;
float: left;
margin-right: 5px;
margin-left: 112px;
}

/* BEGIN of coachForm ---------------------------------------------------------------------------------------------------------*/
/* BEGIN of coachForm ---------------------------------------------------------------------------------------------------------*/	

#coachForm{
	margin-top: 20px;
}
	#coachForm input,select,textarea{
		width: 300px;
	}

#coachForm #telefoon{width: 20px;} 
#coachForm #email{width: 20px;}
#coachForm #geenvoorkeur{width: 20px;}

#coachForm #ochtend{width: 20px;} 
#coachForm #middag{width: 20px;}
#coachForm #avond{width: 20px;}

	#coachForm button{
		float: right;
		margin-top:10px;
		margin-right: 90px;
		background-color: white ;
		border: 1px solid #5a4069;
		color: black;
		padding: 2px 3px 2px 3px;
	}

/* BEGIN of BROCHURE ---------------------------------------------------------------------------------------------------------*/
/* BEGIN of BROCHURE ---------------------------------------------------------------------------------------------------------*/	
#Brochure{
	margin-top: 20px;
}
	#Brochure input,select,textarea{
		width: 300px;
	}
	#Brochure #checkbox1{
	width: 10px;
	margin-right: 5px;
}
	#Brochure button{
		float: right;
		background-color: white ;
		border: 1px solid #5a4069;
		color: black;
		padding: 2px 3px 2px 3px;
	}
	
	
	
/* ACCORDION MENU --------------------------------------------------------------------------------------------------------------*/
ul#faq, ul#faq ul {
 /* list-style-type:none;*/
  margin: 0;
  padding: 0;
  width: 565px;
}


#frequent{
list-style-type:disc;
}

ul#faq a {
color:#3d1e4f;
  /*display: block;*/
  text-decoration: none;	
}

ul#faq li {
  margin-top: 1px;
}

ul#faq li a {
  /*background: #3d1e4f;*/
  font-weight:bold;
  font-size:12px;
  color: #3d1e4f;	
  /*padding: 0.5em;*/
}

ul#faq li a:hover {
  /*background: #5a4069;*/
}

ul#faq li ul li a {
  /*background: #ccc;
  color: #3d1e4f;
  padding-left: 20px;*/
}

ul#faq li ul li a:hover {
  /*background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;*/
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


/* HEADER IMAGE */

#branding-imagery {
height:190px;
left:420px;
overflow:hidden;
position:none;
top:175px;
width:823px;
margin:0px;
padding:0px;
z-index: 1;
}

#payoff {
color:#fff;
font-size:2em;
height:50px;
left:37%;
line-height:2.2em;
padding-left:24px;
position:absolute;
top:310px;
width:500px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#headtitle {
float: right;
}

#P_NO_SPACE p {
	margin: 0;
	padding: 0;
	height: 0;

}
#P_NO_SPACE li p {
	line-height: 14px;
	min-height: 14px;

}