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

body, html {
	margin:0;
	padding:0;
	overflow:hidden;
	color: #999;
	width: 100%;
	height: 100%;
	background: #000;
}

.form{
	background: #fff;
	margin: 50px auto;
	padding: 50px;
	text-align: center;
}

#container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 100%;
	max-width: 800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#flash-container{
	position: absolute;
	top: 0;
	bottom: 50px;
	width: 800px;
}

#footer{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}
	
#button-container{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	height: 50px;
	width: 560px;
}

.button{
	margin: 10px;
	padding: 0;
	color: #fff;
	float: left;
	width: 120px;
	height: 30px;
}

.button a{
	text-decoration: none;
	width: 120px;
	height: 30px;
	display: block;
}


#button-1{
	background: url(images/button1.jpg);
}

#button-1:hover,
#button-1.active{
	background: url(images/button1_hover.jpg);
}

#button-2{
	background: url(images/button2.jpg);
}

#button-2:hover,
#button-2.active{
	background: url(images/button2_hover.jpg);
}

#button-3{
	background: url(images/button3.jpg);
}

#button-3:hover,
#button-3.active{
	background: url(images/button3_hover.jpg);
}

#button-4{
	background: url(images/button4.jpg);
}

#button-4:hover,
#button-4.active{
	background: url(images/button4_hover.jpg);
}

#button-5{
	background: url(images/button5.jpg);
}

#button-5:hover,
#button-5.active{
	background: url(images/button5_hover.jpg);
}

.veld{
	width: 200px;
}