/* Getest: website_parijs_screen.css
	•	Internet Explorer 6 Windows
	•	Firefox 2 Windows en Mac
	•	Safari 2 Mac 
	
	Datum: 14 augustus 2008 
	Sjra Hendriks Internet Marketing Communicatie */

/* @group Boxes */
/* @group Header */



/* Algemene body elementen */
body {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	dddbackground: #010066 url('../images/dddbody_patroon.jpg') center top repeat-y;
	ddd_background: #010066 url('../images/dddbody_patroon_ie.jpg') center top repeat-y;
	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;
	dddbackground-color: #CCCCCC;
	line-height: 155%;


	height: 100%;
	width: 100%;


	}

html, body {
	dddmin-height: 100%; 
	dddheight: auto !important; 
	height: 100%;
	margin: auto;
	width: 100%;

}

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

}








img { border:0; }



/* ---->> Omvattende container "ALLE DIVS" <<---- */
#container {
	position: relative;
	text-align: left;
	margin: 0 auto;
  	width: 961px; /*780 */

	dddmin-height: 100%; 
	dddheight: auto !important; 
	dddheight: auto;

	dddborder-top: 2px solid #ffffff;
	dddborder-right: 2px solid #ffffff;
	dddborder-bottom: 2px solid #ffffff;
	dddborder-left: 2px solid #ffffff;

	dddbackground-color: #000000;

  	}


#box {
	position: absolute;
	dddtext-align: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
  	width: 959px !important; /*780 */
  	width: 961px; /*780 */
	dddmin-height: 100%; 
	dddheight: auto !important; 
	dddheight: auto;

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

	background-color: #010066;

	z-index: 2;

  	}





/* ---->> Omvattende container "TOP DIVS" <<---- */
#top {
	position: relative;
	width: 959px; /*780 */
	height: 290px; /*180 */
	ddddisplay: block;
	dddoverflow: hidden;
	dddbackground: transparent url('../images/top.jpg') no-repeat;

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



	margin: 0 0 0px 0;
	}

/* ---->> BEGIN TOP DIVS <<---- */
	#logo {
		float: left;
		width:  959px !important;
		width:  961px;
		height: 230px;

		position: relative;
	z-index: 2;


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

	/* ---- Container SUBNAVIGATIE ---- */
	#subnavigatie {
		float: right;
		width: 210px;
		dddheight: 30px;
		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 {
		float: left;
		height: 30px;
		width: 951px;  /*770 */
		padding-left: 10px;
		background: transparent url('../images/parijs_navigatie.jpg') no-repeat;
		line-height: 30px;

		position: relative;
		dddtop: 190px;
	}

		#navigatie ul {
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 138px;
			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 {
		float: left;
		height: 30px;
		width: 931px;   /* 750 */
		padding-left: 30px;
		background: transparent url('../images/parijs_crumb.jpg') no-repeat;
		color: #e3808f;
		line-height: 30px;

		position: relative;
		dddtop: 190px;
	z-index: 3;

	}	
	
		#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;	
		}
	

/* ---->> EINDE TOP DIVS <<---- */

/* @end */
/* @group Content */


/* ---->>Omvattende container "Content frame"<<---- */

#content {

		position: relative;
		margin: 0px 0 0 0;

		/*  style="position:relative;" verwijderen broncode hdrSpotlight */

		dddbackground-color: #000000;

	}










	/* ---- Container "Linkermenu"---- */
	#left {
		float: left;
		width: 200px; /* 140 px */
		height: auto;
		display: block;
		margin: 5px 0 0 0;
		background: transparent;
		overflow: hidden;



		dddbackground-color: #000000;

		}

		/* ---->> MENU <<---- */		
		#menu {
			float: 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 h1 
		#left h1 a,
		#left h1 a:link,
		#left h1 a:visited,
		#left h1 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 h1 a:hover {
			color: #ffffff;
		}	






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




	.spotlightimage {
 		float: left;
  		width: 560px;
		dddheight: 260px; /* 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; 


		dddheight: 170px; /* 260px 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;
  		width: 560px; /*460 px */
  		padding: 0px;
		height: auto;
  		margin: 0;
  		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;
	font-size: 100%;
	dddcolor: #ED1C24;
	dddbackground-color: #CCCCCC;
	line-height: 155%;


	dddbackground-color: #000000;
	}





	#maincontent p {
		text-align: left;

dddwith: 440px;
dddfloat: left;
dddclear: left;


	}
	
	#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;
		display: block;
		border-bottom: 1px solid #ffffff;
		margin: 0 2px 0 0;


	}

	.footerclass {
		float:left;
		width: 550px;
		display: block;
		margin: 0px 2px 10px 0;
		padding: 0 9px 0 9px;
		text-align: left;
		border: 0;
	}

	.footerclass table, .footerclass tr, .footerclass td {
		border: 0;
		dddborder-bottom: 0;
		dddborder-top: 0;
		dddtext-align: left;
		dddbackground-color: #000000;
	}

	.footerclass tr, .footerclass td {
		height: 15px;
	}



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




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

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

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

	}

		/* ---- HEADERS ---- */
		#right h1, #right h3 {
			float: left;
			display: block;
			width: 145px;
			padding: 0 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: 12px;
  				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;	
			}






		/* ---- Divisies CO ---- */
		#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;
		}

/* ---- Container "Footer"---- */
#footer {
	width: 440px;
	float: left;
	margin-top: 10px;
	padding: 10px;
	color: #ffffff;
	background: #41408c;
	height: 20px;
	display: block;

	background-color: #000000;

ddddisplay: none;
	}

/* @end */
/* @end */

/* @group Algemene Styles */

/* Resetten van alle marges en paddings */
h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
	dddmargin: 0;
	dddpadding: 0;
	}


/* 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;
	}


/* Style H1 */
h1 {
	font-size: 17px;
	display: block;
	font-weight: bold;
	color: #cf0121;
	margin: 0;
	padding: 0 0 9px 0;
	}

/* Style H2 */
h2 {
	color: #010066;	
	font-size: 14px;
	font-weight: bold;
	dddline-height: 19px;
	margin: 0;
	padding: 6px 0 6px 0;
	}

table tbody tr td h2 {
	font-size: 14px;
	color: #cf0121;
	line-height: 19px;
}

/* Style H3 */
#maincontent form h3 {
	color: #cf0121;
	font-size: 13px;
	font-weight: normal;
	
	margin-top: 5px;
	padding: 4px;
	background-color: #cf0121;
	color: #FFFFFF;
}


/* Style H3 */
#maincontent h3 {
	color: #010066;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0 6px 0;
}


/* Style H4 */
h4, h2.rood-blok {
	color: #cf0121;
	font-size: 13px;
	font-weight: normal;
	
	margin-top: 5px;
	padding: 4px;
	background-color: #cf0121;
	color: #FFFFFF;
	margin: 6px 0 6px 0;
	padding: 3px 0 3px 4px;
	}

/* Style H4 */
h4 {
	font-size: 11px;
	font-weight: normal;
	}

/* Style H5 */
h5 {
	font-size: 11px;
	font-weight: normal;

	}

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

/* lijn */
hr {
	border: 0;
	color: #cf0121;
	background: #cf0121;
	height: 1px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	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 */

#kolom .shortlink {			
			width: 170px; /* 136px */
			_width: 170px;  /* 135px */
		padding: 0 0px 0 0 !important;
		padding: 0 6px 0 0;

		dddbackground-color: #000000;
		}


#kolom .shortlink p {			
			width: 170px; /* 136px */
			_width: 170px;  /* 135px */
		padding: 0 0px 0 0;

		dddbackground-color: #000000;


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


		}


.shortlink h1, .shortlink h2 {			
			width: 167px; /* 136px */
			_width: 167px;  /* 135px */
			height: 30px;
			background: transparent url('../images/tickets-concert.gif') no-repeat;
			padding-top: 19px;  /* 19px */
			padding-right: 3px;
		padding: 19px 3px 0 0;
		margin: 0 0 2px 0;
			font-size: 10px;
			color: white;
			font-weight: normal;
			text-transform: uppercase;			
		}

.shortlink,
.shortlink a,
.shortlink a:link,
.shortlink a:visited,
.shortlink a:active {
			float: left;
			width: 167px; /* 136px */
			_width: 167px; /* 140px */
			dddmargin-right: 10px; /* 10px */
			ddd_margin-right: 5px; /* 5px */
			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;
		}	

label
{	display: block;
	width: 140px;
	clear:left;
	float:left;
}

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

#algemene-voorwaarden p {
	float: left;
	width: 500px;
	text-align: left;

}

div.algemene-voorwaarden {
	position: relative;
	padding: 15px 0 0 0;
	float: left;


}

span.voorwaarden-1 {
	position: relative;
	width: 80px;
	float: left;
	text-align: left;
	clear: left;
}

span.voorwaarden-5 {
	position: relative;
	width: 80px;
	float: left;
	text-align: left;
}

span.voorwaarden-2 {
	position: relative;
	width: 440px;
	float: left;
	text-align: left;
}

span.voorwaarden-3 {
	position: relative;
	width: 140px;
	float: left;
	text-align: left;
}

span.voorwaarden-4 {
	position: relative;
	width: 300px;
	float: left;
	text-align: left;
}


#main-default {
	position: relative;
	float: left;
	width: 545px;
	text-align: left;
	padding: 0 0 25px 0;
}

#main-default p {
	position: relative;
	float: left;
	width: 545px;
	text-align: left;
	padding: 0 0 8px 0;
}



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

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