html {
	height : 100%;
}

body {
	background : #ca0000 url('../img/bg.jpg') -2px 0px no-repeat;
	color : #000;
	font-family : Calibri, Tahoma, sans-serif;
	font-size : 13px;
	height : 100%;	
	line-height: 150%;
}

#container, #header { width: 1061px; }
#container {
	display : block;
	margin : 0px;
	height: 100%;
}

#header {
	height: 260px;
	position: relative;
}
/*
	#logo {
		width: 97px;
		height: 32px;
		position: absolute;
		left: 30px;
		top: 55px;
	}
	*/
	
	#logo {
		width:192px;
		height: 78px;
		position: absolute;
		left: 58px;
		top: 260px;
	}
	
	#topmenu {
		overflow: hidden;
		height: 20px;
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 8px;
		left: 321px;
		list-style-type: none;
	}
	
		#topmenu li {
			height: 20px;
			line-height: 20px;
			text-transform: lowercase;	
			font-size: 15px;
			float: left;
			padding: 0px 10px 0px 0px;
		}
		
		#topmenu li a, #topmenu li a:visited, #topmenu li a.active {
			text-decoration: none;
			color: #bbaeaf;
		}
		
		#topmenu li a:hover {
			color: #000;
		}
	
	#menu {
		width: 150px;
		height: 219px;
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 52px;
		left: 132px;
		list-style-type: none;
	}
	
		#menu li {
			height: 23px;
			width; 110px;
			text-align: right;
			line-height: 18px;
			text-transform: lowercase;	
			font-size: 15px;
			padding-right: 7px;
		}
		
		#menu li .pijl {
			float: right;
			width: 16px;
			height: 16px;
			margin: 6px 0px 0px 6px;
			background: url('../img/pijlen.png') no-repeat;
			background-position: -0px 0px;
		}
		
		#menu li .pijl.rood {
			background-position: -16px 0px;
		}
		
		#menu li .pijl.wit {
			background-position: -32px 0px;
		}
		
		#menu li a {
			color: #fff;
			text-decoration: none;
		}
		
		#menu li a.floatright {
			float: right;
		}
		
		#menu li a:hover {
			text-decoration: none;
		}
		
		#menu li a.current {
			text-decoration: none;
		}
		
	#titel {
		position: absolute;
		left: 321px;
		top: 231px;
		font-size: 19px;
	}
	
	#algemenetitel {
		color: #bbaeaf;
	}
	
	#paginatitel {
		color: #fff;
	}
	
	#afbeeldingrechts {
		position: absolute;
		right: 0px;
		top: 35px;
		width: 229px;
		height: 225px;
	}
	
#floatingbg {
	background: rgba(0,0,0,0.3);
	background-color: #000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	width: 242px;
	padding: 25px 130px 25px 40px;
	height: 175px;
	position: absolute;
	left: 283px;
	top: 35px;
	z-index: 10;
	display: none;
}

#menu .floatingmenu {
	width: 530px;
	padding: 20px 0px 25px 20px;
	height: 180px;
	position: absolute;
	left: 150px; 
	top: -17px;
	z-index: 11;
	display: none;
	list-style-type: none;
	margin: 0px;
	background: url('/img/menu.png');
	background: rgba(0,0,0,0.5);
}

	#menu .floatingmenu li {
		width: 124px;
		height: 20px;
		line-height: 20px;
		float: left;
		color: #eee;
		text-align: left;
		font-size: 13px;
	}
	
	#menu .floatingmenu .extra {
		display: none;
	}
	
	#menu .floatingmenu li a, .floatingmenu li a:active, .floatingmenu li a:visited {
		text-transform: none;
		color: #eee;
		text-decoration: none;
		text-align: left;
		font-size: 13px;
	}
	
	#menu li .floatingmenu li a:hover, .floatingmenu li a.current {
		color: #b3b3b3;
	}
	
#main {
	background: #fff url('../img/tekstvlak_bg.png') 0px -26px no-repeat;
	position: relative;
	overflow: hidden;
	width: 469px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 283px;
	padding: 40px;
}

	#sidebar {
		background: #d9dadb;
		width: 169px;
		height: 100%;
		float: left;
		position: relative;
		padding: 30px 30px 50px 30px;
	}
	
		#sidebar .nieuwsitem {
			color: #717070;
			font-size: 12px;
			font-weight: bold;
			line-height: 135%;
			margin-bottom: 30px;
		}
		
			.sidebarnewsimg {
				max-height: 75px;
				max-width: 95px;
				clear: both;
				display: block;
			}
		
			#sidebar .nieuwsitem .pijl {
				width: 55px;
				height: 55px;
				background: url('../img/nieuwspijlen.png');
				background-position: -55px 0px;
				display: block;
			}
			
			#sidebar .nieuwsitem .pijl.left, #sidebar .nieuwsitem.active .pijl {
				background-position: 0px 0px;
			}
			
			#sidebar .nieuwsitem h1 {
				text-transform: lowercase;
				font-size: 25px;
				padding-bottom: 0px;
				margin-bottom: 4px;
				line-height: 21px;
				font-weight: bold;
				font-family: lucida, calibri, sans-serif;
			}
			
			#sidebar #citaat {
				font-size: 26px;
				font-weight: bold;
				color: #fff;
				line-height: 145%;
			}
			
			#sidebar a, #sidebar a:active, #sidebar a:visited {
				color: #717070;
				text-decoration: none;
			}
			
			#sidebar a:hover, #sidebar .nieuwsitem.active a {
				color: #000;
			}
	
h1 {
	width: 100%;
	display: block;
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
	line-height: 150%;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 3px;
}

a, a:active, a:visited { color: #000; }
a:hover { color: #444; }

#contactform p { padding-left : 0px; }
#contactform label {
    display : block;
    margin : 5px 0 2px 0;
}
#contactform input, .input {
    display : block;
    line-height : 20px;
    width : 300px;
    margin-bottom : 10px;
}
#contactform textarea {
    width : 300px;
    height : 100px;
}


@media (max-width: 1100px) {
        #container, #header { width: 924px;}
        body { background-position: -139px 0;}
        #menu { top: 101px; left: -14px; }
        #main { 
                margin: 0 0 0 146px;
        }
        #topmenu, #titel { left: 186px; }
        #menu .floatingmenu {
                width: 529px;
                left: 160px;
                top: -66px;
        }
		#logo{
			top:-55px;
			left:0px;
		}
		#header{
			margin-top:60px;
		}
}