

	/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	p, a {
		margin:0;
		padding:0;
	}
	
	h1 {
		color:#009DE0;
		font-size:35px;
		margin:10px 10px 0 10px;
	}
	
	h2 {
		color:#009DE0;
		font-size:26px;
		margin:10px 10px 0 10px;
	}	
	
	img {
		border:0;
	}
	
	body {
		background-color: #f4f7cc;
		color:#000000;
		font-size:12px;
		font-family: arial, verdana, sans-serif;
	}
	
	body#home {
		visibility: hidden;		
	}
	
	div#centerThis {
		margin:0px auto;
		width:960px;
	}
	
	div#header {
		float:left;
		height:180px;
		margin:0 0 1px 0;
		width:960px;
	}

	div#defaultheader {
		float:left;
		height:180px;
		margin:0;
		width:720px;
		overflow:hidden;
		background:url('../images/layout/default_header.jpg') no-repeat;
	}
	
	div#logo {
		float:left;
		height:180px;
		margin:0;
		width:240px;
	}

	div#visual {
		width:420px;
		height:200px;
		float:left;
		overflow:hidden;
		margin:0;
		padding:0;
	}	
	
	div#mainmenu {
		background-color:#da016c;
		float:left;
		height:25px;
		margin:0 0 1px 0;
		width:960px;	
	}
		
	div#submenu {
		background-color:#c9d100;
		float:left;
		height:20px;
		margin:0 0 1px 0;
		width:960px;		
	}	
	
	div#columWrapper {
		background:url('../images/layout/background_cols.jpg') repeat-y;
		float:left;
		margin:0 0 1px 0;
		width:960px;
	}
	
	div#col240 {
		/* background-color:#f4f7cc; */
		float:left;
		min-height:20px;
		margin:0;
		width:240px;		
	}

	div#col420 {
		/* background-color:#FFFFFF; */
		float:left;
		min-height:20px;
		margin:0;
		width:420px;		
	}
	
	div#col120 {
		/* background-color:#009de0; */
		float:left;
		min-height:20px;
		margin:0;
		width:120px;		
	}
	
	div#col180 {
		/* background-color:#da016c; */
		float:left;
		min-height:20px;
		margin:0;
		width:180px;		
	}
	
	div#col180 h3 {
		background-color:#FFFFFF;
		color:#da016c;
		margin:0;
		padding:3px 3px 3px 5px;
		font-size:14px;		
	}	
		
	div#bottom_bar {
		background-color:#c9d100;
		float:left;
		min-height:20px;
		margin:0 0 1px 0;
		width:960px;		
	}	

	div#footer {
		color:#da016c;
		float:left;
		font-size:9px;
		height:16px;
		margin:0;
		line-height:16px;
		text-align:center;
		width:960px;
	}
	
	div#footer a {
		color:#da016c;
		text-decoration:none;
	}	
	
	
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;
		margin:0;
		clear:both;			
	}

	div.block h2 {
	}
	
	div.block p {
	}	
	
	
	div#hyves {
		background:url('../images/layout/hyveslogo.jpg') no-repeat 0 0;
		width:160px;
		padding-left:70px;
		padding-right:10px;
	}
	
	#col120 .block {
		margin-bottom:20px;
	}

	#col180 .block {
		margin-bottom:5px;
	}
	
	#col120 .block p {
		color:#FFFFFF; 
		margin:5px;
		width:109px;
		display:block;
		float:left;
	}
	
	#col420 p {
		margin:0 10px 10px 10px;
	}
	
	#col420 p img {
		margin:6px;
	}	

	#col420 ul {
		margin:0 10px 10px 30px;
	}

	#col240 .block {
		margin:0 0 10px 0;
	}

	div#sponsors {
		float:left;
		width:180px;
		height:100px;
		overflow:hidden;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
	}

	#col240 .block h3{
		background-color:#FFFFFF;
		color:#009DE0;
		margin:0;
		padding:3px 3px 3px 5px;
		font-size:14px;
	}
	
	div#albumslideshow {
		float:left;
		width:240px;
		height:160px;
		overflow:hidden;
		margin:0;
		padding:0;
		background-color:#FFFFFF;	
	}	

	/*****************************************************************************************
	** Articles 																			**
	*****************************************************************************************/
	div.article {
		margin:0 0 5px 0;
		clear:both;
		float:left;
		display:block;
		width:100%;
	}
	
	div.article h2 {
		margin:0 0 0 10px;
		color:#DA016C;
		font-size:22px;
		line-height:18px;
	}

	div.article p {
		margin:0;
		display:block;
	}	
	
	div.article p a{
		color:#DA016C;
		text-decoration:underline;
	}	
	
	div.article p a.lightbox img {
		float:left;
		display:block;
		margin:4px 7px 3px 0;
		padding:6px;
		border:1px solid #009DE0;
	}

	div.article a.readmore{
		color:#DA016C;
		text-decoration:none;
	}

	div.article_images {
		float:left;
		clear:both;
		margin:15px 0 0 10px;
	}
	
	
	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		display:block;
		float:left;	
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#mainmenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#mainmenu ul li a {
		padding:0 10px;
		height:25px;
		float:left;
		line-height:25px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		border-right:1px solid #FFFFFF;	
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		background-color:#009de0;
		border-right:1px solid #FFFFFF;		
	}
	

	div#submenu ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#submenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#submenu ul li a {
		/* padding:0 10px; ivm aantal artiesten, padding kleiner gezet */
		padding:0 8px;
		height:20px;
		float:left;
		line-height:20px;
		font-size:11px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		background-color:#009DE0;
		border-right:1px solid #c9d100;		
	}
		
	div#submenu ul li a:hover,
	div#submenu ul li a.current {
		background-color:#FFFFFF;
		color:#DA016C;
	}
	
	span.menu-podium a {
		display:block;
		padding:0 10px;
		height:20px;
		float:left;
		line-height:20px;
		font-size:11px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		background-color:#009DE0;
		border-right:1px solid #c9d100;	
	}
	
	span.menu-podium a:hover {
		display:block;
		padding:0 10px;
		height:20px;
		float:left;
		line-height:20px;
		font-size:11px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:underline;
		background-color:#009DE0;
		border-right:1px solid #c9d100;	
	}	
	
	
	/*****************************************************************************************
	** Contact 																				**
	*****************************************************************************************/
	div.contact {
		width:400px;
		float:left;
		margin:10px 5px 10px 5px;
	}
	
	div.contact img {
		float:left;
		padding:0 5px 5px 0;
	}	
	
	div.contact div {
		float:left;
		width:180px;
		margin-left:10px;
	}	
	
	/*****************************************************************************************
	** Aanbieding 																			**
	*****************************************************************************************/
	
	div#aanbiedingContainer {
		margin:5px;
		clear:both;
	}
	
	div#aanbiedingContainer h1 {
		margin:3px;
		font-size:18px;
	}
	
	div.aanbiedingDeel {
		margin:5px;
	}
	
	div#aanbiedingPrinter {
		text-align:right;
	}
	
	div#hidecontent{
		visibility: hidden;
		width: 100%;
		height: 200%;
		position: absolute;
		z-index: 899;
		top: 0;	
		left: 0;	
		background: #666; 
		opacity: 0.65;
		-moz-opacity: 0.65; 
		filter:alpha(opacity=65); 
	}
	
	div#poster {
		display: none;
		width: 100%;
		position: absolute;
		z-index: 999;
		top: 0;	
		left: 0;	
		background: transparent;	
	}
	
	div#poster_inner {
		width:  706px;
		height: 600px;
		margin: 50px auto;
	}
	
	
	
	/*****************************************************************************************
	** Blok nieuwbrief aanmelden 															**
	*****************************************************************************************/
	div#nieuwsbrief_form {
		display:block;
		float:left;
		width:220px;
		color:#FFFFFF;
		margin:0px;
		padding:0 10px 10px 10px;
		background-color:#DA016C;	
	}
	
	div#nieuwsbrief_form h2 {
		color:#FFFFFF;
	}
	
	div#nieuwsbrief_form p {
		margin:0 10px 10px 10px;
		padding:0 0 10px 0;
	}

	div#nieuwsbrief_form p a,
	div#nieuwsbrief_form a {
		color:#FFFFFF;
	}

	form#nieuwsbriefAdd input.formfield {
		width:99%;
		margin:2px 0px;
	}

	form#nieuwsbriefAdd input.submitbutton {
		margin:2px 0px;
		float:right;
	}
	
	
	/*****************************************************************************************
	** Fotoalbums																			**
	*****************************************************************************************/
	div#fotoalbum {
		margin:5px 10px 20px 10px;
		background-color:#FF0000;
	}
	
	div#fotoalbum a {
		display:block;
		width:120px;
		height:90px;
		line-height:90px;
		text-align:center;
		padding:5px;
		float:left;
	}
	
	div#fotoalbum a img {
		margin:0 10px 10px 0;
	}

	div#fotoalbumPagination {
		width:390px;
		float:left;
		height:16px;
		margin:10px;
	}
	
	div#fotoalbumPagination a {
		display:block;
		width:16px;
		height:16px;
		line-height:16px;
		text-align:center;
		background-color:#009DE0;
		color:#FFFFFF;
		text-decoration:none;
		float:left;
		margin: 0 8px 0 0;
	}
	
	div#fotoalbumPagination a.active {
		background-color:#DA016C;
		color:#FFFFFF;
	}	

	div#fotoalbumNav {
		width:390px;
		float:left;
		height:16px;
		margin:10px;
	}	
	div#fotoalbumNav a {
		color:#DA016C;
		text-decoration:none;
	}

	div#nieuwsbriefwrapper {
		float:left;
		margin:0 0 1px 0;
		width:800px;
		padding:0 80px;
		background-color:#FFFFFF;	
	}
	
	#nieuwsbriefwrapper p { padding: 0; margin: 0; margin-bottom: 18px; }
	#nieuwsbriefwrapper h1 { font: 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #c30080; font-weight: bold; padding: 0; margin: 0; }
	#nieuwsbriefwrapper a { text-decoration: underline; }
	#nieuwsbriefwrapper a:hover { text-decoration: none; }
	#nieuwsbriefwrapper td {margin:0px; border:0px;}
	#nieuwsbriefwrapper td#content { background-color: #00c1f1;}
	#nieuwsbriefwrapper td#content a { color: #c30080; }
	#nieuwsbriefwrapper td#header, td#footer { font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color: #989898; padding: 0; margin: 0; text-align: center; height: 24px; }
	#nieuwsbriefwrapper td#header a, td#footer a { color: #989898; }	
	#nieuwsbriefwrapper td img, #nieuwsbriefwrapper td a { margin:0px; padding:0px; }
	#nieuwsbriefwrapper td img, #nieuwsbriefwrapper td a img{ margin:0 0 -3px 0; padding:0px; }

/* lezeractie toegevoegd 15/07/2009 */
	div#lezeractie_form {
		margin:5px;
		float:left;
		width:310px;
		padding:0 40px;
	}

	div#lezeractie_form input.formfieldLezersactie {
		width:300px;
		margin:2px 0px;
	}


