/* http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-width */

body {
   text-align:center;
}
#fixed {
   margin:0 auto;
   width:955px;   /* you can use px, em or % */
   text-align:left;
}


body {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
/* eboost */
font-family:Verdana, Arial, Helvetica, sans-serif; 
				font-size:11px; 
				color:#000000; 
				font-weight:normal; 
				line-height:15px;
background-color: #CFCEC1;
/* eboost */
}
a {
	color:#369;
}
#col1wrap a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:10px 0 5px;
        border:none;
}
#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border:0px;
}
#header img {margin:0;padding:0;margin-bottom:-3px;}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
        background-image: url(/assets/images/site/background.jpg); background-repeat: repeat-y;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#fff;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}

#col1 h1 {font-weight:strong;font-size:12px;}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
/*	overflow:hidden; */ SdR: nodig om menu de middelste kolom te laten overlappen
}
#col3 {
	float:left;
	width:170px;
	position:relative;
	left:15px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:0px solid #000;
}
#footer p {
	padding:.5em 15px;
}

/* eboost */

.groep
{
float:right;
border:0px ;
margin:0px 8px 8px 8px;
}


.headlines 	{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#AA2426; font-weight:bold; text-decoration:none; padding-left:13px;  background-image:url(/assets/images/site/nav_pijl.gif);background-repeat: no-repeat;}


/* Tekst style voor de invulvelden */

input, textarea, select
			{
				background-color: #FFFFFF;
				color: #000000;
				border-width:1;
				border-style:solid;
				border-color:lightgrey;
				font-family:Verdana, Arial, Helvetica, sans-serif; 
				font-size:11px;
			}

/* Teksten in de tabellen */

table, tr, td 
			{
				font-family:Verdana, Arial, Helvetica, sans-serif; 
				font-size:11px;
			    line-height:15px;

			}

/* Navigatie */

.nav_hoofd		{
				font-family:Verdana, Arial, Helvetica, sans-serif; 
				font-size:11px; 
				color:#767675; 
				font-weight:normal; 
				line-height:15px;
				}
a.nav_hoofd				{   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#767675; font-weight:normal; text-decoration:none; }
a.nav_hoofd:hover		{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; }
a.nav_hoofd:visited 	{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#767675; font-weight:normal; text-decoration:none; }



.nav_sub		{
				font-family:Verdana, Arial, Helvetica, sans-serif; 
				font-size:11px; 
				color:#AA2426; 
				font-weight:normal; 
				line-height:15px;
				}
a.nav_sub			{   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#AA2426; font-weight:normal; text-decoration:none; }
a.nav_sub:hover		{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; }
a.nav_sub:visited 	{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#AA2426; font-weight:normal; text-decoration:none; }

/* eboost */

/* menu styling */

#menu {
  padding:0;
  margin:0;
  }
#menu li {
  list-style-type:none;
  }

#menu.level1 li {font-weight:bold;

	}

.level1 a	{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#AA2426; font-weight:normal; text-decoration:none; padding-left:13px;  background-image:url(/assets/images/site/nav_pijl.gif);background-repeat: no-repeat; border-bottom:1px dotted grey;}


#breadcrumbs {padding-bottom:20px; padding-top:10px;}
#bestanden {background-color:#C9D7EE;border-top:1px;margin-left:10px;margin-right:10px; margin-top:10px;margin-bottom:10px;}
#bestanden {
	background:#f4f7fc;
	border:1px solid #ccc;
	padding:15px;
	margin:10px 0 0 2px;}

#opvallen {
	background:#f4f7fc;
	border:2px solid #ddd;
	padding:15px;
	margin:10px 0 0 2px;}

	
#fotoboeklink{background:#f4f7fc;
	border:1px solid #ccc;
	padding:15px;
	margin:10px 0 0 2px;}
#commentaar {}


/* Jot css file */
.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {border: 1px solid #CCCCCC;margin-bottom: 10px;background-color: #e9e9e9;}
.jot-row-alt {background-color: #f9f9f9;}
.jot-row-author {background-color: #FFFFE1;}
.jot-row-me {background-color: #FFDDDD;}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: right;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {font-weight: bold;font-size: 1.1em;}
.jot-message {padding: 2px;overflow: auto;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 80px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

/* flyout.css, to prevent FOUC */



/* common styling */
.menu {font-family: arial, sans-serif; width:166px; height:600px; position:relative; margin:0; font-size:11px; margin:15px 10px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:164px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
/* Oude kleurstelling
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:165px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}
*/

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b41d08;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:165px; width:100px;}
.menu ul li:hover ul li a.hide {background:#b41d08; color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b41d08; color:#fff; width:150px;}
.menu ul li:hover ul li a:hover {background:#b41; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#b41d08; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#b41; color:#fff;}

/* Zoek-box */
#ajaxSearch_submit {width:50px;}
#ajaxSearch_input {width:90px;}
#ajaxSearch_form fieldset {padding:0; border:0px;}
.AS_ajax_highlight1, .ajaxSearch_highlight1{
  background-color : yellow;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2{
  background-color : aliceblue;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3{
  background-color : beige;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4{
  background-color : lightpink;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5{
  background-color : sandybrown;
  padding: 0;
  font-weight: bold;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6{
  background-color : palegreen;
  padding: 0;
  font-weight: bold;
}



/* EasyEvents: calendar nav */

#ee_miniCalendarContainer {float:left;}

.ee_miniCalendarNav {

    margin:10px auto 0 auto;

    font-weight:bold;

    text-align:center;

}

.ee_miniCalendarNav td {

    padding:0;

}

.ee_miniCalendarNav a {

    display:block;

    border:1px solid #D6C6AD;

    background:#F5F1EA;

}

.ee_miniCalPrev a, .ee_miniCalNext a {

    margin:1px;

    border:1px solid #EBE3D6;

    background:#F5F1EA;

}

.ee_miniCalPrev a:hover, .ee_miniCalNext a:hover {

    background:#6B6356;

    border-color:#4B453C;

    color:#FFF;

    text-decoration:none;

}



/* EasyEvents: calendar */



.ee_miniCalendarDays {

    margin:0 auto;

    text-align:center;

}

.ee_miniCalendarDays th {

    padding:0;

    text-align:center;

    font-weight:bold;

    background:#D6C6AD;

}

.ee_miniCalendarDays td {

    padding:0;

    text-align:center;

}

.ee_miniCalendarDays .ee_prev,

.ee_miniCalendarDays .ee_next {

    color:#6B6356;

    background:#EBE3D6;

}

.ee_miniCalendarDays a,

.ee_miniCalendarDays span {

    display:block;

    border-width:1px;

    border-style:solid;

    border-color:#FBF9F7;

}

.ee_miniCalendarDays a {

    background:#BFCCE5;

    border-color:#BFCCE5;

}

.ee_miniCalendarDays a:hover {

    text-decoration:none;

    background:#039;

    color:#FFF;

    border-color:#00194C;

}

.ee_miniCalendarDays .ee_prev a,

.ee_miniCalendarDays .ee_next a {

    background:#D6C6AD;

    color:#6B6356;

    border-color:#D6C6AD;

}

.ee_prev a:hover,

.ee_next a:hover {

    background:#6B6356;

    color:#FFF;

    border-color:#4B453C;

}

.ee_miniCalendarDays .ee_prev span,

.ee_miniCalendarDays .ee_next span {

    border-color:#EBE3D6;

}

.ee_miniCalendarDays .ee_today span,

.ee_miniCalendarDays .ee_today a {

    border-color:#900;

}



/* Easy Events list */



.easyEventsList_title {

    font-weight:bold;

}

#huidig_vakanties {}
#huidig_studiedagen {}
#huidig_excursies {}

#zoeken_box {padding-bottom:10px;}
#laatste_nieuws_frontpage {padding-bottom:10px;}
#ee_miniCalendarContainer {padding-bottom:10px;}
#contact_frontpage {padding-bottom:10px;}



/* Tabel voor kalender */

.tbl_events {
    width: 440px;
    padding: 0;
    margin: 0;
}

.tbl_events td {
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 0;
    color: #4f6b72;
}

.tbl_events tr {padding:0;}
td.pastdate  {color: #4f6b72;}

.tblevents.heading td{
    border-bottom: 1px solid #000;
}

.floatright {float:right;
/* border-width:1;
border-style:solid;
border-color:lightgrey;
padding:7px;
margin-right:7px; */
}
#volgend_schooljaar {display:none;}
#volgend2_schooljaar {display:none;}


/* ADD COMMENTS SECTION */
div.addcomment h4 {
	margin:0 0 20px 0;
}

div.addcomment {
	background:#f4f7fc;
	border:1px solid #ccc;
	padding:15px;
	margin:10px 0 0 2px;
}
div.addcomment h2 {
	margin-top:0;
}
div.addcomment div.form-item {
	float:left;
	width:158px;
}
div.addcomment div.form-item label, div.addcomment div.form-item span.desc {
	display:block;
}
div.addcomment div.form-item input, div.addcomment textarea {
	padding:4px 0 4px 4px;
}
div.addcomment div.checkboxwrap {
	position:relative;
	height:30px;
}
div.addcomment div.check-box {
	position:absolute;
	left:-5px;
	top:0;
}
div.addcomment div.warning {
	float:right;
	width:300px;
	font-size:10px;
	line-height:1.2em;
}
div.addcomment input#comment-submit {
#	position:absolute;
#	right:0;
#	top:0;
}
div.addcomment div.form-item input#comment-url {
	width:167px;
}
div.addcomment textarea {
	display:block;
	clear:both;
	margin:15px 0 10px 0;
	width:466px;
}
div.addcomment fieldset {border: 0px;}
div.addcomment input {width: 148px;}

div.clear, span.clear {
	clear:both;
	display:block;
}

form#two {background:#4f718a; width:470px; padding:10px; border:1px solid #eee; margin:5px auto; font-size:1em; font-family:verdana, arial, helvetica, sans-serif;}
form#two p {font-size:.9em; color:#fff; text-align:left; padding:15px 5px 5px 0; margin:0;}
form#two.wlpeMessageText p {font-size:13px; 
				color:#ff0000; 
				font-weight:bold; 
				line-height:18px;}

form#two fieldset#current p {padding:4px; margin:0;}

form#two fieldset {width:450px; display:block; border:1px dotted #fff; padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em; font-size:1em; }
form#two fieldset:hover {border:1px solid #fff;}
form#two fieldset#opt:hover {border:1px solid #b80b38;}

form#two legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #fff; margin-bottom:15px; padding:6px; background:none; color:#fff;}
* html form#two legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#two label {clear:left; display:block; float:left; width:100px; text-align:left; padding-right:10px; color:#fff; margin-bottom:0.5em;}

form#two input {border:1px solid #414d59; padding-left:0.5em; margin-bottom:0.6em; width:150px; background:#c5d3e0;}
form#two input:hover { background:#b80b38; border:1px solid #fff; color:#fff;}
form#two input:focus {background:#fff; border:1px solid #b80b38; color:#b80b38;}
form#two fieldset#medical input, form#two fieldset#current input {width:45px;}

form#two select {margin:0 0 1em 0.5em;}
form#two textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#c5d3e0;}
form#two textarea:hover { background:#b80b38; border:1px solid #fff; color:#fff;}
form#two textarea:focus {background:#fff; border:1px solid #b80b38; color:#b80b38;}

form#two option {background:#fff; color:#b80b38;}
form#two optgroup {background:#fff; color:#000; font-style:normal;}
form#two optgroup option {background:#fff; color:#b80b38;}

form#two #button1, form#two #button2 {color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px; background:#b80b38; border:1px solid; border-color:#f11f54 #5f051c #5f051c #f11f54;}
form#two #button1:hover, form#two #button2:hover {color:#fff; background:#414d59; border:1px solid; border-color:#4f718a #003 #003 #4f718a; }

div.wlpeMessage {border:2px solid; border-color:#ff0000; font-size:13px; 
				color:#ff0000; 
				font-weight:bold; 
				line-height:18px; padding:5px;
}