@charset "UTF-8";

body, html {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #6d6e71;
	background: #FFF;
}

input {
	border: 1px solid #6d6e71;
	background: #FFFFFF;
	color: #6d6e71;
}

.page {
	position: absolute;
	width: 1000px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -500px;
	background-repeat: no-repeat;
	z-index: 1;
}

#transparent_overlay {
	position: absolute;
	width: 1000px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-top: -300px;
	margin-left: -500px;
	background: #FFFFFF;
	visibility: hidden;
	z-index: 3;
}

#popup_container {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -200px;
	margin-left: -200px;
	width: 400px;
	height: 400px;
	visibility: hidden;
	z-index: 4;
}

#popup_container #popup_title {
	position: relative;
	width: 400px;
	height: 32px;
	background: url("../images/popup_title.png");
}

#popup_container #popup_title span#titel {
	position: relative;
	width: 330px;
	margin-left: 24px;
	font-size: 12px;
	line-height: 32px;
	color: #FFFFFF;
	font-weight: bold;
}

#close {
	position: absolute;
	left: 367px;
	top: 9px;
	width: 15px;
	height: 15px;
}

#popup_container #popup_content {
	position: relative;
	width: 376px;
	height: 343px;
	padding-top: 0;
	padding-left: 24px;
	margin-right: -24px;
	background: url("../images/popup_background.png");
	background-repeat: repeat;
}

#popup_container #popup_faq {
	position: relative;
	width: 400px;
	height: 22px;
	padding-top: 0;
	padding-left: 0;
	margin-right: -24px;
	padding-bottom: -1px;
	background: url("../images/popup_background.png");
	background-repeat: repeat;
}

#popup_container #content_div {
	position: relative;
	width: 374px;
	height: 343px;
	overflow: auto;
}

#popup_container #popup_footer {
	position: relative;
	width: 400px;
	height: 9px;
	background: url("../images/popup_bottom.png");
}

#landing_page {
	background: url("../images/landing_background.jpg");
}

#werkgever_page {
	background: url("../images/werkgever_background.jpg");
}

#werknemer_page {
	background: url("../images/werknemer_background.jpg");
}

#home {
	position: absolute;
	width: 717px;
	height: 83px;
	left: 8px;
	top: 38px;
}

#content {
	position: relative;
	width: 630px;
	height: 80px; 
	margin-top: 157px;
	margin-left: 48px;
}

#winnaar {
	position: absolute;
	top: 250px;
	left: 500px;
	width: 125px;
	height: 125px
}

#winnaar_wg {
	position: absolute;
	top: 325px;
	left: 450px;
	width: 125px;
	height: 125px;
	z-index: 2;
}

#logo_container {
	position: absolute;
	left: 39px;
	top: 507px;
	width: 234px;
	height: 41px;
	z-index: 1;
}

#athlon {
	float: left;
	width: 136px;
	height: 41px;
	border: 0;
	background: url("../images/athlon.png");
}

#NeM {
	float: right;
	width: 73px;
	height: 31px;
	margin-top: 10px;
	border: 0;
	background: url("../images/NeM.png");
}

.popup_link {
	position: absolute;
	left: 112px;
	width: 540px;
	height: 36px;
	line-height: 20px;
	z-index: 1;
}

.popup_link .h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #004685;
}

.popup_link a {
	font-size: 12px;
	text-decoration: none;
	color: #708fb6;
}

#footer {
	position: absolute;
	left: 7px;
	bottom: 5px;
	width: 984px;
	height: 15px;
	font-size: 9px;
}

#footer span.links a {
	color: #6d6e71;
	text-decoration: none;
}

#footer span.links {
	float: left;
}

#footer span.links a:hover {
	text-decoration: underline;
}

#footer span {
	float: right;
}

.hidden {
	visibility: hidden;
	text-decoration: none;
	border: 0;
}

/*Landing*/
#link_container {
	position: absolute;
	left: 8px;
	top: 259px;
	width: 516px;
	height: 208px;
	z-index: 1;
}

#link_container a#werkgever {
	float: left;
	width: 258px;
	height: 208px;
	background: url("../images/werkgever.png");
}

#link_container a#werknemer {
	float: left;
	width: 258px;
	height: 208px;
	background: url("../images/werknemer.png");
}

/*Werkgever*/
a#contact_maken {
	position: absolute;
	left: 701px;
	top: 162px;
	
	width: 250px;
	height: 214px;
	
	z-index: 1;
}
a#bellen {
	position: absolute;
	left: 711px;
	top: 316px;
	width: 231px;
	height: 15px;
	z-index: 1;
}

a#afspraak {
	position: absolute;
	left: 711px;
	top: 334px;
	width: 231px;
	height: 15px;
	z-index: 1;
}

a#vraag {
	position: absolute;
	left: 711px;
	top: 352px;
	width: 231px;
	height: 15px;
	z-index: 1;
}

#milieuwinst {
	top: 259px;
}

#lage_kosten {
	top: 306px;
}

#verantwoord {
	top: 354px;
}

#co2calculator {
	position: absolute;
	top: 422px;
	left: 8px;
	width: 380px;
	height: 44px;
	background: url("../images/calculator.png");
	z-index: 1;
}

#groenlicht {
	position: absolute;
	left: 614px;
	top: 521px;
	width: 337px;
	height: 33px;
	background: url("../images/groenlicht.gif");
	z-index: 1;
}

/*werknemer*/
#nieuwe_auto {
	top: 259px;
}

#inclusief_alles {
	top: 306px;
}

#superzuinig {
	top: 354px;
}

#file {
	position: absolute;
	left: 212px;
	top: 378px;
	width: 268px;
	height: 34px;
	background: url("../images/file.png");
}

#reken_uit {
	position: absolute;
	left: 8px;
	top: 421px;
	width: 648px;
	height: 47px;
	background: url("../images/rekenuit.png");
	z-index: 2;
}

#vertel_verder {
	position: absolute;
	left: 757px;
	top: 516px;
	width: 198px;
	height: 46px;
	background: url("../images/vertelverder.png");
	z-index: 2;
}

#flash {
	position: absolute;
	left: 612px;
	top: 222px;
	width: 380px;
	height: 350px;
	z-index: 1;
    background: url('../images/werknemer_car.png') no-repeat;
    _background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/werknemer_car.png');
    
}

/*FAQ popup*/
.question {
	text-decoration: none;
	font-weight: bold;
	color: #004685;
}

.question:hover {
	text-decoration: underline;
	color: #004685;
}

.answer {
	display: none;
}

.answer a {
	color: #004685;
}