/*  layout */
body {padding:0; margin: 0 auto; background-image: url(../images/bg.jpg); background-repeat: repeat-x; }
#wrapper {padding:0px; width:980px; height:auto; margin: 0 auto; background-color:#fff; border-right:1px solid #fff;}
#logo img {border:0; border-bottom:1px #008ecb solid; }
#logo, #menu {float:left;}
div.clearfloat{clear:both;}
#col1 {display:inline;}
#col1, #col2, #col3, #col4 {float: left; width: 240px; margin-left: 5px;}
#footer {text-align:center; border-top:1px solid #008ecb; padding: 5px 0; margin-top:5px;} 
#right {width:700px; padding:20px 10px 20px 0;}
#left {width:245px; padding:20px 10px 20px 10px;}
#right,#left {float:left;}
#slider {padding:15px 0 0 0;}
div.spacer {padding:6px 0;}
/*  main menu*/
ul.mainmenu {padding:0; margin:0; background-color:#008ecb; height:0px;}
ul.mainmenu li {display:inline; position:relative; top:25px; left:0px}
ul.mainmenu li a {color:#fff; font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;padding:2px; text-decoration:underline;}
ul.mainmenu li a:hover {background-color:#fff; color:#008ecb; text-decoration:none}
/*  top menu */
ul.topmenu{background:url(../images/buttons.jpg) 0 0 no-repeat;  width:980px; height:260px; padding:0; margin:0;}
ul.topmenu li a span{ display: none; }  
ul.topmenu li, ul.topmenu  a {height:260px; display:block; margin:0; padding:0; }  
ul.topmenu li{display:inline; list-style:none; position:relative; float:left; }
/*	top menu normal state */	  
ul.topmenu li.info,ul.topmenu li.stand,ul.topmenu li.platform,ul.topmenu li.intern {width:245px; }  
/*  top menu hover state*/	
ul.topmenu li.info a:hover{background:url(../images/buttons.jpg) -0px  -260px no-repeat;}  
ul.topmenu li.stand a:hover{background:url(../images/buttons.jpg) -245px  -260px no-repeat;}
ul.topmenu li.platform a:hover{background:url(../images/buttons.jpg) -490px  -260px no-repeat;} 
ul.topmenu li.intern a:hover{background:url(../images/buttons.jpg) -735px  -260px no-repeat;}  
/*  content menu */
div.menuplacer {padding:25px 0 0 0; margin:0;}
ul.contentmenu{background:url(../images/content_button.jpg) 0 0 no-repeat;  width:700px; height:250px; padding:0; margin:0;}
ul.contentmenu li a span{ display: none; }  
ul.contentmenu li, ul.contentmenu  a {height:250px; display:block; margin:0; padding:0; }  
ul.contentmenu li{display:inline; list-style:none; position:relative; float:left; }
/*	content menu normal state */	  
ul.contentmenu li.info,ul.contentmenu li.stand,ul.contentmenu li.platform,ul.contentmenu li.intern {width:175px; }  
/*  content menu hover state*/	
ul.contentmenu li.info a:hover{background:url(../images/content_button.jpg) -0px  -250px no-repeat;}  
ul.contentmenu li.stand a:hover{background:url(../images/content_button.jpg) -175px  -250px no-repeat;}
ul.contentmenu li.platform a:hover{background:url(../images/content_button.jpg) -350px  -250px no-repeat;} 
ul.contentmenu li.intern a:hover{background:url(../images/content_button.jpg) -525px  -250px no-repeat;}  
/* content item links */
ul.itemlinks {padding:0; margin:0 20px;}
ul.itemlinks li {list-style:none;padding:5px 0;}
ul.itemlinks li a {font-family:Arial,Helvetica,sans-serif; font-size:12px;color: #008ECB;}
ul.itemlinks li a:hover {color:#BD0926;}
/*  footer*/
#footer {text-align:center} 
#footer span, #footer a {color: #008ECB; padding:0px; margin:0 5px; font-family:Arial,Helvetica,sans-serif;font-size:12px;}	
#footer a {font-weight:bold;}
/*  sideshow  */
.ticker{padding:0px 30px; margin:0 0 25px 0; border-bottom:1px solid #008ECB;}
#box div {background:#FFFFFF none repeat scroll 0 0; height:240px; position:absolute; width:920px;}
#box h3 {font:14px Arial,Helvetica,sans-serif; color: #BD0926;}
#box img {float:left; margin:0 55px 20px 0; position:static; border-top:1px solid #0080FF; border-right:1px solid #0080FF;}
#box object {float:left; margin:0 55px 20px 0; position:static; border-top:1px solid #0080FF; border-right:1px solid #0080FF;}
.mask { height:200px; overflow:hidden; position:relative; width:920px;}
.mask img {border:medium none; display:block;position:absolute; width:420px;}
.ticker div p {color: #0080FF;; padding:0px; margin:0px; font:12px Arial,Helvetica,sans-serif;}
.buttons{padding:10px; margin:0;}
.buttons span{color:#0080FF;padding:2px 3px;cursor:pointer;font:10px Arial,Helvetica,sans-serif; border:1px solid #0080FF;}
.buttons span.active, .buttons span:hover{background-color:#0080FF;color:#fff;}
#box  a {font-size:12px; color:#BD0926; font-family:Arial,Helvetica,sans-serif;}
#box  a:hover {color:#008ECB;}
#box p span.title {font-weight:bold;}
/*  login form  */
form#loginForm {padding:0; margin:0;}
form#loginForm fieldset {border:0;}
form#loginForm label {font-family:Arial,Helvetica,sans-serif;font-size:12px; color: #008ECB; }
form#loginForm fieldset {display:block; margin:0;padding:0 2em 1em; width:12em;}
form#loginForm input {display:block;width:12em; border:1px solid #ccc;}
form#loginForm label {display:block;font-weight:bold;margin-bottom:1em;}
form#loginForm input.button {margin:5px 0 0 0; cursor:pointer; width:10em; background-color:#BD0926; color:#fff; font-family:Arial,Helvetica,sans-serif;font-size:12px; padding:2px 5px; border:0;}
div.login_form p, div.login_form a{padding:0 0 0 3em; width:12em; margin:0;font-family:Arial,Helvetica,sans-serif;font-size:12px; color: #008ECB;}
div.login_form a {font-weight:bold;}
div.login_form {padding:0 0 1em 0; margin:0; } 
/* corner round content*/
.roundedcornr_box {background: url(../images/tl.png) no-repeat top left;}
.roundedcornr_top {background: url(../images/tr.png) no-repeat top right;}
.roundedcornr_bottom {background: url(../images/bl.png) no-repeat bottom left;}
.roundedcornr_bottom div {background: url(../images/br.png) no-repeat bottom right;}
.roundedcornr_content {background: url(../images/r.png) top right repeat-y;}
.roundedcornr_top div,.roundedcornr_top,.roundedcornr_bottom div, .roundedcornr_bottom {width: 100%;height: 15px;font-size: 1px;}
.roundedcornr_content, .roundedcornr_bottom {margin-top: -13px;}
.roundedcornr_content { padding: 0 15px; }
/* corner round leftmenu*/
.roundedcornr_box2 {background: url(../images/tl.png) no-repeat top left;}
.roundedcornr_top2 {background: url(../images/tr.png) no-repeat top right;}
.roundedcornr_bottom2 {background: url(../images/bl.png) no-repeat bottom left;}
.roundedcornr_bottom2 div {background: url(../images/br.png) no-repeat bottom right;}
.roundedcornr_content2 {background: url(../images/r.png) top right repeat-y;}
.roundedcornr_top2 div,.roundedcornr_top2,.roundedcornr_bottom2 div, .roundedcornr_bottom2 {width: 100%;height: 15px;font-size: 1px;}
.roundedcornr_content2, .roundedcornr_bottom2 {margin-top: -3px;}
.roundedcornr_content2 { padding: 0 15px; }
/* content*/
.roundedcornr_content h1 {font-size:14px; color: #BD0926; font-family:Arial,Helvetica,sans-serif; padding:15px 0 0 0;}
.roundedcornr_content p {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;  padding:0 0 15px 0;}
/* left menu */
ul.leftmenu {margin:0; padding:15px 0;}
ul.leftmenu li {list-style:none; padding:5px 0;}
ul.leftmenu li a {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ul.leftmenu li a:hover {color: #BD0926;}
ul.leftmenu li a:active {color: #BD0926;}
/* betrokkenen */
.floatleft {float: left;width: 200px;margin: 0 0 10px 10px;padding: 10px;}
p.betrokkenen { margin-top: 0; }
/* profile */
.floatleftprofile {float: left;width: 170px;margin: 0 0 10px 10px;padding: 10px;}
p.profile { margin-top: 0; padding:50px 0 0 0;}
p.onderzoek {padding:0; margin:0; font-weight:bold; color: #008ECB;}
p.onderzoek a{font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
/* overzicht */
p.overzicht {text-align:center; border-bottom:1px dotted #BD0926; font-weight:bold; }
td.overzicht {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
/* podium */
p.podium a{font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
/*  poll form  */
form#poll {padding:0; margin:0;}
form#poll fieldset {border:0;}
form#poll fieldset.radio {border:0;margin:0;width:25em;}
form#poll fieldset.radio label {font-family:Arial,Helvetica,sans-serif;font-size:12px; color: #008ECB; }
form#poll fieldset {display:block; margin:0;padding:0 2em 1em; width:25em;}
form#poll fieldset.radio input {clear:both;float:left;width:auto;}
form#poll label {display:block;font-weight:bold;margin-bottom:1em;}
form#poll input.button {margin:5px 0 0 0; cursor:pointer; width:10em; background-color:#BD0926; color:#fff; font-family:Arial,Helvetica,sans-serif;font-size:12px; padding:2px 5px; border:0;}
/*  prijsvraag */
ol.style2 li {padding:5px 0; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
/*  contact */
div.contact span.tekst_bold {font-size:14px; color: #BD0926; font-family:Arial,Helvetica,sans-serif; padding:15px 0 0 0;}
div.contact li {padding:5px 0; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
div.contact li a {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
div.contact li a:hover {color: #BD0926;}
/*  legal privacy copyright */
p.legal a, p.privacy a {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
p.legal a:hover, p.privacy a:hover {color: #BD0926;}
/*  taakspel */
ol.taakspel li {padding:5px 0; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
/* links */
table.links a {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
table.links a:hover {color: #BD0926;}
/* faq */
ul.faq a, ul.faq li{font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ul.faq a:hover , ul.faq span.tekst_red{color: #BD0926;}
/* fotos */
ul.fotos a, ul.fotos li{font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ul.fotos a:hover {color: #BD0926;}
/* wat taakspel leerkracht */
ol.wattaakspeleerkracht li {padding:5px 0; font-weight:normal; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ol.wattaakspeleerkracht span.tekst_bold, table.wattaakspeltable td.tekst_bold{font-weight:bold; color: #BD0926;}
table.wattaakspeltable {border-collapse: collapse;}
table.wattaakspeltable td {border:1px solid #008ECB; font-weight:normal; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
/* contact leerkracht */
table.contactleerkracht td {font-weight:normal; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
table.contactleerkracht span.tekst_bold {font-weight:bold;}
table.contactleerkracht a {font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
table.contactleerkracht a:hover {color: #BD0926;}
/*  wat taakspel ouders   */
ol.wattaakspelouders li {padding:5px 0; font-weight:normal; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ol.wattaakspelouders span.tekst_bold_small {font-weight:bold; color: #BD0926;}
/* interne info */
ol.loginform, ul.loginform {margin:0 0 0 20px; padding:0;}
ol.loginform li, ul.loginform li {padding:5px 0; font-weight:normal; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ul.loginform li p a {font-weight:bold; font-size:12px; color: #008ECB; font-family:Arial,Helvetica,sans-serif;}
ul.loginform li p a:hover {color: #BD0926;}
#login_form form#loginForm fieldset{padding:0; margin:0;}
#login_form form#loginForm input {display:block;width:25em; border:1px solid #ccc;}
#login_form form#loginForm label {display:block;font-weight:bold;margin-bottom:1em;}
#login_form form#loginForm input.button {width:12em; margin:5px 0 0 0; cursor:pointer; width:10em; background-color:#BD0926; color:#fff; font-family:Arial,Helvetica,sans-serif;font-size:12px; padding:2px 5px; border:0;}
/* fixes */
.wraproundright {overflow:auto;width:700px;}
.wrapround {overflow:auto;width:245px;}
#col1 p, #col2 p, #col3 p {color: #0080FF;font:12px Arial,Helvetica,sans-serif; padding:0; margin:0 20px;}