/* !Generals */

html{font-family: Arial, Helvetica, sans-serif; font-style: normal; height: 100%; background: #f5f6e4;}
  body{ width: 960px; margin: 0 auto; padding: 0;  height: 100%; }
    #content{ width: 960px; margin: 0 auto; padding:0;  overflow: hidden; min-height:100%; position:relative;}

/* !Global Float Clearing */
#mainContent:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

img{border: none; outline: none}
/* !Link Colors */

a:link,
a:visited{outline: none; color: #1c667f; text-decoration: none;}
a:focus,
a:hover  { text-decoration: underline;}
a:active { }

/* !Headings */

h1, h2, h3, h4, h5, h6{}

h1{ font-size: 18px; color: #1c667f; border-bottom: 1px solid #eae9cb; margin-bottom: 0; margin-left: -40px; margin-right: 0px; padding-left: 40px; padding-right: 40px; padding-bottom: 5px; }

h2{font-size: 14px;}

h3{ font-size: 12px; font-weight: bold; margin: 10px 0 5px 0;}

#secondary h3{}

h4{}

/* !Header */

#header{height: 160px; width: 960px; margin: 0; padding: 40px 0 0 0; background:url("../images/layout/header-dongedingen.jpg") 0 0 no-repeat;}
	#algemeen #header{background:url("../images/layout/header-algemeen.jpg") 0 0 no-repeat;}  
	#onze-school #header{background:url("../images/layout/header-onze-school.jpg") 0 0 no-repeat;}  
	#onze-groepen #header{background:url("../images/layout/header-onze-groepen.jpg") 0 0 no-repeat;}  
	#schoolgids #header{background:url("../images/layout/header-schoolgids.jpg") 0 0 no-repeat;}  
	#fotos #header{background:url("../images/layout/header-schoolgids.jpg") 0 0 no-repeat;}  
	#links #header{background:url("../images/layout/header-links.jpg") 0 0 no-repeat;}  
	#dongedingen #header{background:url("../images/layout/header-home.jpg") 0 0 no-repeat;}  
	#contact #header{background:url("../images/layout/header-contact.jpg") 0 0 no-repeat;}  

  #branding{width: 665px; height: 95px; margin: 0 0 0 20px; padding: 0; }
    #branding a{}
      #branding img{}
  
  #nav{width: 920px; background: #1c667f; margin:20px 0 0 0; padding: 0 0 0 40px; height: 25px; line-height: 27px; }
    #nav li{list-style: none; float: left; display: block; padding-right: 20px; position: relative; color: #fff; text-transform: uppercase; font-size: 12px; }
      #nav a{ color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 12px; }
      #nav a:hover{color: #6da9c6;}
       #nav li.active a{ color: #fff; text-decoration: underline;} 
	      #nav li ul{margin: 0; padding: 0; display: none; position: absolute; z-index: 999; left: 0;  top:20; width: 90px;}
		      #nav li li{list-style: none; float: left; display: block; width: 175px; margin: 2px 0 0 0; padding:0 5px; background: #1c667f; line-height: 20px;}
		      #nav  li li a{ color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 10px; }

/* !Footer */

#footer{width: 920px; background: #1c667f; margin: 0; padding: 5px 0 5px 40px; color: #ffffff; font-size: 11px; line-height: 25px; position:absolute; bottom:0; }
#footer a{color: #fff;}
	#footer p{padding: 0; margin: 0;}
	#search{ padding: 0 0 0 5px; background: #1c667f; margin-top: 5px; color: #fff !important;}
	#q{border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; background: #f5f6e4 url("../images/layout/search.png") 95% 4px no-repeat; border: none; outline: none; height: 15px; padding: 2px 5px; margin: 5px 0; width: 140px;}
	#q:focus{background:#f5f6e4; }
/* !Main Content */

#mainContent{ width: 960px; min-height: 420px;  margin: 20px 0 0 0; padding: 0 0 80px 0; }
  
  #primary  { width: 500px; float: left; font-size: 12px; padding-left: 40px; position: relative; line-height: 1.5em; }
	  #primary p{margin: 5px 0 10px 0; padding: 0;}
	  
	  #primary .excerpt{border-bottom: 1px solid #eae9cb; padding: 5px 40px; margin: 0 -40px; z-index: 1; position: relative;  overflow: hidden; width: 460px;}
	  #primary .excerpt:hover{background: #eae9cb; z-index: 1;}
	  #primary .date{ position: absolute; top:7px; right:0px; font-size: 10px;color: #e1c317;}
    #primary .left{float: left; width: 100px; padding: 0; margin: 0;}
    #primary .right{float: right; width: 390px; padding: 0; margin: 0;}
	  #primary table{border-collapse: collapse; background: #ffffff; margin: 10px 0; width: 100%;}
		  #primary th{background: #eae9cb; text-align: center;}
		  #primary td{ margin: 0; padding: 7px; text-align: center;  border: 1px solid #eae9cb}
    #primary .excerpt h3{margin-top: 0;}
	  #primary ul, #primary ol{margin:5px 0 0 0 ; padding: 0 0 0 20px;}
	  #primary li{margin: 0 ; padding: 0 0 5px 0; list-style: disc;}
	  #primary ol li{list-style: decimal;}  
   
    #fotos #primary {width: 960px; padding-left:0; background: #eae9cb; }
		  #fotos #primary ul{overflow: hidden; margin: 0; padding: 0 0 40px 0;}	  
			  #fotos #primary li{display:block; float:left; list-style: none;  margin:10px 10px 0 0; padding: 0;/* -moz-box-shadow: 3px 3px 4px #d4d3b5; -webkit-box-shadow: 3px 3px 4px #d4d3b5; box-shadow: 3px 3px 4px #d4d3b5;*/  border: 2px solid #d4d3b5;}
			  #fotos #primary li a{ height: 75px; width: 100px; padding: 0; margin: 0; display: block;}			  
			  #fotos #primary li img{ width: 100px; height: 75px;}

	  #jaarkalender #primary{width: 960px; padding-left:0;}
	  #jaarkalender h1{margin-right: 0;}	  
	  
	  #jaarkalender #primary table{width: 960px;  }
	  	  #jaarkalender #primary td{width: 80px !important; font-size: 10px;}
	  	  #jaarkalender #primary th{padding-top: 12px;}
    #jaarkalender #primary.inner{ width: 500px; padding-left: 40px;}
        #jaarkalender #primary.inner h1{margin-right: -40px;}

    
    #contact fieldset{border:1px solid #d4c14e;}
    #contact #primary  label { color:#1c667f; width: 50px; display: block; float: left; height: 20px; margin: 5px 0;  line-height: 25px; float: left;}
    #contact #primary input{border:1px solid #eae9cb; height: 15px; width: 440px; padding: 2px; margin: 5px 0; float: right;}
    #contact #primary textarea{border:1px solid #eae9cb; margin: 5px 0; width: 440px; height: 227px; float: right;}
    #contact #primary button {width: 90px; height: 25px; border:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; background:#1c667f; color:#d4c14e; float: right;}
    .zemError{color: maroon;}
    .zemThanks{color:#1c667f;}
	  #navPrev{float: left; margin-top: 10px; margin-left: -40px}
	  #navNext{ float: right; margin-top: 10px; margin-right: -40px;}
	  
	  #map{margin-top:0;}
	   
	#wrapper{float: right; width: 346px; overflow: hidden; padding: 0; margin: 0;}  
  #secondary{ width:206px; min-height:125px; padding: 1px 0 0 140px; float: right; background: url("../images/layout/logo1.png") 0 0 no-repeat; font-size: 12px; }
	   #secondary p{ background: #1c667f; padding: 5px; margin:5px 0 0 0; color: #fff; font-size: 11px;}
	 	   #secondary a{color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase;}
       #secondary a:hover{color: #6da9c6;}
  
  #secondary-de-groepen-fotos{ width:340px; min-height:125px; padding: 1px 0 0 0; float: right; font-size: 12px;}
  #secondary-de-groepen-fotos p{ background: #1c667f; padding: 5px; margin:5px 0 0 0; color: #fff; font-size: 11px;}
  #secondary-de-groepen-fotos a{color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase;}
  #secondary-de-groepen-fotos a:hover{color: #6da9c6;}       
  #secondary-de-groepen-fotos label{ width: 60px; display: inline-block;}
 #secondary-de-groepen-fotos input{  margin: 2px 0; padding: 3px; }
/*  #tertiary { width: 340px; margin:20px 0 0 0; padding: 0; float: right;}*/
  #tertiary { width: 340px; position:absolute; left:620px; top:130px; margin:20px 0 0 0; padding: 0; }

  	  #tertiary p{margin: 0; padding: 0; overflow: hidden;}
  	  #tertiary img{margin: 0; padding: 0; border:0; }
  	  .readMore{position: absolute; right: 0; bottom:0; font-size: 10px; }
 
  #aanmeldingsformulier #primary .panel{ border: 1px solid #eae9cb; overflow: hidden; margin:20px 0px  20px -40px; padding:10px 40px; }
  #aanmeldingsformulier #primary fieldset{border: none;}

  #aanmeldingsformulier #primary span{display: block; border-bottom: 1px solid #eae9cb; margin:20px 40px 20px 0; font-weight: bold;}  	  
	#aanmeldingsformulier #primary span.radio{display: inline; margin: 0; border: none; font-weight: normal;}	
	#aanmeldingsformulier #primary span.small{ margin: 0 0 10px 0; border: none; font-size: 10px; padding: 0; font-weight: normal;}	

	#aanmeldingsformulier #primary label.zemCheckbox{ float: none;  margin: 0; padding:; height: 20px; line-height: 15px;}	

  #aanmeldingsformulier #primary form label{float: left; clear: left; width:455px;}		  
  #aanmeldingsformulier  #primary label.sex, #aanmeldingsformulier #primary label.woonadres, #aanmeldingsformulier #primary label.co-ouderschap{ float: none; width: 60px;}	

  #aanmeldingsformulier #primary form input{float: left; width: 455px; border: 1px solid #ccc; border-radius:3px 3px; -moz-border-radius: 3px 3px; float: left; margin: 0 0 5px 0; height: 20px;} 
  #aanmeldingsformulier #primary form input.zemRadio{width: 15px; float: none; margin: 0 5px;  height: 15px;}
   #aanmeldingsformulier #primary form input.zemCheckbox{width: 15px; float: none; margin: 0 5px; height: 15px;}
	
  #aanmeldingsformulier #primary .zemError{margin-bottom: 10px;}
  #aanmeldingsformulier #primary .zemError li{border: none; color: maroon; margin:0; padding: 0;}
  #aanmeldingsformulier #primary .zemError li:hover{background: none;}
  #aanmeldingsformulier #primary button{float: right; height: 30px; width: 100px; background:#1c667f ; color: #fff; border: none; border-radius: 5px 5px; -moz-border-radius: 5px 5px; margin: 10px !important; font-weight: bold; }