/*
	Datum: 2 december 2008 
	Sjra Hendriks Internet Marketing Communicatie */


/* Algemene body elementen */
body {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	background-color: #000000;
	color: #010066;
	font: normal normal 11px/22px "Verdana", Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: normal;
	white-space: normal;
	letter-spacing: normal;

	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 76%;
	dddcolor: #ED1C24;
	line-height: 155%;

	height: 100%;
	width: 100%;
	}

html, body {
	height: 100%;
	margin: auto;
	width: 100%;

}

/* Teksten in de tabellen */
td, tr {
	margin: 50px 0px 0px 0px;	
/*	text-align: left;*/
	background: #eef7ec url(../images/body_patroon.jpg) repeat-x;

}

img {
	border:0;
}

div #pr-marge-top-index {
	display: none;

}


#container {
	position: relative;
	text-align: left;
	margin: 0 auto;
  	width: 961px; /*780 */

	min-height: 100%; 
	height: auto !important; 
	height: 100%;

	dddbackground-color: #010066;
}


#box {
	position: absolute;
	margin: 290px 0 10px 0;
	padding: 0 0 10px 0;
  	width: 959px !important; /*780 */
  	width: 961px; /*780 */
	min-height: 100%; 
	height: auto !important; 
	height: 100%;

	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;

	background-color: #010066;

	z-index: 2;

top: 0;
left: 0;

}

#top {
	position: absolute;
  	width: 959px !important; /*780 */
  	width: 961px; /*780 */
	height: 290px; /*180 */


	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
top: 0;
left: 0;
	margin: 0px 0 0 0;
}


#logo {
	dddfloat: left;
	width: 959px !important;
	width: 961px;
	height: 230px;

	position: absolute;
	z-index: 2;

	background-image: url(../images/header_co_topeventtickets_de.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}



#subnavigatie {
	float: right;
	width: 210px;
	background: transparent;
	text-align: left;
	padding-top: 10px;
	color: #333333; /* #8d8dbc */
	line-height: normal;


	position: relative;
	margin: 0 0 -60px 0; /* let op: in broncode volgorde subnavigatie gewisseld met logo */
	padding: 2px 0 0 80px;

	z-index: 3;
}
	
	#subnavigatie a,
	#subnavigatie a:link,
	#subnavigatie a:visited,
	#subnavigatie a:active {
		font-weight: normal;
		color: #000000; /* #8d8dbc */
		text-decoration: none;
	}
	
	#subnavigatie a:hover {
		color: #ffffff;
	}





	/* ---->> NAVIGATIE <<---- */	
	#navigatie {
		dddfloat: left;
		height: 30px;
		width: 949px !important;  /*770 */
		width: 951px;  /*770 */
		padding-left: 10px;
		background: transparent url('../images/navigatie.jpg') no-repeat;
		line-height: 30px;

		position: absolute;
		top: 230px;
	}

		#navigatie ul {
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 28px;
			list-style-type: none; 
		}
		
		#navigatie li {
			float: left;
			list-style-type: none; 
			display: block;
		}

		#navigatie li a,
		#navigatie li a:link,
		#navigatie li a:visited,
		#navigatie li a:active {
			float: left;
			list-style-type: none;
			display: block;
			padding-right: 20px;
			color: #010066;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap; 
			width: auto;
			height: 20px;
		}
		
		#navigatie li a:hover {
			color: #cf0121;
		}
		
		#navigatie li a.select {
			color: #cf0121;	
		}

/* ---->> CRUMBTRAIL <<---- */		
	#crumb {
		dddfloat: left;
		height: 30px;
		width: 929px !important;   /* 750 */
		width: 931px;   /* 750 */
		padding-left: 30px;
		background: transparent url('../images/crumb.jpg') no-repeat;
		color: #e3808f;
		line-height: 30px;

		position: absolute;
		top: 260px;
	z-index: 3;
overflow: hidden;
	}	
	
		#crumb a,
		#crumb a:link,
		#crumb a:visited,
		#crumb a:active {
			color: #e3808f;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
		}
		
		#crumb a:hover {
			color: #ffffff;
		}
		
		#crumb a.select {
			color: #ffffff !important;	
		}
	



	/* ---- Container "Linkermenu"---- */
	#left {
		float: left;
		width: 205px; /* 140 px */
		height: auto;
		display: block;

		background: transparent;
		overflow: hidden;
position: relative;
		margin: 5px 0 0 0;
dddtop: 0;
dddleft: 0;
padding: 0 0 0 0;
		dddbackground-color: #000000;

dddz-index: 1000;
	dddbackground-color: #010066;

		}



.banner-left {
	margin: 20px 0 0 0;
	width: 173px;
	height: 50px;
	padding: 0 0 0 10px;
	float: left;
}

.banner-right {
	margin: 20px 0 0 0;
	width: 173px;
	height: 50px;
	padding: 0 9px 0 0;
	float: left;
	clear: both;
}


		/* ---->> MENU <<---- */		
		#menu {
			dddfloat: left;
			width: 190px;	
			padding: 0 10px 5px 10px;
			background: transparent;
			line-height: 30px;
			border-bottom: 1px solid #ffffff;

		dddbackground-color: #000000;


		}

			#menu ul {
  				padding: 0px;
  				margin: 0px;
  				list-style: none;

			}

			#menu li a,
			#menu li a:link,
			#menu li a:visited,
			#menu lia:active {
  				color: #bfbfd9;
  				text-decoration: none;
  				font-weight: bold;
  				font-size: 12px;
  				line-height: 20px;
  				ddddisplay: block;
  				width: 180px;
  				height: 20px;
 	 			dddpadding-right: 15px;
 	 			padding-top: 10px;

dddbackground-color: #000000;
			}
		
			#menu li a:hover {
				color: #ffffff;
			}
			
			#menu li a.select {
				color: #ffffff;	
			}

		/* ---->> LINKJES <<---- */					
		#left h5 
		#left h5 a,
		#left h5 a:link,
		#left h5 a:visited,
		#left h5 a:active {
			float: left;
			display: block;
			width: 120px;
			padding: 0 10px 0 10px;
			margin: 0;
			line-height: 30px;
			font-size: 11px;
			font-weight: normal !important;
			color: #706fa9;
			text-decoration: none;
			border-bottom: 1px solid white;
		}
		
		#left h5 a:hover {
			color: #ffffff;
		}	






	
	/* ---- Container INTRO banner ---- */




	.spotlightimage {
 		float: left;
  		width: 560px;
		dddwidth: 100%;
		dddheight: 140px;
  		margin: 0;
  		display: block;
		margin-bottom: 10px;
		_margin-bottom: 0px;
		overflow: hidden;		
	}
	




	/* De class die de tekst over de header image weergeeft 
				Ingesprongen tekst is beter om niet te verwijderen omdat er dan dingen gaan verspringen */
	.spotlightimage a
	{
			dddposition: absolute; 

		margin: -80px 0 10px 382px;
		dddfloat: left;

			dddbottom: 10px; 
			dddright: 0px;
			filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; /* Doorzichtigheid */
			
		width: 175px; /* Of misschien    width: 100%; */
		text-align:right;
		padding: 1px 1px 1px 2px; /* Witruimte  boven links onder rechts */			
		background-color: white;
		color: black;
		font-family: Arial;
		font-size: 8pt;
		font-weight: bold;
		text-decoration:none;
	}
	
		div.spotlightimage 
		{ /*margin: -10px -10px 10px -10px;*/
			/*width:460px;height:140px;overflow:hidden;*/
		}





		/* De headerimage zelf */


		div.spotlightimage img {
		width: 560px; 
		dddwidth: 100%;

		shdddheight: 140px; /* let op: plaatjes voor de headerimage homepage op maat maken en deze maat ddd */

		}



		
		div.spotlighttext {
			float: left;
			width: 438px;
			padding: 15px;
			background-color: #FFFFFF;
			border-bottom: 1px solid #232323;
			color: #232323;
			font: bold 11px arial;
		}






	/* ---- Container ALGEMENE CONTENT ---- */	

	/* ---- Container "Middenpagina" CONTENT ---- */
	#main {
 		float: left;
position: relative;
margin: 0 0 0 0;
dddleft: 200px;

  		width: 560px; /*460 px */
  		padding: 0;
		height: auto;

  		display: block;
		background: white url('../images/main_bg.gif') no-repeat; /*welk .gif?? */
		overflow: hidden;

	dddbackground-color: #010066;
	z-index: 3;
	}






#maincontent {
	padding: 10px;
	line-height: 16px;

	min-height: 640px;
	height: auto !important; 
	height: 100%;


	font-family: verdana, sans-serif;
	font-weight: normal;



	}





#maincontent p {
	text-align: justify;
	font-size: 100%;
	line-height: 155%;
	padding: 4px 0 0 0;

	}


#maincontent h1 {
	text-align: left;
	font-size: 150%;
	line-height: 155%;
	display: block;
	font-weight: bold;
	color: #cf0121;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
}

#maincontent h2 {
	text-align: left;
	font-size: 110%;
	line-height: 155%;
	display: block;
	font-weight: bold;
	color: #cf0121;
	padding: 8px 0 0px 0;
	margin: 0 0 0 0;
}

#maincontent h3 {
	text-align: left;
	font-size: 96%;
	line-height: 155%;
	display: block;
	font-weight: bold;
	color: #ffffff;
	background-color: #cf0121;
	padding: 4px 0 4px 4px;
	margin: 16px 0 0 0;
}

#maincontent input.color-red  { /* idem h3 voor de input fields algemene voorwaarden bestellen */
	text-align: left;
	font-size: 96%;
	line-height: 155%;
	display: block;
	font-weight: bold;
	color: #ffffff;
	background-color: #cf0121;
	padding: 4px 0 4px 4px;
	margin: 16px 0 0 0;
}


#kolom {
	display: block;
	height: auto;
	margin: 24px 0 10px 0;
	}


#kolom .shortlink h3 {
	width: 107px; /* 136px */
	height: 30px;
	background: transparent url('../images/tickets-concert-tickets.gif') no-repeat;
	padding: 22px 3px 0 60px;
	margin: 0 0 2px 0;
	font-size: 10px;
	color: white;
	font-weight: normal;
	text-transform: uppercase;	
}



#kolom .shortlink {			
	width: 170px; /* 136px */
	dddpadding: 0 0px 0 0 !important;
	dddpadding: 0 6px 0 0;
}


#kolom .shortlink p {			
	width: 170px; /* 136px */
	padding: 0 0px 0 0;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 86%;
	line-height: 155%;
}




.shortlink, .shortlink a, .shortlink a:link, .shortlink a:visited, .shortlink a:active {
	float: left;
	width: 167px; /* 136px */
	font-weight: normal !important;
	text-decoration: none !important;
	text-align: right;
	color: #010066 !important;
	margin: 0 10px 0 0 !important;
	margin: 0 5px 0 0;
	padding: 0;	
}
		
.shortlink a:hover {
	color: #cf0121 !important;
}	



#maincontent h4 {
	text-align: right;
	font-size: 86%;
	line-height: 145%;
	display: block;
	font-weight: bold;
	color: #ffffff;
	background-color: #dadae9;
	padding-right: 5px;
	height: 18px;
	dddline-height: 18px;
	margin: 12px 0 0 0;
}

#maincontent h4 a {
	margin: 0 !important; 
	padding: 0px 4px 0px 4px !important;
}



	
	#maincontent table, 
	#maincontent tbody, 
	#maincontent tr, 
	#maincontent td
	{	
		border: 0;
		background: none;
/*		width: 440px;*/
/*		text-align: justify;*/
		line-height: 16px;
		padding: 5px 0px 5px 0px;
		vertical-align: top;


	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
	dddcolor: #ED1C24;
	dddbackground-color: #CCCCCC;
	line-height: 155%;

dddfloat: left;




	}



	#maincontent td p strong {	


dddfloat: left;

	}


	.logo {
		float:left;
		width: 200px;
		display: block;
			border-bottom: 1px solid #ffffff;
		padding: 5px 0 5px 10px;

	}


	.logoclass {
		float: left;
		width: 135px;
		ddddisplay: block;
		dddborder-bottom: 1px solid #ffffff;
		margin: 0 2px 0 0;
	text-align: center;


	}



	
		
	/* ---- Container "Rechtermenu"---- */

	#right {
	 	float: right;
  	width: 179px;
		height: auto;
		margin: -1px 0 0 0;
		padding: 0;
		background: transparent;
		overflow: hidden;
		line-height: normal;

		dddbackground-color: #000000;
	z-index: 2;

	}

		/* ---- HEADERS ---- */
		#right h5 {
			float: left;
			display: block;
			width: 145px;
			padding: 0px 10px 0 35px;
			margin: 0;
			height: 30px;
			line-height: 30px;
			background: transparent url('../images/right_h1_bg.jpg') ;
			font-size: 11px;
			font-weight: bold !important;
			color: #010066;
		}

		/* ---- MEEST POPULAIR ---- */
		#populair {
			float: left;
  			width: 187px;
			padding: 0 10px 0 3px;
			background: transparent;
			line-height: 22px;
			margin-bottom: 10px;
		}

			#populair ul {
  				padding: 0px;
  				margin: 0px;
  				list-style: none;
			}

			#populair li a,
			#populair li a:link,
			#populair li a:visited,
			#populair lia:active {
  				color: #bfbfd9;
  				text-decoration: none;
  				text-transform: none;
  				font-weight: normal;
  				font-size: 11px;
  				ddddisplay: block;
  				width: 187px;
  				height: 20px;
 	 			padding-right: 15px;
			}
		
			#populair li a:hover {
				color: #ffffff;
			}
			
			#populair li a.select {
				color: #ffffff;	
			}





		/* ---- Algemene informatie ---- */
		#algemene-informatie {
			float: left;
  			width: 187px;
			padding: 0 10px 0 3px;
			background: transparent;
			line-height: 22px;
			margin-bottom: 10px;
		}

			#algemene-informatie ul {
  				padding: 0px;
  				margin: 0px;
  				list-style: none;
			}


			#algemene-informatie ul li {
  				padding: 2px 0 2px 0;
			}

			#algemene-informatie li a,
			#algemene-informatie li a:link,
			#algemene-informatie li a:visited,
			#algemene-informatie li a:active {
  				color: #bfbfd9;
  				text-decoration: none;
  				text-transform: none;
  				font-weight: normal;
  				font-size: 12px;
  				ddddisplay: block;
  				width: 187px;
  				dddheight: 20px;
 	 			dddpadding-right: 15px;
				padding: 0 15px 0 0;
			}
		
			#algemene-informatie li a:hover {
				color: #ffffff;
			}
			
			#algemene-informatie li a.select {
				color: #ffffff;	
			}










		/* ---- Newsletter ---- */
		#newsletter {
			float: left;
  			width: 187px;
			padding: 0 10px 0 3px;
			background: transparent;
			line-height: 22px;
			margin-bottom: 10px;
		}

			#newsletter ul {
  				padding: 0px;
  				margin: 0px;
  				list-style: none;
			}


			#newsletter ul li {
  				padding: 2px 0 2px 0;
			}

			#newsletter li a,
			#newsletter li a:link,
			#newsletter li a:visited,
			#newsletter li a:active {
  				color: #bfbfd9;
  				text-decoration: none;
  				text-transform: none;
  				font-weight: normal;
  				font-size: 12px;
  				ddddisplay: block;
  				width: 187px;
  				dddheight: 20px;
 	 			dddpadding-right: 15px;
				padding: 0 15px 0 0;
			}
		
			#newsletter li a:hover {
				color: #ffffff;
			}
			
			#newsletter li a.select {
				color: #ffffff;	
			}

















		/* ---- Divisies ---- */
		#divisies-co {
			float: left;
  			width: 187px;
			padding: 0 10px 0 3px;
			background: transparent;
			line-height: 22px;
			margin-bottom: 10px;
		}

			#divisies-co ul {
  				padding: 0px;
  				margin: 0px;
  				list-style: none;
			}


			#divisies-co ul li {
  				padding: 2px 0 2px 0;
			}

			#divisies-co li a,
			#divisies-co li a:link,
			#divisies-co li a:visited,
			#divisies-co li a:active {
  				color: #bfbfd9;
  				text-decoration: none;
  				text-transform: none;
  				font-weight: normal;
  				font-size: 12px;
  				ddddisplay: block;
  				width: 187px;
  				dddheight: 20px;
 	 			dddpadding-right: 15px;
				padding: 0 15px 0 0;
			}
		
			#divisies-co li a:hover {
				color: #ffffff;
			}
			
			#divisies-co li a.select {
				color: #ffffff;	
			}









		/* ---- INVULVELD NIEUWSBRIEF ---- */
		#right INPUT {
			border: 1px solid #7170a9;
			margin: 11px 2px 0px 10px;
			width: 125px;
			height: 12px;
			padding: 3px;
			font: normal normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #a0a0c6;
			background: #41408c;
		}

		/* ---- ALGEMENE TEKST IN #RIGHT ---- */		
		.txt {
			margin: 0;
			padding: 10px 10px 0 10px;
			line-height: 22px;
			color: #bfbfd9;
		}
		
		/* ---- CONTAINER CLASS VOOR BANNERS ---- */		
		.banner {
			margin-top: 20px;
			width: 190px;
			padding-left: 10px;
		}




#footer {
	width: 560px;
	float: left;
	position: relative;
	margin: 10px auto 0 auto;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #010066;
	dddbackground-color: #41408c;
	border-top: 1px solid #41408c;

}

#footer p {
	padding: 20px 10px 20px 10px;
}










/* @group Algemene Styles */




/* Algemene links*/
#main a,
#main a:link,
#main a:visited,
#main a:active {
		font-weight: bold;
		text-decoration: none !important;
		text-align: right;
		color: #010066 !important;	
	}

#main a:hover {
		color: #cf0121 !important;
		text-decoration: underline;
	}


	

/* lijn */
hr {
	border: 0;
	color: #cf0121;
	background: #cf0121;
	height: 1px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;

		dddbackground-color: #000000;


	}

/* Correctie IE lijn */
* html body hr {
	width: 100%;
	}

/* Leeg */
address {
	margin: 0;
	padding: 0;
}

/* Leeg */
p {
	margin: 0;
	padding: 0;
}

/* leeg  */
pre {
	margin: 0;
	padding: 0;
}

/* @end */


label {
	display: block;
	dddwidth: 140px;
	float:left;
	clear:left;

}





textarea
{	width: 350px;
	height:100px;
}




#opmaak-boek {
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	/* border: 1px solid #010066; */
	padding: 0 5px 0 0;	
	background: #dadae9;
	height: 48px;
	line-height: 18px;
	margin: 12px 0 0 0;
	} 
	#opmaak-boek a {margin:0 !important;padding: 0px 4px 0px 4px !important;}





#tdata th {
	margin: 0px;
	padding: 5px;
	width: 150px;
	vertical-align: top;
text-align: left;
}

#tdata td {
	margin: 0px;
	padding: 5px;
	vertical-align: top;
text-align: left;
}


#tdata td div.opmerkingen {
	width: 360px;
}

#tdata th p,h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;

}

#tdata td p,h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;

}