html,body,div,form,input,fieldset,textarea,label,h1,h2,h3,h4,h5,h6,p,ul,li { margin: 0; padding: 0; }
p { margin: 0 0 1em 0;}
img { border: none; }
br { clear: both; }
form ul { list-style-type: none; }
.wrapper { width: 100%; height: auto; position: relative; margin: 0; padding: 0; }
.clear { clear: both; height: 0; width: 0; line-height: 0; }
.float { float: left; }
.hidden { display: none;}
a { color: #000; text-decoration: none; }

/* Grid */
div.grid
{
	padding: 0 14px;
	clear: both;
}
	div.smallcol
	{
		float: left;
		width: 180px;
	}
	div.bigcol
	{
		float: left;
		width: 562px;
  padding: 0px 10px 0px 10px;
	}
	
/* Dividers page header*/
div.divider-bruin-header
{
	clear: both;
	width: 100%;
	height: 16px;
	background: transparent url("../images/backgrounds/arcering-bruin.gif") repeat-x left top;
 overflow:hidden;
 margin:0px 0px 20px 0px;
}
div.pagetitle{
 display:block;
	height: 16px;
 overflow:hidden;
 text-align:center;
}

div.pagetitle h3
{
 display:inline;
	color: #311d12;
 font-weight: bold;
 font-size: 1.4em;
 line-height:0.7em;
 background-color:#FFFFFF;
 padding:0px 6px 0px 6px;
 margin:0px;
}

/* Dividers */
div.divider-bruin
{
	clear: both;
	width: 100%;
	min-height: 14px;
	background: transparent url("../images/backgrounds/arcering-bruin.gif") repeat-x center left;
}
div.divider-wit
{
	clear: both;
	width: 100%;
	min-height: 14px;
	background: transparent url("../images/backgrounds/arcering-wit.gif") repeat-x center left;
}

div.divider-dotted
{	
	clear: both;
	padding-bottom: 20px;
	border-bottom: #41291b 1px dotted;
}

div.divider-bruin-dotted
{	
	width: 100%;
	clear: both;
	height: 1px;
	background: transparent url("../images/backgrounds/arcering-bruin.gif") repeat-x center left;
}

body 
{ 
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	background-color:#fff;
	color: #41291b;
}

div#container
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 970px;
	margin: 0 0 0 -485px;
}

	div#header
	{
		margin-top: 13px;
		padding-top: 33px;
		padding-bottom: 15px;
		background: transparent url("../images/backgrounds/header.png") no-repeat center top;
	}
	
		div#header h1 a
		{
			display: block;
			width: 180px;
			height: 212px;
			background: transparent url("../images/festival-mundial.jpg") no-repeat;
			text-indent: -5000em;
		}
	
		div#header h2
		{
			display: block;
			width: 180px;
			height: 212px;
			background: transparent url("../images/19-20-juni-leijpark-tilburg.jpg") no-repeat;
			text-indent: -5000em;
		}
		
  div#logo{
   position:absolute;
   left:15px;
   top:45px;
   display:block;
   z-index:10;
   overflow:hidden;
  }

		div#headliner
		{
   position:relative;
   display:block;
   z-index:2;
			width: 562px;
			height: 212px;
   overflow: hidden;
		}
		
		div#headliner ul
		{
			width: 562px;
			height: 212px;
			list-style-type: none;
		}
		
		div#headliner ul li
		{
			position: relative;
			display:block;
			width: 562px;
			height: 212px;
			float: left;
   cursor: pointer;
		}
		
		div#headliner ul li h2
		{
			position: absolute;
			top: 145px;
			left: 16px;
			padding: 3px 5px;
			background: none;
			background: #1dbbe9;
			height: auto;
			width: auto;
			color: #fff;
			text-indent: 0;
			font-size: 1.6em;
		}
		
		div#headliner ul li h4
		{
			position: absolute;
			top: 174px;
			left: 16px;
			padding: 2px 5px;
			background: #1dbbe9;
			color: #fff;
			font-size: 1.2em;
			font-weight: normal;
		}

	div#content
	{
		background-color:#fff;
	}

	
  	div#headlines
  	{
  	}
  	
  		div#headlines div h2
  		{
  			margin: 0 219px;
  			padding: 10px 0; 
  			display: block;
  			width: 119px;
  			height: 21px;
  			background: transparent url("../images/titles/nieuws-h2.gif") no-repeat center center;
  			text-indent: -5000em;
  		}
  	
  		div#headlines ul
  		{
  			list-style-type: none;
  		}
  	
  		div#headlines ul li
  		{
  			float: left;
  			color: #fff;
  		}
  		
  	
  			div#headlines ul li div.nieuws-top,div#headlines ul li div.nieuws-bottom
  			{
  				width: 180px;
  				height: 10px;
  				line-height: 10px;
  				font-size: 10px;
  			}
  		
  			div#headlines ul li div.nieuws-content
  			{
      position:relative;
      display:block;
  				width: 160px;
      height: 160px;
  				padding: 0 10px;
  				font-size: 0.95em;    
  			}
  		
  				div#headlines ul li div.nieuws-content h3
  				{
  					font-weight: bold;
  					padding: 2px 0 6px 0;
  				}
  			
  				div#headlines ul li div.nieuws-content div.divider-wit
  				{
  					min-height: 5px;
  					height: 5px;
  					margin: 0 0 6px 0;
  					background-position: top left;
  				}
  				div#headlines ul li div.nieuws-content p
  				{
  					margin: 0;
  				}
  				div#headlines ul li div.nieuws-content div.nieuws-leesmeer  a
  				{
       position:absolute;
       bottom:0px;
  					margin: 5px 0 0 0;
  					padding: 4px 0 0 0;
  					border-top: #fff 1px dotted;
  					color: #fff;
  					display: block;
  				 width: 160px;      
  					background: transparent url("../images/backgrounds/arrow-wit.gif") no-repeat 60px 8px;
  				}
  	
  			div#headlines ul li.blauw,div#headlines ul li.bruin
  			{
  				margin: 0 10px 0 0;
  			}
  			div#headlines ul li.blauw div.nieuws-top { background: transparent url("../images/backgrounds/blok-blauw.gif") no-repeat center top; }		
  			div#headlines ul li.blauw div.nieuws-bottom  { background: transparent url("../images/backgrounds/blok-blauw.gif") no-repeat center bottom; }
  			div#headlines ul li.blauw div.nieuws-content 	{ background: #1dbbe9; }
  			div#headlines ul li.blauw div.nieuws-content div.nieuws-leesmeer  a:hover {
  				color: #41291b;
  				background: transparent url("../images/backgrounds/arrow-bruin.gif") no-repeat 60px 8px;
  			}
  	
  			div#headlines ul li.bruin div.nieuws-top { background: transparent url("../images/backgrounds/blok-bruin.gif") no-repeat center top; }		
  			div#headlines ul li.bruin div.nieuws-bottom  { background: transparent url("../images/backgrounds/blok-bruin.gif") no-repeat center bottom; }
  			div#headlines ul li.bruin div.nieuws-content 	{ background: #41291b; }
  			div#headlines ul li.bruin div.nieuws-content div.nieuws-leesmeer  a:hover {
  				color: #ec7405;
  				background: transparent url("../images/backgrounds/arrow-oranje.gif") no-repeat 60px 8px;
  			}
  	
  			div#headlines ul li.oranje div.nieuws-top { background: transparent url("../images/backgrounds/blok-oranje.gif") no-repeat center top; }		
  			div#headlines ul li.oranje div.nieuws-bottom  { background: transparent url("../images/backgrounds/blok-oranje.gif") no-repeat center bottom; }
  			div#headlines ul li.oranje div.nieuws-content 	{ background: #ec7405; }
  			div#headlines ul li.oranje div.nieuws-content div.nieuws-leesmeer  a:hover {
  				color: #41291b;
  				background: transparent url("../images/backgrounds/arrow-bruin.gif") no-repeat 60px 8px;
  			}

   div#crumbs
   {
    height: auto;
    padding: 0;
    margin: 0;
    line-height: 12px;
   }

   div#crumbs div.divider-bruin
   {
    min-height: 3px;
    height: 3px;
    line-height: 3px;
    font-size: 3px;
    margin: 10px 0;
    padding: 0;
   }

   div#crumbs ul
   {
     padding: 0;
     margin: 0;
     list-style-type: none;
   }

   div#crumbs ul li 
   {
    float: left;
    padding: 0 5px 0 0;
    margin: 0;
   }


		/* Menu */
			div#content div.menu-top
			{
				width: 179px;
				height: 10px;
				background: #41291b url("../images/backgrounds/menu-topbottom.gif") no-repeat top center;
			}
			div#content div.menu-bottom
			{
				width: 179px;
				height: 10px;
				background: #41291b url("../images/backgrounds/menu-topbottom.gif") no-repeat bottom center;
			}
		
				div#content ul#menu
				{
					background: #41291b;
					list-style-type: none;
					padding: 10px 15px;
					width: 149px;
				}
				
				div#content ul#menu li
				{
					margin: 0 0 5px 0;
					font-size: 1.1em;
     border-bottom: dotted 1px #FFFFFF;
				}
				
				div#content ul#menu li a
				{
					color: #fff;
				}
					div#content ul#menu li a:hover, div#content ul#menu li a.actiefhoofd
					{		
						color: #ec008c;
					}
				
					div#content ul#menu li ul
					{
						margin: 5px 0;
      /*visibility:hidden;*/
      display:none;
					}
				
					div#content ul#menu li ul li
					{
						font-size: 0.8em;	
						margin: 0 0 2px 0;
      border:none;		
					}
				
					div#content ul#menu li ul li a
					{
						color: #fff;
						padding: 0 0 0 15px;
					}
					
					div#content ul#menu li ul li a:hover, div#content ul#menu li ul li a.actief
					{		
						color: #ec008c;
						background: transparent url("../images/backgrounds/heart.gif") no-repeat 0 2px;
					}
			
		h3.tickets a
		{
			margin: 22px 0 0 0;
			display: block;
			width: 180px;
			height: 65px;
			background: transparent url("../images/titles/koop-tickets-h2.gif") no-repeat;
			text-indent: -5000em;
		}
		
		h3.timetable a
		{
			margin: 7px 0 0 0;
			display: block;
			width: 180px;
			height: 45px;
			background: transparent url("../images/titles/timetable-h2.gif") no-repeat;
			text-indent: -5000em;
		}
		
		div#nieuwsbrief 
		{
			margin: 6px 0 0 0;
			background: transparent url("../images/backgrounds/nieuwsbrief.gif") no-repeat center bottom;
			text-align: center;
		}
		
			div#nieuwsbrief h3
			{
				display: block;
				width: 180px;
				height: 33px;
				background: transparent url("../images/titles/nieuwsbrief-h2.gif") no-repeat;
				text-indent: -5000em;
			}
		
			div#nieuwsbrief form
			{
				margin-bottom: 12px;
			}
		
			div#nieuwsbrief form label
			{
				display: none;
			}
				
			div#nieuwsbrief form input
			{
				margin-top: 8px;
				border: none;
				width: 153px;
				border-right: #f7c79b 1px solid;
				border-bottom: #f7c79b 1px solid;
				font-size: 0.9em;
				padding: 4px 3px;
			}
		
			div#nieuwsbrief form fieldset
			{
				border: none;
				margin-top: 8px;
			}
		
				div#nieuwsbrief form fieldset legend
				{
					display: none;
				}
		
				div#nieuwsbrief form fieldset label
				{
					display: inline;
					color: #fff;
				}
		
				div#nieuwsbrief form fieldset input
				{
					border: none;
					width: auto;
				}
		
			div#nieuwsbrief form input.button
			{
				margin-top: 18px;
				margin-bottom: 12px;
				width: 100%;
				height: 16px;
				border: none;
    cursor: pointer;
				text-indent: -5000em;
				padding: 5px 15px;
				background: #ec7405 url("../images/backgrounds/nieuwsbrief-submit.gif") no-repeat center center;
			}
		
		div#sponsoren
		{
			margin: 18px 0;
		}
		
			div#sponsoren ul
			{
				margin: 18px 0;
				list-style-type: none;
			}
			
			div#sponsoren ul li
			{
				margin: 0 0 15px 0;
			}
		
		div#anim
		{
			width: 180px;
			height: 195px;
			background: transparent url("../images/titles/vreemde-vogels.jpg") no-repeat;
		}
	
	div#sitemap
	{
		background-color:#FFFFFF;
	}
		div#sitemap div.divider-bruin
		{
			text-align: center;
		}
	
		div#sitemap div h2
		{
			margin: 0 411px;
			padding: 10px 0; 
			display: block;
			width: 122px;
			height: 21px;
   background-color:#FFFFFF;
		}

	div#sitemap ul
	{
		float: left;
		list-style-type: none;
  margin:0px 20px 0px 20px;
	}
	div#sitemap ul li
	{
		font-size:0.95em;
	}

	div#sitemap ul.artiesten { padding: 0; }
	
	div#footer
	{
		margin-bottom: 13px;	
		padding-top: 15px;
		padding-bottom: 33px;
		text-align: center;
		background: transparent url("../images/backgrounds/footer.png") no-repeat center bottom;
	}
	
		div#footer ul
		{
			list-style-type: none;
			font-size: 0.9em;
		}
	
		div#footer ul li
		{
			display: inline;
		}
	
		div#footer ul li a
		{
			padding: 0 10px;
		}
	
		div#footer ul li a:hover
		{
			
		}
	
		div#footer ul li a:active { padding-top: 2px; }




div.growlUI { background: url("../images/backgrounds/growl-heart.png") no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}

/*Overzicht selectie*/
form#selectie{
 display:block;
 width:562px;
 text-align:right;
}

form#selectie label{
 font-weight:bold;
 padding:0px;
}

/*homepage acts*/
ul#actsoverzicht{
 display:block;
 width:561px;
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul#actsoverzicht li{
 position:relative;
 display:block;
 width:561px;
 height:30px;
 background-repeat: repeat-y;
 background-position: 0px -561px;
 list-style-type:none;
 margin:0px 0px 2px 0px;
 padding:0px; 
}

ul#actsoverzicht li a{
 position:relative;
 display:block;
 width:561px;
 height:30px;
 list-style-type:none;
 margin:0px;
 padding:0px; 
 background: url(/images/act_kader.png);
 color:#FFFFFF;
}

ul#actsoverzicht li b{
 position:absolute;
 display:block;
 width:300px;
 height:30px;
 left: 70px;
 top: 7px;
 font-weight:normal;
}

ul#actsoverzicht li i{
 position:absolute;
 display:block;
 width:150px;
 height:30px;
 left: 400px;
 top: 7px;
 font-style:normal;
 text-align:right;
}

/*verkoop adressen*/
ul#verkoopadressen{
 display:block;
 width:561px;
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul#verkoopadressen li{
 display:block;
 width:561px;
 height:30px;
 background-repeat: repeat-y;
 background-position: 0px -561px;
 list-style-type:none;
 margin:0px 0px 2px 0px;
 padding:0px; 
}

ul#verkoopadressen li a{
 position:relative;
 display:block;
 width:561px;
 height:30px;
 list-style-type:none;
 margin:0px;
 padding:0px; 
 background: url(/images/act_kader.png);
 color:#FFFFFF;
}

ul#verkoopadressen li b{
 position:absolute;
 display:block;
 width:300px;
 height:30px;
 left: 70px;
 top: 7px;
 font-weight:normal;
}
ul#verkoopadressen li i{
 position:absolute;
 display:block;
 width:150px;
 height:30px;
 left: 400px;
 top: 7px;
 font-style:normal;
 text-align:right;
}


/*artiest info*/
div#artiestinfo_header{
 display:block;
 width:562px;
 height:43px;
 background: url(/images/actinfo/act_header.gif); 
}
  div#artiestinfo_header h4{
   margin: 0px 0px 0px 65px;
   padding: 8px 0px 0px 0px;
   color:#FFFFFF;
   font-size:1.4em; 
   font-weight:normal;
  }

div#artiestinfo_body{
 position:relative;
 display:block;
 width:562px;
 background: url(/images/actinfo/act_body.gif); 
}
  div#info{
   display:block;
   width:320px;
   color:#FFFFFF;  
   padding: 10px 0px 0px 10px;
   margin:0px;
  }

  div#opsomming{
   position:absolute;
   left:350px; 
   top:10px;
  }

   div#opsomming ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
   }

   div#opsomming ul li{
    margin:0px;
    padding:0px;
    width:200px;
    padding: 3px 0;
    color:#FFFFFF;  
    list-style-type:none;
    font-weight:bold;
   }

div#artiestinfo_footer{
 display:block;
 width:562px;
 height:22px;
 background: url(/images/actinfo/act_footer.gif); 
 margin: 0px 0px 20px 0px;
}


/*Nieuws*/
ul#nieuwsoverzicht{
 display:block;
 width:561px;
 list-style-type:none;
 margin:0px;
 padding:0px;
}

ul#nieuwsoverzicht li{
 display:block;
 width:561px;
 height:30px;
 background-repeat: repeat-y;
 background-position: 0px -561px;
 list-style-type:none;
 margin:0px 0px 2px 0px;
 padding:0px; 
}

ul#nieuwsoverzicht li a{
 position:relative;
 display:block;
 width:561px;
 height:30px;
 list-style-type:none;
 margin:0px;
 padding:0px; 
 background: url(/images/act_kader.png);
 color:#FFFFFF;
}

ul#nieuwsoverzicht li b{
 position:absolute;
 display:block;
 width:400px;
 height:30px;
 left: 70px;
 top: 7px;
 font-weight:normal;
}
ul#nieuwsoverzicht li i{
 position:absolute;
 display:block;
 width:100px;
 height:30px;
 left: 450px;
 top: 7px;
 font-style:normal;
 text-align:right;
}



/*tekst layout*/
div.aligntekst{
 display:block;
 width:520px;
 padding:0px 0px 10px 10px;
}

div.aligntekst table,div.aligntekst table tr,div.aligntekst table tr td{
 border: none;
}