/* Navigatie Bovenkant
------------------------------------------------------------------------------------------ */

#toplinks {
	margin: auto;
	width: 1001px;
	height: 4px;
	position: relative;
}
#shortcuts {
	position: absolute;
	top: 0px;
	right: 8px;
	width: 460px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 997;
	background: #2e2f35;
}

#shortcuts ul {
	float: left;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 10px;
	}
#shortcuts ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	line-height: 16px;
	text-transform: uppercase;
	font-size: 10px;
	border-right: 1px solid #7b8085;
	}
#shortcuts ul li:last-child {
	border: 0px;
}
#shortcuts ul li a:link, #shortcuts ul li a:visited {
	font-family: 'PT Sans', arial, serif; 
	color: #7b8085;
	font-size: 10px;
	line-height: 16px;
	display: inline;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
	font-weight: normal;
	}
	
#shortcuts ul li a:hover, #shortcuts ul li a:active{ 
	color: #e0992d;
	text-decoration: none;

}

#shortcuts ul li a.actief:link, #shortcuts ul li a.actief:visited, #shortcuts ul li a.actief:hover {
	color: #e0992d;
	text-decoration: none;
}

#shortcuts ul.dingen {
	float: right;
	position: relative;
	margin: 0px 13px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#shortcuts ul.dingen li {
	border: 0px;
}

#shortcuts ul.dingen li a.direct {
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	color: #fff;
	font-size: 0px;
	line-height: 35px;
	text-decoration: none;
	background: #b4003d;
	padding: 0px;
	margin: 5px 0px 0px 0px;
		-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.2s ease-out; 
}

#shortcuts ul.dingen li a.open {background: url(../images/arrow_open.gif) no-repeat 0px -35px;}
#shortcuts ul.dingen li a.close {background: #b4003d url(../images/arrow_close.gif) no-repeat 0px 0px; ;}
#shortcuts ul.dingen li a.open:hover {background: #b4003d url(../images/arrow_open.gif) no-repeat 0px 0px; }
#shortcuts ul.dingen li a.close:hover {background: #b4003d url(../images/arrow_close.gif) no-repeat 0px -35px; }

#shortcuts ul.dingen li a.direct span {
	position: absolute;
	top: 5px;
	right: 35px;
	font-family: 'PT Serif', Georgia,arial, serif; 
	color: #fff;
	font-size: 14px;
	width: 95px;
	height: 35px;
	background: #009ed7;
	text-transform: none;
	padding: 0px 0px 0px 0px;
	text-align: right;
	cursor: pointer;
}


a.flag_ned:link, a.flag_ned:visited {
	position: absolute;
	top: 0px;
	right: 214px;
	width: 30px;
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 29px;
	font-size: 0px;
	text-decoration: none;
	background:  url("../images/flags_zndr.gif") no-repeat -20px 0px;
	border: 0px solid red;
}
a.flag_dui:link, a.flag_dui:visited {
	position: absolute;
	top: 0px;
	right: 184px;
	float: right;
	width: 30px;
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 29px;
	font-size: 0px;
	text-decoration: none;
	background:  url("../images/flags_zndr.gif") no-repeat -70px 0px;
	border: 0px solid red;
}
a.flag_eng:link, a.flag_eng:visited {
	position: absolute;
	top: 0px;
	right: 154px;
	float: right;
	width: 30px;
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 29px;
	font-size: 0px;
	text-decoration: none;
	background:  url("../images/flags_zndr.gif") no-repeat -120px 0px;
}


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* sliding panel */
#toppanel {
    position: relative;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 200px;
	color: #fff;
	
	background-color: #2e2f35;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	}

#panel h4 {
	font-family: 'PT Serif', Georgia,arial, serif;
	font-size: 22px;
	padding: 5px 0 10px;
	margin: 0;
	color: #fff;

}


#panel p {
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
	line-height: 17px;
}

	a.panel_more:link, a.panel_more:visited { 
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 18px;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	z-index: 997;
	font-weight: bold;
	cursor: pointer;
	background: url("../images/arrow_white.png") no-repeat 0px 4px;
	position: relative;
	 -moz-transition: all 0.1s ease-out;  /* FF3.7+ */
       -o-transition: all 0.1s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.1s ease-out;  

}
a.panel_more:hover {
	background: #b4003d url("../images/arrow_white.png") no-repeat 3px 4px;

}


#panel .content {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #fff;
}

#panel .content .left {
	width:960px;
	height: 180px;
	float: left;
	padding: 20px 0px 0px 40px;
	font-size: 12px;
	background: none;
	color: #fff;
}