ul,li,h1,h2,form {margin:0;padding:0;}

@media screen { 

/*------------------------------------------------------------------*/
/* Default Styles													*/
/*------------------------------------------------------------------*/

html, body {
	font-family: Verdana, Arial, sans serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.inv {
	display: none;
}

.clear {
	clear: both;
}

#wrapper hr {color:#e5e5e5;background-color:#e5e5e5;height:1px;}
#wrapper_vmbo hr {color:#98027f;background-color:#98027f;height:1px;}
#wrapper_vwo hr {color:#fe0000;background-color:#fe0000;height:1px;}
#wrapper_havo hr {color:#1f78b4;background-color:#1f78b4;height:1px;}
#wrapper_docenten hr {color:#b3d71d;background-color:#b3d71d;height:1px;}
#wrapper_ouders hr {color:#d8ee7f;background-color:#d8ee7f;height:1px;}

/*------------------------------------------------------------------*/
/* Layout Styles													*/
/*------------------------------------------------------------------*/

#wrapper, #wrapper_vmbo, #wrapper_vwo, #wrapper_havo, #wrapper_docenten, #wrapper_ouders {margin:auto;width:981px;}

#wrapper {background: url(../images/home_bg.gif) no-repeat bottom left;}
#wrapper_vmbo {background: url(../images/vmbo_bg.gif) no-repeat bottom left;}
#wrapper_vwo {background: url(../images/vwo_bg.gif) no-repeat bottom left;}
#wrapper_havo {background: url(../images/havo_bg.gif) no-repeat bottom left;}
#wrapper_docenten {background: url(../images/docenten_bg.gif) no-repeat bottom left;}
#wrapper_ouders {background: url(../images/ouders_bg.gif) no-repeat bottom left;}

#inner_wrap {
	float: left;
	width: 689px;
}

#header, #header_vmbo, #header_havo, #header_vwo, #header_docenten, #header_ouders {height: 158px;position:relative;}

#header h1 a, #header_vmbo h1 a, #header_havo h1 a, #header_vwo h1 a, #header_docenten h1 a, #header_ouders h1 a {
	display: block;
	width: 355px;
	height: 128px;
	text-indent: -1000em;
}

#header {background: url(../images/home_header.gif) no-repeat;}
#header_vmbo {background: url(../images/vmbo_header.gif) no-repeat;}
#header_havo {background: url(../images/havo_header.gif) no-repeat;}
#header_vwo {background: url(../images/vwo_header.gif) no-repeat;}
#header_docenten {background: url(../images/docenten_header.gif) no-repeat;}
#header_ouders {background: url(../images/ouders_header.gif) no-repeat;}

#slogan {color: #fff;font-weight:bold;font-style:italic; text-indent:16px;line-height: 1.5em;position:absolute;z-index:2;left: 360px;top: 74px;height: 40px; width: 300px;}
#wrapper #slogan {visibility:hidden;}

#content_col{
	overflow: auto;
	height: 413px;
	padding: 20px;
	width: 451px;
	float: right;
}

#right_col {
	width: 292px;
	float: left;
}

/*------------------------------------------------------------------*/
/* Topmenu															*/
/*------------------------------------------------------------------*/

#topmenu {
	padding-top: 2px;
	padding-left: 10px;
	height: 18px;
	background-color: #000;
}

#topmenu li {
	border-left: 1px solid white;
	display: inline;
	padding-left: 8px;
	padding-right: 5px;
}

#topmenu li.first {
	border-left: none;
}

/*------------------------------------------------------------------*/
/* left Nav															*/
/*------------------------------------------------------------------*/

#left_col{
	float: left;
	width: 191px;
}

#left_col ul li {
	list-style-type: none;
}

#leftnav_vmbo, #leftnav_vwo, #leftnav_havo, #leftnav_docenten, #leftnav_ouders {
	padding-top: 1px;
	padding-bottom: 1px;
}

#leftnav_vmbo {background-color: #e4bfde;}
#leftnav_vwo {background-color: #ffbfbf;}
#leftnav_havo {background-color: #c1deee;}
#leftnav_docenten {background-color: #b3d71d;}
#leftnav_ouders {background-color: #d8ee7f;}

#leftnav_vmbo ul, #leftnav_vwo ul, #leftnav_havo ul, #leftnav_docenten ul, #leftnav_ouders ul {
	margin-top: -4px;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
}


#leftnav_vmbo li a, #leftnav_vwo li a, #leftnav_havo li a, #leftnav_docenten li a, #leftnav_ouders li a {
	margin: 4px 0px;
	padding-left: 14px;
	padding-top: 5px;
	height: 22px;
	background-color: #fff;
	display: block;
}

#leftnav_vmbo li li, #leftnav_vwo li li, #leftnav_havo li li, #leftnav_docenten li li, #leftnav_ouders li li {
	margin-left: 26px;
}

#leftnav_vmbo li li a, #leftnav_vwo li li a, #leftnav_havo li li a, #leftnav_docenten li li a, #leftnav_ouders li li a {
	padding:0;
	display: inline;
}

.arrow_vmbo { background: url(../images/arrow_vmbo.gif) no-repeat 0px 8px;}
.arrow_vmbo_active {background: url(../images/arrow_dwn_vmbo.gif) no-repeat 0px 8px;}
.arrow_vwo { background: url(../images/arrow_vwo.gif) no-repeat 0px 8px;}
.arrow_vwo_active {background: url(../images/arrow_dwn_vwo.gif) no-repeat 0px 8px;}
.arrow_havo { background: url(../images/arrow_havo.gif) no-repeat 0px 8px;}
.arrow_havo_active {background: url(../images/arrow_dwn_havo.gif) no-repeat 0px 8px;}
.arrow_docenten { background: url(../images/arrow_docenten.gif) no-repeat 0px 8px;}
.arrow_docenten_active {background: url(../images/arrow_dwn_docenten.gif) no-repeat 0px 8px;}
.arrow_ouders { background: url(../images/arrow_ouders.gif) no-repeat 0px 8px;}
.arrow_ouders_active {background: url(../images/arrow_dwn_ouders.gif) no-repeat 0px 8px;}

/*------------------------------------------------------------------*/
/* Right Nav														*/
/*------------------------------------------------------------------*/

#rightnav, #rightnav_vmbo, #rightnav_havo, #rightnav_vwo, #rightnav_docenten, #rightnav_ouders {
	border-bottom: 1px solid white;
	width: 198px;
	background-color: #e5e5e5;
	/*margin-bottom: 70px;*/
	margin-bottom: 30px;
}

#rightnav_vmbo {background-color:#b240a0;border-bottom:1px solid #b240a0;}
#rightnav_vwo {background-color:#fe8083;border-bottom:1px solid #fe8083;}
#rightnav_havo {background-color:#579ac5;border-bottom:1px solid #579ac5;}
#rightnav_docenten {background-color:#fff;border-bottom:1px solid #fff;}
#rightnav_ouders {background-color:#fff;border-bottom:1px solid #fff;}

#rightnav li, #rightnav_vmbo li, #rightnav_havo li, #rightnav_vwo li, #rightnav_docenten li, #rightnav_ouders li {
	list-style-type: none;
}

#rightnav li a, #rightnav_vmbo li a, #rightnav_havo li a, #rightnav_vwo li a, #rightnav_docenten li a, #rightnav_ouders li a {
	margin: 4px 0px;
	padding-left: 14px;
	padding-top: 5px;
	height: 22px;
	background-color: #fff;
	display: block;
}

#rightnav_vmbo li a{ background-color: #98027f; }
#rightnav_havo li a{ background-color: #1f78b4; }
#rightnav_vwo li a{ background-color:  #fe0000; }
#rightnav_docenten li a{ background-color: #b3d71d; }
#rightnav_ouders li a{ background-color: #d8ee7f; }

#right_col img{border:0;}

#banners {
	width:202px;
	text-align:center;
}
#banners img {
	margin-bottom:30px;
}
/*------------------------------------------------------------------*/
/* Footer															*/
/*------------------------------------------------------------------*/

#footer, #footer_vmbo, #footer_vwo, #footer_havo, #footer_docenten, #footer_ouders {
	width: 889px;
	height: 20px;
	clear: both;
}

#footer {
	background: url(../images/footer_bg_home.gif) repeat-x;
	background-color: #e6e6e6;
}

#footer_vmbo {
	background-color: #98027f;
}

#footer_havo {
	background-color: #1f78b4;
}

#footer_vwo {
	background-color: #fe0000;
}

#footer_docenten {
	background-color: #b3d71d;
}

#footer_ouders {
	background-color: #d8ee7f;
}

#wrapper #mascotte, #wrapper #tm_logo {
	height: 100%;
	width: 198px;
	text-align: center;
	margin-bottom: 10px;
}

#wrapper_vmbo #tm_logo, #wrapper_vwo #tm_logo, #wrapper_havo #tm_logo, #wrapper_docenten #tm_logo, #wrapper_ouders #tm_logo {
	height: 100%;
	width: 198px;
	text-align: center;
	margin-top: 195px;
}

/*------------------------------------------------------------------*/
/* Main Nav															*/
/*------------------------------------------------------------------*/

#mainnav {
	height: 30px;
	width: 620px;
	position:relative;
	z-index:1;
	left: 193px;
	top: 0px;
}
	
#mainnav li {
	list-style-type: none; 
	float: left;
}

#mainnav li a { display:block;height:30px;width:124px;text-indent:-1000em; }

#mainnav li a.vmbo { background: url(../images/nav_vmbo.gif) 0px -30px no-repeat; }
#mainnav li a.havo { background: url(../images/nav_havo.gif) 0px -30px no-repeat; }
#mainnav li a.vwo { background: url(../images/nav_vwo.gif) 0px -30px no-repeat; }
#mainnav li a.docenten { background: url(../images/nav_docenten.gif) 0px -30px no-repeat; }
#mainnav li a.ouders { background: url(../images/nav_ouders.gif) 0px -30px no-repeat; }

#mainnav li a:hover.vmbo { background: url(../images/nav_vmbo.gif) 0px 0px no-repeat; }
#mainnav li a:hover.havo { background: url(../images/nav_havo.gif) 0px 0px no-repeat; }
#mainnav li a:hover.vwo { background: url(../images/nav_vwo.gif) 0px 0px no-repeat; }
#mainnav li a:hover.docenten { background: url(../images/nav_docenten.gif) 0px 0px no-repeat; }
#mainnav li a:hover.ouders { background: url(../images/nav_ouders.gif) 0px 0px no-repeat; }

/*------------------------------------------------------------------*/
/* Font Styles														*/
/*------------------------------------------------------------------*/

#topmenu li a {
	text-transform: lowercase;
	color: #fff;
	text-decoration: none;
}

#topmenu li a:hover {
	color: #ccc;
}

#rightnav li a, #rightnav_vmbo li a, #rightnav_vwo li a, #rightnav_havo li a, #rightnav_docenten li a, #rightnav_ouders li a {
	font-family: Arial, sans serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0em;
}

#rightnav li a:hover, #rightnav_vmbo li a:hover, #rightnav_havo li a:hover, #rightnav_vwo li a:hover, #rightnav_ouders li a:hover, #rightnav_docenten li a:hover { color: #aaa;}
#rightnav_vmbo li a, #rightnav_havo li a, #rightnav_vwo li a, #rightnav_ouders li a, #rightnav_docenten li a { color: #fff;}
#rightnav li a, #rightnav_ouders li a, #rightnav_docenten li a { color: #000;}


#leftnav_vmbo li a, #leftnav_vwo li a, #leftnav_havo li a, #leftnav_docenten li a, #leftnav_ouders li a {
	font-family: Arial, sans serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.1em;
}

#leftnav_vmbo li a {color: #98027f;}
#leftnav_vwo li a {color: #fe0000;}
#leftnav_havo li a {color: #1f78b4;}
#leftnav_docenten li a {color: #000;}
#leftnav_ouders li a {color: #000;}

#leftnav_vmbo li a:hover, #leftnav_vwo li a:hover, #leftnav_havo li a:hover {
	color: #000;
}

#leftnav_docenten li a:hover, #leftnav_ouders li a:hover {
	color: #666;
}

#leftnav_vmbo li li a, #leftnav_vwo li li a, #leftnav_havo li li a, #leftnav_docenten li li a, #leftnav_ouders li li a {
	font-size: 12px;
	letter-spacing: 0em;
	font-weight: normal;
}

#left_col .active{
	color: #000;
}

#left_col #leftnav_docenten .active, #left_col #leftnav_ouders .active {
	color: #999;
}

.leesverder {
	padding-right: 15px;
	background: url(../images/leesverder.gif) right 3px no-repeat; 
	color: #666;
	text-decoration: none;
}

a:hover.leesverder, #content_col a:hover {
	color: #333;
}

#content_col a {
	color: #666666;	
}

#content_col a, input, textarea {
	position: static !important;
}


/*------------------------------------------------------------------*/
/* Form Styles														*/
/*------------------------------------------------------------------*/


/* poll */

.clsPollForm, .clsPollResult {
	border: 1px solid #e6e6e6 !important;
	background-color: #fff !important;
}

.clsPollResult {
	margin: 10px;
	padding: 10px;
}

.clsPollQuestion {
	text-transform:capitalize;
	font-weight: bold;
}

.clsPollForm #stem_btn input{
	border: 1px solid black;
	color: white;
	background-color: black;
}

/*------------------------------------------------------------------*/
/* Boardwalk														*/
/*------------------------------------------------------------------*/

#editbuttonbox {
	position: absolute;
	left: 574px;
	top: 89px;
}


}

@media print {

body {
	margin: 1cm 0cm 0.5cm 1cm;
	padding: 0px
}

body, td, a {
	font-family: Arial, Verdana, sans serif;
	font-size: 11pt;
	color: #000000;
	background-color: #ffffff;
}

}

@media handheld {

body, td, a {
	font-family: Arial, Verdana, sans serif;
	font-size: 11pt;
	color: #000000;
	background-color: #ffffff;
}

}
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}

.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
	margin-top:5px;
}
.countdown_section {
	display: block;
	float: left;
	width:25%;
	text-align: center;
}
.countdown_amount {
	
}
.countdown_descr {
	display: block;
	width: 100%;
}
#defaultCountdown { height: 45px; margin:10px; padding:0 2px }