/* Basis */
html {
	overflow-y: scroll;	
}

html,body {
	height: 100%;	
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body { 					background: url("../images/opbouw/bg.gif") repeat left top; }
p {						margin: 0; padding: 0 0 10px 0 }
h1,h2,h3,h4,h5,h6 { 	margin: 0 0 10px 0; padding: 0; white-space: nowrap; font-size: 22px; }
a { 					color: red; text-decoration: none }
a:hover { 				text-decoration: underline }
img { 					border: none }

h1 { margin-top: 7px }
h2 { display: inline;}
h3 { display: inline; color: #df9e0e; }

.clear { clear:both }

/*-------------- LAYOUT --------------*/
div#wrap {
	width: 894px;
	margin: 0 auto;
	height: auto !important;
	min-height: 100%;
	background: white;
}

	div#header {
		border-bottom: 1px solid #BCBDBE;
		height: 92px;	
		font-size: 11px;
		color: #8b8c8d;
		margin: 0 10px;
		position: relative;
	}
		
		div#lang_bar {
			position: absolute;
			top: 10px;
			right: 0px;
		}
		
			div#lang_bar a img {
				filter: alpha(opacity=50);
				opacity: 0.5;
			}
			
			div#lang_bar a.active img, div#lang_bar a:hover img {
				filter: alpha(opacity=100);
				opacity: 100;
			}
			
						
		div#logo {
			width: 264px;
			height: 23px;
			padding: 35px 0 0 613px;
		}
		
		div#bottom_text {
			padding-top: 10px;
			margin-left: 10px;
		}
		
			div#bottom_text span {
				text-align: center;
				width: 46px;
				display: inline-block;
			}
			div#bottom_text span#first {
				width: 49px;
			}
			
				div#bottom_text ul {
					list-style: none;
					padding: 0;
					margin: 0;
					display: inline;
				}
				
				div#bottom_text li {
					padding: 0;
					margin: 0;
					display: inline;
				}
	
	
			
/*-------------- HOME TEMPLATE --------------*/
	div#content_home {
			position: relative;
			color: #5B616B;
	}
		
		div#content_home div#left {
			float: left;
			width: 370px;
			margin: 13px 0 0 10px;
		}
		
			div#content_home div#left div#left_top {
				width: 270px;
				height: 248px;
				margin: 0 0 0 10px;
			}
			
			div#content_home div#left div#left_bottom {
				background: url("../images/opbouw/blok2_bg.gif") no-repeat left top;
				height: 270px;
				color: #829A11;
    			font-size: 11px;
				padding: 10px 10px 0 10px;
				position: relative;
			}
			
			div#content_home div#left div#left_bottom h1 {
				font-size: 18px;
			}
			
				div#content_home div#left div#left_bottom ul {
					display: inline-block;
					margin: 20px 0 0 190px;
					padding: 0;
					width: 140px;
				}
				
				div#content_home div#left div#left_bottom img#bottom_img {
					position: absolute;
					top: 95px;
					left: 0;
					vertical-align: top;
				}
		
		div#content_home div#menu {
			position: absolute;
			background: url("../images/opbouw/menu_bg.png");
			height: 221px;
			width: 156px;
			top: 43px;
			left: 300px;
		}
		
		div#content_home div#right {
			float: right;
			margin: 10px 10px 0 0;
		}
	
	
	
	
/*-------------- VERVOLG TEMPLATE --------------*/
	div#content_vervolg {
			position: relative;
			color: #5B616B;
	}
		
		div#content_vervolg div#left {
			position: relative;
			float: left;
			width: 595px;
			height: 528px;
			margin: 20px 0 0 10px;
			background: url("/images/opbouw/vervolg_bg.gif") no-repeat left top;
		}
		
			div#content_vervolg div#left div#left_top {
				width: 500px;
				margin: 2px 0 0 10px;
			}
			
			div#content_vervolg div#left div#left_bottom {
					width: 420px;
					height: 170px;
					position: absolute;
					top: 350px;
					left: 160px;
			}
				
			div#content_vervolg div#left img#bottom_img {
				position: absolute;
				top: 352px;
				left: 0px;
				vertical-align: top;
			}
		
		div#content_vervolg div#menu {
			position: absolute;
			background: url("../images/opbouw/menu_bg.png");
			height: 221px;
			width: 156px;
			top: 57px;
			right: 208px;
		}
		
		div#content_vervolg div#right {
			float: right;
			margin: 20px 10px 0 0;
		}
	
	
	
	
	
	
/*-------------- VERVOLG_LANG TEMPLATE --------------*/
	div#content_vervolg_lang {
			position: relative;
			color: #5B616B;
	}
		
		div#content_vervolg_lang div#left {
			float: left;
			width: 595px;
			min-height: 278px;
			height: auto;
			margin: 20px 0 0 10px;
			background: url("/images/opbouw/vervolg_lang_bg.gif") no-repeat left top;
		}
		
			div#content_vervolg_lang div#left div#left_top {
				width: 500px;
				margin: 2px 0 0 10px;
				min-height: 260px;
			}
			
		div#content_vervolg_lang div#left_middle {
			width: 580px;
			background: url("/images/opbouw/vervolg_lang_bg2.gif") repeat-y left top;
			padding: 10px 10px 10px 10px;
			
		}
		
		div#content_vervolg_lang div#left_bottom {
			background: url("/images/opbouw/vervolg_lang_bottom.gif") no-repeat left top white;
			width: 595px;
			height: 7px;
			padding-bottom: 10px;
		}
				
		div#content_vervolg_lang div#menu {
			position: absolute;
			background: url("../images/opbouw/menu_bg.png");
			height: 221px;
			width: 156px;
			top: 57px;
			right: 208px;
		}
		
		div#content_vervolg_lang div#right {
			float: right;
			margin: 20px 10px 0 0;
		}
	
	
		
/*-------------- FOOTER --------------*/
	div#footer a {
		clear: both;
		float: right;
		color: #E0E0E0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 0 12px 10px 0;
		color: #D2D2D2;
	}
	
	
	
	
	
/*-------------- MENU --------------*/
div#menu ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0 10px;
}	

	div#menu li {
		border-bottom: 1px solid #ce8d03;
		margin: 3px 10px;
		padding: 0;
	}

	div#menu li.selected {
		background: url("../images/opbouw/menu_but_ro.gif") no-repeat 0 2px;
	}
	
		div#menu li a {
			color: white;
			display: block;
			text-decoration: none;
			padding: 0 0 2px 12px;
		}
		
			div#menu li a:hover {
				text-decoration: none;
				background: url("../images/opbouw/menu_but_ro.gif") no-repeat 0 2px;
				text-decoration: none;
			}

		div#menu li ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
			div#menu li ul li {
				border: none;
				margin: 0;
				padding: 0 0 5px 0;
			}	
	
			div#menu li ul li.selected {
				background: none;	
			}
	
				div#menu li ul li a {
					font-size: 11px;
					color: #493301;
					border: none;
					padding-bottom: 0;
				}	
					
					div#menu li ul li a:hover {
						background: none;
						text-decoration: underline;
					}