navx/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	height:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#bg {
	position:relative;
	overflow:hidden;
	overflow-y:hidden;
	overflow-x:hidden;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
DE KREUN
////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
	background-color: transparent;
	font-family: helvetica, arial sans-serif;
	font-size: 62.5%;
	overflow:hidden;
}



#col1 {
	float: left;
	margin-right: 10px;
	width: 240px;
	
}

#col2 {
	background-color: #FFF;
	float: left;
	margin-bottom: 10px;
	width: 520px;

}



#col2-3 {
	background-color: #FFF;
	float: left;
	
	left: 10px;
	margin-top: 10px;
	position: relative;
	width: 740px;
	
}

.bodyCopy {
	font-size: 1.3em;
	line-height: 160%;
	padding: 11px 50px 72px 70px;

}


#wrapper {
	left: 50%;
	margin-left: -495px;
	position: absolute;
	text-align: left;

	width: 990px;
}

#horizon {
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 2;
}

/*\*/  
#horizon {  
	overflow: auto;
}  
/**/ 

.pagination {
	font-size: 1.1em;
	text-align: center;
	width: 100%;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
TYPOGRAPHY
////////////////////////////////////////////////////////////////////////////////////////////////*/

h1 {
	font-size: 2.4em;
	padding-bottom: 24px;
	text-transform: uppercase;
}

h2 {
	font-size: 1.8em;
	text-transform: uppercase;
}

h3 {
	font-size: 1.6em;
	text-transform: uppercase;
}

h4 {
	font-size: 1.4em;
	text-transform: uppercase;
}

h5 {
	font-size: 1.2em;
	text-transform: uppercase;
}

p {
	font-size: 0.9em;
	line-height: 140%;
}

blockquote {
	font-size: 1.1em;
	text-indent: -0.8em;
}

#col2 h1 {
/*	padding: 50px 25px 5px 0;*/
}

#col2-3 ul {
	padding-left: 18px;
}

#col2-3 li {
	font-size: 0.9em;
	line-height: 160%;

	padding-left: 4px;
}

#col2-3 p {

}


a:link    { color: #FF0000 }
a:visited { color: #FF0000 }
/+a:hover   { background-color:#FF0000; color: #FFF }*/
a:hover   {  color: #EFEFEF }
a:active  { background-color:#000; color: #FFF }

a:hover.img {
	background-color: transparent;
}

hr {
	border: 0;
	color: #f00;
	background-color: #f00;
	height: 1px;
}

/*
NL / FR TABS 
*/

ul.langtabs {
	margin:0;
	padding:0 0 12px;
}
ul.langtabs li {
	float:left;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	list-style-type:none;
	text-decoration:underline;
	cursor:pointer;
	margin-right:5px;
	padding:2px;
	margin-bottom: 6px;
}
ul.langtabs li.sel {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}
#bio-lang p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#bio-lang h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#coming-soon .date {
	width: 45px
}
#coming-soon .ttl {
/*	border: 1px solid #333;*/
	clear: right;
	font-size:1.2em;
	position: relative;
	width: 170px;
	margin-left: 70px;
}

p.support_bio {
	font-size: 1.2em;
	padding-top: 15px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
HEADER
////////////////////////////////////////////////////////////////////////////////////////////////*/

#navContainer {
/*	position: fixed;
	z-index: 999;*/
	background-color: #000;
	clear: both;
	height: 25px;
	text-align: center;
	width: 100%;
}

#nav {
	float:left;
	left:50%;
	margin-left: -495px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	top:8px;
	width: 990px;
}

#search {

	float: right;
	text-align: right;
	
	margin-top:-8px;
	
	width: 150px;
}
/*search-header*/
#nav ul, #nav li, #subnav ul, #subnav li {
	display: inline;
}

#nav li {
	padding: 0 15px;
}

#nav a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

#nav a:link    { color: #FFF }
#nav a:visited { color: #FFF }
#nav a:hover   { background-color:transparent; color: #FF0000 }
#nav a:active   { color: #CC0000 }

#nav a.active:link    { color: #FF0000 }
#nav a.active:visited { color: #FF0000 }
#nav a.active:hover   { background-color:transparent; color: #AA0000 }
#nav a.active:active  { color: #CC0000 }

#subnavContainer {
	background-color: #FF0000;
	text-align: center;
	width: 100%;
}

#subnav {

	clear: both;
	font-size: 1em;
	font-weight: bold;
	height: 25px;
	margin-left: -495px;
	left:50%;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 495px;
}

#subnav ul {
	left: 0;
	position: relative;
	top: 6px;
}

#subnav li {
	padding-right: 12px
}

#subnav a {
	text-decoration: none;
}

#subnav a:link    { color: #FFF }
#subnav a:visited { color: #FFF }
#subnav a:hover   { background-color:transparent; color: #000 }
#subnav a:active  { background-color:transparent; color: #CC0000 }

#subnav a.active:link    { color: #000000 }
#subnav a.active:visited { color: #000000 }
#subnav a.active:hover   { background-color:transparent; color: #FFFF00 }
#subnav a.active:active  { background-color:transparent; color: #CC0000 }


/*////////////////////////////////////////////////////////////////////////////////////////////////
HOME
////////////////////////////////////////////////////////////////////////////////////////////////*/

#logo-home {
/*	background-color: #FFF;*/
	left:10px;
	position: relative;
	width: 400px;

}

#logo {
	background-color: #FFF;
	width: 242px	
}

#col1-home {
	float: left;
	margin-top: 10px;
	width: 420px;
	
}

#col2-home {
	float: left;
	position: relative;
	width: 570px;
	top:10px;
}

#slideshow-home {
	border: 1px solid #000;
	height: 268px; 
	margin-bottom: 10px;
	width: 568px;
	overflow:hidden;
}

#slideshow-home h2 {
	margin: 0;
	padding: 0;

}

#slideshow-4x4 h2 {
	font-size: 12px;
}

#slideshow-home p {
	color:#FFF;
	margin: 0;
	padding: 0;
	text-align: right;
}

#slideshow-home a {
	text-decoration:none;
	background-color:#000;
}

#slideshow-home a:hover>img {
	display: none;
}

p.slideshowDate {
	font-size: 52px;
	font-weight:bold;
	line-height: 52px;
}

.slideshow4x4 {
	font-size: 24px;
	font-weight:bold;
	line-height: 24px;
	
}

#slideshow-4x4 a {
	color: #FFF;
}

p.slideshowTitle {
	font-size: 70px;
	font-weight:bold;
	line-height: 70px;
}


#col2-home>#newsletterContainer {
	background: transparent url('../img/bg_newsfeed.png'); 
	left: 10px;
	position: relative;
	float: left;
	min-height: 150px;	
	width: 240px;
}

#newsletter-home {
	background: transparent url(../img/bg_box_newsletter.png) no-repeat;
	background-position: 220px 5px;

	height: 150px;
	width: 240px;
}

#promo-home {
/*	background-color: #000;*/
	background: transparent url('../img/bg_newsfeed.png'); 
	float: left;
	height: 150px;
	width: 320px;
}

#coming-soon {
	background-color: #FFF;
	float: left;
	margin-top: 10px;
/*	min-height: 400px;*/
	width: 570px;
}

#newsfeed {

	background: transparent url('../img/bg_newsfeed_white.png'); 
/*	background-color: #FFF;*/
	color: #242424;
	left: 10px;
	overflow: hidden;
	position: relative;
	top: 10px;
	width: 400px;
}

.blogpost_item {	
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
	width: 100%;
}

.avatar {

	float: left;
	height: 32px;
	width: 60px;
	padding-right: 10px;
	
}

.avatar>img {
	padding: 12px 0 0 28px;
}

.blogpost-home {
	float: left;
	width: 310px;
	
}
.blogpost-home p {
	font-size: 1.2em;
}
.blogpost-home h3 a {
	color: #000;
	display: block;
	font-size: 1em;
	font-weight: normal;
	padding-top: 10px;
	text-decoration: none;
}

.blogpost-home h3 a:hover {
	background-color: transparent;
	color: #FF0000;
}

#footer-home {
	color: #FF0000;
	clear: both;
	min-height: 30px;
	
	line-height: 150%;
	padding-right: 12px;
	position: relative;
	text-align: center;
	top:12px;
	width: 100%;
}

#coming-soon table {
	width: 100%;
}

#coming-soon td {
	width: 50%;
	
}

#coming-soon h3 {
	font-size: 1.6em;
	padding-left: 12px;
	padding-top: 18px;
	text-transform: uppercase;
}

#coming-soon a {
	color: #242424;
}

#coming-soon a:hover {
	color: #FFF;
	background-color: #242424;
}

#coming-soon a.meer {
	background:#000 url(../img/bg_soon_link.gif) no-repeat;
	background-position: center left;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	padding: 4px 12px;;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
}

#coming-soon a.meer:hover {
	background-color: #FF0000;
}

#coming-soon a:active {
	background-color: #000;
	color: #FF0000;
}

#coming-soon div.date {
	color: #FF0000;
	font-size: 1.1em;
	float: left;
	padding: 0 5px 0 12px;

}

#sponsors-home {

	background-color: #FFF;
	clear: both;
	position: relative;
	top: 10px;
	width: 570px;
}

#sponsors {
	background-color: #FFF;
	clear: both;

	position: relative;
	top:10px;

}

#sponsors a:hover, #sponsors-home a:hover {
	background-color: transparent
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
AGENDA
////////////////////////////////////////////////////////////////////////////////////////////////*/


.festival_entry, .festival_entry0 {
	clear: both;
	margin: 0px 0 5px 0;
	padding: 0px 0 5px 0;
	width: 480px;
	min-height: 10px;
	
}

.festival_datum {
	bottom: 0;

	float: left;
	padding: 0;
	padding-right: 10px;

	font-size: 1em;
	text-align: right;
	vertical-align: bottom;
	width: 90px;

}

.festival_datum_header {
	color: #FFF;
	display: block;
	float: left;
	font-size:1.2em;
	padding-left: 10px;
	text-align: left;	
	width: 90px;
	
}

.festival_titel {
	color: #FFF;
	float: left;

	width: 180px;
}


h2.festival {
	color: #FFF;
	font-size: 1.6em;
}

h3.festival, h3.subtitel {
	color: #EEE;
	font-size: 1.4em;
	text-transform: uppercase;
}

h3.subtitel {
	color: #888;
}

.agenda_info_festival {
	float: left;
	width: 200px;
}

.festival_header {
	background-color: #000;
	height: 70px;
	padding: 15px 0 5px 0;
	width: 410px;
	float:left;
}

.festival_header0 {
	background-color: #999;
	height: 70px;
	padding: 15px 0 5px 0;
	width: 410px;
	float:left;
}

.festival_thumb_festival {
	margin-left: 10px;
	float: left;
}

#calendar {
	position: relative;
	top:10px;
	width: 242px;
}

#calendar table {
	border: 1px solid #000;
	border-spacing: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#calendar table tr {
	background-color: #FFF;
	height: 20px;
}

#calendar table tr th {
	background-color: #000;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	height: 40px;
	padding-top: 10px;
	text-align: center;
}

#calendar table tr th a {
	color: #FFF;
}


#calendar table td {
	color: #727272;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}

#calendar table tr.days td {
	background-color: #363636;
	color: #FFF;
	font-size: .9em;
	font-weight: bold;
	height: 20px;	
}

#calendar table th {
	background-color: #000;
	border: 1px solid #000;	
}

td.event {
	background-color: #f9f9f9;
}
/*
.actday {
	background-color: yellow;
}*/

#col2.agenda {
	background-color: #FFF;

}

#col2.agenda h1 {
	font-size: 2.4em;
	padding-bottom: 0;	
	padding:15px 5px 10px 25px;
}

.odd {
	background-color: #f9f9f9;
}
/*
#col2.agenda h3 {
	font-size: 1.4em;
	padding: 15px 10px 0 25px;
}

#col2.agenda p {
	padding: 5px 5px 25px 25px;
}*/
	
.tooltip-wrapper ul {
	padding: 0;
	list-style-type: none;
	border: 1px solid #000;
}
	
ul.tooltip li {
	background-color: #242424;
	border-bottom: solid #646464 1px;
	color: #FFF;
	font-size: 1.2em;
	padding: 12px;
}



.agenda_entry_odd, .festival_odd, .support_entry_odd {
	background-color: #EEE;
}

.agenda_entry_odd0, .festival_odd0, .support_entry_odd0 {
	background-color: #FFF;
}

.agenda_entry_odd0 agenda_thumb, .agenda_entry_even0 agenda_thumb {
	display: none;
}

.agenda_entry_odd0 h4, .agenda_entry_even0 h4, .agenda_entry_odd0 h3.subtitel, .agenda_entry_even0 h3.subtitel, .agenda_entry_odd0 .agenda_thumb, .agenda_entry_even0 .agenda_thumb, .agenda_entry_odd0 .popup_thumb, .agenda_entry_even0 .popup_thumb {
	display: none;
}

.agenda_entry_odd0 a, .agenda_entry_even0 a {
	color: #AAA
}



.agenda_entry_odd0 a:hover, .agenda_entry_even0 a:hover {
	color: #888;
}

/*
.agenda_entry_odd, .agenda_entry_odd0, .agenda_entry_even, .agenda_entry_even0 {

	clear: both;
	margin: 10px 0 10px 0;
	min-height: 120px;
	padding: 10px 0 5px 0;
	width: 520px;
	
}*/

.agenda_entry_odd0, .agenda_entry_even0 {

	clear: both;

	min-height: 25px;

	width: 100%;
	
}

.agenda_entry_odd, .agenda_entry_even {

	clear: both;
	margin: 10px 0 10px 0;
	min-height: 120px;
	padding: 10px 0 5px 0;
	width: 520px;
	
}

.festival_entry {
	font-size: 1.1em;
}



.agenda_info_festival {
	font-size: 1.2em;
	text-transform: uppercase;
}

.agenda_info_festival a {
	color: #242424;
	padding: 2px;
	text-decoration: none;
	
	
}

.agenda_info_festival a:hover {
	background: #000;
	color: #FFF;
}

h2.festival a {
	color: #FFF;
	padding: 2px;
	text-decoration: none;
}

h2.festival a:hover {
	color: #FFF;
	background-color: #FF0000;

}

.agenda_datum {

	float: left;
	padding: 0;
	padding-right: 10px;
	font-size: 1em;
	text-align: right;
	width: 90px;
}

.agenda_info {

	float: left;
	width: 320px;
}

.agenda_thumb {
	border: 1px solid #000;
	float: left;
	height: 90px;
	width: 90px;
}	


.agenda_info h3 {
	font-size: 1.4em;
	padding: 0px 10px 5px 0px;	
}

.agenda_info h3 a {
	text-decoration: none;
}

.agenda_info h4 {
	font-size: 1.2em;
	font-weight: normal;
}

.agenda_info p {
	color: #646464;
	font-size: 1.1em;
	font-weight: normal;
	padding: 5px 0px 5px 0px;	
	text-align: left;
}

.festivalbands {
	font-size: 1.6em;

	line-height: 140%;
	text-transform: uppercase;
}

.festivalbands a {
	text-decoration: none;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
EVENT
////////////////////////////////////////////////////////////////////////////////////////////////*/

#col2.event {
	background-color: #FFF;
	min-height: 600px;
	padding: 0px 0px 20px 0px;
	width: 520px;
}

#slideshow {
	border: 1px solid #000;
	width: 519px;
	height: 178px;
	overflow:hidden;
}

#leftControl, #rightControl {
	margin:0;
	padding:0;
	position:relative;
	width: 20px;
	height: 180px;
}

#leftControl img, #rightControl img {
	position:relative;
	top: 80px;
}
	
#leftControl {
	float:left;
	top:-180px;
	margin-bottom:-180px;
}

#rightControl {
	float:right;
	top:-180px;
}

#event-info, #festival-info {
	left: 30px;
	position: relative;
	top:30px;
	width: 480px;
}

#event-info p {
	font-size: 1.2em;
	padding-top: 25px;
}

#col2.event h1 {
	padding-bottom: 0px;
}

#col2.event h2 {
	font-size: 1.8em;
	padding-bottom: 0px;
	text-transform: uppercase;
}

#col2.event h3.festival {
	color: #666;
	font-size: 1.6em;
	padding: 5px;
	text-transform: uppercase;
}

ul.concertinfo, ul.concertinfo li {
	display: inline;
}

ul.concertinfo li {
	color: #FF0000;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

ul.concertinfo li.separator {
	color: #242424;
	font-size: 1em;
	font-weight: normal;
	padding: 0 5px;
}

#media {

	left:-26px;
	position: relative;
	top:30px;
	
}

#video {

}

#gallery {

}

div.overlay { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none;
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 

#flickr {
	background-color: #FFF;
	overflow: hidden;
	position: relative;
	top:10px;
	margin-top: 10px;
}

.flickrPic {
	float: left;
	padding: 2%;
	width: 46%;
	text-align: center;
	margin: 4% 0 4% 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
SIDEBAR
////////////////////////////////////////////////////////////////////////////////////////////////*/

#col3 {
	float: right;
	left: 10px;
	position: relative;
	width: 220px;
}

#col3>#newsletterContainer {
	background: transparent url('../img/bg_newsfeed.png'); 
	min-height: 150px;	
}

#col3>#newsletterContainer>#newsletter {
	background: transparent url(../img/bg_box_newsletter.png) no-repeat;
	background-position: 200px 5px;
	margin-bottom: 10px;
	min-height: 150px;	
	width: 220px;
}

#col3>#random-concert {
	margin-bottom: 10px
}

#col3>#kreuncardContainer {
	background: transparent url('../img/bg_newsfeed.png'); 

	min-height: 150px;
	margin-bottom: 10px;
}

#col3>#kreuncardContainer>#kreuncard {
	background: transparent url(../img/bg_box_kreuncard.gif) no-repeat;
	background-position: 200px 5px;
	min-height: 150px;
	margin-bottom: 10px;
	width: 220px;
}

#col1, #col2, #col3 {
margin-top: 10px
}

#col1>#tickets {
	background-color: #FFF;
	font-size: 1.2em;
	line-height: 140%;
	padding: 10px 0px 0px 10px;
	position: relative;
	top:10px;
}

#col1>#bio {
	background-color: #FFF;
	margin-bottom: 10px;
	padding: 10px 0px 0px 10px;
	position: relative;
	top:20px;
}

#festival-info p {
	font-size: 1.2em;
}

/*
#col1>#bio ul.links li{
	background:#000 url(../img/bg_soon_link.gif) no-repeat;
	background-position: 0 5px;
	margin-bottom: 3px;
	margin-left: -10px;
	padding: 3px;
	padding-left: 10px;
	width: 175px;
}*/

ul.links a {
	background:transparent url(../img/bg_soon_link.gif) no-repeat;
	background-position: 0 5px;
	display: block;
	font-size: 1.2em;
	margin-bottom: 3px;
	margin-left: -10px;
	padding: 3px;
	padding-left: 10px;
	width: 175px;
}





#col1>#soundslike {
	background-color: #FFF;
/*	background: #FFF url(../img/bg_box_soundslike.gif) no-repeat;
	background-position: 220px 5px;*/
	line-height: 135%;
	margin-bottom: 20px;
	min-height: 130px;
	padding: 10px 0px 0px 10px;
	position: relative;
	top:20px;
}

#col1>#soundslike p {
	font-size: 1.1em;
	width: 90%;
}

#tickets>h1 {
	color: #ff0000;
	font-size: 2.4em;
}

#tickets p.ticketbutton {
	padding-top: 15px;
	text-align: right;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
FORMS
////////////////////////////////////////////////////////////////////////////////////////////////*/

.formRow {
	clear: both;
	min-height: 25px;
}

.formLabel {
	color: #484848;
	float: left;
	padding-right: 10px;
	padding-top: 8px;
	text-align: right;
	width: 80px;
	
}

.newsletter .formLabel {
	color: #484848;
	float: left;
	padding-right: 10px;
	padding-top: 8px;
	text-align: right;
	width: 120px;
	
}

.formField {
	float: left;
}


.flump{display:none;}

.search-header {
	background-color: #FFF;
	border: 2px solid #FF0000;
}

#nieuwsbrief div.label {
	clear: left;
	float: left;
	left: 15px;
	margin-right: 3px;
	position: relative;
	width: 100%;
}

label.over {
	color: #969696;
	left: 20px;
	position: absolute;
	top: 10px;
	z-index: 2;
}



#nieuwsbrief div.label input {

	clear: left;
	display: block;
	margin: 2px 10px;
	padding: 3px;
}

#col2 label.over {
	color: #969696;
	left: 20px;

	position: absolute;
	top: 5px;
	z-index: 2;
}


#col2 div.label input {
	border: 1px solid #000;
	clear: left;
	display: block;
	margin: 2px 10px;
	padding: 3px;
	width: 240px
}

#col2 .newsletterform {
	color: #969696;
	left: 20px;
	font-size: 0.9em;
}

#col2 .newsletterform .inputwidth2 {
	border: 1px solid #000;
	margin: 2px 0px;
	padding: 3px;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////////////////////////////////////////////////////*/
/*
#sponsors {
	clear: both;
	height: 120px;
	left:260px;
	position: relative;
	top:12px;
	width: 700px;
}*/

#footer {
	color: #FF0000;
	clear: both;
	min-height: 30px;
	font-size: 1.2em;
	line-height: 150%;
	padding-top: 12px;
	position: relative;
	text-align: center;
	top:12px;
	width: 100%;

}

	#footer ul, #footer li, #footer-home ul, #footer-home li {
	display: inline;

}

#footer li {
	display: inline;
	padding: 5px 10px;

}

#footer a {
	padding: 2px 5px;
}

#footer a:link    { color: #CC0000 }
#footer a:visited { color: #CC0000 }
#footer a:hover   { background-color:#FFF; color: #CC0000 }
#footer a:active   { color: #CC0000 }

/*////////////////////////////////////////////////////////////////////////////////////////////////
CONTACT
////////////////////////////////////////////////////////////////////////////////////////////////*/

#map_canvas {
	height: 300px;
	width: 740px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
PIN UP BOARD
////////////////////////////////////////////////////////////////////////////////////////////////*/

#pinupboard {

	position: relative;
	
}

#pinupboard .odd {
	background-color: #F2F2F2;
	padding: 12px;

}

#pinupboard .even {

	padding: 12px;
}

#pinupboard .date {
	float: left;
	padding-right: 10px;
	width: 50px;
	text-align: right;
}

#pinupboard .boardPost {
	float: left;
}

#pinup-sidebar {
	background-color: #FFF;
	color: #000;
	margin-top: 5px;
	padding: 25px 5px 10px 10px;
	width: 227px;
	
}

#pinupboard_saef {

}

#pinupboard_saef .formLabel {
	color: #242424;
	width: 80px;
}

#pinupboard_saef .formField input.field, #pinupboard_saef .formField textarea {
	background-color: #FFF;
	border: 1px solid #242424;
	width: 340px;
}

#pinupboard_saef .formField textarea {
	height: 80px;

}

#pinup-sidebar h2, #pinup-sidebar p {
	color: #242424;
}

#pinup-sidebar h2 {
	color: #FF0000;
	font-size: 1.4em;
	text-transform: uppercase
}

#pinup-sidebar p {
	font-size: 1.1em;
	line-height: 140%
}

.pinupPost {
	border: 1px solid #EEE;
	margin: 20px 25px 5px 10px;
	padding: 5px 25px 5px 10px;
	
}

#col2 .comment {
	border: 1px solid #CCC;
	width: 300px;
}

.comment_odd, .comment_even {
	font-size: 1.3em;
	padding: 4px;
}

.comment_odd {
	background-color: #EEE;
}

.boardPost {
	float: left;
	font-size: 1.2em;	
	width: 350px;
}

.pinupCopy p {
	font-size: 1.2em
}


#pinupboard a:link    { color: #242424 }
#pinupboard a:visited { color: #242424 }
#pinupboard a:hover   { background-color:transparent; color: #FF0000 }
#pinupboard a:active   { color: #CC0000 }

/*////////////////////////////////////////////////////////////////////////////////////////////////
BLOG
////////////////////////////////////////////////////////////////////////////////////////////////*/

#blog {
	font-size: 1.4em;
	line-height: 160%;

}



#blog h2 a  {
	font-size: .8em;
	text-decoration: none;
}

#blog h2 a:hover  {
	background-color: #EEE;
}

#blog h2  {
	padding-top: 25px;
	padding-bottom: 5px;
}

.blog .meta {
	color: #CCC;

}

.blogCopy {

}

.blogCopy p {
	font-size: 1.2em;
	line-height: 140%;
}

.blogpost {
	padding: 20px 20px 15px 20px;	
}

.reacties {
	padding: 20px;
}

.reacties p {
	padding: 0.5em;

}

.pin-up-board .reacties p {
	font-size: 1.3em;

}



.blog-entry_odd, .blog-entry_even {
	padding: 20px 20px 15px 20px;	
}

.blog-entry_odd {
	background-color: #FCFCFC;
}

.pagination {
	font-size: 0.9em;
	text-align: right;
	width: 98%;
}

.blogCopyMulti img {
	display: none
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
RANDOM CONCERT
////////////////////////////////////////////////////////////////////////////////////////////////*/

#random-concert-wrapper {
	width: 220px;
	height: 180px;
	background-color:#000;
	overflow:hidden;
}

#random-concert-wrapper div {
	width:208px;
	height:168px;
	text-align:right;
	margin:0;
	padding:6px;	
}

#random-concert-wrapper a {
	text-decoration:none;
	background-color:#000;
}

#random-concert-wrapper p {
	color:#FFF;
	margin:0;
	padding:0;
}

p.randomConcertDate {
	font-size: 22px;
	color:#FFF;
	font-weight:bold;
	height:40px;
}

p.randomConcertTitle {
	font-size: 20px;
	color:#FFF;
	font-weight:bold;
	line-height: 28px;
}

.randomConcertTitleWrapper td {
	vertical-align: bottom;
	width: 208px;
	height:128px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////
BIO LIGHTBOX
////////////////////////////////////////////////////////////////////////////////////////////////*/

#bio-overlay-nl {
	text-align: left;
	background-color: #FFFF00;
}




/*////////////////////////////////////////////////////////////////////////////////////////////////
AUDIO / VIDEO tabs
////////////////////////////////////////////////////////////////////////////////////////////////*/




                ul.tabNavigation {
                    list-style: none;
                    margin: 0;
                    padding-left: 25px;
                }

                ul.tabNavigation li {
                    display: inline;
                }

                ul.tabNavigation li a {
                    padding: 3px 5px;
                    background-color: #ccc;
                    color: #000;
                    text-decoration: none;
                }

                ul.tabNavigation li a.selected,
                ul.tabNavigation li a:hover {
                    background-color: #EEE;
                    color: #242424;
                    padding-top: 7px;
                }
                
                ul.tabNavigation li a:focus {
                        outline: 0;
                }

                div.tabs > div {
					background-color: #EEE;
					padding: 0px;
					margin-top: 3px;
					border: 1px solid #EEE;
					width: 510px;
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }

                #first {
                    background-color: #EEE;
                    width: 450px;
                }

                #second {
                    background-color: #0f0;
                    width: 500px;
                }


                .waste {
                        min-height: 1000px;
                }









ul.archiveNav, ul.archiveNav>li {
	display: inline;
}

ul.archiveNav>li {
	font-size: 0.9em;
	padding: 0 6px;
}

ul.archiveNav>li a {
	color: #242424;
}

.newsletterform td {
	color: #FFF;
}

label { width: 8em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
/*.submit { margin-left: 12em; }*/

#search.submit { margin-left: 0em; }


    .focusField{
        border:solid 2px #FF0000;
        background:#FFF;
        color:#000;
    }
    .idleField{
        background:#DDD;
        color: #6F6F6F;
        border: solid 2px #DFDFDF;
    } 
    




a {
	text-decoration: none;
}

ul.links li a:link, ul.links li a:visited{
	color: #FF0000;
}

ul.links a:hover {
	color: #FFF;
	background-color: #EEE;
}

h1 {
	font-size: 32px;
}

.bodyCopy p {
	font-size: 1.1em;
}

a:hover img {
	background-color: transparent
}

p.leesmeer {
	padding-top: -30px;
}

#subnav.live {


	
}

.blockPage p {
	text-align: left;
	font-size: 1.1em;
}