/* CSS Document */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:url(../images/bg_main.jpg) 0 0 no-repeat #000000;
	color:#FFFFFF;
}


html, body{
	min-height:100%;
	height:100%;
	width:100%;
	position:absolute;
	
}

#contain{
	min-height:100%;
	height:100%;

}

html>body, html>body #contain{
	height:auto;
	
}

#inhoud{
	margin:0 0 50px 0;
}

a img{
	border:none;
}

p{
	margin:0 0 15px 0;
	line-height:165%;
	padding:0;
	color:#FFFFFF;
	font-size:70%;
}

h1{
	margin:0 0 15px 0;
	padding:0;
	color:#D6004A;
	font-size:140%;
	font-weight:normal;
}

h2{
	margin:0 0 15px 0;
	padding:0;
	color:#D6004A;
	font-size:110%;
	font-weight:normal;
}
h3{
	margin:0;
	padding:0;
	font-size:65%;
	color:#FFFFFF;
	font-style:italic;
}

h4{
	margin:0;
	padding:0;
	font-size:65%;
	color:#FFFFFF;
}

ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;

}

ul li{
	margin:0;
	padding:0 0 0 15px;
	line-height:165%;
	font-size:70%;
	background:url(../images/list.gif) 0 6px no-repeat;

}

ul li a, a{
	color:#D6004A;
	text-decoration:none;
}

ul li a:hover, a:hover{
	text-decoration:underline;
}

ul ul{
	margin:0;
}
ul li ul li, td ul li{
	font-size:100%;
}

td {
	line-height:165%;
	padding:0;
	color:#FFFFFF;
	font-size:70%;
	}


input, textarea{
	border:1px solid #D6004A;
	padding:2px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:280px;
}	

#contactform tr td .noborder{
	width:auto;
	border:none;
}

#contactform tr td{
	padding:3px 15px 3px 0;
}
#contactform tr td input, #contactform tr td textarea{
	width:180px;
}
#contactform tr td .button{
width:120px;
}

.button{
	width:auto;
	padding:2px 5px 2px 5px;
	background-color:#D6004A;
	cursor:pointer;
	
}

.line{
	border-top:1px solid #D6004A;
	margin:3px 0 0 0;
	padding:3px 0 3px 0;
	height:2px;
}

#reactions{
	margin:0 20% 20px 0;
	max-width:700px;
}

#titel{
	position:absolute;
	left:241px;
	top:190px;
	z-index:2;
}
	#titel h2{
		margin:0;
		padding:0;
		color:#ffffff;
		font-size:90%;
		font-weight:normal;
	}
	
	#titel h2 a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#titel h2 a:hover{
		text-decoration:underline;
	}

/* ----------------------------------------------- MENU --------------------------------------------- */

#logo{
	position:absolute;
	left:20px;
	top:0;
}


#flash{
	position:relative;
	margin:0 0 0 207px;
	padding:0;
	height:296px;
}

#menu{
	position:relative;
	float:left;
	margin:0;
	margin:130px 0 200px 0;
	width:207px;
	z-index:22;
}

#sponsors{
	position:absolute;
	top:250px;
	left:40px;
	width:150px;
}

#sponsors img{
	margin:0;
	padding:0 0 7px 0;
	}

#content{
	position:relative;
	margin:-85px 35px 0 240px;
	padding:0 0 10px 0;
	z-index:1;
}

#news{
	float:left;
	width:50%;
}

#news_photo{
 	float:left;
 	padding:5px 20px 20px 0;
}
#news_info{
 	margin-right:20%;
	max-width:700px;
}

	#news .info{
		padding:0 0 0 0;
	}
	
	#news ul li  #news_info ul li{
		background:url(../images/list.gif) 0 7px no-repeat;
	}
	
	#news ul li a, #news_info ul li a{
		color:#FFFFFF;
	}
	
	#news p,  #news_info p{
		margin:0;
	}
	
#navigate{
	text-align:right;
	}
	
	#navigate p{
		text-decoration:none;
		font-size:60%;
		padding:0;
		margin:0;
	}
	#navigate a{
		color:#FFFFFF;
	}

#pictures{
	float:right;
	width:47%;
	border-left:1px solid #D6004A;
	padding:0 0 0 0;
}
	#pictures .spacing{
		padding:0 0 0 40px;
	}
	#pictures .spacing a img {
		border:2px solid #ffffff;
	}
	#pictures .spacing a:hover img {
		border:2px solid #D6004A;
	}

#footer{
	position:absolute;
	right:0;
	bottom:0;
	height:45px;
	padding:55px 25px 0 0;
	background:url(../images/home_bg.gif) right top no-repeat;
}
	#footer p{
		line-height:normal;
		margin:0;
		padding:20px 0 0 0;
	}
	
	#footer p a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#footer p a:hover{
		text-decoration:underline;
	}

.clear{
	clear:both;
	margin:0;
	padding:0;
}
 
#menu ul#nav {
	position:relative;
	margin:0;
	padding:14px 10px 0 0;
	z-index:10;
}

#menu ul#nav li.active a, #menu ul#nav li a.active  {
color:#D6004A;

margin:0;
background:url(../images/menu_li_active.gif) 45px 9px no-repeat;
}

#menu ul#nav li {
	position:relative;
	width:140px; /* Make list items do what they're supposed to in IE6 */
	padding:0;	
	margin:0;
	display:block;
	font-size:75%;
	background:none;

}
#menu ul#nav li a {
	padding:0 29px 0 65px;
	margin:0;
	display:block;
	color:#000000;
	text-decoration:none;	
	line-height:165%;
	background:url(../images/menu_li.gif) 45px 9px no-repeat;
}

#menu ul#nav li a:hover {
	background:url(../images/menu_li_a.gif) 45px 9px  no-repeat;
	color:#D6004A;	
}

#menu ul#nav li ul {
	position:absolute;
	display:none;
	left:138px; /* (1) the width of mainmenu items */
	top:0;
	padding:0;
	margin:0;
	background:#FFFFFF;
	border:1px solid #D6004A;
	z-index:13;
}
#menu ul#nav li ul li{ 
	position:relative;
	float:left;
	display:block;
	padding:0;
	margin:0;
	background:url(../images/menu_li_a.gif) 0 0 no-repeat;
	color:#D6004A;
	font-size:11px;
	line-height:100%;
}

#menu ul#nav li ul li a{
	display:block;
	margin:0;
	padding:4px 10px 6px 20px;
	color:#D6004A;
	text-decoration:none;
	background:url(../images/menu_li_a.gif) #ffffff 5px 12px no-repeat;
	height:14px;
}
#menu ul#nav li ul li a:hover{
	background:url(../images/menu_li_a.gif) #000000 5px 12px no-repeat;
}

/*switch submenu's for full css supporting browsers*/
#menu ul#nav li:hover ul{display:block;}

/*add styles if needed*/