/************************ 
/* Main items
/***********************/

* {
	margin: 0;
	padding: 0;
	-moz-outline: none;
}

body {
	font: 9pt Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url('../images/design/body_back.gif') #99adbf repeat-x 0 0;
}

a {
	
	font: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #747474;
	text-decoration: none;
}

a:hover {
	
	font: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #747474;
	text-decoration: none;
}

p {

}

h1 {

}

h3 {

}

h4 {

}

div.hr {
	border-bottom: 1px solid #d1d1d1;
}

div.hr hr {
	display: none;
}

.clear {
	clear: both;
}

#globalwrapper {
	margin: 20px auto 0 auto;
	text-align: left;
	width: 90%;
	min-width: 990px;
}


/************************ 
/* Header
/***********************/

#headerwrapper {
	margin: 0 20px 0 20px;
	overflow: auto;
	zoom: 1;
	background: url('../images/design/header_back.gif') transparent repeat-x 0 0;
}

#header {
	overflow: auto;
	position: relative;
	zoom: 1;
	width: 100%;
	background: url('../images/design/header_left.gif') transparent no-repeat 0 0;
}

#header img.openbaar {
	position: absolute;
	top: 24px;
	left: 300px;
}

#logo {
	position: relative;
	left: 50px;
	margin: 8px 0 8px 2px;
	float: left;
}

#logo img {
	border: 0;
}

#search {
	padding: 20px;
	float: right;
	background: url('../images/design/header_right.gif') transparent no-repeat 100% 0;
}

#search label {
	color: #d1d1d1;
	font-weight: bold;
}

#search #searchsubmit {
	position: relative;
	top: 5px;
	right: 4px;
}


/************************ 
/* Navigatie
/***********************/

#nav {
	clear: both;
	overflow: auto;
	zoom: 1;
	background: url('../images/design/nav_back.gif') #b5b5b5 repeat-x 0 0;
}

#nav li {
	display: inline;
	float: left;
}

#nav li a {
	display: block;
	padding: 12px 20px 12px 20px;
	margin: 0 1px 0 1px;
	font: 100% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #747474;
	text-decoration: none;
}

#nav li.home a {
	width:30px;
	text-indent: -9999px;
	background: url('../images/design/nav_home.gif') transparent no-repeat 50% 50%;
}

#nav li.home a:hover {
	background: url('../images/design/nav_home_select.gif') transparent no-repeat 50% 50%;
}

#nav li a:hover {
	background: url('../images/design/nav_back_select.gif') #b5b5b5 repeat-x 0 0;
}


/************************ 
/* Content
/***********************/

#contentwrapper {
	margin: 0 20px;
	padding: 0 1px 12px 1px;
	background: url('../images/design/sidebar_back.gif') #fff repeat-y 0 0;
	border-bottom: 20px solid #c8d3dd;
}

.clearfix:after {
	content:".";
  	display:block;
  	height:0;
   	clear:both;
   	visibility:hidden;
 }
 
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#subnav, #onderwijs {
	float: left;
	position: relative;
	width: 271px;
	z-index: 9;
}

#subnav {
	top: 20px;
	padding-bottom: 30px;
}


/************************ 
/* Submenu
/***********************/

#subnav ul {
	margin: 0 0 0 50px;
	list-style: none;
	z-index: 10;
	border-top: 1px solid #dcdcdc;
}

#subnav li {
	display: inline;
}

#subnav ul li a { /* all list items */
	display: block;
	padding: 6px 24px 6px 14px;
	font:80% Verdana, Arial, 'Trebuchet MS', Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #dcdcdc;
}

#subnav ul li a:hover { /* all list items */
	background-color: #dcdcdc;
}

#subnav ul li.children a { /* all list items */
	background-image: url('../images/design/submenu_item.gif');
	background-repeat:  no-repeat;
	background-position: 95% 50%;
}

#subnav ul li.children a:hover { /* all list items */
	background-image: url('../images/design/submenu_item_select.gif');
}

#subnav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 221px;
	margin-top : -2em;
	border: 1px solid #afafaf; 
}

#subnav li ul li a {  /* second-level lists */
	width: 170px;
	border-bottom: 1px solid #afafaf;
	background-color: #dcdcdc;
	background-image: none !important;
}

#subnav li ul li a:hover {  /* second-level lists */
	background-color: #afafaf;
}

#subnav li ul li.children a {  /* second-level lists */
	background-image: url('../images/design/submenu_item2.gif')  !important;
	background-repeat:  no-repeat;
	background-position: 95% 50%;
}

#subnav li ul li.children a:hover {  /* second-level lists */
	background-image: url('../images/design/submenu_item2_select.gif')  !important;
}

#subnav li ul li ul { /* third-and-above-level lists */
	left: -999em;
	margin-left : 208px;
	border: 1px solid #7a7a7a; 
}

#subnav li ul li ul li a { /* third-and-above-level lists */
	border-bottom: 1px solid #7a7a7a;
	background-color: #afafaf !important;
	background-repeat:  no-repeat !important;
	background-position: 95% 50% !important;
}

#subnav li ul li ul li a:hover { /* third-and-above-level lists */
	color: #fff;
	background: #7a7a7a !important;
	background-image: none !important;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
	left: -999em;
}
	
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/************************ 
/* Onderwijs Banners Homepagina
/***********************/

#onderwijs ul {
	height: 260px;
	background: url('../images/design/schoolbord_left.jpg') transparent no-repeat 0 100%;	
	list-style: none;
}

#onderwijs ul li.primair a {
	display: block;
	text-indent: -9999px;
	width: 270px;
	height: 90px;
	background: url('../images/design/primair_onderwijs.jpg') transparent no-repeat 0 100%;	
}

#onderwijs ul li.primair a:hover {
	background: url('../images/design/primair_onderwijs_select.jpg') transparent no-repeat 0 100%;	
}

#onderwijs ul li.voortgezet a {
	display: block;
	text-indent: -9999px;
	width: 270px;
	height: 85px;
	background: url('../images/design/voortgezet_onderwijs.jpg') transparent no-repeat 0 100%;	
}

#onderwijs ul li.voortgezet a:hover {
	background: url('../images/design/voortgezet_onderwijs_select.jpg') transparent no-repeat 0 100%;	
}

#voo {
	margin: 20px 0 0 70px;
}


/************************ 
/* Content
/***********************/

#container {
	width: 100%;
	float: right;
	margin-left: -272px;
}

#content {
	margin-left: 272px;
}

#content p {
	margin: 12px 0;
}

#content h1 {
	font: bold 140% Arial, 'Trebuchet MS', Verdana,  Helvetica, sans-serif;
	color: #be160d;
}

#content h2 {
	padding: 16px 0 0 0;
	font: bold 140% Arial, 'Trebuchet MS', Verdana,  Helvetica, sans-serif;
	color: #468dcc;
}

#content h3 {
	margin: 16px 0 0 0;
	font: bold 100% Arial, 'Trebuchet MS', Verdana,  Helvetica, sans-serif;
	color: #6D6C6C;
}

#content ul {
	margin: 12px 0;
}

#content ul li {
	margin-left: 24px;
	padding: 2px;
}

#breadcrumb {
	padding: 20px 0 4px 0;
	margin: 0 30px !important;
	color: #000000;
	font: 80% Tahoma, Arial, 'Trebuchet MS', Verdana,  Helvetica, sans-serif;
}

#breadcrumb a {
	color: #a3a3a3;
}

dl a {
	color: #468DBA;
	font: 90% Tahoma, Arial, 'Trebuchet MS', Verdana,  Helvetica, sans-serif;	
}

dl a:hover {
	color: #468DBA;
	font: 90% Tahoma, Arial, 'Trebuchet MS', Verdana,  Helvetica, sans-serif;	
	text-decoration: underline;
}


dl dt {
	display: block;
	padding-left: 30px;	
	font-weight: bold;
}	

dl dd {
	margin-bottom: 12px;
	padding-left: 30px;	
}

dl.info dt {
	background: url('../images/design/icon_file.gif') transparent no-repeat 15px 2px;
}

dl.question dt {
	background: url('../images/design/icon_question.gif') transparent no-repeat 14px 3px;
}

#intro {
	padding: 30px 160px 0 30px;
	min-height:230px;
	background: url('../images/design/schoolbord_right.jpg') transparent no-repeat 100% -140px;
	border-bottom: 1px solid #d1d1d1;
	overflow: auto;
	zoom: 1;
}

#detail, #ask, #intro {
	min-height:230px;
	display: block;
	position: relative;
	z-index: 1;
	
}

#detail h1, #detail h3, #detail p, #detail dl, #ask h2, #ask p {
	margin-left: 30px;
	margin-right: 0px;
}

#detail {
	padding-right: 134px;
}

#disclaimer {
	color: #9c9c9c;
}

a#askquestion {
	position: relative;
	float: right;
	display: block;
	width: 133px;
	height: 137px;
	text-indent: -9999px;
	background: url('../images/design/ask.gif') transparent no-repeat 0 0;
}

#news, #ask {
	background: #ededed;
}

#news h2 {
	margin: 0 30px;
	padding-top: 10px;
}

#news ul {
	list-style: none;
}

#news ul li {
	clear: both;
}

#news ul li a {
	position: relative;
	display: block;
	padding: 8px 30px;
	border-bottom: 1px solid #d1d1d1;
	text-decoration: none;
	color: #000;
	font: 90% 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif;
	overflow: auto;
}

#news ul li a em {
	position: absolute;
	display: block;
	width: 6.5em;
	color: #949494;
	font-weight: bold;
	font-style: normal;
	background: url('../images/design/icon_file.gif') transparent no-repeat 100% 50%;
}

#news ul li a span {
	display: block;
	margin-left: 8em;
}

.email {
	color:  #000000;
	background-color : #e0e0e0;
	font-size : 60%;
}