body {
	background: url(../images/layout/bg.gif) repeat;
}

#container {
	
	width: 990px;
	margin: 0 auto;
	min-height: 100%;
}

#header {
	background: url(../images/layout/header.jpg) no-repeat;
	height: 240px;
	width: 990px;
	position: relative;
	margin: 0;
	float: left;
}

#stars {
	background: url(../images/layout/stars.png) repeat;
	display: block;
	width: 200px;
	height: 225px;
	position: absolute;
	top: 15px;
	left: 210px;
	z-index: 20 !important;
}


	a#logo {
/*	background: url(../images/layout/logo.png) no-repeat; */
	
		height: 80px;
		width: 400px;
		margin-left: 400px;	
		display: block;
		margin-top: 15px;
	}
	
		a#logo span {
			display: none;
		}
		
#content {
	background: url(../images/layout/faux-columns-bg.jpg) repeat-y;
	float: left;
	clear: both;

	position: relative;	
	width: 990px;
	min-height: 300px;
}	
p#breadCrumbs {
	margin-top: -25px;
	float: right;
	height: 12px;
	
	
}
.column  {
	float: left;
	min-height: 300px;
	z-index: 20;
}	

#columnLeft {
	width: 184px;
	z-index: 5;
	padding: 0 13px 0 13px;
}

#columnMiddle {
	width: 485px;
	margin-left: -6px;
	margin-right: -6px;
	z-index: 10;
	padding: 30px 10px 10px 15px;
}

#columnRight {
	width: 263px;
	margin-left: 5px;
	z-index: 5;	
	padding: 7px 7px 0 7px;
}

#columnMiddle * {
	z-index: 999;
}

#columnMiddle p, #columnMiddle div  {
	z-index: 999;
	position: relative;
}
#columnMiddle h2 {
	color: #fff;
	margin: 0 10px;
}
#columnMiddle table td h2 {
	margin: 0px;
}
div.newsletterItem img {
	margin: 2px 5px 2px 0px;;
}
  #columnLeft img,
  #columnRight img, img.border {
		border: 5px solid #fff;
	}

#footer {
	background: url(../images/layout/footer-bg.png) repeat-x;
	height: 60px;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.clear {
	clear: both;
	height: 0px;
}

/* content styles */

/* activities */
#activities {
	width: 408px;
	margin: 10px 0 0 44px;
}
	#activities h1 {
		margin-right: 2px;
		text-align: right;
	}

#columnMiddle .activity {
  	position: relative;
  	width: 125px;
  	height: 100px;
  	background: url(../images/layout/activity-frame.png) no-repeat;
  	float: left;
  	margin-right: 11px;
  	margin-bottom: 10px;
  	z-index: 5px;
  }

  	#columnMiddle .activity a {
  		position: absolute;
  		top: 0;
  		left: 0;
  		display: block;
  		width: 125px;
  		height: 100px;
  		z-index: 20;
		}
		#columnMiddle .activity a.text {
  		height: 20px;
  		}
		#columnMiddle .activity a.image {
  		z-index: -1;
  		}
		#columnMiddle .activity a:hover {
			text-decoration: none;
		}
  	
		#columnMiddle .activity a.new {
  		background: url(../images/layout/new-activity.png);
  	}
  
  	#columnMiddle .activity img {
  		border: 0;
  		top: 7px;
  		left: 8px;
  		z-index: 10;
  		position: absolute;
  	}
  	
  	#columnMiddle .activity p {
  		position: absolute;
  		font-size: 0.8em;
  		text-align: center;
  		top: 70px;
  		padding: 0;
  		width: 125px;
			color: #000;
  	}
		
			#columnMiddle .activity p a {
				color: #000;
			}
			
			#columnMiddle .activity p a:hover {
				text-decoration: underline;
			}
		
		#columnMiddle #activities #banner1 {
			margin-top: 30px;
			display: block;
			width: 387px;
			height: 93px;
			float: left;
			clear: both;
			margin-bottom: 60px;
		}

		#columnMiddle .singleActivity {
			padding: 0 60px 30px 0;
			margin: 9px 0 0 10px;
		}
table {
	width: 100%;
	margin: 10px;
	padding: 0px;
}
table.form {
	margin: 0px;
	width: 468px;
	
}
table.form label {
	width: 200px;
	text-align: right;
}
table.form input#button{
	float: right;
	margin-right: 6px;
}
input {
	width: 250px;
}
select {
	display: block;
	width: 256px;
	height: 18px;
}
textarea {
	width: 250px;
	height: 100px;
}

#columnMiddle p#messageSent {
	margin: 0px;
	padding: 0px;
}
/* left column */
#search_bg {
	min-height: 300px;
    height: auto !important;
	background: #060505;
}

UL.searchNavigation {
                    list-style: none;
                    margin: 0;
					padding: 0;
					width: 100%;
					height: 30px;
					background-color:#181818;
					
                }

		ul.searchNavigation LI#first a {
			background-image: url(../images/layout/search-tab.png);
			width: 92px;
		}
				ul.searchNavigation LI#second a {
			background-image: url(../images/layout/search-tab.png);
			width: 92px;
				}


                UL.searchNavigation LI {
					
					float: left;
                }

                UL.searchNavigation LI A {
                   
                    background-color: #ccc;
                    color: #fff;
                    text-decoration: none;					
					width: 92px;
					height: 24px;
					text-align: center;
					display: block;
					font-weight: bold;
					padding-top: 6px;
					background-position: 0 0px;
                }

                UL.searchNavigation LI A.selected,
                UL.searchNavigation LI A:hover,
				UL.searchNavigation LI.active A{
                    background-color: #fff;
                    color: #E50414;
					border-color: #000;
					background-position: 0 -30px;
					display: block;

                }
                
                UL.tabNavigation LI A:focus {
                        outline: 0;
                }



#columnMiddle .search_result {
	margin: 10px;
	z-index: 0;
	background: #181818;
	padding: 5px;
	cursor: pointer;
	display: block;

}
#columnMiddle .hover {
	background: #333;
}
.search_result span.highlight {
	font-weight: bold;
	background: #E50414;
}
#search_title {
	

}
#search_text {
	
	
}
#search_details {
	width: 477px;
	height: 26px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
#search_searchtext {
	float: left;
	z-index: 0;
	margin-left: 10px;

}
p.search_tip {
	width: 470px; 
	display: block; 
	margin-top: 20px;
}
#search_numresult {
	float: right;
	z-index: 0;
}
#search_noresult {
	float: left;
	z-index: 0;
	margin-left: 10px;
}
#search_notext {
	float: left;
	margin-left: 10px;
}
#search_num {
	float: left;
	width: 100px;
	margin-left: 10px;
	margin-top: 4px;
}
form#search {
	margin: 10px 0px;
}
form#search button{
	float: right;
	width: 60px;
}
#search_left {
	float: left;
	height: 22px;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 170px;
}
#search_left a {
	float: left;
}
#search_right {
	float: right;	
	height: 22px;
	width: 180px;
	margin-right: 10px;
	margin-bottom: 5px;
}

input#q {
	width: 110px;
	float: left;
	height: 18px;
	padding-top: 4px;
	background:none repeat scroll 0 0 #767676;
	border:1px solid #686868;
	color: #fff;
	
}



#columnLeft p.intro {
		background: #858585 url(../images/layout/intro-bg.png) repeat-y 100% 0;
		padding: 13px;
		margin: 0 -13px;
}

#quickMenu {
	background: #181818 url(../images/layout/quickmenu-bg.png) repeat-y 100% 0;
	width: 184px;
	margin-left: -13px;
	padding: 13px 13px 20px 13px;
}		

	#quickMenu h2 {
		color: #fff;
	}
	
	#quickMenu ul {
		margin: 0;
	}
		#quickMenu ul li {
			list-style: none;
		}
			#quickMenu ul li a {
				padding-left: 18px;			
				background: url(../images/layout/arrow-dark.gif) no-repeat 0 2px;
			}
			#quickMenu ul li a.active {
				color: #fff;
				font-weight: bold;
			}
			
#agenda {
	width: 184px;
	margin-left: -13px;
	margin-bottom: 10px;
	padding: 13px 13px 15px 13px;
	background: #f42121  url(../images/layout/agenda-bg.png) repeat-y 100% 0;
	float: left;
}

  #agenda dl {
  	float: left;
  	clear: both;
  	width: 185px;
  }
	
    #agenda dl dt {
    	display: block;
    	float: left;
    	width: 39px;
    	height: 26px;
    	background: url(../images/layout/agenda-item.png) no-repeat;
    	margin: 0 10px 5px 0;
  		padding: 7px 0 0 3px; 
		line-height: 10px;
		font-size: 9px;
    }	
  	
  		#agenda dl dd {
    		color: #212121;
    		font-weight: bold;
    		display: block;
    		float: left;
    		min-height: 33px;
    		height: auto;
    		height: auto !important;
    		width: 130px;		
  			margin: 0 0 5px 0;
    	}
  			#agenda dl dd a {
				color: #fff;
  				padding-left: 18px;			
				background: url(../images/layout/arrow-white.gif) no-repeat 0 2px;
  			}
			
				
		#agenda h2 {
			color: #212121;
		}
  			
/* right column */
#subscribeNewsletter {
	background: #858585;
	width: 257px;
	height: 50px;
	padding: 5px 10px;
	margin: -7px 0 10px -7px;
	position: relative;
}
	#subscribeNewsletter #error {
	margin-top: -12px;
	height: 12px;
	font-weight: normal;
	color: #333;;
	}
	#subscribeNewsletter label.error  {
	margin-top: 0px;
	height: 20px;
	font-weight: normal;
	color: #333;
	}
	#subscribeNewsletter input {
		background: #767676;
		border: 1px solid #686868;
		height: 18px;
		color: #fff;
		padding-top: 4px;
		position: absolute;
		top: 22px;
		left: 8px;
		width: 157px;
	}
	
	#subscribeNewsletter button {
  	position: absolute;
	right: 8px;
	top: 21px;
	} 
h2#newsListHead
{
	font-size: 1.2em;

}
ul#newsList, ul#newsletterList {
		margin: 0;
	}
		ul#newsList li, ul#newsletterList li {
			list-style: none;
		}
			ul#newsList li a, ul#newsletterList li a {
				padding-left: 18px;			
				background: url(../images/layout/arrow.gif) no-repeat 0 2px;
				color: #E50414;
			}
			ul#newsList li a.active, ul#newsletterList li a.active {
				color: #000;
				font-weight: bold;
			}
div.newsletterItem {
	margin-bottom: 10px;
	display: block;
	overflow: auto;
	
}
				
a#bannerTryoutLesson {
	display: block;
	background: url(../images/layout/banner-proefles.gif) no-repeat;
	width: 277px;
	height: 93px;
	margin: 0px 0 0px -7px;
}

	a#bannerTryoutLesson span {
		display: none;
	}
	
#bio {
	background: #fff;
	margin-left: -7px;
	width: 263px;
	padding: 7px;
	margin-top: -10px;
}

	#bio img {
		margin-left: -7px;
	}
	
#scheduleOverview {
	background: #858585 url(../images/layout/schedule-bg.jpg) no-repeat;
	width: 277px;
	height: 217px;
	margin-left: -7px;
	position: relative;
}
	#scheduleOverview table.lesrooster{
	line-height: 10px;
	font-size: 10px;
	margin: 3px 0 0 34px;
	width: 220px;
	border: 0px;
	}
	#scheduleOverview h3 {
		font-weight: bold;
		font-size: 1.2em;
		padding: 34px 0 0 112px;
		color: #181818;
	}
	
		#scheduleOverview a.readMore {
		position: absolute;
		bottom: 45px;
		left: 125px;
		background-position: 0 4px;
	}

	
	#scheduleOverview dl {
		margin: 10px 0 0 35px;
		width: 200px;
		height: 100px;
	}
	
  	#scheduleOverview dl dt,
  	#scheduleOverview dl dd {
  		float: left;
  	}
		
			#scheduleOverview dl dd {
				margin-left: 10px;
			}
div#contact   {
	float: left;
	margin: 10px;
	width: 440px;
	padding: 10px;
	border: 2px solid #b6c6cb;
	background-color: #181818;
	line-height: 16px;
}
	div#contact div.adres  {
	float: left;
	width: 218px;
	padding: 0px;
	
}
div#form-container {
	margin: 10px 10px;
}

/*Docententabs jquery*/

UL.tabNavigation {
                    list-style: none;
                    margin: 0;
					padding: 0;
					width: 277px;
					height: 28px;
					background-color:#FFF;
					
                }

		ul#menu li a:hover,
		ul#menu li.active a {
			background-position: 0 0;
		}
		
		ul.tabNavigation LI#first a {
			background-image: url(../images/layout/menu-item-tab1.png);
			width: 92px;
		}
				ul.tabNavigation LI#second a {
			background-image: url(../images/layout/menu-item-tab2.png);
			width: 92px;
		}
				ul.tabNavigation LI#third a {
			background-image: url(../images/layout/menu-item-tab3.png);
			width: 93px;
		}


                UL.tabNavigation LI {
					
					float: left;
					
			

                }

                UL.tabNavigation LI A {
                   
                    background-color: #ccc;
                    color: #fff;
                    text-decoration: none;					
					width: 92px;
					height: 24px;
					text-align: center;
					display: block;
					font-weight: bold;
					padding-top: 6px;
					background-position: 0 0px;
                }

                UL.tabNavigation LI A.selected,
                UL.tabNavigation LI A:hover {
                    background-color: #fff;
                    color: #E50414;
					border-color: #000;
					background-position: 0 -30px;
					display: block;

                }
                
                UL.tabNavigation LI A:focus {
                        outline: 0;
                }

                div.tabs > div {
				background: #fff;
				width: 263px;
				padding: 7px;
				margin-top: 0px;
				}
				div.tabs  {
				margin-top: -10px;
				margin-left: -7px;
				}
				div.tabs > div img {
				margin-left: -7px;
				}
                
                div.tabs > div h2 {
                        margin-top: 0;
						display: block;
                }

                #first {
                    background-color: #fff;
                }

                #second {
                    background-color: #fff;
                }

                #third {
                    background-color: #fff;
                }

				
				
                
                .waste {
                        min-height: 1000px;
                }