@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/background_splash.png) repeat-x #fd7100;
	margin: 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}

p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;	
}

#uitleg {
	position:absolute;
	top:550px;
	width:100%;
	text-align:center;
}

#uitleg p{
	font-weight:normal;
	font-size:13px;
}

#container{
	width:960px;
	position:relative;
	margin:auto;
	top:0px;
}

#logo{
	position:absolute;
	top: 70px;
	width:100%;
	height:145px;
	background:url(../images/logo_splash.png) center no-repeat;
}

#optionswrapper{
	position:absolute;
	top: 215px;
	width:100%;
	height:280px;
	background: url(../images/background_splashoptions.png) no-repeat center;
	padding-top:50px;
}

#taalkeuze{
	height:35px;
	width:232;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/taalkeuzeback.png) no-repeat;
	padding-left:20px;
}

#taalkeuze a{
	color:#FFF;
	text-decoration:none;
	margin-right:20px;
	position:relative;
	top:10px;
}

/* top right bottom left */

#option1{
	float:left;
	width:440px;
	margin-left:0px;	
}

#option1 p{
	text-align: right;	
}


#option2{
	float:left;
	width:440px;
	margin-left:80px;

}

#option2 p{
	text-align: left;	
}

#btn_tijdgever{
	float:right;
	margin-top:15px;
	width:236px;
	height:67px;
	text-indent:-2000px;
	background: url(../images/btn_tijdgever.png) left top no-repeat;
	display:block;	
	outline:none;
}

#btn_tijdgever:hover{
	background-position:bottom;
}

#btn_tijdnemer{
	float:left;
	margin-top:15px;
	width:236px;
	height:67px;
	text-indent:-2000px;
	background: url(../images/btn_tijdnemer.png) left top no-repeat;
	display:block;	
	outline:none;
}

#btn_tijdnemer:hover{
	background-position:bottom;
}

#nieuwsbriefbtn {
	position:absolute;
	z-index:20;
	top:70px;
	left:610px;
	width: 130px;
	height:130px;
	background: #000 url(http://time4society.com/images/download_niewsbrief.png);
}