@charset "UTF-8";

@font-face {
	font-family: 'Avenir65Medium';
	src: url('aem.eot');
	src: local('Avenir65Medium'), 
	url('aem.woff') format('woff'), 
	url('aem.ttf') format('truetype'), 
	url('aem.svg#webfont') format('svg');
}

body, ul, ol, li, img, a, p, h1, h2, h3, h4, h5, h6, dl, dd, form, fieldset, label, input, table, td, th, tr, thead, blockquote, cite {
	border: 0;
	margin: 0;
	padding: 0;
}

body{
	background: #000000;
}

.hideitem{
	visibility: hidden;
}

.showitem{
	visibility: visible;
}

.removeitem{
	display: none !important;
}

.displayitem{
	display: block !important;
}

.img_left{
	float:left;
	
	margin: 0 8px 3px 0px;
	padding: 0;
}

.img_right{
	float:right;
	
	margin: 0px 0 3px 8px;
	padding: 0;
}

.img_center{
	display:block;
	margin: 0 auto 0 auto;
}

.rand{
	border: #ddae1e solid 1px;
}

.skiplink,  input[type=hidden]{
	display:none !important;
}

#wrapper{
	background:url(../images/topbalk_bg.gif) center top repeat-x;
	
	margin: 0 auto 0 auto;
	min-width: 960px;
	min-height: 932px;
	padding: 28px 0 0 0;
}

#banner{
	background: #dcc28d;
	text-align: center;
	
	height: 320px;
	overflow: hidden;
}

#banner img{

}

#banner embed, #banner object{
	border: 0 !important;
}

#navmenu{
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto !important; 
	height: 32px;

}

#navmenu li{
	float: left;
	height: 32px;
	overflow: hidden;
	list-style:none;
	
}

#navmenu li a{
	display: block;
	float: left;
	width:120px;
	height: 32px;
	text-indent:-9999px;
}

#nav_home{ background:url(../images/nav_home.png) no-repeat; }
#nav_tickets{ background:url(../images/nav_tickets.png) no-repeat; }
#nav_lineup{ background:url(../images/nav_lineup.png) no-repeat; }
#nav_cultuur{ background:url(../images/nav_cultuur.png) no-repeat; }
#nav_edities{ background:url(../images/nav_edities.png) no-repeat; }
#nav_partners{ background:url(../images/nav_after.png) no-repeat; }
#nav_route{ background: url(../images/nav_route.png) no-repeat; }
#nav_contact{ background:url(../images/nav_contact.png) no-repeat; }

#nav_home:hover{ background:url(../images/nav_home_over.png) no-repeat; }
#nav_tickets:hover{ background:url(../images/nav_tickets_over.png) no-repeat; }
#nav_lineup:hover{ background:url(../images/nav_lineup_over.png) no-repeat; }
#nav_cultuur:hover{ background:url(../images/nav_cultuur_over.png) no-repeat; }
#nav_edities:hover{ background:url(../images/nav_edities_over.png) no-repeat; }
#nav_partners:hover{ background:url(../images/nav_after_over.png) no-repeat; }
#nav_route:hover{ background: url(../images/nav_route_over.png) no-repeat; }
#nav_contact:hover{ background:url(../images/nav_contact_over.png) no-repeat; }

#home #nav_home{ background:url(../images/nav_home_active.png) no-repeat; }
#tickets #nav_tickets{ background:url(../images/nav_tickets_active.png) no-repeat; }
#lineup #nav_lineup{ background:url(../images/nav_lineup_active.png) no-repeat; }
#cultuur #nav_cultuur{ background:url(../images/nav_cultuur_active.png) no-repeat; }
#edities #nav_edities{ background:url(../images/nav_edities_active.png) no-repeat; }
#partners #nav_partners{ background:url(../images/nav_after_active.png) no-repeat; }
#route #nav_route{ background: url(../images/nav_route_active.png) no-repeat; }
#contact #nav_contact{ background:url(../images/nav_contact_active.png) no-repeat; }

#contentcontainer{
	position: relative;
	margin : 0px auto 0 auto;
	width: 960px;
	
	
}

#contentcontainer h1, 
#contentcontainer h2{
	color: #fff0cf;
	font-family: "Avenir65Medium", "Avenir 65", "Avenir 65 Medium", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.4em;
	font-weight: bold;
	letter-spacing: 1px;
}

#contentcontainer h3{
		color: #fff0cf;
	font-family: "Avenir65Medium", "Avenir 65", "Avenir 65 Medium", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight: bold;
	letter-spacing: 1px;
}

#contentcontainer p{
	color: #fffff2;
	margin-bottom: 2em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.70em;
	line-height:1.8em;
}

.headerlijn{
	border:  #d7d7d7 solid 0px;
	border-width: 0 0 1px 0;
	
	margin-bottom: 0.5em;
}

.introparagraaf{
	font-weight: bold;
}

.subtitel{
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif !important;
	color: #838383 !important;
	
	
	border:  #d7d7d7 solid 0px;
	border-width: 0 0 1px 0;
}

.meerlezen{
	text-align: right;
}


#contentcontainer ul{
	color: #fffff2;
	margin-bottom: 2em;
	margin-left: 2.5em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.70em;
	line-height:1.8em;
}

#contentcontainer ol{
	color: #fffff2;
	margin-bottom: 2em;
	margin-left: 2.5em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.70em;
	line-height:1.8em;
}

.djopsomming{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.85em !important;
	text-transform: uppercase;
}

.djopsomming li{
	background: url(../images/ul_sterretje.gif) left no-repeat;
	padding-left: 20px;
	list-style:none;
	line-height: 1.4em;
}

.nobullets{
	list-style:none;
}

a:link, a:visited{
	color: #e3b31f;
	font-weight: bold;
}

a:hover{
	color: #e5d2a8;
	font-weight: bold;
}

#maincontent{
	left: 280px;
	margin:0 auto 0 auto;
	position:absolute;
	top:40px;
	width:400px;
}

#maincontent.tweekolommen{
	left:10px;
	width: 650px;
}

#maincontent h2{
	color: #fff0cf;
	font-family: "Avenir65Medium", "Avenir 65", "Avenir 65 Medium", Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size:1.1em;
	font-weight: bold;
	letter-spacing: 1px;
}

#maincontent h3{
	color: #fff0cf;
	font-family: "Avenir65Medium", "Avenir 65", "Avenir 65 Medium", Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size:0.4em;
	font-weight: bold;
	letter-spacing: 1px;
}



#maincontent label{
	color: #fffff2;
	margin-bottom: 2em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.70em;
	
 	width: 100px;
	float: left;
	clear:both;
}

#maincontent input, #maincontent textarea{
	display: block;
	margin: 2px 17px 1em 0px;
	width: 200px;
	border:  #bcbcbc solid 1px;
	color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0.1em 2px 0.1em 2px;
}

#maincontent textarea{
	width: 250px;
}


#maincontent input:focus, #maincontent textarea:focus{
	border: #eed226 solid 1px;	
}

#maincontent input[type=submit]{
	background: #FFFFFF;
	margin: 5px 17px 0 0;
	padding: 0 3px 0 3px;
	width: auto;
	color: #000000;
	border:  #000000 solid 1px;
	padding: 1px 5px 1px 5px;
}









#sideleft{
	position:absolute;
	top:40px;
	left: 10px;
	width: 250px;	
}

#sideright{
	position: absolute;
	top: 40px;
	width: 250px;
	right: 10px;
}

embed{
	border: #ddae1e solid 1px;
	margin: 0 0 1em 0;
}

.knopbg{
	margin-top: 1em;
	background:url(../images/knop_bg.gif) no-repeat;
	width: 116px;
	height:21px;
	text-align:center;
}

.knopbg a:link, .knopbg a:visited{
	text-decoration: none;
	color:#000000;
}

/* TWITTER BOX */
#twtr-widget-1, .twtr-tweet-wrap, .twtr-tweet, .twtr-doc{
	width: 100% !important;
}

.twtr-tweet-text{
	width: 95% !important;
}

.twtr-widget i, .twtr-widget .twtr-new-results {
	font-size: 0.9em !important;
	text-align:right !important;
	
}

.twtr-widget .twtr-tweet a.twtr-reply {
	visibility: visible !important;
	padding-right: 10px;
}

.twtr-hd, .twtr-ft{
	display: none;
}

.twtr-tweets p{
	color:#FFFFF2 !important;
	font-family:Helvetica,Arial,sans-serif !important;
	font-size: 0.8em !important;
	line-height:1.8em  !important;
	margin-bottom:2em  !important;
}

#footer{
	border-color:#B5DBE5;
	border-style:solid;
	border-width:1px 0 0;
	min-height:252px;
	position:relative;
	width:100%;
}

#overlay{
	background: url(../images/overlay.png);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2000px;
	z-index: 500;
	
	cursor: pointer;
	
	
}

#overlay_dj{
	position:relative ;

	top: 20px;
	background:#000000;
	margin: 0 auto 0 auto;
	padding: 30px;
	width:830px;
	
	border: #eed226 solid 1px;
	cursor: auto;
	
	min-height:700px;
}


#overlay_dj_exit{
	position: absolute;
	right: -15px;
	top:-15px;
	cursor:pointer;
}

#overlay_dj h1{
	display: none;
}

#overlay_dj h2{
	color: #fff0cf;
	font-family: "Avenir65Medium", "Avenir 65", "Avenir 65 Medium", Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size:1.1em;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 1em;
}

#overlay_dj p{
	color: #fffff2;
	margin-bottom: 2em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.70em;
	line-height:1.8em;
}
/*
Randen orange:			#ddae1e
Header gebroken wit:	#fff0cf
*/

#sideright form{
	margin: 1em 0 35px 0px;
}

#sideright label{
	color: #fffff2;
	margin-bottom: 2em;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size: 0.70em;
	line-height:1.8em;
	
 	width: 25%;
	margin: 0px 0 0 0px;
	float: left;
	clear:both;
}

#sideright input, #sideright textarea{
	display: block;
	margin: 2px 17px 1em 0px;
	width: 60%;
	border:  #bcbcbc solid 1px;
	color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 0.1em 2px 0.1em 2px;
}

#sideright input:focus, #sideright textarea:focus{
	border: #eed226 solid 1px;	
}

#sideright input[type=submit]{
	background: #FFFFFF;
	
	padding: 0 3px 0 3px;
	width: auto;
	color: #000000;
	border:  #000000 solid 1px;
	padding: 1px 5px 1px 5px;
	
	margin: 5px 0 0 auto;
}