#container { position:absolute; top:0px; left:0px; width:100%; min-height:100%; height:auto !important; height:100%;}
#frame { position:relative; width:950px; height:600px; background:url(img/layout/bg.png) bottom right no-repeat; margin:auto;}

#top { position:relative; margin-top:25px; left:0px; width:100%; height:275px;}
#top_left { position:relative; float:left; width:260px; height:235px; padding:20px; background:#95a1aa; margin-right:25px; color:#ffffff;}
#top_left .quote { position:absolute; width:260px; font-family:'avenir_light','arial',sans-serif; bottom:48px; font-size:23px; line-height:27px;}
#top_left .quote_writer { position:absolute; bottom:20px; font-size:16px;}
#top_right { position:relative; float:left; width:625px; height:100%; background:#77787a;}
#top_right div { position: relative; width:100%; height:100%; background:center center no-repeat;}
#top_right a { position: absolute; top: 25px; right: 25px;}

#main_nav { position:relative;}
#main_nav h1 { position:relative; float:left; margin:0px 30px 0px 0px; padding:25px; cursor:pointer;}
#main_nav h1 a { position:relative; font-size:14px; text-decoration:none;}
#main_nav h1.main_nav_active a { color:#e31937;}
#main_nav h1.main_nav_passive a { color:#95a0a9;}
#main_nav h1.main_nav_passive:hover a { color:#576470;}
#main_nav h1.first { padding-left:0px;}
#main_nav h1.last { padding-right:0px; margin-right:0px; float:right;}
#main_nav a:hover { text-decoration:none;}

#content { position:relative;}

#left { position:relative; float:left; width:300px; height:305px; margin-right:25px;}
#left h1 { position:relative; float:right; top:73px; padding-top:5px;}
#left a.logo { position:absolute; display:block; width:210px; height:66px; top:225px; left:-2px; background:url(img/layout/logo.png) no-repeat;}
#left a.maps { position:absolute; top:100px; right:0px;}

#right { position:relative; float:left; width:625px; height:288px;}

#download { position:absolute; bottom:40px; right:0px; text-align:right;}
#download a:link, #download a:visited { text-decoration:none;}

/*
a.medewerker { position:relative; display:block; width:120px; height:120px; float:left; margin-right:5px; background:center center no-repeat #95a1aa; cursor:pointer;}
#medewerker { position:relative; top:20px; font-size:11px; line-height:14px;}
#medewerker span { font-size:12px; line-height:16px;}
*/
a.medewerker { position:relative; display:block; width:73px; height:110px; float:left; margin-right:5px; background:center center no-repeat #95a1aa; cursor:pointer;}
a.medewerker_8 { margin-right:0px;}
#medewerker { position:relative; top:20px; font-size:11px; line-height:14px;}
#medewerker span { font-size:12px; line-height:16px;}


a.route:link, a.route:visited { position:relative; display:block; width:264px; height:15px; padding:7px 8px 5px 8px; margin-bottom:5px; background:#95a1aa; color:#ffffff; text-decoration:none;}
#route { position:absolute; top:0px; right:0px; width:320px; padding:7px 10px; background:#e7eaed; font-size:11px; line-height:15px;}
#route .print_title { display:none;}
#route .print { position:relative; display:block; float:left; margin-right:5px; margin-bottom:-5px; width:47px; height:14px; background:url(img/layout/print.jpg) no-repeat; cursor:pointer;}

#contact_form { position:relative; float:left; width:500px; min-height:200px;}
form span { position:relative; float:left; width:120px; height:10px; clear:both; line-height:22px;}
form input { position:relative; float:left; width:333px; padding:4px 5px; border:1px solid #c5c5c5; margin-bottom:6px; color:#555555;}
form textarea { position:relative; float:left; width:333px; padding:4px 5px; border:1px solid #c5c5c5; margin-bottom:6px; height:100px; font:12px arial; color:#555555;}
form .form_button { font-weight:normal; left:272px; font-size:12px; font-family:'arial',sans-serif; width:73px; height:26px; background:url(img/layout/verstuur.png) no-repeat; cursor:pointer; border:none; padding-bottom:7px; background:#2a407d; color:#ffffff;}
form .form_button:hover { text-decoration:underline;}
form span.error_class { color:#fb0301;}

#footer { position:absolute; width:625px; bottom:0px; height:18px;}
#footer span { position:relative; margin-right:19px; float:left;}
#footer span.last { position:relative; margin-right:0px; float:right;}

hr { position:relative; width:100%; height:1px; margin:15px 0px; border:none; background:url(img/layout/line.png) no-repeat;}
ul { padding:0px; margin:0px; margin-left:14px;}
li { padding:0px;}

h1 { font-size:21px; font-family:'melbourne_reg','arial',sans-serif; font-weight:normal; margin:0px 0px 15px 0px; color:#e31937; text-transform:uppercase;}

@font-face {
	font-family:'melbourne_reg';
	src:url('fonts/melbourne_reg-webfont.eot');
	src:local('☺'),
		url('fonts/melbourne_reg-webfont.woff') format('woff'),
		url('fonts/melbourne_reg-webfont.ttf') format('truetype'),
		url('fonts/melbourne_reg-webfont.svg#webfontyqRc1MSY') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'melbourne_bold';
	src:url('fonts/melbourne_bold-webfont.eot');
	src:local('☺'),
		url('fonts/melbourne_bold-webfont.woff') format('woff'),
		url('fonts/melbourne_bold-webfont.ttf') format('truetype'),
		url('fonts/melbourne_bold-webfont.svg#webfontyqRc1MSY') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'avenir_roman';
	src:url('fonts/avenir_roman-webfont.eot');
	src:local('☺'),
		url('fonts/avenir_roman-webfont.woff') format('woff'),
		url('fonts/avenir_roman-webfont.ttf') format('truetype'),
		url('fonts/avenir_roman-webfont.svg#webfontyqRc1MSY') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'avenir_light';
	src:url('fonts/avenir_light-webfont.eot');
	src:local('☺'),
		url('fonts/avenir_light-webfont.woff') format('woff'),
		url('fonts/avenir_light-webfont.ttf') format('truetype'),
		url('fonts/avenir_light-webfont.svg#webfontyqRc1MSY') format('svg');
	font-weight:normal;
	font-style:normal;
}

html,body {
	background:#ffffff;
	font-family:'avenir_light','arial',sans-serif;
	font-size:12px;
	line-height:16px;
	color:#76828c;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
html { height:100%; overflow-y:scroll;}

p { margin:0px;}
.clearboth { clear:both;}

a:link, a:visited, a:active { color:#76828c; outline:none; text-decoration:none;}
a:hover { color:#576470;}