/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 
* {
	padding: 0px;
	margin: 0px;
}

body {
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #332b2a;
	line-height: 18px;
}

a {
	color: #332b2a;
	text-decoration: underline;
}
	
	a:hover {
		color: #332b2a;
		text-decoration: none;
	}

img {
	border: 0px;
}

.clear {	clear: both;}
.clear_right {	clear: right;}
.clear_left {	clear: left;}

.inline { display:inline;}
.block { display:block;}

.invisible { visibility:hidden;}

.hidden{display:none;}

.left {float:left;}
.right {float:right;}

.tekst_10 {
	font-size: 10px;
	line-height: 14px;
}
.tekst_9 {
	font-size: 9px;
	line-height: 14px;	
}
.tekst_9.rechts {text-align: right;}

/***************************************************************** 
KLEUREN
*****************************************************************/

.opleiding0 {
	color: #e65186;
}

.opleiding1 {
	color: #ec7c31;
}

.opleiding2 {
	color: #e74636;
}

.opleiding3 {
	color: #69c3c5;
}

.opleiding4 {
	color: #00a380;
}

.opleiding5 {
	color: #78428f;
}

.opleiding6 {
	color: #7bb94a;
}

#menu .sub_menu_active1 {
	color: #e65186;
}

#menu .sub_menu_active2 {
	color: #ec7c31;
}

#menu .sub_menu_active3 {
	color: #e74636;
}

#menu .sub_menu_active4 {
	color: #69c3c5;
}

#menu .sub_menu_active5 {
	color: #00a380;
}

#menu .sub_menu_active6 {
	color: #78428f;
}

#menu .sub_menu_active7 {
	color: #7bb94a;
}

/***************************************************************** 
CONTAINER
*****************************************************************/ 

#container {
	position: absolute;
	width: 922px;
	left: 50%;
	margin-left: -461px;
	background-image: url(../img/bg_container.gif);
	background-repeat: repeat-y;
}

	#logo {
		float: left;
		border: 0;
		width: 180px;
		height: 70px;
	}
	
	#subcontainer {
		width: 900px; /* TOTAAL 922px */
		min-height: 253px;  /* TOTAAL 284px */
		_height: 253px;
		padding: 31px 11px 0px 11px;
		background-image: url(../img/bg_subcontainer.gif);
		background-repeat: no-repeat;
	}

	#bottom {
		width: 922px;
		height: 31px;
		background-image: url(../img/bg_bottom.gif);
	}
 
/***************************************************************** 
HEADER
*****************************************************************/ 
 	
#header {
	width: 900px; /* TOTAAL 900px */
	height: 70px;
	border-bottom: 3px solid #332b2a;
}

	#navigatie {
		float: left;
		width: 500px;
		margin-top: 45px;
		margin-left: 20px;
		font-size: 14px;
	}
	
		#navigatie li {
			list-style: none;
			padding: 0px 7px 0px 7px;
			background-image: url(../img/bg_menuitem.gif);
			background-position: left;
			background-repeat: no-repeat;
			display: inline;
		}
		
			#navigatie li a {
				text-decoration: none;
				color: #332b2a;
			}
			
				#navigatie li a:hover {
					text-decoration: underline;
					color: #332b2a;
				}
				
				#navigatie li a:active {
					text-decoration: none;
					color: #cc0066;
				}
				.navigatie_active{
					font-weight:bold;
				}
	
	#zoekenbox {
		float: right;
		width: 180px;
		margin-right: 10px;
		margin-top: 40px;
		text-align: right;
		display: inline;
	}
	
		.inputfield {
			width: 114px;
			height: 16px;
			border: 1px solid  #332b2a;
			padding: 2px
		}
		
		.knop {
			background-color: #332b2a;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 10px;
			height: 22px;
			width: 50px;
			border: none;
		}
 
/***************************************************************** 
CONTENT
*****************************************************************/ 

#content {
	width: 900px;
}

#content_vervolg {
	width: 900px;
	min-height: 180px;
	_height: 180px;
	background-image: url(../img/bg_vervolg_content.gif);
	background-position: right;
	background-repeat: repeat-y;
}

	#college {
		width: 900px;
		height: 30px;
		background-image: url(../img/bg_college.gif);
		background-repeat: no-repeat;
	}
	
	#content_left {
		width: 500px;
		float: left;
		color: #332b2a;		
		font-size: 11px;
		/*line-height: 90px;		
		#line-height: 16px;*/
	}
	#slideshow {
		width:60%;
		float:right;
	}
	#slideshow p { 
		margin: 12px 0; 
		line-height: 15px;
	}
	#kaartje{
		margin-right:10px;
		text-align:right;
	}
		#kaartje img {
			position:relative;
			z-index:0;
			margin-top: -300px;
			margin-bottom: 30px;
		}

	#main {
		width: 320px; /* TOTAAL 360px */
		float: right;
		margin: 0px 20px 0px 20px;
		font-weight: bold;
		z-index:99;
	}
		#txt_home_intro{
		line-height:25px;
		}
		#txt_home_intro p{
		line-height:25px;
		}
		#txt_home_intro a{
		color: #cc0066;
		}
		#nieuwsbox {
			float: left;
			width: 150px;
			margin-top: -15px;
		}
			.nieuwsitem { /* Nieuwsitem op de homepage */
				color: #999999;
				font-size: 11px;
				padding-top: 15px;
				line-height: 15px;
				font-weight: normal;
			}
			
				.nieuwsitem_leesmeer {  /* Lees meer... op de homepage / vervolgpagina */
					padding-left: 12px;
					padding-top: 3px;
					background: url(../img/bullet.gif) 0px 7px no-repeat;
					font-size: 11px;
					font-weight: normal;
					color: #332b2a;
				}
				.mail_a_friend {  /* Mail-a-Friend... op de homepage / vervolgpagina */
					background: url(../img/icon_mail.gif) 0px 3px no-repeat;;
					font-size: 11px;
					font-weight: normal;
					padding-left:16px;
					color: #332b2a;
				}
				.naar_boven {  /* Naar boven... op de homepage / vervolgpagina */
					background: url(../img/icon_top.gif) 0px 3px no-repeat;;
					font-size: 11px;
					font-weight: normal;
					padding-left:16px;
					color: #332b2a;
				}
				
					.nieuwsitem_leesmeer a {
						text-decoration: underline;
						color: #332b2a;
					}
				
					.nieuwsitem_leesmeer a:hover {
						text-decoration: none;
						color: #332b2a;
					}
	 
		#rightcolumn {  /* Rechterkolom op de homepage */
			float: right;
			width: 150px;
			/*margin-top: 15px;*/
			margin-top: 10px;
		}
	
	#menu {  /* Menu op vervolgpagina */
		float: left;
		width: 180px; /* TOTAAL 190px */
		margin: 10px 0px 20px 10px;
		display: inline; /* IE6 HACK */		
	}
	
		#menu ul {
			list-style: none;
			margin-left: 0px;
		}
		
			#menu ul li {				
				padding: 0px 0px 3px 12px;
				font-weight: bold;
			}
			#menu ul li.list_submenu{ /* opmaak van het submenu opleidingen */				
				background: url(../img/bullet.small.gif) 0px 9px no-repeat;
				margin-left: 3px;								
				font-size: 10px;
				font-weight: bold;				
				color: #888888;	
				padding-top:5px;				
				line-height: 110%;
			}
			ul li.menu_home{ /* opmaak van het submenu opleidingen */				
				margin-left: 15px;
				font-weight: bold;				
				padding-top: 5px;				
				line-height: 130%;
			}
			
			.niveau0 {
					background: url(../img/menu/kapper.gif) no-repeat left 7px;
			}
						
				#menu a { /* Voor hoofdmenu */
					text-decoration: none;
					color: #CCCCCC;
				}
				#menu.home_menud{
					color: #332b2a; 
					font-size: 12px; 
					width: 270px; 
					margin-top: 170px; 
					margin-left: 180px;
					float:left;
					margin:10px 0 0 10px;
					width:35%;
				}
				#menu.home_menu{
					color: #332b2a; 
					font-size: 12px; 					
					float:left;
					margin:10px 0 0 10px;
					width:35%;
				}
				.home_menu a {
					color: #332b2a;	
					
				}
				
					
					#menu a:hover { /* Voor ALLE menu's */
						text-decoration: underline;
					}
					#menu .sub_menu { /* voor submenu opl */						
						#font-size : 10px;
						color: #888888;						
					}
					#menu .sub_menu1 { /* alternerend */
						color: #55bb55;											
					}
					#menu .sub_menu2 { /* alternerend */
						color: #555555;											
					}
					#menu .sub_menu_active { /* actieve link in submenu */
						color: #cc0066;
					}
					#menu .menu_active { /* actief hoofdmenu */
						color: #332b2a;
					}

				
				#menu_1 {
					list-style-type: none;
					background: url(../img/menu/kapper.gif) no-repeat left 7px;
				}
				
				#menu_2 {
					background: url(../img/menu/schoonheidsspecialist.gif) no-repeat left 7px;
				}
				
				#menu_3 {
					background: url(../img/menu/total_beauty.gif) no-repeat left 7px;
				}
				
				#menu_4 {
					background: url(../img/menu/pedicure.gif) no-repeat left 7px;
				}
				
				#menu_5 {
					background: url(../img/menu/visagie.gif) no-repeat left 7px;
				}
				
				#menu_6 {
					background: url(../img/menu/nagelstyling.gif) no-repeat left 7px;
				}
				
				#menu_7 {
					background: url(../img/menu/parfumerie.gif) no-repeat left 7px;
				}
				#menu_8 {
					background: url(../img/menu/kapper.gif) no-repeat left 7px;
				}
				
				#menu ul ul { /* 1e submenu */
					
					font-weight: normal;
					padding-left: 17px;
					/*padding-left: 5px;*/
				}
				
					#menu ul ul a { /* Voor ALLE SUB menu's */
						text-decoration: none;
						color: #332b2a;
					}
				
					#menu ul ul li {						
						padding: 2px 0px 2px 0px;
						font-weight: normal;
					}
					
						#menu ul ul ul { /* 1e submenu */
							padding-left: 5px;
							font-weight: normal;
						}
						
							#menu ul ul ul li { /* 2e submenu */
								font-size: 11px;
								padding: 2px 0px 2px 6px;
								background-image: url(../img/menu/bg_submenu.gif);
								background-repeat: no-repeat;
								background-position: left 10px;
							}
	
	#main_vervolg {
		width: 500px; /* TOTAAL 520px */
		float: left;
		margin: 0px 10px;
		display: inline;  /* IE6 HACK */
	}
		
		#nieuws_datum {
		position:absolute;
			width: 100px;
			right:215px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #332b2a;
			font-weight: normal;
			text-align:right;
			top:110px;
			z-index:99;
		}
		#blokjes_over_foto {/* blokjes over afbeelding rechtsboven bij opleidingen */
			position:absolute;
			width: 173px;
			height:104px;
			right:211px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #332b2a;
			font-weight: normal;
			text-align:right;
			top:133px;
			z-index:99;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/blokjes.png', sizingMethod='scale');
		}
		h1 {
			width: 500px;
			margin-top: 15px;
			margin-bottom: 15px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			line-height: 26px;
			color: #332b2a;
			font-weight: normal;
		}
			
			.h1_kleur {
/*				color: #e75186;*/
				font-weight: bold;
			}
		
		
		#tabs {
			height: 26px;
			margin-bottom: 20px;
			padding-left: 4px;
			background-image: url(../img/bg_tabs.gif);
			background-position: bottom;
			background-repeat: repeat-x;
		}
		
			#tabs li {
				float: left;
				list-style: none;
				width: 100px;
				height: 24px;
				line-height: 24px;
				margin-left: 1px;
				background-color: #FFFFFF;
				text-align: center;
			}
			
				#tabs li a {
					display: block;
					text-decoration: none;
					background-color: #EEEEEE;
					color: #666666;
				}
				
				#tabs li a:hover {
					display: block;
					text-decoration: none;
					background-color: #E0E0E0;
					color: #666666;
				}
				
				#tabs .tab_active {
					display: block;
					height: 25px;
					text-decoration: none;
					background-color: #FFFFFF;
					border-top: solid #999999 1px;
					border-left: solid #999999 1px;
					border-right: solid #999999 1px;
				}
				#tabs .tab_inactive {
					display: block;
					height: 24px;
					text-decoration: none;
					background-color: #EEEEEE;
					border-top: solid #999999 1px;
					border-left: solid #999999 1px;
					border-right: solid #999999 1px;
					border-bottom: solid #999999 1px;
				}
		
		.tab_header{
			font-size:14px; font-weight:bold; padding-bottom:10px;
		}
		
		#main_content {  /* Tekstblok onder de tabs */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
			#zoekenbox_vestigingen {
				float: left;
				width: 200px;
				margin-top:5px;
				margin-bottom:5px;
				text-align: left;
				display: inline;
			}
		
		
			#nieuws_list a {
				display: block;
				padding: 5px 5px 5px 30px;
				width:450px;
				font-weight:bold;
				color:#000000;
				text-decoration:none;
				background:#f7f7f7 url(../img/bullet.gif) no-repeat 10px 10px;
			}
			
			/*1pix_lijn{
				height: 1px;
			}*/
			
			#nieuws_list a:hover {
				background-color:#e0e0e0;
			}
		
			.table_wrapper {
				float: right;
				margin: 3px 0px 2px 10px;
				font-size: 10px;
				line-height: 14px;
			}
			
			.table_wrapper td {
				padding: 4px;
			}
		
		#infobox {
			margin-top: 15px;
			width: 480px;
			padding: 10px;
			background-color: #f1f6c0;
		}
		
		#infobox .info_subheader{
			margin-bottom: 5px;
		}
		
		.info_header{
			font-size:14px; 
			font-weight:bold; 
			padding-bottom:10px;
		}
		
			#infobox_left {
				float: left;
				width: 290px;
			}
			
				#infobox_left td {
					padding: 4px;
					font-size: 10px;
					line-height: 14px;
				}
				
				.tekst_10.rechts {
					text-align: right;
				}
				
				td.oneven {
					background-color : #d4e435;
				}
				
				td.even {
					background-color : #e4ee81;
				}
			
			#infobox_right {
				float: right;
				width: 180px;
			}
			
		#tabblad1 {  /* Tekstblok onder de tabs "tabblad algemene info" */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
		#tabblad1 li{  /* Tekstblok onder de tabs "tabblad algemene info" */
		background: url(../img/icon_bullet.gif) 2px 8px no-repeat;
		list-style:none;
		padding-left:14px;
		margin-left:5px;
		}
		#tabblad2 {  /* Tekstblok onder de tabs "tabblad open dagen" */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
		#tabblad3 {  /* Tekstblok onder de tabs "tabblad waar" */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
		#tabblad3 li{  /* Tekstblok onder de tabs "tabblad algemene info" */
		background: url(../img/icon_bullet.gif) 2px 8px no-repeat;
		list-style:none;
		padding-left:14px;
		margin-left:5px;
		}
		#tabblad4 {  /* Tekstblok onder de tabs "tabblad aanmelden" */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
		#tabblad_tussenpagina{  /* Tekstblok onder de tabs "tabblad tussenpagina met opleidingen lijst" */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
		#tabblad_tussenpagina li{  /* Tekstblok onder de tabs "tabblad tussenpagina met opleidingen lijst" */
		list-style:none;
		list-style-type:none;
		}
		#tabblad_tussenpagina ul{  /* Tekstblok onder de tabs "tabblad tussenpagina met opleidingen lijst" */
		list-style:none;
		list-style-type:none;
		}
	
	#right {  /* Rechterkolom op vervolgpagina */
		width: 170px; /* TOTAAL 190px */
		margin: 0px 10px;
		float: left;
		display: inline; /* IE6 HACK */
	}
	
		.right_img {  /* Class om mee te geven aan banners in rechterkolom */
			padding-bottom: 14px;
		}
		
		.nieuws_box {  /* Nieuwsitem op de vervolgpagina */
			width: 170px;
			margin-top: 10px;			
		}
			.nieuws_titel {
				color: #cc0066;font-weight: bold;
			}
			
			.nieuws_img {
				width: 70px;
				float: left;
				padding-top: 5px;
			}
			
			.nieuws_content {
				width: 100%;
				float: right;
				font-size: 11px;
				line-height: 15px;
				font-weight:normal;
			}
		
/***************************************************************** 
FOOTER
*****************************************************************/ 

#footer {
	width: 902px;
	height: 30px;
	margin-left: 10px;
	background-color: #332b2a;
	color: #FFFFFF;
	line-height: 30px;
}
	#footerlogo {
		padding-left: 10px;
		float: left;
	}

	#quicklinks {  /* Links in de footer rechtsonderin */
		padding-right: 10px;
		font-size: 10px;
		float: right;
	}
	
		#quicklinks a, #footerlogo a {
			text-decoration: none;
			color: #FFFFFF;
		}
	
		#quicklinks a:hover,  #footerlogo a:hover {
			text-decoration: underline;
			color: #FFFFFF;
		}
#tblsmallfont{
	font-size: 9px;
}

/***************************************************************** 
		TOEVOEGINGEN VAN KLAAS - Gidsmenu
*****************************************************************/
input[type="checkbox"].gids_checkbox_0
{
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	margin-right: 10px;
}
input[type="checkbox"].gids_checkbox_1
{
	float: left;
	margin-left: 3px;
	margin-top: 2px;
	margin-right: 7px;
}
#gidscheck
{
	
}
.gkm_categorie{
	display: block;
	width: 99%;
	margin-top: 0px;
	clear: right;
}
.gkm
{
	
}
.gkm_left
{
	Xdisplay:inline;
	float:left;
	width:44%;
}
.gkm_right
{
	Xdisplay:inline;
	width:46%;
}
.gids_keuzemenu{
	float: left; 
	display:inline; 
	margin-top: 0px;
	}
.gkm_105{

	width: 110px;
	}
.gkm_varieteit { 
	display: block;
	width: 99%;
	margin-top: 0px;
	}
.opl_janee{
	float: left; 
	display:inline; 
	margin-top: 1px;
	}
.gkm_var_keus{
	float: none;
	display:inline;
	margin-top: 0px;
	}
.gkm_rood{
	color: red;
	}
/***************************************************************** 
		TOEVOEGINGEN VAN KLAAS
*****************************************************************/

input[type="radio"]
{
	margin-top: 3px;
}
input[type="checkbox"]
{
	margin-top: 3px;
}

	
.pulldownlabel
{
	float: left; 
	display:inline; 
	margin: 0px 3px 0 8px;
	line-height: 16px;
}
.pulldownlabel, x:-moz-any-link
{
	float: left; 
	display:inline; 
	margin: 2px 3px 0 9px;
	line-height: 16px;
}
.pulldownlabel, x:-moz-any-link, x:default 
{
	float: left; 
	display:inline; 
	margin: 0px 3px 0 8px;
	line-height: 16px;
}
.bet_akkoord{
	float: left; 
	display:inline; 
	margin-top: 0px;
	}

.bet_checkbox
{
	margin-top: 0px;
}
.opl_jaar{
	float: left; 
	margin: 0px  12px 0 36px;
	}
.div_vooropl_jaar
{
	margin-top: 1px;
}

#opleiding_pulldown
{
	font-size:80%; 
	width:81%; 
	height: 18px;
}	

#gewensteStartmaand
{
	font-size: 90%;
	width: 99px;
	height: 18px;
}
#gewensteRegio {
	font-size: 90%;
	width: 99px;
	height: 18px;
}
#gewensteStartmaand, #gewensteRegio { display: none; }
#gewStart, #gewStartDatum { margin-left: 1px;display: inline;}
#gewStart, #gewStartDatum , x:-moz-any-link  { margin-left: -1px;}
#gewensteStartDatum{
		
		font-size: 90%;
		width: 120px;
		height: 18px;
		margin-left: 5px		
}
#gewensteStartPlaats{
		display: inline;
		font-size: 90%;
		width: 120px;
		height: 18px;		
}
#woonplaats
{
	width:220px;
	margin-left:2px;
}
#woonplaats, x:-moz-any-link
{
	width:220px;
	margin-left:2px;
}

#woonplaats, x:-moz-any-link, x:default 
{
	width:63%;
	margin-left:2px;
}
#postcode
{
	width:15%;
	margin: 0;
}
#postcode, x:-moz-any-link
{
	width:15%;
	margin: 0  1px 0 -1px;
}

#postcode, x:-moz-any-link, x:default 
{
	width:15%;
	margin: 0;
}

#betaling_woonplaats
{
	width:220px;
	margin-left:2px;
}
#betaling_woonplaats, x:-moz-any-link{
	width: 220px;
	margin-left:2px;
}
#betaling_woonplaats, x:-moz-any-link, x:default
{
	width:63%;
	margin-left:2px;
}

#betaling_postcode
{
	width:15%;
	margin: 0;
}
#betaling_postcode, x:-moz-any-link
{
	width:15%;
	margin: 0  1px 0 -1px;
}

#betaling_postcode, x:-moz-any-link, x:default 
{
	width:15%;
	margin: 0;
}
#opleidingskosten
{
	font-size: 90%; 
	/* margin-top: 437px; */
	margin-top: 187px;
	visibility: hidden
}
#opleidingskosten, x:-moz-any-link
{
	font-size: 90%; 
	/* margin-top: 448px;  */
	margin-top: 197px;
	visibility: hidden
}
#opleidingskosten, x:-moz-any-link, x:default 
{
	font-size: 90%; 
	/* margin-top: 427px;  */
	margin-top: 176px; 
	visibility: hidden
}
.scheidstreep {  
  color: #eeeeee;
  margin-top: 2px;
  margin-right:5px;
  margin-bottom: -13px;
  margin-left: -10px;
  border: 1px solid #eee;
  width:7px;  
  float:left;
}
.inspringen15{margin-left:15px}
.inspringen20{margin-left:20px}
.inspringen25{margin-left:25px}
.inspringen30{margin-left:30px}

.date{display:none}

.table_startdata {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #888888;
}
.kop_tabel 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #888888;
	width: 190px;
	float:right;
}
#tablefillerleft{width:25px;float:left;height:20px;}
#tablefillerright{width:10px;float:right;height:20px;}
.table_header_footer_K
{
	font-size:8px;
	padding:20px;
}
.table_header_footer td
{
	font-size:8px;
	padding:10px;
}