/*
* HUISSTIJL DEFINITIE
* roze:          #9b0052;
* blauw:        #00a0d1;
*/

.paragraph hr {
    float:left !important;
}

.cms_3kolommen{
    width: 500px;
}

.cms_3kolommen div{
    width: 30%;
    float: left;
}

.cms_3kolommen_last_row{
    padding-right:0px;
}

.cms_3kolommen_row{
    padding-right:20px;
}

.cms_2kolommen{
    width: 100%;
    clear : both;
}

.cms_2kolommen div{
    width: 48%;
    margin-right:8px;
    float: left;
}

.cms_afbeeldingrechts{
    float : right;
}

.cms_afbeeldinglinks{
    padding: 0px 10px 10px 0px;
    float : left;
}


.cms_afbeelding{
    padding: 0;
    margin : 0;
    float : left;
}
.devider {
  background-color: #006987;
  width: 100%;
}

.cms_hyperlink{
    background: url('/site_files/img/hyper_icon.gif') 1px 0px no-repeat;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
}
.cms_hyperlink:hover{
    background: url('/site_files/img/hyper_icon_hover.gif') 1px 0px no-repeat;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
}

.cms_download{
    background: url('/site_files/img/download_icon.gif') 1px 0px no-repeat;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
}

.cms_download:hover{
    background: url('/site_files/img/download_icon_hover.gif') 1px 0px no-repeat;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
}

.cms_mailto{
    background: url('/site_files/img/mailto_icon.gif') no-repeat;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
}

.cms_mailto:hover{
    background: url('/site_files/img/mailto_icon_hover.gif') no-repeat;
    padding-left: 25px;
    font-weight: bold;
    text-decoration: none;
}

.paragraph {  
      padding-bottom: 15px;
      float:left;
      clear: both;
      width: 780px;
}

.paragraph  ul{  
    margin-left: 25px;
    margin-top: 3px;
    margin-bottom: 3px;
    list-style-image: url('/site_files/img/bullit.gif');
}

.accentkopje{
    background: #00A0D1;
    color: #fff;
    font-weight: bold;
    padding: 2px;
    padding-left: 6px;
}

.footersavior{
	width: 780px;
	height: 1px;
	clear: both;
	float: right;
}

.introtext{
    font-weight: bold;
}


.tussenkop{
     color: #9b0052;
     font-weight: bold;
     margin-bottom: -15px;
}

body {
    font-size: 0.7em;
    margin: 0px;
    color: #0d7faa;
    font-family: verdana, helvetica, sans-serif;
    background-color: #ffffff;    
    line-height: 1.4em;
}

a{
    color: #0d7faa;    
}


a:hover{
    color: #9b0052;    
}

#siteContainer{
    width: 980px;   
    margin: 0px; padding: 0px;   
    position:relative;  
}

#footerSpacer{
    height: 16px;
    line-height: 0px;        
    width: 630px;
}

#titelContainer{
    margin: 0px; padding: 0px;    
    line-height: 0px;
}

#mini_logo{
    float: right;
    left: 850px; 
    top: 50px;
    position:absolute;
}

#menu{
    margin: 0px;
    height: 16px;
    color: #ffffff !important;    
    background: #fff url('../img/school_tpl/menu.jpg') repeat-y;
}

#quickmenu{
    font-size: 0.9em;
}

#mainMenu{        
    font-size: 0.9em;
    margin-left: 150px;
    _margin-left: 100px;
}

#quickmenu a, #mainMenu a{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

#quickmenu ul, #mainMenu  ul#nav{
    margin: 0px; padding: 0px;
    list-style: none;
}

#quickmenu li {
    display: block;
    float: left;
    margin-left: 23px;
}

#mainMenu ul#nav li.rubriek{
    display: block;
    float: left;
    margin-left: 80px;
    z-index: 100;   
}
#mainMenu ul#nav li.rubriek a{
    display: block; 
    z-index: 100;   
}

#mainMenu ul#nav li.rubriek ul.submenu{
    text-indent: 0px;
    margin:0px;
    padding: 0px;    
    z-index: 100;   
    position: absolute;
    padding-top: 3px;
    width: 132px;
}

#mainMenu ul#nav li.rubriek ul.submenu li{
    display: block;
    /*display: none;*/
     margin:0px;
     z-index: 100;  
    
}
#mainMenu ul#nav li.rubriek ul.submenu li a{
  color: #9b0052;
  display: none;
  /*z-index: 100;   */
  
}
/*
#mainMenu li.over ul{
    display: block !important;
    border: 1px solid red;
}

#mainMenu li.over ul li{
    display: block !important;
    border: 1px solid green;
}

#mainMenu li.over ul li.sub a{
    display: block !important;
    border: 2px solid black;
}*/

#mainMenu ul#nav li.rubriek:hover ul.submenu li a, #mainMenu li.over ul li.sub a{
  display: block !important;
  margin-top: -1px;
  padding-left: 3px;
  font-size: 0.9em;
  width: 132px;
  background: #ffffff;
  border: 1px solid #9b0052;
  z-index: 100;
}

#mainMenu ul#nav li.rubriek:hover ul.submenu li a:hover, #mainMenu li.over ul li.sub a:hover{  
  display: block !important;
  margin-top: -1px;
  padding-left: 3px;
  width: 132px;
  color: #ffffff !important;
  background: #9b0052;
  border: 1px solid #9b0052;
  z-index: 100;   
}


#leftCol{
    position: relative;    
    width: 195px;
    height: 340px;
    float: left;
}

#contentContainer{
    height: auto !important;    
    min-height: 650px;    
    _height: 650px;   
    background: #fff url('../img/school_tpl/linksonder.jpg') bottom left no-repeat;
}

p#adress{
    font-size: 0.9em;    
    position: absolute;    
    bottom: 0px;
    left: 30px;
}

#content{
    
    margin-top: 25px;
    float: left;
    width: 780px;
}

h2.abc_letter{
    color: #9b0052;
    font-size: 1.3em;
    padding-bottom: 15px;
}

#footerSpacer{
    height: 16px;
    line-height: 14px;
    font-size: 0.9em;
    padding-left: 200px;
    color: #fff;
    background: #fff url('../img/school_tpl/footer.jpg') repeat-y;
}

#footerSpacer a{
    color: #fff;    
}

.cleaner{
    clear: both;
}

.prikbordGlobalContainer{
	width: 510px;
}

.prikbordContainer{
	background: url('/site_files/img/prikbord_sticky.jpg');
	width: 160px;
	height: 158px;
	margin: 5px;
	float: left;
	text-align: left;
}
.prikbordtitle{
	color: #FFF;
	 font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	width: 140px;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 2px;		
}
.prikbordContent{
	color: #9b0052;
	 font-family: verdana, helvetica, sans-serif;
	font-size: 10px;
	width: 140px;
	padding-left: 5px;
	padding-top: 6px;
	line-height: 1.2em;
}

/* ZOEKFUNCTIE */
.search_div{
	float: right;
    left: 822px; 
    top: 12px;
    position:absolute;
}

.searchinput, .ZoekenInput{
	border: 1px solid #02a0d0;
	width: 110px;
}

.searchsubmit, .ZoekenSubmit{
	border: 0;
	background: #fff;
	color: #0fa6d1;
	font-size: 0.9em;
	 font-weight: bold;
	 padding-left: 7px;
	 margin-bottom: 2px;
	 cursor: pointer;
}


form.cmxform fieldset {
    border:none;
	margin-bottom:20px;
}
form.cmxform p {
    margin-bottom:10px;
}
form.cmxform .requiredInput {
    border: 1px solid #f00;
}
form.cmxform legend {
    padding: 0 2px;
    font-weight: bold;
}
form.cmxform label {
	  display: inline-block;
	  line-height: 1.8;
	  vertical-align: top;
}
form.cmxform fieldset ol {
	  margin: 0;
	  padding: 0;
}
form.cmxform fieldset li {
	  list-style: none;
	  padding: 5px;
	  margin: 0;
}
form.cmxform fieldset fieldset {
	  border: none;
	  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
	  padding: 0 0 5px;
	  font-weight: normal;
}
form.cmxform fieldset fieldset label {
	  display: block;
	  width: auto;
}
form.cmxform em {
	  font-weight: bold;
	  font-style: normal;
	  color: #f00;
}
form.cmxform label {
      width: 120px; /* Width of labels */
}
form.cmxform fieldset .labelwide {
	  width: 323px;
	  margin-top:20px; 
      margin-bottom:10px; 
}
form.cmxform input {
	  width: 250px; /* Width of labels */
	  margin-bottom:5px;
}
form.cmxform .radio {
  width: 20px; /* Width of labels */
}
form.cmxform .postcode {
  width: 55px; /* Width of labels */
}
form.cmxform .plaats {
  width: 191px; /* Width of labels */
}
form.cmxform #submit {
    margin-top:20px;
    margin-bottom:10px;
    width: 100px;
}
form.cmxform #idee {
    font-family: verdana, helvetica, sans-serif;
    font-size: 11px;
	width:400px;
}
form.cmxform #opmerking {
    font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	width:400px;
}

form.cmxform fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
}

form.cmxform span {
	  color:#f00; /* Width plus 3 (html space) */
	  font-weight:bold;
	  margin-left:2px;
}