@charset "UTF-8";
/* CSS Document */
	body {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		line-height:16px;
		text-align:left;
		background-color:#979797;
		background-image:url(../images/layout/backgrounds/bg.jpg);
		background-attachment:fixed;
	}
	html, body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
	
	body{
		margin-top: 10px;	
	}
	body>div#addedtomailinglist { 
		position: fixed;
	}
	div#addedtomailinglist {
		position: absolute; left: 0px; top: 0px;
	}
	table {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		line-height:16px;
	}
	td {
		vertical-align:top;	
	}
	img {
		border:0px solid black;	
	}
	/*center align van de div*/
	div#container {
		width:850px;
		text-align:left;
		
		
		position: absolute;
		z-index: 1;
		top: 20px;

		display:block;
		margin-bottom:20px;
		left:50%;
		margin-left:-425px;
	}
	/*bevat het logo + datum*/
	div#topbanner {
		width:837px;
		height:130px;
		padding-left:13px;
	}
	div#topbanner span#date {
		text-align:right;	
		float:right;
		position:absolute;
		top:45px;
		right:0px;
		vertical-align:bottom;
		width:240px;		
		color:#666;
		font-size:10px;
		padding-right:10px;
		
	}
	/*bevat het menu*/
	div#menu {
		background-image:url(../images/layout/menubalk.gif);
		padding-left:20px;
		padding-right:20px;
		height:22px;
		background-position:bottom;
	}
	
	/*content*/
	div#contentcontainer {
		width:880px;		
	}
	div#content {
		width:805px;
		float:left;
		background-color:#FFF;
		border-right:3px solid #8c8c8c;
		padding:15px 20px 20px 20px;
		
	}
	p {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;	
	}
	div#contentbottom2 {
		width:840px;
		float:left;
		height:50px;
		position:relative;
		background-color:#FFF;
		border-right:3px solid #8c8c8c;
		border-bottom:3px solid #666;
		margin-right:1px;
		padding-right:5px;
	}
	div#contentbottom {
		width:820px;
		float:left;
		height:200px;
		position:relative;
		background-color:#FFF;
		border-right:3px solid #8c8c8c;
		border-bottom:3px solid #666;
		padding-right:25px;
	}
	div#label {
		float:left;
		width:25px;
		z-index:10;
		height:20px;
		margin-top:-20px;
		margin-left:-3px;
	}
	
	
	/*
	PAGES
	----------------------------
	| Below is for the subpages |
	----------------------------
	*/
	
	/*left*/
	div#left {
		width:445px;
		float:left;	
	}
	/*right*/
	div#right {
		margin-top:30px;
		width:341px;
		float:right;
	}
	
	div#laatstevakjevacature {
		background-color:#858585;
		margin-top:8px;
		color:#FFF;
		height:76px;
		padding:10px;
		cursor:pointer;
	}
	div#eennalaatstevakjevacature {
		background-color:#a3a3a3;
		margin-top:8px;
		color:#FFF;
		height:76px;
		padding:10px;	
		cursor:pointer;
	}
	div#opticienszoekenvak {
		background-color:#ff9900;
		margin-top:5px;
		color:#000;
		text-transform:uppercase;
		font-weight:bold;
		font-size:12px;
		padding:5px;
		display:inline-block;
	}
	input#zoekreseller {
		font-size:10px;
		border:1px solid black;
		width:250px;
		color:#000;	
	}
	input#submitzoekreseller {
		font-size:12px;
		text-transform:uppercase;
		border:0px solid black;
		width:60px;
		background-color:#F90;
		font-weight:bold;	
	}
	
	/*
	SEARCH
	----------------------------
	| Below is for the searchpages |
	----------------------------
	*/
	div.result {
		padding-left:3px;
		border-top:1px dotted #adadad;
		height:28px;
		padding-top:5px;
		color:#000;
		font-weight:bold;	
		cursor:pointer;
	}
	div.result a {
		color:#666;
		text-decoration:none;
		font-family:Verdana, Geneva, sans-serif;
	}
	div.result a:hover {
		color:#F90;
		text-decoration:none;
		font-family:Verdana, Geneva, sans-serif;
	}
	
	div.result a#active {
		color:#000;
		text-decoration:none;
		font-family:Verdana, Geneva, sans-serif;
	}
	div.showresultsearch {
		background-color:#efefef;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		padding:6px;
	}
	
	div.specialresult {
		padding-left:3px;
		background-color:#F90;
		border-top:1px dotted #adadad;
		height:28px;
		padding-top:5px;
		margin-top:2px;
		color:#000;
		font-weight:bold;	
		cursor:pointer;
	}
	div.specialshowresultsearch {
		background-color:#F90;
		color:#FFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		padding:6px;
	}
	div.specialshowresultsearch a{
		color:#FFF;
	}
	div.specialshowresultsearch a:hover{
		color:#000;
	}
	/*
	Formulieren
	--------------------------------------------
	| contactformulier en addvacatureformulier |
	--------------------------------------------
	*/
	label {
		font-size:12px;
		color:#F90;
		font-weight:bold;
		line-height:20px;
	}
	input{
		border:1px solid black;
		width:250px;
		padding-left:5px;
	}
	textarea {
		border:1px solid black;
		width:390px;
		padding:5px;
	}
	legend {
		font-size:14px;
		color:#666;
		font-weight:bold;
	}
	fieldset {
		border:1px solid #666;	
		padding:20px;
		width:190px;
	}
	input#submit {
		background-color:#FFF;
		width:100px;
		color:#F90;
	}
	
	
	