@charset "utf-8";

/* defaults */

#content form {
	margin:0px;
}
#content form p {
	margin:0px;
	line-height:18px;
}
label {
	display:inline-block;
	vertical-align:top;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#000;
}
input[type=text], textarea, select {
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:1px solid #e3e9ef;
	border-right:1px solid #dbdfe6;
	border-left:1px solid #e2e3ea;
	border-top:1px solid #abadb3;
	padding:0px;
}
input[type=radio],
input[type=checkbox] {
	margin:0px 5px 0px 0px;
	width:14px;
	height:14px;
}
a img {
	vertical-align:bottom;
	border:0px;
}
table th,
table td {
	vertical-align:top;
	text-align:left;
}
#content table p {
	margin:0px;
}

/* */


/* #livestream (body) */

#livestream #kabel {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1000;
	width:312px;
	height:20px;
	background-color:#ff0;
	border-top:1px solid #666;
}
#livestream #kabel p {
	margin:0px;
	padding:2px 0px 0px 22px;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#000;
}
#livestream #kabel p strong {
	color:#f00;
}


/* */

html {
	overflow-x:auto;
	overflow-y:scroll;
}

body {
	margin:0px;
	min-height:1080px;
}
.zomer { background:#693 url(/images/zomer/bg.jpg) no-repeat center top; }
.herfst { background:#3f1607 url(/images/herfst/bg.jpg) no-repeat center top; }
.winter { background:#3c4248 url(/images/winter/bg.jpg) no-repeat center top; }
.lente { background:#584223 url(/images/lente/bg.jpg) no-repeat center top; }

#container {
	width:999px;
	overflow:hidden;
	margin:0px auto;
}

#header {
	width:999px;
	height:223px;
	overflow:hidden;
}
.zomer #header { background:url(/images/zomer/sprite.png) no-repeat 290px -489px; }
.herfst #header { background:url(/images/herfst/sprite.png) no-repeat 290px -489px; }
.winter #header { background:url(/images/winter/sprite.png) no-repeat 290px -489px; }
.lente #header { background:url(/images/lente/sprite.png) no-repeat 290px -489px; }


/* #intro */

#header #intro {
	float:left;
	width:419px;
	height:145px;
	padding:35px 34px 0px 52px;
	overflow:hidden;
}
.zomer #header #intro { background:url(/images/zomer/sprite.png) no-repeat 20px 12px; }
.herfst #header #intro { background:url(/images/herfst/sprite.png) no-repeat 20px 12px; }
.winter #header #intro { background:url(/images/winter/sprite.png) no-repeat 20px 12px; }
.lente #header #intro { background:url(/images/lente/sprite.png) no-repeat 20px 12px; }

#header #intro p {
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px 0px 14px 0px; 
}
#header #intro p strong {
	font:normal 17px/20px Arial, Helvetica, sans-serif;
}
#header #intro p a {
	color:#fff;
}
#header #intro p a:hover {
	text-decoration:none;
}

/* */


/* #logo */

#header #intro #logo {
	float:right;
	margin:0px 0px 0px 29px;
}

/* */


/* #topmenu */

#header #topmenu {
	float:left;
	width:493px;
	height:180px;
	overflow:hidden;
}
#header #topmenu ul {
	float:right;
	margin:17px 28px 0px 0px;
	padding:0px;
}
#header #topmenu ul li {
	list-style-type:none;
	position:relative;
}
#header #topmenu ul #topmenu-home {
}
#header #topmenu ul #topmenu-over-ons {
	top:-5px;
}
#header #topmenu ul #topmenu-adverteren {
	top:-5px;
/*	top:-10px;*/
}
#header #topmenu ul #topmenu-contact {
	top:-10px;
/*	top:-15px;*/
}
#header #topmenu ul li a {
	display:block;
	width:162px;
	height:24px;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	text-decoration:none;
	padding:8px 0px 0px 0px;
}
.zomer #header #topmenu ul li a { background:url(/images/zomer/sprite.png) no-repeat -669px -5px; }
.herfst #header #topmenu ul li a { background:url(/images/herfst/sprite.png) no-repeat -669px -5px; }
.winter #header #topmenu ul li a { background:url(/images/winter/sprite.png) no-repeat -669px -5px; }
.lente #header #topmenu ul li a { background:url(/images/lente/sprite.png) no-repeat -669px -5px; }

#header #topmenu ul li a:hover {
	color:#fff;
}
.zomer #header #topmenu ul li a:hover { background:url(/images/zomer/sprite.png) no-repeat -495px -5px; }
.herfst #header #topmenu ul li a:hover { background:url(/images/herfst/sprite.png) no-repeat -495px -5px; }
.winter #header #topmenu ul li a:hover { background:url(/images/winter/sprite.png) no-repeat -495px -5px; }
.lente #header #topmenu ul li a:hover { background:url(/images/lente/sprite.png) no-repeat -495px -5px; }

#header #topmenu ul li #selected {
	color:#fff;
	cursor:default;
}
.zomer #header #topmenu ul li #selected { background:url(/images/zomer/sprite.png) no-repeat -495px -5px; }
.herfst #header #topmenu ul li #selected { background:url(/images/herfst/sprite.png) no-repeat -495px -5px; }
.winter #header #topmenu ul li #selected { background:url(/images/winter/sprite.png) no-repeat -495px -5px; }
.lente #header #topmenu ul li #selected { background:url(/images/lente/sprite.png) no-repeat -495px -5px; }

/* */


/* #menu */

#header #menu {
	height:38px;
	clear:both;
	overflow:hidden;
}
.zomer #header #menu { background:url(/images/zomer/sprite.png) no-repeat 20px -174px; }
.herfst #header #menu { background:url(/images/herfst/sprite.png) no-repeat 20px -174px; }
.winter #header #menu { background:url(/images/winter/sprite.png) no-repeat 20px -174px; }
.lente #header #menu { background:url(/images/lente/sprite.png) no-repeat 20px -174px; }

#header #menu ul {
	margin:5px 0px 0px 30px;
	padding:0px;
	width:938px;
}
#header #menu ul li {
	float:left;
	margin:0px 1px 0px 0px;
	list-style-type:none;
}
#header #menu ul #menu-muziek a {
	width:155px;
}
#header #menu ul #menu-happy-exclusief a {
	width:153px;
}
#header #menu ul li a {
	width:156px;
	display:inline-block;
	font:normal 14px/17px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	text-decoration:none;
	padding:4px 0px 5px 0px;
}
#header #menu ul li a:hover {
	text-decoration:underline;
	font-weight:bold;
}
#header #menu ul li #selected {
	font-weight:bold;
}

/* */

#content {
	position:relative;
	top:-5px;
	height:776px;
	overflow:hidden;
}
#livestream #content {
	height:244px;
	width:312px;
	top:0px;
}

#content .row {
	width:938px;
	height:244px;
	padding:6px 31px 7px 30px;
	overflow:hidden;
}
.zomer #content .row { background:url(/images/zomer/sprite.png) no-repeat 20px -219px; }
.herfst #content .row { background:url(/images/herfst/sprite.png) no-repeat 20px -219px; }
.winter #content .row { background:url(/images/winter/sprite.png) no-repeat 20px -219px; }
.lente #content .row { background:url(/images/lente/sprite.png) no-repeat 20px -219px; }

#livestream #content .row {
	padding:0px;
	height:244px;
	width:312px;
	background-position:-30px -225px;
}


#content .row .box,
#content .row .double-box,
#content .row .triple-box {
	position:relative;
	float:left;
	height:225px;
	border-left:1px solid #999;
	overflow:auto;
	padding:19px 22px 0px 22px;
}
#content #bedrijven.row .triple-box {
	border-left:0px;
}
#livestream #content .row .box {
	overflow:hidden;
}
#content .row .double-box {
	overflow:hidden;
}
#content .page-content .box,
#content .page-content .double-box,
#content .page-content .triple-box {
	border-left:0px;
	padding-top:9px;
	margin-top:37px;
	height:198px;
}
#content .page-content .box:first-child,
#content .page-content .double-box:first-child,
#content .page-content .triple-box:first-child {
	padding-top:46px;
	margin-top:0px;
	overflow:visible;
}
#content .ads .triple-box {
	padding:0px;
	border-left:0px;
	width:938px;
	overflow:hidden;
}
#content .page-content .box {
	width:269px;
}
#content .page-content .triple-box {
	width:894px;
}
#content .row .double-box {
	width:581px;
}
#content .row .box,
#content .page-content .box:first-child {
	width:268px;
}
#content .row .double-box,
#content .page-content .double-box:first-child {
	width:580px;
}
#content .row .box:first-child,
#content .row .double-box:first-child {
	border-left:0px;
}


/* .title */

#content .row .title {
	position:absolute;
	top:0px;
	right:0px;
	width:101px;
	height:21px;
	margin:0px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:2px 0px 0px 0px;
}
.zomer #content .row .title { background:url(/images/zomer/sprite.png) no-repeat -499px -43px; }
.herfst #content .row .title { background:url(/images/herfst/sprite.png) no-repeat -499px -43px; }
.winter #content .row .title { background:url(/images/winter/sprite.png) no-repeat -499px -43px; }
.lente #content .row .title { background:url(/images/lente/sprite.png) no-repeat -499px -43px; }

.zomer #content .row .box:last-child .title { background:url(/images/zomer/sprite.png) no-repeat -621px -43px; }
.herfst #content .row .box:last-child .title { background:url(/images/herfst/sprite.png) no-repeat -621px -43px; }
.winter #content .row .box:last-child .title { background:url(/images/winter/sprite.png) no-repeat -621px -43px; }
.lente #content .row .box:last-child .title { background:url(/images/lente/sprite.png) no-repeat -621px -43px; }

/* */


/* .heading */

#content .row p .heading {
	font:normal 17px/20px Arial, Helvetica, sans-serif;
	color:#000;
	display:block;
	width:205px;
}
#content .page-content p .heading {
	width:100%;
}

/* */


/* #content defaults */

#content p,
#content table {
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 14px 0px;
}
#content table th {
	font-weight:normal;
}
#content ul,
#content ol {
	position:relative;
	top:-14px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px 0px 0px 15px;
	margin:0px;
}
#content p a,
#content li a,
#content table a,
#content .link {
	color:#3A72BD;
	white-space:nowrap;
}
#content .link {
	text-decoration:underline;
	cursor:pointer;
}
#content p a:hover,
#content table a:hover,
#content li a:hover,
#content .link:hover {
	text-decoration:none;
}
#content p .inline-img {
	float:right;
	border:1px solid #ccc;
	margin:3px 0px 4px 12px;
}
#content iframe {
	border:0px;
	overflow:hidden;
	width:268px;
	height:160px;
}

/* */


/* .lijst */

#content .lijst {
	position:relative;
	background-color:#fff;
	border:1px solid #999;
	overflow-y:scroll;
	overflow-x:auto;
	margin:0px 0px 14px 0px;
}
#content .lijst ul {
	top:0px;
	position:static;
	padding:0px;
}
#content .lijst ul li {
	border-top:1px solid #ccc;
	list-style-type:none;
	padding:0px 15px;
	overflow:hidden;
}
#content .lijst ul li:first-child {
	border-top:0px;
}
#content .lijst ul li .tijd {
	float:left;
	width:55px;
}
#content .lijst ul li .nummer {
	float:left;
	width:164px;
}

/* */


/* .btn */

#content .btn {
	display:inline-block;
	position:relative;
	left:-5px;
	top:-3px;
}
#content .btn a {
	float:left;
	text-decoration:none;
}
#content .btn a:hover {
	text-decoration:underline;
}
#content .btn .left {
	cursor:pointer;
	float:left;
	height:22px;
	padding:7px 3px 0px 18px;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3A72BD;
}
.zomer #content .btn .left { background:url(/images/zomer/sprite.png) no-repeat -526px -71px; }
.herfst #content .btn .left { background:url(/images/herfst/sprite.png) no-repeat -526px -71px; }
.winter #content .btn .left { background:url(/images/winter/sprite.png) no-repeat -526px -71px; }
.lente #content .btn .left { background:url(/images/lente/sprite.png) no-repeat -526px -71px; }

#content .btn .left span {
	font-size:11px;
	color:#333;
}
#content .btn .right {
	float:left;
	width:14px;
	height:29px;
}
.zomer #content .btn .right { background:url(/images/zomer/sprite.png) no-repeat -500px -71px; }
.herfst #content .btn .right { background:url(/images/herfst/sprite.png) no-repeat -500px -71px; }
.winter #content .btn .right { background:url(/images/winter/sprite.png) no-repeat -500px -71px; }
.lente #content .btn .right { background:url(/images/lente/sprite.png) no-repeat -500px -71px; }

#content form .btn {
	top:0px;
	margin:11px 0px 0px 0px;
}
#content form .btn input {
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#3A72BD;
	background-color:#fff;
	border:0px;
	padding:0px;
	cursor:pointer;
	margin:0px;
}
#content form .btn .left {
	float:left;
	height:23px;
	padding:6px 3px 0px 15px;
}
.zomer #content form .btn .left { background:url(/images/zomer/sprite.png) no-repeat -526px -71px; }
.herfst #content form .btn .left { background:url(/images/herfst/sprite.png) no-repeat -526px -71px; }
.winter #content form .btn .left { background:url(/images/winter/sprite.png) no-repeat -526px -71px; }
.lente #content form .btn .left { background:url(/images/lente/sprite.png) no-repeat -526px -71px; }

#content form .btn .left span {
	font-size:11px;
	font-weight:bold;
	color:#333;
}

/* */


/* #live-stream */

#content .row #live-stream {
	position:relative;
	left:-3px;
	width:224px;
	height:38px;
	color:#fff;
	padding:11px 0px 0px 8px;
	margin:0px 0px 3px 0px;
	white-space:nowrap;
}
.zomer #content .row #live-stream { background:url(/images/zomer/sprite.png) no-repeat -4px -746px; }
.herfst #content .row #live-stream { background:url(/images/herfst/sprite.png) no-repeat -4px -746px; }
.winter #content .row #live-stream { background:url(/images/winter/sprite.png) no-repeat -4px -746px; }
.lente #content .row #live-stream { background:url(/images/lente/sprite.png) no-repeat -4px -746px; }

#content .row #live-stream > span {
	display:inline-block;
	position:relative;
	width:200px;
	height:20px;
	overflow:hidden;
}
#content .row #live-stream > span #nowplaying {
	position:absolute;
}
#content .row #live-stream #play-btn {
	position:absolute;
	top:-20px;
	left:195px;
	cursor:pointer;
}

/* */


/* website link 'op' de video */

#content #video-link {
	position:absolute;
	top:0px;
	left:0px;
	width:377px;
	height:244px;
	z-index:1000;
	background:url(/images/transparent.gif) repeat;
}
#content #video-link p {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:0px;
}
#content #video-link p a {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
	padding:204px 0px 0px 27px;
}
#content #video-link p a:hover {
	text-decoration:underline;
}

/* */

/* #projector */

#content #projector {
	position:absolute;
	top:0px;
	left:0px;
	width:342px;
	height:201px;
	padding:22px 14px 21px 21px; 
	overflow:hidden;
	text-align:center;
}
.zomer #content #projector { background:url(/images/zomer/sprite.png) no-repeat -9px -816px; }
.herfst #content #projector { background:url(/images/herfst/sprite.png) no-repeat -9px -816px; }
.winter #content #projector { background:url(/images/winter/sprite.png) no-repeat -9px -816px; }
.lente #content #projector { background:url(/images/lente/sprite.png) no-repeat -9px -816px; }

#content #projector ul {
	margin:0px;
	padding:48px 0px 0px 53px;
	list-style:none;
}
#content #projector ul li,
#content #projector ul li img {
	float:left;
}

/* */


/* #tv-playlist */

#content #tv-playlist {
	position:relative;
	left:-31px;
	top:0px;
	margin-bottom:9px;
	padding:0px;
	width:245px;
}
#content #tv-playlist li {
	list-style-type:none;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 31px;
	height:20px;
}
.zomer #content #tv-playlist li { background:url(/images/zomer/sprite.png) no-repeat -500px -106px; }
.herfst #content #tv-playlist li { background:url(/images/herfst/sprite.png) no-repeat -500px -106px; }
.winter #content #tv-playlist li { background:url(/images/winter/sprite.png) no-repeat -500px -106px; }
.lente #content #tv-playlist li { background:url(/images/lente/sprite.png) no-repeat -500px -106px; }

.zomer #content #tv-playlist .more,
.herfst #content #tv-playlist .more,
.winter #content #tv-playlist .more,
.lente #content #tv-playlist .more {
	background:none;
	position:relative;
}
.zomer #content #tv-playlist .more ul,
.herfst #content #tv-playlist .more ul,
.winter #content #tv-playlist .more ul,
.lente #content #tv-playlist .more ul {
	display:none;
}
.zomer #content #tv-playlist .more:hover ul,
.herfst #content #tv-playlist .more:hover ul,
.winter #content #tv-playlist .more:hover ul,
.lente #content #tv-playlist .more:hover ul {
	display:block;
}
#content #tv-playlist .more #tv-additional-playlist {
	position:absolute;
    top:-83px;
	left:7px;
	height:84px;
    width:235px;
	overflow-x:hidden;
	overflow-y:auto;
}
#content #tv-playlist .more #tv-additional-playlist li {
	margin-bottom:0px;
}

#content #tv-playlist .selected {
	font:bold 17px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	height:31px;
}
.zomer #content #tv-playlist .selected { background:url(/images/zomer/sprite.png) no-repeat -500px -126px; }
.herfst #content #tv-playlist .selected { background:url(/images/herfst/sprite.png) no-repeat -500px -126px; }
.winter #content #tv-playlist .selected { background:url(/images/winter/sprite.png) no-repeat -500px -126px; }
.lente #content #tv-playlist .selected { background:url(/images/lente/sprite.png) no-repeat -500px -126px; }

#content #tv-playlist li span {
	cursor:pointer;
}
#content #tv-playlist li span:hover {
	text-decoration:underline;
}
#content #tv-playlist li a {
	float:right;
	width:33px;
	height:18px;
	margin:1px 0px 0px 0px;
	border-left:1px solid #c9d9ee;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	text-align:center;
}
#content #tv-playlist .selected a {
	border-left:1px solid #ababab;
	color:#fff;
	height:29px;
}
#content #tv-playlist li a:hover {
	text-decoration:underline;
}

/* */


/* #poll */
#content #poll p {
	line-height:18px;
	margin:0px;
}
#content #poll p > span {
	float:right;
}
#content #poll div {
	height:7px;
	border:1px solid #ccc;
	background-color:#fff;
	overflow:hidden;
	margin:0px 0px 7px 0px;
}
#content #poll div div {
	height:5px;
	border:0px;
	background-color:#3A72BD;
	overflow:hidden;
	margin:1px;
}

/* */


/* #mop + #sportbericht + #baan */

#home #content #mop,
#home #content #sportbericht,
#home #content #baan,
#banen #content #baan {
	height:155px;
	overflow:hidden;
}
#home #content #mop div,
#home #content #sportbericht div,
#home #content #baan div,
#banen #content #baan div {
	height:98px;
	padding-right:17px;
	overflow:hidden;
}

/* */


/* #h1 */

#content .page-content #h1 {
	position:absolute;
	top:6px;
	left:0px;
	padding:0px 0px 0px 22px;
	width:915px;
	border-bottom:1px dotted #999;
	overflow:hidden;
	height:30px;
}
#content .page-content #h1 h1 {
	float:left;
	font:normal 24px/30px Arial, Helvetica, sans-serif;
	color:#3A72BD;
	margin:0px;
}

/* */


/* #submenu */

#content .page-content #h1 #submenu {
	float:left;
	position:static;
	padding:0px;
	top:0px;
	margin:0px 0px 0px 27px;
}
#content .page-content #h1 #submenu li {
	float:left;
	list-style-type:none;
}
#content .page-content #h1 #submenu .selected .left {
	color:#000;
}
#content .page-content #h1 #submenu .selected a:hover,
#content .page-content #h1 #submenu .selected .left:hover {
	cursor:default;
	text-decoration:none;
}
	
/* */


/* #guestbook-messages */

#content .page-content #guestbook-messages {
	height:185px;
	background-color:#fff;
	border:1px solid #999;
	overflow-y:scroll;
	overflow-x:auto;
	margin:0px 0px 14px 0px;
}
#content .page-content #guestbook-messages ul {
	top:0px;
	position:static;
	padding:0px;
}
#content .page-content #guestbook-messages ul li {
	border-top:1px solid #ccc;
	list-style-type:none;
	padding:3px 15px;
}
#content .page-content #guestbook-messages ul li strong {
	color:#3A72BD;
}
#content .page-content #guestbook-messages ul li:first-child {
	border-top:0px;
}

/* */


/* .ads */

#content .ads .triple-box {
	height:122px;
}
#content .ads .triple-box table {
	height:122px;
}
#content .ads .triple-box:first-child {
	border-bottom:1px dotted #999;
	height:121px;
}
#content .ads .triple-box:first-child table {
	height:121px;
}
#content .ads table {
	float:left;
	margin:0px 0px 0px 22px;
	width:447px;
}
#content .ads table th {
	padding-top:16px;
	width:251px;
}
#content .ads table th a {
	text-decoration:none;
}
#content .ads table td {
	padding-top:42px;
}
#content .ads table:first-child {
	border-right:1px dotted #999;
	width:446px;
}
	

/* */


/* #bedrijven (op body) */

#bedrijven .lijst {
	float:left;
	width:440px;
}
#bedrijven .lijst li {
	padding-top:8px;
	padding-bottom:2px;
}
#bedrijven .lijst .selected {
	background-color:#3A72BD;
}
#bedrijven .lijst .selected strong {
	color:#fff;
}
#bedrijven .lijst table {
	width:100%;
}
#bedrijven .lijst th {
	width:251px;
}
#bedrijven .lijst th a {
	text-decoration:none;
}
#bedrijven .lijst td {
	width:142px;
	padding-top:20px;
}

/* */


/* #banen (op body) */

#banen #content .lijst .selected {
	background-color:#3A72BD;
}
#banen #content .lijst .selected a {
	color:#fff;
	cursor:default;
	text-decoration:none;
}

/* */


/* #footer */

#footer p {
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#c7d9b4;
	text-align:center;
	margin:0px;
}
#footer p a {
	color:#c7d9b4;
	text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}

/* */

/*
#content .mod_prijsvraag h4 {
	color:#3A72BD;
	float:left;
	font:14px/30px Arial,Helvetica,sans-serif;
	margin:0;
	width:100%;
}
#content .mod_prijsvraag label {
	width:60px;
	display:inline-block;
}
#content .mod_prijsvraag .autow {
	width:auto;
}
#content .mod_prijsvraag label, #content .mod_prijsvraag input {
	color:#000000;
	font:11px/14px Arial,Helvetica,sans-serif;
	margin:0 0 14px;
}
#content .mod_prijsvraag .falseinfo {
	border:1px solid #900;
}
*/

#moreflv, #lessflv {
	text-decoration:underline;
	cursor:pointer;
	color:#3A72BD;
}
#restflv {
	display:none;
}