/***************************************************************** 
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;
}

.tekst_10 {
	font-size: 10px;
	line-height: 14px;
}

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

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

	#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;*/
			padding: 0px 2px 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: #b1c340;
				}
				.navigatie_active{
					font-weight:bold;
				}
	
	#zoekenbox {
		float: right;
		width:180px;
		margin-right: 10px;
		margin-top: 40px;
		text-align: right;
		display: inline;
	}
	
		.inputfield {
			width: 140px;
			height: 16px;
			border: 1px solid  #332b2a;
			padding: 2px
		}
		
		.knop {
			background-color: #332b2a;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 10px;
			height: 22px;
			width: 20px;
			border: none;
		}
		
/***************************************************************** 
CONTENT - HOME
*****************************************************************/ 

#content {
	width: 900px;
	margin: 30px 0px 20px 0px;;
}
	
	#button_column_2 {
		float: left;
		width: 220px;
		height: 350px;	
	}
	
	#button_column_3 {
		float: left;
		width: 220px;
		height: 350px;	
	}
	
	#foto_column {
		float: left;
		width: 460px;
		height: 350px;
	}
	
	#left_content {
		float: left;
		width: 440px;
		margin-top: 10px;
	}
	
	#right_content {
		float: left;
		width: 460px;
		margin-top: 20px;
		margin-bottom: 10px;	
	}

	
		#right_content ul li {
			list-style: none;
			background-image: url(../img/bg_nieuwsitem_home.gif);
			background-repeat: no-repeat;
			background-position: left center;
			padding: 2px 0px 2px 10px;
			font-size: 11px;
			color: #666666;	
		}
		
			#right_content ul li a {
				color: #000000;
				text-decoration: none;
			}
			
				#right_content ul li a:hover {
					color: #000000;
					text-decoration: underline;
				}
		.banners_exuit{
			height : 35px;
			width: 230px;
			margin-right: 10px;
			border: 0;
		}
		.banners_exuit#banner_open_dagen{
			margin-top: 9px; 
			margin-bottom: 5px;
		}
		.banners_exuit#banner_examens{
			
			margin-bottom: 5px;
		}
		.banners_exuit#banner_verkoopcollege{
			
			margin-bottom: 5px;
		}
	#left_contentA {
		float: left;
		#width: 440px;
		width: 640px;
		margin-top: 20px;
	}
	
	#right_contentA {
		float: left;
		#width: 460px;
		width: 260px;
		margin-top: 20px;
		margin-bottom: 00px;	
	}
/***************************************************************** 
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;
	}
	
	#main {
		width: 320px; /* TOTAAL 360px */
		float: right;
		margin: 10px 20px 0px 20px;
		font-weight: bold;
		z-index:99;
	}

		#nieuwsbox {
			float: left;
			width: 150px;
			margin-top: 15px;
		}
			.nieuwsitem { /* Nieuwsitem op de homepage */
				color: #999999;
				font-size: 11px;
				padding-top: 10px;
				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;
				}
				
				.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;
					}
	
	#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;
			}
			
			.niveau0 {
					background: url(../img/bullet.gif) no-repeat left 7px;
			}
						
				#menu a { /* Voor hoofdmenu */
					text-decoration: none;
					color: #CCCCCC;
				}
				
					#menu a:hover { /* Voor ALLE menu's */
						text-decoration: underline;
					}
					
					#menu .menu_active { /* MEEGEVEN AAN ACTIEVE LINK */
						color: #332b2a;
					}
				
				#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;
				}
		
		.main_content {  /* Tekstblok onder de tabs */
			width: 500px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
		}
		
		.main_content_webshop {  /* Tekstblok onder de tabs */
			width: 480px;
			margin-bottom: 20px;
			font-size: 11px;
			line-height: 15px;
			background-color: #EFF2D7;
			padding: 5px 0px;
		}		
		
			.main_content_webshop li {
				list-style: none;
				font-size: 12px;
				padding: 3px 0px 3px 15px;
				background-image: url(../img/bullet.gif);
				background-repeat: no-repeat;
				background-position: left 5px;
				font-weight: bold;	
			}
			
				.main_content_webshop li ul {
					margin-top: 5px;		
				}
			
					.main_content_webshop li ul li {
						list-style: none;
						font-size: 12px;
						padding: 3px 0px 3px 15px;
						background-image: url(../img/bullet.gif);
						background-repeat: no-repeat;
						background-position: left 5px;		
					}
			
			.main_content ul {
				margin: 10px;
			}
			
				.main_content li {
					list-style: none;
					padding: 1px 0px 1px 15px;
					background-image: url(../img/bullet.gif);
					background-repeat: no-repeat;
					background-position: left 6px;
				}		
						
				.main_content table {
					border: 1px solid #CCCCCC;
				}
			
					.main_content td {
						padding: 5px 6px;
					}
		
			.productbox {
				float: left;
				width: 140px;
				margin: 0px 5px 15px 5px;
				padding: 5px;
				background-color: #FFFFFF;
			}
			.product_foto {
				float: 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_left {
				float: left;
				width: 240px;
			}
			
				#infobox_left td {
					padding: 4px;
					font-size: 10px;
					line-height: 14px;
				}
			
			#infobox_right {
				float: right;
				width: 220px;
			}
			
		#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 7px no-repeat;
		padding-left:10px;
		}
		#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;
		}
		#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: #b1c340;
				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;
		width: 50%;
	}

	#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;
		}
/***************************************************************** 
EXTRA'S VAN KLAAS
*****************************************************************/ 
.column_3{
	font-size:105%; 
	margin-right: 3px;	
}
#column_3_a {
	text-align: right;	
	background-image: url(../img/button_kolom3.gif); 
	width:218px; 
	height:174px;
	margin-bottom:2px;
	}
#column_3_b {
	text-align: right;	
	background-image: url(../img/button_kolom3.gif); 
	width:218px; 
	height:174px;	
	}
#column_3_a  a {
	text-decoration:none; 
	color: #332b2a;
	line-height: 125%;
	}
#column_3_b  a {
	text-decoration:none; 
	color: #332b2a;2
	line-height: 167%;
	}
#column_3_a  img {
	margin: -1px 0 0 0; 
	line-height: 167%;
	}
#column_3_b  img {
	margin: -1px 0 0 0; /* als blok3b.height = 43 dan 4px */
	line-height: 167%;
	}
#column_3_a  .triangle{/* driehoek-pijltjes in de linkjes */
	font-size: 70%;   /* <div class="triangle">&#9658;</div> */
	display: inline; 
	vertical-align: 0%;
	line-height: 110%;	
	}
#column_3_b .triangle{/* driehoek-pijltjes in de linkjes*/
	font-size: 70%; 
	display: inline; 
	vertical-align: 0%;
	line-height: 133%;
	}
#blok3a{
	height: 25px;
	}
#blok3b{
	height: 72px;
	}