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

body, div, img, p, h1, h2, h3, h4, h5, h6, a, input, ul, li					{ margin: 0px; padding: 0px; }

body																		{ background-color:#ebebeb; font-family: Arial, Helvetica, sans-serif;}

a:link																		{ color: #6599cf; text-decoration: none; }
a:visited																	{ color: #6599cf; text-decoration: none; }
a:hover																		{ color: #424242; text-decoration: none; }
a:active																	{ color: #6599cf; text-decoration: none; }

#container																	{ width: 937px; background: #FFFFFF; margin: 0px auto; padding: 5px 0px 5px 0px; }

	
	#header																		{ padding-right: 10px; }
		#header	h1																{ color: #0499b7; font-size: 60px; font-family: Myriad Pro, Arial, Helvetica; padding: 0px 0px 0px 15px; }
	
	#nav																	{ width: 917px; background: #00adbd; background-image:url(../images/balk.jpg); padding: 0px 0px 0px 20px; font-weight: bold; }
		#nav ul li																{ float: left; height: 26px; list-style: none; font-size: 12px; color: #FFFFFF; padding: 10px 0px 0px 0px; }
				#nav a																{ height: 26px; padding: 10px 20px 10px 20px; }
					#nav a:link															{ color: #FFFFFF; text-decoration: none; }
					#nav a:visited														{ color: #FFFFFF; text-decoration: none; }
					#nav a:hover														{ color: #FFFFFF; text-decoration: none; }
					#nav a:active														{ color: #FFFFFF; text-decoration: none; }
						#nav ul li:link															{ height: 26px; }
						#nav ul li:visited														{ height: 26px; }
						#nav ul li:hover														{ background-color: #f78307; height: 26px; }

                                #nav ul li:active														{ background-color: #8cd1ec; height: 26px; }
				.nav_active														{ background-color: #8cd1ec; height: 26px; }
						
	#content																{ padding: 15px 50px 0px 20px; height: auto; font-size: 11px; }
		#content h2																{ color: #fe7700; font-size: 26px; padding: 10px 0px 5px 0px; }
		.input-text																{ height: 30px; border: 1px solid #E4EFF1; background: #F6FBFC; font-size: 20px; padding-top: 3px; }
		.input-submit															{ height: 34px; background: #6FC327; border: none; padding: 0px 25px 0px 25px; color: #FFFFFF; cursor: pointer; }
		
	#footer																	{ padding: 10px 0px 5px 0px; border-top: dotted 1.5px #000000; width: 897px; margin: 0px auto; font-size: 12px; }
ul#faq li {
        padding:                8px 0 0;
        overflow:               hidden;
list-style-type:none;  
    }
    
    ul#faq h3 {
        color:                  #538fdc;
        font-size:              13px;
        line-height:            20px;
        letter-spacing:         0;
        cursor:                 pointer;
    }
    
    ul#faq h3.scrollable {
        background:             transparent url("http://www.surf-hier.com/faqimages/right.png") left center scroll no-repeat;
    }
    
    ul#faq h3.open {
        background-image:       url("http://www.surf-hier.com/faqimages/down.png");
    }
    

		
div.succes{
	background: #F3FFC6;
	color: #96BE00;
	padding: 7px;
	overflow: hidden;
	border: 1px solid #A1CC00;
}
div.succes a{
	color: #96BE00;
}

		/*Meldingen*/
div.error{
	background: #FFF1F0;
	color: #E90E00;
	padding: 7px;
	overflow: hidden;
	border: 1px solid #FF867E;
}
div.error ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
.logo
	{
		background-image: url("http://www.surf-hier.com/images/header.jpg");
		background-repeat: no-repeat;
		width: 937px;
		height: 261px;
	}

.speedbar{
	margin: 0; 
	margin-right: 4px; 
	list-style: none; 
	display: block; 
	float: left; 
	padding: 1px; 
	width: 100px; 
	height: 10px; 
	border: #999 solid 1px;
}
.speedbar li{
	clear: left;
	height: 10px;
	padding: 0; 
	margin: 0;
	float: left;
}
thead{
font-size:11px;
font-weight:bold;
background:url(http://www.surf-hier.com/images/english/content-header-bar.png) repeat-x;
}

#proxybox{
border:1px solid #bbbbbb;
border-bottom:2px solid #bbbbbb;
background: #fff url(http://www.surf-hier.com/images/english/proxy-box-bg.png) repeat-x bottom;
padding:13px 13px 25px 13px;
font-size:12px;
margin-bottom:17px;
}
#proxybox p{
background:#ffe9e9;
padding:5px;
border:1px solid #f1bebe;
}
div#header ul#talen{
	margin: 0px;
	padding: 0px;
	float: right;
	list-style-type: none;

}
div#header ul#talen li a img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
div#header ul#talen li a img:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
}
div#header ul#talen li{
	float: left;
	padding-top: 2px;