@import url(resetclearfix.css);
@import url(jquery.fancybox-1.2.5.css);

body {
	font:12px Arial;
	color:#FFF;
	background:#E5E5E5;
	text-align:center;
}

a {
	color:#FFF;
}

h1 {
	font:35px Impact;
	text-transform:uppercase;
	color:#000;
}

h4 {
	font:28px Impact;
	color:#E10E75;
	text-transform:uppercase;
}
	
	h4 a, h5 a, h6 a {
		text-decoration:none;
	}

h5 {
	font:25px Impact;
	text-transform:uppercase;
}

h6 {
	font:16px Impact;
	text-transform:uppercase;
}

label, label input {
	cursor:pointer;
}

hr {
	margin:10px 0;
	padding:0;
	height:1px;
	border:none;
	border-top:1px #AAA solid;
}

div#header {
	padding:10px 0;
	background:#38A0A8;
	font:20px Impact;
}
	
	div#header a {
		display:inline-block;
		color:#06676E;
		text-decoration:none;
		text-transform:uppercase;
	}

div#main {
	padding:16px 0 28px 0;
	background:url(/images/main_bg.gif) top center;
}
	
	div#menuholder {
		z-index:60;
	}
	
	div#titleholder {
		padding:37px 0 0 15px;
		z-index:40;
	}
	
	div#menu {
		margin-bottom:10px;
		width:950px;
		height:153px;
		background:url(/images/menu_bg.gif);
		overflow:hidden;
	}
	
		div#menu ul, div#menu li {
			margin:0;
			padding:0;
			list-style:none;
			font:17px Impact;
		}
		
		div#menu ul {
			padding:61px 0 0 10px;
		}
		
		div#menu li {
			display:block;
			float:left;
			margin-right:5px;
		}
		
		div#menu a {
			display:block;
			padding:0 10px;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		div#menu a.top:hover, div#menu a.top.active, div#menu li.top:hover {
			background:#E01077;
		}
			
			div#menu li div {
				position:absolute;
				padding-bottom:15px;
				background:url(/images/submenu_footer.gif) bottom left no-repeat;
				width:160px;
				left:-999em;
				z-index: 100;
			}
			
			div#menu li ul {
				padding:0;
				background:url(/images/submenu_bg.gif);
			}
			
			div#menu li li {
				float:none;
				margin:0;
			}
			
			div#menu li:hover div, #menu li.sfhover div {
				left:auto;
			}

div#footer {
	padding:24px 0;
	background:#000;
}

div#foot {
	padding:16px 0;
}
	
	div#foot, div#foot a {
		color:#999;
		text-decoration:none;
	}
	
	div#foot img {
		margin-bottom:-12px;
	}

table.contactformulier td {
	padding:5px;
}

div.thumbnail {
	float:left;
	margin:0 12px 12px 0;
	width:93px;
	height:60px;
	background-position:center center;
}
	
	div.thumbnail img {
		display:block;
	}

div.holder {
	margin:0 auto;
	width:960px;
	text-align:left;
}

.padder {
	padding:10px 22px 0 10px;
}

.block1 {
	float:left;
	overflow:hidden;
	width:470px;
	height:294px;
	background:url(/images/block1.gif);
	color:#000;
}
	
	.block1 h5, .block2 h5, .block3 h5, .block4 h5, .block5 h5, .block6 h5, .block7 h5 {
		margin-bottom:10px;
	}
	
	.block1 .spanner, .block2 .spanner {
		overflow:hidden;
		height:175px;
	}
	
	.block3 .spanner, .block4 .spanner, .block5 .spanner, .block6 .spanner, .block7 .spanner {
		overflow:hidden;
		height:237px;
	}
	
	.block3_medium .spanner, .block4_medium .spanner, .block5_medium .spanner, .block6_medium .spanner {
		overflow:hidden;
		height:138px;
	}

	.block3_medium_dark .spanner, .block4_medium_dark .spanner, .block5_medium_dark .spanner, .block6_medium_dark .spanner {
		overflow:hidden;
		height:210px;
	}

.block2 {
	float:left;
	overflow:hidden;
	width:230px;
	height:294px;
	background:url(/images/block2.gif);
	color:#000;
}

	.block2 a {
		color:#000;
	}

.block3 {
	float:left;
	overflow:hidden;
	width:230px;
	height:356px;
	background:url(/images/block3.gif);
}

	.block3_medium {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block3-medium.gif);
	}
	
	.block3_medium_dark {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block3-medium-dark.gif);
	}

.block4 {
	float:left;
	overflow:hidden;
	width:230px;
	height:356px;
	background:url(/images/block4.gif);
}

	.block4_medium {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block4-medium.gif);
	}

	.block4_medium_dark {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block4-medium-dark.gif);
	}

.block5 {
	float:left;
	overflow:hidden;
	width:230px;
	height:356px;
	background:url(/images/block5.gif);
}

	.block5_medium {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block5-medium.gif);
	}

	.block5_medium_dark {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block5-medium-dark.gif);
	}

.block6 {
	float:left;
	overflow:hidden;
	width:230px;
	height:356px;
	background:url(/images/block6.gif);
}

	.block6_medium {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block6-medium.gif);
	}

	.block6_medium_dark {
		float:left;
		overflow:hidden;
		width:230px;
		height:244px;
		background:url(/images/block6-medium-dark.gif);
	}

.block7 {
	width:470px;
	overflow:hidden;
	background:url(/images/block7.gif);
	color:#000;
}
	
	.block7 a {
		color:#E10E75;
	}
	
	.block7 hr {
		margin:15px 0;
		border-top:1px #C0C0C0 solid;
	}

.footerblock {
	float:left;
	margin-right:25px;
	width:216px;
}
	
	.footerblock div {
		padding:4px 0;
		font-size:11px;
	}
	
	.footerblock a {
		color:#38A0A8;
	}

.tooltip {
	position:absolute;
	display:none;
	text-align:left;
	padding:10px 15px;
	width:130px!important;
	height:70px!important;
	width:160px;
	height:90px;
	background:url(/images/tooltip.png) no-repeat center top;
	color:#000;
	z-index:65;
}

.button {
	width:198px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
}

.small_button {
	float:right;
	display:block;
	margin-top:20px;
	border:none;
	width:75px;
	height:30px;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
}
	
	.button a, .small_button a {
		text-decoration:none;
	}
	
label.poll {
	display:block;
	margin:5px 0;
}

/* MODULES */

.nieuws_image, .agenda_image, .kweb_nieuws_image, .kweb_agenda_image {
	padding:0 10px 5px 0;
	float:left;
}

.agenda_titel, .nieuws_titel, .agendatitel {
	font-size:14px;
	font-weight:bold;
}

.agenda_datum, .nieuws_datum, .kweb_agenda_datum, .kweb_nieuws_datum {
	font-size:14px;
	padding-top:5px;
	color:#2C2C2C;
}

	.kweb_agenda_datum, .kweb_nieuws_datum {
		padding-bottom:5px;
	}

.agenda_tekst, .nieuws_tekst, .agenda_kort, .nieuws_kort {
	padding-top:5px;
	color:#444;
}

.thumbpicturetable td {
	text-align:center;
}

.kweb_kroegen_list .foto {
	float:left;
	padding-right:10px;
}

.kweb_foto {
	float:left;
	margin:9px 9px 0 0;
	background-position:center center;
}
	
	.kweb_foto img {
		width:80px;
		height:80px;
	}

.kweb_kroegen_list .foto img {
	width:35px;
}

.kroeg_naam {
	float:left;
	width:385px;
}

.kroeg_tekst2 {
	padding-top:5px;
}

ul.kroeg_menu, ul.kroeg_menu li {
	margin:0;
	padding:0;
	list-style:none;
	background:#38A1A7;
}
	
	ul.kroeg_menu {
		display:block;
		margin:10px 0;
		width:100%;
		background:#38A1A7;
	}
	
	ul.kroeg_menu li {
		float:left;
		display:inline;
	}
	
	ul.kroeg_menu a {
		display:block;
		padding:5px 10px;
		font:20px Impact;
		text-decoration:none;
		text-transform:uppercase;
		color:#FF0;
	}
	
	ul.kroeg_menu a.active, ul.kroeg_menu a:hover {
		color:#FFF;
	}

hr.kroeg {
	margin:8px 0;
}

/* KROEGENWEB */



/*
BEGIN - CSS FOR HYVES MODULE
*/
.picture_overview
{
	width:440px;
}

.picture_overview .inside
{
	background-color:#ffffff;
	color:#165464;
}

.picture_overview .inside .left
{
	width:75px;
	height:75px;
	margin-right:5px;
	float:left;
}

.picture_overview .inside a
{
	color:#E10E75;
}

.picture_overview .inside .right
{
	float:left;
	color:#165464;
	width:112px;
	overflow:hidden;
}

.picture_overview .inside .youtube
{
	float:right;
	color:#165464;
	width:243px;
	height:194px;
	margin-left:5px;
	overflow:hidden;
}

.picture_overview .inside .youtube_vote
{
	float:left;
	color:#165464;
	width:192px;
	overflow:hidden;
}


.picture_overview .setborder
{
	border:3px solid rgb(255, 255, 255);
	width:202px;
	height:80px;
	float:left;
	margin-top:8px;
	margin-right:10px;
	overflow:hidden;
}

.picture_overview .setborder.kamer
{
	height:194px;
}


.picture_overview .inside .picture
{
	border:0px;
	width:75px;
	height:75px;
	padding:0px;
	margin:0px;
}

.picture_overview .setborder.nomargin
{
	margin-right:0px;
	float:right;
}

.picture_overview .largeborder
{
	width:100%;
}

.picture_overview .largeborder .largepicture
{
	width:440px;
}

.heading
{
	color:#165464;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
}

.hyves_block .setborder
{
	background-color:#5cc0cc;
	text-align:center;
	width:93px;
	height:93px;
	float:left;
	margin-bottom:10px;
	margin-right:12px;
	padding-top:8px;
	padding-bottom:6px;
	overflow:hidden;
}

.hyves_block .inside
{
	overflow:hidden;
}

.hyves_block .inside .picture
{
	padding-bottom:3px;
}

.vote_button{
	float:right;
	display:block;
	margin-top:20px;
	border:none;
	width:75px;
	height:64px;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	border:2px solid #921b62;
	background-color: #f23289;
}
	
	.vote_button a {
		text-decoration:none;
		color: #FFF;
	}

/*
END
*/