@charset "utf-8";
/*
Theme Name: Basisschool Het Zeggelt
Theme URI: http://wordpress.org/
Description: A unique design for Het Zeggelt.
Version: 1.0
Author: Erwin Meijerink
Author URI: http://www.tesodesign.nl/
Tags: white, custom header, fixed width, one columns, widgets

	
	This theme was designed and built by Erwin Meijerink.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {
	margin: 0;
	padding: 0;
}

/*////////// GENERAL //////////*/
body {
         background-color:#333;
}

#container {
	width: 999px;
	height:auto;
	margin: 0 auto 0 auto;
	border:#000000 1px solid;
         background-color:#ffffff;
}
	  
* html #container {
	width: 950px;
	height:auto;
	margin: 0 auto 0 auto;
	border:#000000 1px solid;
         background-color:#ffffff;
}


#container1 {
	height:124px;
	width:999px ;	
}

* html #container1 {
	height:124px;
	width:999px ;
         margin-top:-4px;	
}
	
#container1 #nav1 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav2 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav3 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav4 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav5 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav6 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav7 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

#container1 #nav8 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
}
	
* html #container1 #nav1 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav2 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav3 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav4 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav5 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav6 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav7 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
	border-right:#ffffff 1px solid;
}

* html #container1 #nav8 {
	width:124px;
	height:124px;
	float:left;
	background-image:url(images/nav_back.gif);
}

#sidebar {
	width: 210px;
	float:left;
	padding:20px 0 0 0;
	margin:0px;
	border-right:#d8de2b 1px solid;
}

#sidebar1 {
	width: 210px;
	float:left;
	padding:20px 0 0 5px;
	margin:0px;
	border-left:#d8de2b 1px solid;
}
/*////////// CONTENT //////////*/
#container2 {
	width:1002px;
	padding: 20px 10px 10px 10px;
}

* html #container2 {
	width:974px;
	padding: 20px 10px 10px 10px;
}

#container2 #content {
          width:974px;
}

* html #container2 #content {
          width:954px;
}

#container3 {
	width:762px;
         float:left;
	padding: 20px 10px 10px 10px;
}

* html #container3 {
	width:700px;
         float:left;
	padding: 20px 10px 10px 10px;
}

#container2a {
	width:1000px !important;
	width:1002px;
	padding-top: 20px;
         background-color: #990099;
}

.content {
	width:500px;
	float:left;
}

#container2 #content1 {
	width:400px;
	float:left;
}

#print {
        float:right;
}

/*////////// TYPEOGRAPHY //////////*/
		
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	padding:7px 5px 5px 0;
}
		
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding: 5px 0 0 6px;
         margin-bottom:3px;
}
		
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:15px 0 0 0;
	color:#e82a8c;
}
	
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 4px 5px 5px 0;
	line-height:16px;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 7px 10px 5px 0;
	line-height:16px;
}
		
ul{
	list-style: none;

}

li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
         display: inline;
	width:123px;
	float:left;
	font-size: 10px;
         margin-top:5px;
}

a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	padding: 0 0 0 6px;
}

a:link, a:visited{
	
}

a:hover, a:active{
         font-weight: bold;
	color:#e82a8c;

}

/*///////////CLASSES///////*/
.aanmelden{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	padding: 0 0 0 6px;
	margin-top:3px;
	font-size: 10px;
	font-weight:bold;
	color:#CC0066;
}

.img1{
	padding-top:5px;
}

/*////////// HEADERS //////////*/
#header {
	width: 1000px;
	height: 127px;
	background-image:url(../images/header_back.gif);
}
	
#header p, #header h1, #header h2/**/ { 
   /*display: none;*/
}

.title{
         display: none;
         align: left;
         padding-left: 10px;
}
			
.textdiv img{
		}  



/*////////// BLOG ELEMENTS //////////*/

		
/*////////// FORMS //////////*/


/*////////// FOOTER //////////*/
#footer {}
		
/*////////// IMAGES //////////*/		


/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design 
elements you want to add can go here*/