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

body {	
	background: url(../media/images/ml-achtergrond.gif) repeat-x;
	color: #ffffff;
	font-family: tahoma, sans-serif;
	margin: auto;
	text-align: center;
	}	

#helpdesk{
	width: 950px;
	text-align:center;
	margin: auto;
	}

#wrapper {
	width: 950px;
	height: 534px;
	background-color: #000000;
	margin: auto;
	margin-top:30px;
	text-align: center;
	border: solid 2px #ffffff;
	}
	
#balkboven {
	width: 937px;
	height: 47px;
	background: url(../media/images/balkboven.png) repeat-x;
	padding-left: 13px;
	}

@keyframes flashing_text
{
0%   {color: #FFD300;}
50% {color: #FFA000;}
100% {color: #FFD300;}
}

@-moz-keyframes flashing_text
{
0%   {color: #FFD300;}
50% {color: #FFA000;}
100% {color: #FFD300;}
}

@-webkit-keyframes flashing_text
{
0%   {color: #FFD300;}
50% {color: #FFA000;}
100% {color: #FFD300;}
}

#balkboven p {
	display: block;
	float: left;
	color: #FFD300;
	margin-left: 3px;
	margin-top: 16px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	animation: flashing_text 1s linear 0s infinite normal;
	-moz-animation: flashing_text 1s linear 0s infinite normal;
	-webkit-animation: flashing_text 1s linear 0s infinite normal;
}

#balkboven a {
	display: block;
	float: left;
	height: 33px;
	margin-top: 10px;
	}
	
#balkboven a span{
	display: none;
	}
	
#balkboven a#btn01{
	width: 100px;
	background: url(../media/images/contact.png);
	}
	
#balkboven a#btn01:hover{
	background-position: 0px -43px;
	}
	
#balkboven a#btn02{
	width: 105px;
	background: url(../media/images/vacatures.png);
	}
	
#balkboven a#btn02:hover{
	background-position: 0px -43px;
	}
	
#balkboven a#btn03{
	margin-left: 5px;
	width: 125px;
	background: url(../media/images/adverteren.png);
	}
	
#balkboven a#btn03:hover{
	background-position: 0px -43px;
	}

a span {
	display: none;
}

a#btnHelpdesk{
	display:block;
	position:relative;
	left: 85%;
	width: 114px;
	height: 113px;
	background: url(../media/images/button_helpdesk.png) no-repeat;
	}
	
a#btnHelpdesk:hover{
	background-position: -117px 0px;
	}
	
#video {
	width: 950px;
	height: 233px;
	background: url(../media/images/VideoLaunchpage.jpg) no-repeat;
	z-index:-1;
	}
	
#content {
	display: block;
	float: left;
	width: 950px;
	height: 257px;
	background: url(../media/images/balkonder.jpg);
	}
	
#buttons a span {
	display: none;
	}
	
#buttons {
	display: block
	float: center;
	width: 907px;
	height: 100px;
	padding-left: 25px;
	padding-top: 150px;
	margin: 0px;
	}
	
#buttons a {
	display: block;
	float: left;
	height: 43px;
	}
	
#buttons a#btn01{
	width: 281px;
	background: url(../media/images/Launchpage-buttons.png);
	}
	
#buttons a#btn01:hover{
	background-position: 0px -43px;
	}
	
#buttons a#btn02{
	width: 346px;
	background: url(../media/images/Launchpage-buttons.png);
	background-position: -281px 0px;
	}
	
#buttons a#btn02:hover{
	background-position: -281px -43px;
	}
	
#buttons a#btn03{
	width: 280px;
	background: url(../media/images/Launchpage-buttons.png);
	background-position: -627px 0px;
	}
	
#buttons a#btn03:hover{
	background-position: -627px -43px;
	}
	
#buttons #dropdown{
	margin-top: 1px;
	}
	
#webapplicatie {
	background: url(../media/images/bg_webapplicatie.jpg);
	width:500px;
	height:200px;
	text-align:center;
	line-height:6.2em;
	}
	
#webapplicatie a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-size: 24pt;
	text-shadow: #000000 2px 2px 3px;		
	}
	
#webapplicatie a:hover {
	color:#cbb216;
	}