.schoolgids{
	width:843px;
	background-image:url('../img/schoolgids_top.png');
	background-repeat:no-repeat;
	margin-left:30px;
}
.schoolgids .inner{
	padding:6px;
	width:831px;
	background-image:url('../img/schoolgids_btm.png');
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	line-height:22px;
}
.schoolgids a{
	text-decoration:none;
}
.schoolgids a.normal{
	font-size:14px;
}
.schoolgids a.medium{
	font-size:16px;
}
.schoolgids a.hot{
	font-size:18px;
}
.schoolgids a.popular{
	font-size:20px;
}
.schoolgids a.extremely-popular{
	font-size:22px;
}
.schoolgids a.amazingly-popular{
	font-size:24px;
}

body,html{
	background-image:url('../img/body.png');
	background-repeat:repeat-x;
	background-position: 0px 0px;
	height:100%;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#515152;
}

div.wrapper{
	background-color:#FFFFFF;
	width:902px;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	top:0;
	left:50%;
	margin-left:-451px;
}

div.header{
	width:841px;
	height:365px;
	margin-left:30px;
	position:relative;
	z-index:3;
}

div.header img.logo-school{
	position:absolute;
	top:0px;
	left:-10px;
	z-index:3;
}

div.header img.logo-snb{
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;
}

div#header-image{
	width:841px;
	height:311px;
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;
	bottom:50px;
	left:0px;
}

div.header div.navigation{
	position:absolute;
	bottom:0px;
	left:7px;
	z-index:3;
}

div.header div.navigation ul li{
	float:left;
	display:block;
	position:relative;
	height:64px;
	margin-right:5px;
}

div.header div.navigation ul li a{
	display:block;
	height:64px;
	background-image:url('../img/nav_sprite.png');
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}

div.header div.navigation ul li.nav_uid9 a{
	width:82px;
	background-position:0px 14px;
}
div.header div.navigation ul li.nav_uid9.hassubs a:hover,
div.header div.navigation ul li.nav_uid9.hassubs:hover a,
div.header div.navigation ul li.nav_uid9.hassubs.over a{
	background-position:0px -46px;
}
div.header div.navigation ul li.nav_uid9.active a{
	background-position:0px -120px;
}
div.header div.navigation ul li.nav_uid9.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid9.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid9.active.hassubs.over a{
	background-position:0px -187px;
}

div.header div.navigation ul li.nav_uid8 a{
	width:160px;
	background-position:-87px 14px;
}
div.header div.navigation ul li.nav_uid8.hassubs a:hover,
div.header div.navigation ul li.nav_uid8.hassubs:hover a,
div.header div.navigation ul li.nav_uid8.hassubs.over a{
	background-position:-87px -46px;
}
div.header div.navigation ul li.nav_uid8.active a{
	background-position:-87px -120px;
}
div.header div.navigation ul li.nav_uid8.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid8.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid8.active.hassubs.over a{
	background-position:-87px -187px;
}

div.header div.navigation ul li.nav_uid6 a{
	width:120px;
	background-position:-252px 14px;
}
div.header div.navigation ul li.nav_uid6.hassubs a:hover,
div.header div.navigation ul li.nav_uid6.hassubs:hover a,
div.header div.navigation ul li.nav_uid6.hassubs.over a{
	background-position:-252px -46px;
}
div.header div.navigation ul li.nav_uid6.active a{
	background-position:-252px -120px;
}
div.header div.navigation ul li.nav_uid6.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid6.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid6.active.hassubs.over a{
	background-position:-252px -187px;
}

div.header div.navigation ul li.nav_uid7 a{
	width:160px;
	background-position:-377px 14px;
}
div.header div.navigation ul li.nav_uid7.hassubs a:hover,
div.header div.navigation ul li.nav_uid7.hassubs:hover a,
div.header div.navigation ul li.nav_uid7.hassubs.over a{
	background-position:-377px -46px;
}
div.header div.navigation ul li.nav_uid7.active a{
	background-position:-377px -120px;
}
div.header div.navigation ul li.nav_uid7.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid7.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid7.active.hassubs.over a{
	background-position:-377px -187px;
}

div.header div.navigation ul li.nav_uid5 a{
	width:79px;
	background-position:-542px 14px;
}
div.header div.navigation ul li.nav_uid5.hassubs a:hover,
div.header div.navigation ul li.nav_uid5.hassubs:hover a,
div.header div.navigation ul li.nav_uid5.hassubs.over a{
	background-position:-542px -46px;
}
div.header div.navigation ul li.nav_uid5.active a{
	background-position:-542px -120px;
}
div.header div.navigation ul li.nav_uid5.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid5.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid5.active.hassubs.over a{
	background-position:-542px -187px;
}

div.header div.navigation ul li.nav_uid4 a{
	width:106px;
	background-position:-627px 14px;
}
div.header div.navigation ul li.nav_uid4.hassubs a:hover,
div.header div.navigation ul li.nav_uid4.hassubs:hover a,
div.header div.navigation ul li.nav_uid4.hassubs.over a{
	background-position:-627px -46px;
}
div.header div.navigation ul li.nav_uid4.active a{
	background-position:-627px -120px;
}

div.header div.navigation ul li.nav_uid4.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid4.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid4.active.hassubs.over a{
	background-position:-627px -187px;
}

div.header div.navigation ul li.nav_uid3 a{
	width:87px;
	background-position:-740px 14px;
}
div.header div.navigation ul li.nav_uid3.hassubs a:hover,
div.header div.navigation ul li.nav_uid3.hassubs:hover a,
div.header div.navigation ul li.nav_uid3.hassubs.over a{
	background-position:-740px -46px;
}
div.header div.navigation ul li.nav_uid3.active a{
	background-position:-740px -120px;
}
div.header div.navigation ul li.nav_uid3.active.hassubs a:hover,
div.header div.navigation ul li.nav_uid3.active.hassubs:hover a,
div.header div.navigation ul li.nav_uid3.active.hassubs.over a{
	background-position:-740px -187px;
}


div.header div.navigation ul li span.imgtext{
	height:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
}

div.header div.navigation ul li ul{
	position:absolute;
	top:64px;
	left:-5000px;
	z-index:33;
	width:auto;
}

div.header div.navigation ul li:hover ul,
div.header div.navigation ul li.over ul{
	left:12px;
}

div.header div.navigation ul li ul li{
	clear:both;
	height:24px;
	width:233px;
	border-top:1px dotted #FFFFFF;
	position:relative;
	z-index:60;
}
div.header div.navigation ul li ul li.first{
	border-top:0px;
}

div.header div.navigation ul li:hover ul li a,
div.header div.navigation ul li.over ul li a{
	display:block;
	height:24px;
	width:233px;
	background-image:none;
}
div.header div.navigation ul li ul li a span.imgtext{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}
div.header div.navigation ul li ul li.corner{
   display:block;
   position:absolute;
   z-index:50;
   bottom:-23px;
   left:-11px;
   font-size:99px;
   border-top:0;
   background-repeat:no-repeat;
   background-position:0px 0px;
}
div.header div.navigation ul li ul li.corner.bori{
	bottom:-10px;
	right:-11px;
	background-position:bottom right;
	width:auto;
}
div.header div.navigation ul li ul li.left{
   display:block;
   position:absolute;
   z-index:50;
   top:0px;
   left:-11px;
   width:11px;
   border-top:0;
}
div.header div.navigation ul li ul li.right{
   display:block;
   position:absolute;
   z-index:50;
   top:0px;
   right:-11px;
   width:11px;
   border-top:0;
}
div.header div.navigation ul li ul li.bottom{
   display:block;
   position:absolute;
   z-index:50;
   bottom:-10px;
   left:0px;
   height:10px;
   border-top:0;
}

div.wrapper div.header div.navigation ul li ul.nav_pid7 li.corner{
	background-image:url('../img/nav_groen_corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid8 li.corner{
	background-image:url('../img/nav_blauw_corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid6 li.corner{
	background-image:url('../img/nav_geel_corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid5 li.corner{
	background-image:url('../img/nav_rood_corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid4 li.corner{
	background-image:url('../img/nav_roze_corners.png');
}
div.wrapper div.header div.navigation ul li ul.nav_pid3 li.corner{
	background-image:url('../img/nav_paars_corners.png');
}

div.main{
	clear:both;
	padding-top:16px;
}
div.main h3.leveltitle{
	display:block;
	width:216px;
	height:56px;
	padding-left:53px;
	position:relative;
	left:-24px;
	background-repeat:no-repeat;
}
div.main h3.leveltitle span.imgtext{
	background-position:3px;
}
div.main div.navigation{
	position:relative;
	left:-24px;
	top:-17px;
	width:269px;
	overflow:hidden;
}
div.main div.navigation ul li{
	width:216px;
	padding-left:53px;
}
div.main div.navigation ul li ul li{
	padding-left:0px;
	background-image:none;
}
div.main div.navigation ul li.active{
	background-repeat:no-repeat;
}
div.main div.navigation ul li a,
div.main div.navigation ul li.active ul li a{
	border-top-width:1px;
	border-top-style:dotted;
	width:196px;
	padding-left:20px;
	display:block;
}
div.main div.navigation ul li.first a,
div.main div.navigation ul li.active a,
div.main div.navigation ul li.active ul li.first a{
	border-top:0px;
}
div.main div.navigation ul li a{
	height:30px;
	width:205px;
	padding-left:11px;
}
div.main div.navigation ul li a span.imgtext{
	height:24px;
	width:216px;
}
div.main div.navigation ul li.active a{
	height:33px;
}
div.main div.navigation ul li.active a span.imgtext{
	background-position:0px -24px;
}
div.main div.navigation ul li.active ul li a span.imgtext{
	background-position:0px 0px;
}
div.main div.c1{
	width:248px;
	float:left;
}
div.main div.c2{
	width:630px;
	padding-left:24px;
	float:left;
	position:relative;
}
div.main div.c2 .toolbar{
	display:block;
	height:31px;
	width:619px;
	border-top-style:solid;
	border-top-width:1px;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
div.main div.c2 .toolbar a,
div.main div.c2 .toolbar div{
	display:block;
	float:left;
	height:31px;
}

div.main div.c2 .toolbar a{
	border-right-width:1px;
	border-right-style:solid;
}

div.main div.c2 .toolbar div.search a{
	border:none;
}

div.main div.c2 .toolbar div.search{
	width:282px;
	float:right;
	position:relative;
	right:-24px;
}
div.main div.c2 .toolbar div.search label,
div.main div.c2 .toolbar div.search input{
	margin:0 8px 0 10px;
	display:block;
	width:70px;
	float:left;
}
div.main div.c2 .toolbar div.search input{
	background-image:url('../img/search_bg.png');
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:transparent;
	margin-top:4px;
	padding-top:4px;
	padding-left:5px;
	border:0;
	width:157px;
	height:19px;
	position:relative;
	left:-20px;
	z-index:1;
}
div.main div.c2 .toolbar div.search a.submit{
	display:block;
	width:51px;
	height:56px;
	background-repeat:no-repeat;
	float:right;
	position:absolute;
	top:-1px;
	right:-10px;
	text-indent:-5000px;
}
div.main div.c2 ul.breadcrum li{
	display:block;
	float:left;
	padding-right:3px;
}

div.main div.c2 div.content{
	clear:both;
}
div.main div.c2 div.content .csc-textpic-image{
	padding:4px;
}
div.content ul li{
	list-style:disc outside;
	margin-left:20px;
	padding-bottom:4px;
}
div.main div.c2 div.content table{
	border-collapse:separate;
	border-spacing:10px 0px;
	empty-cells:show;
	/*border:1px dashed #EEE;*/
}
div.main div.c2 div.content table tr,
div.main div.c2 div.content table tr td{
	vertical-align:text-top;
	min-height:14px !important;
	height:14px;
}
div.main div.c2 div.content table tr td p{
	padding:0px;
	margin:0px;
	text-align:left;
}
div.main div.c2 div.content #map{ /* google maps */
	background-image:url('../img/ajax-loader.gif');
	background-repeat:no-repeat;
	background-position:center;
	width:600px;
	height:450px;
}

div.footer h3{
	margin-top:20px;
	background-image:url('../img/schoolgids_corner.png');
	background-repeat:no-repeat;
	background-position:215px 0;
	height:57px;
	width:300px;
	position:relative;
	top:0;
	right:-634px;
}

div.footer img.footer-logo{
	width:103px;
	position:relative;
	left:30px;
	bottom:-60px;
}

div.footer img.ms-footer-logo{
	margin-right:30px;
	margin-top:-20px;
	float:right;	
}

div.footer p.copyright{
	margin-left:30px;
	margin-top:20px;
	color:#ec008c;
}

div.footer p.copyright a{
	text-decoration:none;
	color:#ec008c;
}