html {
	background-image: url('../img/page-bg.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	height: 100%;
	color:#66573f;
}
/* ------------------------------------------------------------------------------------------------------ CONTENT */
div.content ul li,
div.r1 ul li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:12px; /* default margin */
}
div.content a{
	text-decoration:none;
	color:#66573F;
}
div.content a:hover{
	text-decoration:underline;
}
div.content table{
	border-collapse:separate;
	border-spacing:10px 0px;
	empty-cells:show;
}
div.content table tr,
div.content table tr td{
	vertical-align:text-top;
	min-height:14px !important;
	height:14px;
}
div.content table tr td p.bodytext{
	padding:0px;
	margin:0px;
	text-align:left;
	width:100%;
}
div.content .csc-textpic-image img{
	border:1px solid;
	padding:4px;
}
div.content div.csc-textpic-imagewrap{
	padding-right:8px;
}
/* ------------------------------------------------------------------------------------------------------ HEADER FRAME */
div.wrapper {
	width: 968px;
	position: relative;
	left: 50%;
	margin-left: -494px;
	top:40px;
	padding-bottom:40px;
}
div.wrapper div.header {
	width: 968px;
	height: 318px;
	position: relative;
	z-index:3;
}
div#header-image {
	background-repeat: no-repeat;
	background-position: 11px 10px;
}
div#header-image .flash-content{
	position:absolute;
	top:10px;
	left:11px;
	z-index:1;
}
div.wrapper div.header div.header-frame {
	width: 968px;
	height: 318px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../img/header-frame.png');
	z-index: 2;
}
div.header img.logo{
	position:relative;
	top:-32px;
	left:40px;
	z-index:6;
}
/* ------------------------------------------------------------------------------------------------------ HEADER MENU */
div.wrapper div.header div.navigation {
	width: 946px;
	height: 51px;
	position: absolute;
	bottom: 0;
	left: 11px;
	z-index: 3;
}
div.wrapper div.header div.navigation ul li {
	display: block;
	float: left;
	position: relative;
	height: 42px;
	background-repeat: repeat-x;
	background-position: 0px -42px;
	border-bottom-style:solid;
	border-bottom-width:9px;
}
div.wrapper div.header div.navigation ul li a{
	display:block;
	height:41px;
	padding-top:10px;
}
div.wrapper div.header div.navigation ul li a span.imgtext{
	margin-left:auto;
	margin-right:auto;
	height:24px;
}
div.wrapper div.header div.navigation ul li:hover,
div.wrapper div.header div.navigation ul li.active {
	background-position: 0px 0px;
}
div.wrapper div.header div.navigation ul li:hover span.imgtext,
div.wrapper div.header div.navigation ul li.active span.imgtext {
	background-position: 0px -24px;
}
div.wrapper div.header div.navigation ul li.nav_uid301 {
	width: 112px;
	background-image: url('../img/nav_home-bg.png');
	border-bottom-color:#beeaf4;
}
div.wrapper div.header div.navigation ul li.nav_uid249 {
	width: 167px;
	background-image: url('../img/nav_onderwijs-bg.png');
	border-bottom-color:#1aa7ca;
}
div.wrapper div.header div.navigation ul li.nav_uid235 {
	width: 127px;
	background-image: url('../img/nav_kinderen-bg.png');
	border-bottom-color:#82cc0e;
}
div.wrapper div.header div.navigation ul li.nav_uid224 {
	width: 165px;
	background-image: url('../img/nav_ouders-bg.png');
	border-bottom-color:#e6ea29;
}
div.wrapper div.header div.navigation ul li.nav_uid216 {
	width: 111px;
	background-image: url('../img/nav_nieuws-bg.png');
	border-bottom-color:#ff7700;
}
div.wrapper div.header div.navigation ul li.nav_uid205 {
	width: 137px;
	background-image: url('../img/nav_downloads-bg.png');
	border-bottom-color:#f7181a;
}
div.wrapper div.header div.navigation ul li.nav_uid200 {
	width: 127px;
	background-image: url('../img/nav_contact-bg.png');
	border-bottom-color:#dd2b92;
}
/* ------------------------------------------------------------------------------------------------------ HEADER MENU SUB */
div.wrapper div.header div.navigation ul li ul {
	position: absolute;
	left: -5000px;
	top:51px;
	min-width:177px;
	width:auto !important;
	width:177px;
	height:auto;
}
div.wrapper div.header div.navigation ul li:hover ul {
	left: 11px;
}
div.wrapper div.header div.navigation ul li ul li{
	border-bottom-width:0px;
	clear:both;
	position:relative;
	z-index:60;
}
div.wrapper div.header div.navigation ul li ul li a span.imgtext,
div.wrapper div.header div.navigation ul li:hover ul li a span.imgtext{
	background-position:0px 0px;
	margin-left:0px;
	margin-right:0px;
}
div.wrapper div.header div.navigation ul li ul li.corner{
	display:block;
	position:absolute;
	height:11px;
	z-index:50;
	bottom:-10px;
	left:-11px;
	background-image:url('../img/nav_onderwijs-corners.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:11px;
}
div.wrapper div.header div.navigation ul li ul li.corner.bori{
	right:-11px;
	background-position:bottom right;
	width:auto;
}
div.wrapper div.header div.navigation ul li ul li.left{
	display:block;
	position:absolute;
	z-index:50;
	top:0px;
	left:-11px;
	width:11px;
}
div.wrapper div.header div.navigation ul li ul li.right{
	display:block;
	position:absolute;
	z-index:50;
	top:0px;
	right:-11px;
	width:11px;
}
div.wrapper div.header div.navigation ul li ul li.bottom{
	display:block;
	position:absolute;
	z-index:50;
	bottom:-10px;
	left:0px;
	height:10px;
}
div.wrapper div.header div.navigation ul li ul.nav_pid235 li.corner{
	background-image:url('../img/nav_kinderen-corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid224 li.corner{
	background-image:url('../img/nav_ouders-corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid216 li.corner{
	background-image:url('../img/nav_nieuws-corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid205 li.corner{
	background-image:url('../img/nav_downloads-corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid200 li.corner{
	background-image:url('../img/nav_contact-corners.png');
}
div.wrapper div.main {
	width: 957px;
	padding-left:11px;
	background-image: url('../img/wrapper-bg.png');
	position:relative;
	z-index:2;
}
/* ------------------------------------------------------------------------------------------------------ LEFT MENU */
div.wrapper div.main div.c1{
	width:214px;
	float:left;
	border-top-style:solid;
	border-top-width:8px;
}
div.wrapper div.c1 div.navigation{
	width:207px;
	padding-top:45px;
	padding-left:7px;
	background-image:url('../img/subnav-btm.png');
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
	margin-bottom:15px;
}
div.wrapper div.c1 div.navigation ul li a{
	display:block;
	width:195px;
	height:28px;
	padding-top:2px;
	margin-left:12px;
}
div.wrapper div.c1 div.navigation ul li a span.imgtext{
	height:24px;
}
div.wrapper div.c1 div.navigation ul li:hover{
	background-repeat:no-repeat;
}
div.wrapper div.c1 div.navigation ul li.active{
	background-repeat:no-repeat;
}
div.wrapper div.c1 div.navigation ul li.active ul{
	background-color:#86775F;
	background-repeat:no-repeat;
	background-position:left bottom;
}
div.wrapper div.c1 div.navigation ul li.active ul li{
	background-image:none;
	border-top:1px dotted #ffffff;
}
div.wrapper div.c1 div.navigation ul li.active ul li a{
	background-color:transparent;
	margin-left:18px;
}
div.wrapper div.c1 div.navigation ul li.active ul li.active a{
	background-repeat:no-repeat;
	background-position:168px 11px;
}
div.wrapper div.c1 div.navigation ul li.active a span.imgtext,
div.wrapper div.c1 div.navigation ul li.active a:hover span.imgtext,
div.wrapper div.c1 div.navigation ul li.active ul li.active a span.imgtext,
div.wrapper div.c1 div.navigation ul li.active ul li.active a:hover span.imgtext{
	background-position:0px -24px;
}
div.wrapper div.c1 div.navigation ul li.active ul li a span.imgtext,
div.wrapper div.c1 div.navigation ul li.active ul li a:hover span.imgtext{
	background-position:0px 0px;
}
div.wrapper div.c1 div.navigation ul li a:hover span.imgtext{
	background-position:0px -48px;
}
/* ------------------------------------------------------------------------------------------------------ TOOLBAR */
div.wrapper div.main div.c2{
	width:732px;
	float:left;
	border-top-style:solid;
	border-top-width:8px;
}
div.wrapper div.main div.c2 .toolbar{
	height:45px;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:286px;
}
div.wrapper div.main div.c2 .toolbar a,
div.wrapper div.main div.c2 .toolbar div{
	display:block;
	float:left;
}
div.wrapper div.main div.c2 .toolbar a span{
	margin-top:8px;
}
div.wrapper div.main div.c2 .toolbar a.print{
	background-repeat:no-repeat;
	text-indent:-5000px;
	width:23px;
	height:21px;
	margin-left:12px;
	margin-top:12px;
	margin-right:16px;
}
div.wrapper div.main div.c2 .toolbar form input{
	display:block;
	background-image:url('../img/toolbar/bg-search.png');
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	width:210px;
	height:30px;
	padding:6px;
	margin-top:8px;
	margin-right:6px;
	float:left;
}
div.wrapper div.main div.c2 .toolbar form a.submit{
	text-indent:-5000px;
	background-repeat:no-repeat;
	width:60px;
	height:30px;
	margin-top:8px;
	margin-left:4px;
	position:absolute;
	right:20px;
	top:8px;
}
div.main div.c2 ul.breadcrum{
	padding-left:43px;
}
div.main div.c2 ul.breadcrum li{
	display:block;
	float:left;
	padding-right:3px;
}
div.main div.c2 div.content{
	clear:both;
	padding-left:43px;
	padding-right:27px;
}
/* ------------------------------------------------------------------------------------------------------ BREADCRUMB */
div.main div.c2 ul.breadcrum li{
	background-repeat:no-repeat;
	background-position:center right;
	margin-top:9px;
	margin-bottom:10px;
	padding-right:21px;
}
div.main div.c2 ul.breadcrum li.current{
	background-image:none;
}
/* ------------------------------------------------------------------------------------------------------ FOOTER */
div.footer div.studiegids-icon{
	background-image: url('../img/studiegids_icon.png');
	background-repeat:no-repeat;
	width:31px;
	height:104px;
	position:absolute;
	top:8px;
	left:11px;
}

div.footer{
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:26px;
	position:relative;
}
div.footer div.schoolgids{
	background-image:url('../img/wrapper-bg.png');
	padding-left:11px;
}
div.footer div.schoolgids div.inner{
	width:916px;
	text-align:center;
	padding-top:16px;
	padding-left:30px;
}
div.schoolgids div.inner a{
	font-weight:bold;
	padding:6px;
	line-height:22px;
	text-decoration:none;
}
div.schoolgids div.inner a.normal{
	font-size:14px;
}
div.schoolgids div.inner a.medium{
	font-size:16px;
}
div.schoolgids div.inner a.hot{
	font-size:18px;
}
div.schoolgids div.inner a.popular{
	font-size:20px;
}
div.schoolgids div.inner a.extremely-popular{
	font-size:22px;
}
div.schoolgids div.inner a.amazingly-popular{
	font-size:24px;
}
/* ------------------------------------------------------------------------------------------------------ BOTTOM MENU */
div.bottom-nav ul{
	display:block;
	padding-top:18px;
	padding-bottom:24px;
	padding-left:150px;
}
div.bottom-nav ul li{
	display:block;
	float:left;
	background-repeat:no-repeat;
	padding-left:9px;
	margin-left:6px;
}
div.bottom-nav ul li.first{
	margin-left:0px;
}
div.bottom-nav ul li a{
	display:block;
	padding-right:9px;
	background-position:right;
	background-repeat:no-repeat;
}
div.bottom-nav ul li a span.imgtext{
	height:24px;
}

/* ------------------------------------------------------------------------------------------------------ MS LOGO */
div.wrapper a.ms-logo img{
	position:absolute;
	bottom:41px;
	right:10px;
}
div.wrapper a.snb-logo img{
	position:absolute;
	bottom:41px;
	left:10px;
}