html{
	height: 100%;
}

body{ 	
	font-family: calibri, arial, helvetica, sans-serif; 
	color: #080909;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background: url('../img/bg.gif') top center repeat-y #ffffff;
	height: 100%;
}

/* base elements */
form{ margin: 0px; padding: 0px; }
a{ color: #0081A4; }
a:hover{ color: #CEE6EB; }
p{ margin: 0px 0px 1em 0px; padding: 0px; }
.divider{ clear: both; font-size: 0px; height: 0px; overflow: hidden; }

#site{
	position: absolute;
	width: 902px;
	top: 0px;
	left: 50%;
	margin-left: -451px;
}

#header{
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 902px;
	height: 170px;
	z-index: 10;
}

	#header_shadow{
		position: absolute;
		margin-top: 0px;
		margin-left: 902px;	
		width: 7px;
		height: 165px;
		background: url('../img/header_shadow.gif') top left no-repeat;
		z-index: 10;
	}

	#menu{
		position: absolute;
		z-index: 10;
	}
	
		#menu .menuitem{
			float: left;
		}
	
		#menu_groepscursussen{
			margin-top: 146px;
		}
		#menu_privecursussen{
			margin-top: 130px;
		}
		#menu_activiteiten{
			margin-top: 115px;
		}
		#menu_wraf{
			margin-top: 101px;
		}
		#menu_aanmelden{
			margin-top: 87px;
		}
		
		#menu .submenu{
			position: absolute;
			margin-top: 24px;
			display: none;
			font-weight: bold;
			font-size: 13px;
		}

		#menu .submenu a{
			float: none;
			color: #ffffff;
			text-decoration: none;
			font-size: 13px;
			font-weight: bold;
			padding-bottom: 5px;
			display: block;
		}
		
		#menu .submenu a:hover{
			color: #71491f;
		}
		
		#menu .submenu .submenu_content{
			width: 125px;
			padding: 0px 0px 0px 12px;
			background: url('../img/sub_bg.png') top left repeat-y;
		}
		
		#menu .submenu .submenu_content em{
			font-size: 13px;
			color: #71491f;
			font-style: italic;
		}

#container{
	position: absolute;
	margin-top: 170px;
	margin-left: 0px;
	width: 902px;
	z-index: 2;
}
	
	#tag{
		position: absolute;
		margin-top: 143px;
		margin-left: -10px;
		z-index: 9;
		height: 173px;
		width: 285px;
	}
	
		#tag_content{
			position: absolute;	
			margin-top: 55px;
			margin-left: 70px;
			width: 200px;
		}
		
		#tag_content{
			font-size: 11px;	
			color: #72491f;
		}
	
		#tag_content a{
			font-size: 11px;	
			color: #72491f;
		}
		
		#tag_content a:hover{
			text-decoration: underline;
		}
		
		#tag_content p{
			margin: 0px 0px 1em 0px;
			padding: 0px;
		}
		
		#tag_content h2{
			color: #0081a3;
			font-size: 18px;
			margin: 0px 0px 0em 0px;
			padding: 0px;
			font-weight: bold;
		}
	
	
	#contentcontainer{
		float: left;
		margin-top: 80px;
		margin-left: 20px;
		width: 650px;
		padding-bottom: 10px;
		z-index: 2;
	}
	
		#photos{
			float: left;
			margin-top: 32px;
			margin-left: 2px;
			width: 236px;
			min-height: 200px;
		}
		
			#photos .foto1{
				margin-bottom: 7px;
			}
		
			#photos .fotoring1{
				position: absolute;
				margin-top: -22px;
				margin-left: 58px;
				z-index: 8;
			}
			
			#photos .fotoring2{
				position: absolute;
				margin-top: -22px;
				margin-left: 172px;
				z-index: 8;
			}
			
		#rooster{
			float: left;
			margin-top: 72px;
			margin-left: 2px;
			width: 236px;
			min-height: 200px;
		}
		
			#rooster.content{
				font-size: 12px;	
				line-height: 20px;
			}
		
			#rooster.content p{
				margin: 0px 0px 1em 0px;
				padding: 0px;
			}
			
			#rooster.content h1{
				color: #0081a3;
				font-size: 20px;
				margin: 0px 0px 1em 0px;
				padding: 0px;
				font-weight: normal;
			}
	
		#content{
			float: left;
			margin-left: 37px;
			width: 365px;
			min-height: 200px;
		}
		
		#content.content{
			font-size: 12px;	
			line-height: 20px;
		}
	
		#content.content p{
			margin: 0px 0px 1em 0px;
			padding: 0px;
		}
		
		#content.content h1{
			color: #0081a3;
			font-size: 20px;
			margin: 0px 0px 1em 0px;
			padding: 0px;
			font-weight: normal;
		}
		
		#content.content .input_text{
			border: 1px solid #0081A4;
			font-family: arial, helvetica, sans-serif;
			font-size: 12px;
		}
		
		#content.content .input_text.error{
			border: 1px solid #ff0000;
			font-family: arial, helvetica, sans-serif;
			font-size: 12px;
		}
		
		#content.list{
			margin-left: 15px;
			margin-top: 60px;
			width: 625px;
		}
		
			#content.list h2{
		    	font-size: 18px;
		    	margin: 0px; padding: 0px;
		    	color: #0081a3;
		    	font-weight: normal;
		    }
		    
		    #content.list h2 a{
		    	text-decoration: none;
		    }
		    
		    #content.list .image{
		    	margin: 5px 1em 1em 0px;
		    }

#news{
	float: right;
	margin-top: 0px;
	width: 210px;
	z-index: 6;
}

    #news.content{
    	font-size: 12px;	
		line-height: 16px;
    }
    
    #news.content p{
    	margin: 0px 0px 0.5em 0px;
		padding: 0px;
    }
    
    #news.content img{
    	margin: 0px 0px 0.5em 0px;
		padding: 0px;
    }
    
    #news.content h3{
    	font-size: 14px;
    	margin: 0px; padding: 0px;
    	color: #0081a3;
    	font-weight: bold;
    }
    
    #news.content a{
    	text-decoration: none;
    	font-style: italic;
    }
    
    #news.content h3 a{
    	font-style: normal;
    }
    
    #news.content a:hover{
    	
    }
    
    #news.content .line{
    	height: 14px;
    	width: 210px;
    	background: url('../img/newsline.gif') 0px 2px no-repeat;
    }

#footer{
	position: absolute;
	margin-top: -10000px;
	margin-left: 0px;
	width: 900px;
	height: 59px;
	background: url('../img/footer.gif') bottom left no-repeat #ffffff;
	padding-top: 20px;
	z-index: 1;
	font-size: 0px;
}

	#footer img{
		float: left;
	}

	#footer1{
		position: absolute;
		margin-left: 70px;
	}
	
	#footer2{
		position: absolute;
		margin-left: 435px;
	}
	
	#footerlines{
		position: absolute;
		margin-top: 48px;
		margin-left: 0px;
		width:902px;
		height: 10px;	
		z-index: 10;
	}