@charset "ISO-8859-1";
html{}
body  {font: 75% Verdana, Arial, Helvetica, sans-serif; background: #333 url(../images/bg_verloop.jpg) repeat-x; margin: 0; padding: 0;text-align: center; color: #000000; line-height:19px}

.thrColFixHdr #container {width: 960px; background: transparent;margin: 0 auto; text-align: left; position:relative; z-index:2; } 

#logo_bg{ position:absolute; z-index:1; display:none}

.thrColFixHdr #header {background: transparent; padding: 15px 10px 12px 20px; position:relative;} 
.thrColFixHdr #header h1 {margin: 0; padding: 10px 0;background:url(../images/Logo-HHC-DIAP_03.png) no-repeat;text-indent:-10000px;width:295px; height:100px;}

#header img.player{ position:absolute; top: 2px; left:350px}

.thrColFixHdr #header #hoofdsponsors{ position:absolute; right:20px; top:20px;}
a img{border:none}

#fotoslider img{display:none}
#fotoslider img.first{display:block}

.thrColFixHdr #navigation { padding: 0; height:40px; margin-bottom:20px;}
.thrColFixHdr #navigation ul{ }
.thrColFixHdr #navigation ul ul{background:#5b7912; margin-top:6px; padding-bottom:5px;}
.thrColFixHdr #navigation li{ padding:0; margin:0;; list-style:none; display:inline;  border: 0px;}
.thrColFixHdr #navigation li.sfHover{ background:#5b7912; color:#FFF;}
.thrColFixHdr #navigation li.sfHover a{ color:#FFF;}
.thrColFixHdr #navigation li a{ text-decoration:none; padding:11px 13px 10px; color:#fff; font-weight:normal; text-transform:uppercase; border-right: 1px solid #4A5E23; font-weight:bold}
.thrColFixHdr #navigation li a:hover{ background:#5b7912; color:#FFF;}
.thrColFixHdr #navigation li a.active{ background:#FFF; color:#59231A; border:none;}
.thrColFixHdr #navigation ul ul li a{ border-top: 1px dashed #59231a; color:#FFF; font-size:14px; font-weight:normal; padding: 4px 13px 8px; text-transform:none}
.thrColFixHdr #navigation ul ul li:first-child a{ border-top: none;}
.thrColFixHdr #navigation ul ul li a:hover{ background:#5b7912; color:#000;}


.thrColFixHdr #sidebar1 {float: left;	width: 170px; background: transparent; padding: 15px 10px 15px 15px; }
.thrColFixHdr #sidebar1 p { color:#FFF;}
.thrColFixHdr #sidebar1 h3 {color:#F90; font-style: italic; margin-bottom:0;}
.thrColFixHdr #sidebar1 img { border:3px solid #FFF; margin-top:3px}
.thrColFixHdr #sidebar1 a img { border:none; margin-top:3px}
.thrColFixHdr #sidebar1 a { text-decoration:none; color:#999; font-size:11px; font-weight:bold;}
.thrColFixHdr #sidebar1 a:hover { text-decoration:underline;}
h4.date{margin:0; padding:0; color:#999; font-style:italic; font-size:11px; font-weight:normal;}

span.splitter{ height:0px; border-top:1px solid #777; border-bottom:1px solid #DDDDDD; display:block; margin-top:15px;}
div.nieuws {border-bottom:1px solid #DDDDDD;}

.thrColFixHdr #sidebar2 {float: right; width: 200px;background: none;}

.thrColFixHdr #sidebar2 span.splitter{border-bottom:1px solid #777777; border-top:1px solid #444444; display:block; height:0; margin:7px 0 3px;}


.thrColFixHdr #sidebar2 #programma {background: url(../images/sidebar2_bg.png) repeat; padding: 15px 10px 15px 20px;margin-bottom:5px}
.thrColFixHdr #sidebar2 #programma h3 {color:#FFF;}
.thrColFixHdr #sidebar2 #programma ul{ padding:0; margin:0;}
.thrColFixHdr #sidebar2 #programma li{ list-style:square; color:#5b7912;}
.thrColFixHdr #sidebar2 #programma li a{color:#FFF; text-decoration:none;}
.thrColFixHdr #sidebar2 #programma li a:hover{color:#FFF; text-decoration:underline;}

.thrColFixHdr #sidebar2 #video {background: none; height:200px;}
.thrColFixHdr #sidebar2 #video img{ background:#eee; border:1px solid #666; padding:5px; margin:5px}
.thrColFixHdr #sidebar2 #video ul{padding:0; margin:0;}
.thrColFixHdr #sidebar2 #video li{ list-style:square; color:#FFF;}
.thrColFixHdr #sidebar2 #video li a{color:#FFF; text-transform:uppercase;}

.thrColFixHdr #sidebar2 #overig {background: none; padding: 15px 10px 15px 20px;}

.thrColFixHdr #mainContent {margin:0 205px 0 200px; padding:10px 10px 160px 10px; background:#FFF;} 
.thrColFixHdr #mainContent h2{color:#59231A; }
.thrColFixHdr #mainContent span.splitter{border-bottom:1px dotted #5B7912; display:block; height:0; margin:7px 0 3px;}

.thrColFixHdr #footer {padding: 0; background:#5B7912; width: 100%; margin: 0; color:#333;} 
.thrColFixHdr #footer p {margin: 0;	padding: 10px 0;}
.thrColFixHdr #footer a { color:#333}
	
	
.fltrt { 	float: right; margin-left: 8px;}
.fltlft { float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}