/**
  * Standaard-stylesheet voor Le Monde
  *
  * copyright 2008 Slik BV  * version 0.1
  */

#main * { 
	/*border: 1px solid red;*/
}

/* RESETCODE VOOR BROWSER COMPATIBILITEIT *********************/
img { border: 0;}
hr { display: none;}
p, form, ol, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 100%; }
ol, ul, li { list-style-type: none;}
h1 span, h2 span { display: none;}
hr { display: none;}
.clear, .break { clear: both;}

/* CONTAINERS *************************************************/
body { 
	margin: 0;
	background: #a1ddf9 url('../gfx/body_background.jpg') no-repeat center 0px;
	color: #005c84; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 67.5%; 
	text-align: center; }
	a {
		color: #ca282d;
		text-decoration: none; }
	/* Container main centreert alle content */
	#main {
		position: relative;
		text-align: left;
		width: 780px;
		margin: 143px auto 0 auto;}
		/* Brede linkerkolom*/
		#content {
			/* default_ie.css: margin-left: 5px in */
			margin: 0 0 0 4px;
			padding: 80px 0 0 0;
			min-height: 881px;
   			*min-height: 887px;
			position: relative;
			background: #c4e9f9 url('../gfx/backgr_content.jpg') no-repeat right top; 
			float: left;
			width: 514px;
			border: 1px solid #64abc9;  }
		/* Smalle rechterkolom */
		#sidebar {
			margin: 0px 14px 0 -1px;
			background: #C4EBFF url('../gfx/sidebar_top.gif') no-repeat left 23px;
			color: white;
			float: right;
			width: 245px;
			min-height: 460px;
			border: 1px solid #64abc9; }
				
	/* HEADER STYLING ***********************************************/
	#logo h1 {
		display: block;
		position: absolute;
		width: 282px;
		height: 125px;
		top: -64px;
		left: 494px;
		background: url('../gfx/logo_apresskibar.jpg') no-repeat; }
	#logo h2 {
		color: #E94C51;
		position: absolute;
		top: -57px; 
		left: 696px;
		font-size: 120%; }
		#logo h3 span {
			display: none; }
	#logo h4 {
		position: absolute;
		left: 560px;
		top: -134px;
		font-size: 120%;
		color: #E94C51;	}
		#logo span#headerLine {
			display: block;
			top: -125px;
			left: 520px;
			width: 35px;
			height: 11px;
			position: absolute;
			border-top: 1px solid #E94C51; }
		img#dameLinks {
			display: block;
			position: absolute;
			top: -143px;
			z-index: 12;
			left: 15px;
			width: 75px;
			height: 143px; }
		img#dameRechts {
			display: block;
			position: absolute;
			z-index: 12;
			top: -143px;
			left: 290px;
			width: 204px;
			height: 143px; }
		img#dameRechtsBeen {
			display: block;
			position: absolute;
			z-index: 12;
			top: 0px;
			left: 434px;
			width: 153px;
			height: 144px; }
		
	/* NAVIGATION ***************************************************/
	#navigatie ul#navigation {
		position: absolute;
		top: 31px;
		left: 28px;
		width: 500px;
		z-index: 5; }
		ul#navigation li {
			display: block; 
			float: left;
			position: relative; }
			ul#navigation li a {
				display: block;
				float: left;
				background: white;
				color: #e94c51; 
				text-transform: uppercase;
				font-size: 90%;
				font-weight: bold;
				padding: 5px 8px;
				height: 15px;
				margin-right: 5px; }
				ul#navigation li a:hover, ul#navigation li a.hover, ul#navigation li a.active {
					color: white;
					background: #e94c51; }
			ul#navigation li ul {
				width: 100%;
				display: none;
				position: absolute;
				top: 25px;
				left: 0;
				clear: left; }
				ul#navigation li:hover ul, ul#navigation li.hover ul {
					display: block;	}
				ul#navigation li ul li {
					width: 100px; }
					ul#navigation li ul li a {
						width: 100%; }	
					
	ul#mininavigation {
		position: absolute;
		top: -9px;
		right: 12px; }
		ul#mininavigation li {
			display: inline;
			border-left: 1px dotted #64abc9; }
			ul#mininavigation li.first {
				border-left: none; }
			ul#mininavigation li a {
				padding: 0 10px;
				color: #e94c51; }
				ul#mininavigation li a:hover {
					color: #005c84;
					background: #abe1fa; }

	/* TEXT *****************************************************/
	.text.groot { padding: 0 50px 20px 20px; }
		.text p { padding: 8px; clear: left; }
		.text h1, h2, h3, h4 { text-transform: uppercase; clear:both; }
		.text h1 { 
			padding: 8px;
			background: #ca282d; 
			color: white; }
		.text h2 { 
			padding: 8px;
			background: white; }
		.text h3 { 
			padding: 8px 8px 8px 28px;
			color: #ca282d;
			background: url('../gfx/bullet_redsmallstar_content.gif') no-repeat 8px 9px; }
		.text h4 { 
			padding: 8px 8px 8px 28px;
			color: #64abc9;
			background: url('../gfx/bullet_bluesmallstar_content.gif') no-repeat 8px 9px; }
		.text h5 { 
			padding: 8px;
			color: #64abc9; }
		.text h6 { 
			padding: 8px;
			color: #82bfd8; }
		.text ul li { 
			position: relative;
			background: url('../gfx/bullet_listitem.gif') no-repeat 0 8px;
			margin: 0 10px;
			padding: 2px 8px 2px 24px; }
		.text ol li { 
			margin: 0 0 0 26px;
			padding: 2px 8px;
			list-style-type: decimal; }
		.text img { 
			float: right; 
			background-color: white;
			border: 1px solid #64abc9;
			padding: 4px;
			margin: 8px 0 8px 8px; }
		.text blockquote { 
			border-left: 8px solid white;
			padding: 0 8px;
			margin-left: 8px; }
			.text blockquote p { margin: 0; padding:0; }
			
	#sidebar .text { 
		color: #005C84;
		padding: 10px 5px 10px 20px;
		background: url('../gfx/sidebar_bottom.gif') no-repeat bottom right;  }
		#sidebar .text h2 {
			padding: 0px 5px 5px 25px;
			color: #E94C51;
			font-size: 120%;
			background: url('../gfx/bullet_redstar_sidebar.png') no-repeat; }
		#sidebar .text table {
			color: #005C84;	}
			#sidebar .text table tr {}
				#sidebar .text table tr td {
					vertical-align: top;
					height: 27px; }
					#sidebar .text table tr td em {
					
						font-size: 100%;
						width: 20px;
						height: 10px;
						color: #E94C51; 
						font-style: normal; }
					#sidebar .text table tr td strong {
						color: #005C84; }
					#sidebar .text table tr td p {
						color: #66A4BF;
						padding: 0 5px 5px 5px; }
					
	/* NIEUWS *****************************************************/
	.nieuws {
		padding: 0 50px 0 25px; }
		.nieuws h2 { 
			display:none; }
		.nieuws h3 {
			color: #e94c51;
			font-size: 120%;
			background: url('../gfx/bullet_whitestar_content.gif') no-repeat;
			padding-left: 24px; }
		.nieuws h4 {
			padding-left: 24px;
			font-weight: normal; }
		.nieuws .nieuwsItem {
			min-height: 180px;
			border-bottom: 1px solid white; }
		.nieuws .nieuwsText {
			padding: 8px 0; }
		.nieuws .nieuwsText img { 
			background-color: white;
			border: 1px solid #64abc9;
			padding: 4px;
			margin: 8px 0 8px 8px; }

	/* AGENDA ****************************************************/
	.events.groot {
		padding: 0 50px 20px 25px; }
		.events h2 {
			background: url('../gfx/bullet_redstar_content.gif') no-repeat 17px 0;
			padding-left: 48px;
			text-transform: uppercase;
			margin-bottom: 8px; }
		.events h3 {
			padding: 8px 8px 9px 48px;
			text-transform: uppercase;
			color: #3b5196;
			background: url('../gfx/arrow_month_blue.gif') no-repeat 2px 14px; }		
		.events h4 {
			padding: 4px 20px 4px 37px;
			margin: 8px 0 0 12px;
			border-left: 1px solid #e94d52;
			background: #e94d52;
			color: white;
			text-transform: uppercase; }
			.events h4 a {
				color: white;	}
				.events h4 a:hover {
					color: #005c84; }
		.events h5.datum {
			clear: left;
			font-weight: normal;
			padding: 4px 8px 4px 37px;
			/* ie_default.css : margin-left: 6px */
			margin-left: 12px;
			float: left;
			border-left: 1px solid #e94d52; }
		.events h5.locatie {
			font-weight: normal; 
			padding: 4px 8px;
			float: left; }
		.events div.eventsText {
			clear: left;
			padding: 4px 8px 8px 48px;
			background: url('../gfx/arrow_date_red.gif') no-repeat 10px 0; }
		.events .eventsText img { 
			background-color: white;
			border: 1px solid #64abc9;
			padding: 4px;
			margin: 8px 0 8px 8px; }	
	.events.klein {
		margin-top: 20px; 
		/* background: url('../gfx/sidebar_bottom.gif') no-repeat bottom right; */
		/* default_ie.css: height 161px */
		min-height: 152px; }
		.events.klein h2 {
			background: url('../gfx/bullet_redstar_sidebar.png') no-repeat 17px 0;
			padding-left: 48px;
			text-transform: uppercase;
			margin-bottom: 8px; }
		.events.klein a {
			display: block;
			padding: 8px 4px; }
			.events.klein a:hover {
				background-color: #4a5f9f; }
		.events.klein em {
			font-style: normal;
			display:block;
			float: left;
			width: 44px;
			padding-top: 2px;
			font-family: Tahoma;
			font-size: 90%;
			text-align: center; }			
		.events.klein strong {
			color: white;
			font-weight: normal;
			display: block; }

	/* GALLERY ****************************************************/
	/* Algemeen */
	#content .gallery {
		padding: 0 40px 0 25px; }
	#content .gallery h3 em {
		padding-left: 8px;
		font-size: 80%;
		color: #ccc; }
	
	/* Gallery Banner */	
	#content .gallery.banner { 
		padding: 0;
		text-align: center;
		background: #b1daee url('../gfx/backgr_gallerybanner.gif') no-repeat center top;
		min-height: 150px; }
		.gallery.banner .title {
			text-align: left;
			padding: 9px 12px; }
			.gallery.banner .title ul li {
				display: inline;
				padding: 0 5px; }
			.gallery.banner .title ul li img {
				display: none; }
			.gallery.banner .title ul li h2 {
				display: inline;
				background: url('../gfx/bullet_whitestar_gallery.gif') no-repeat;
				padding: 0 10px 0 30px;
				text-transform: uppercase;
				color: #ca282d; 
				font-size: 110%; }
	.gallery.banner img {
		background-color: white;
		border: 1px solid #64abc9;
		padding: 3px 3px 16px 3px; }
	
	/* Gallery's overzicht  */
	#content .gallery.overzicht .galleryThumb {	
		float: left; 
		padding: 3px 5px;
		background-color: white;
		border: 1px solid #64abc9;
		padding: 4px;
		width: 115px;
		height: 156px;
		text-align: center;
		margin: 0 12px 12px 0; }
	#content .gallery.overzicht .galleryThumb.active { 
			border: 1px solid white;
			background: #ca282d;
			color: white;
			cursor: pointer; }
		#content .gallery.overzicht .galleryThumb a { display: block; }
		#content .gallery.overzicht .galleryThumb a img {}
		#content .gallery.overzicht .galleryThumb a em { float: left; }
		#content .gallery.overzicht .galleryThumb img.camera { display:none; }
	/* Gallery index */
	#content .gallery.index h3, #content .gallery.zoom h3 {
		text-align: left;
		text-transform: uppercase;
		padding: 8px 8px 18px 28px;
		color: #ca282d;
		background: url('../gfx/bullet_redsmallstar_content.gif') no-repeat 8px 9px; }
		#content .gallery.index h3 em, #content .gallery.zoom h3 em {
			color: #005c84;
			font-size: 100%;
			font-style: normal;
			font-weight: normal; }
	#content .gallery.index a img { 
		background-color: white;
		border: 1px solid #64abc9;
		padding: 4px;
		text-align: center;
		margin: 0 18px 18px 0; }
	#content .gallery.index a img.active {
		border: 1px solid white;
		background: #005c84; }
		
	/* Gallery enkele foto */
	#content .gallery.zoom { text-align: center; padding: 0 20px; }
		#content .gallery.zoom img { margin: 0 auto; }
		#content .gallery.zoom ul {
			border: 1px solid #64abc9;
			width: 450px;
			padding: 9px;
			margin: 10px 0;
			background: white;
	  		font-size: 90%;	}
			#content .gallery.zoom ul li { 
				display: inline; 
				padding: 5px 10px; }
				
	/* FOTO CAROUSEL **********************************************/
	#container a {
		display: block;	}
		#container a img {
			display: block;
			width: 80px;
			background-color: white;
			border: 1px solid #64abc9;
			padding: 3px 3px 16px 3px;}
	.gallery.banner h2 {
		display: inline;
		background: url('../gfx/bullet_whitestar_gallery.gif') no-repeat;
		padding: 0 10px 0 30px;
		text-transform: uppercase;
		color: #ca282d; 
		font-size: 110%; }
			
	/* MESSAGEBOARD ***********************************************/
	.messageboard {
		padding: 0 20px 0 25px; }					
	div.messageboard h2 { display: none; }			
	#content .messageboard .message {
		position: relative;
		background: #dbf1fa;
		border: 1px solid #8cc4dc;
		margin: 17px 0px 5px 0px;
		top: 0px; }			
		#content .messageboard .message h3 {
			color: #ca282d;
			margin: 8px;
			font-size: 16px;
			line-height: 18px;
			padding: 0px;
			top: 0px; }			
		#content .messageboard .message h4 {
			color: #aaa;
			margin: 8px; }			
		#content .messageboard .message p {
			margin: 8px; }			
		#content .messageboard .paginering {
			text-align: right;
			position: relative;
			color: #7a8abd;
			background-color: white;
			border: 1px solid #8cc4dc;
			height: 34px; }			
			#content .messageboard .paginering a {
				color: #3b5196;
				padding: 0 4px; }
				#content .messageboard .paginering li.activemsg a, #content .messageboard .paginering a:hover {
					color: white;
					background-color: #3b5196; }
			#content .messageboard .paginering .pagineringContainer {
				float: right; 
				text-align: right;
				width: 36%;}
			#content .messageboard .paginering p {
				display: inline;
				float: left;
				padding: 8px; }			
			#content .messageboard .paginering ul {
				padding: 8px; }			
				#content .messageboard .paginering ul li {
					display: inline; }
		#sidebar .messageboardKlein {
			margin-top: 20px; }
		#sidebar .messageboardKlein h2 {
			background: url('../gfx/bullet_redstar_sidebar.gif') no-repeat 17px 0;
			padding-left: 48px;
			margin-bottom: 8px; }
		#sidebar form {
			padding: 10px 18px; }
			#sidebar form input, #sidebar form textarea {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
				font-size: 100%; 
				margin: 3px 0;
				padding: 2px 4px;
				color: #3b5196;
				width: 198px;
				border: 1px solid #2f3f73; }
				#sidebar input.subscribe {
					background-color: #ca282d;
					color: white;
					width: 210px; }
				#sidebar form input.focus, #sidebar form textarea.focus {
					border: 1px solid #e34c51;
					background: white url('../gfx/arrow_red.gif') no-repeat 0 8px;
					padding-left: 14px;
					width: 188px;
					color: black; }
			
	/* nieuws brief **/
	.mailingVeld {}
		.mailingVeld h2 {
			background: url('../gfx/bullet_redstar_sidebar.png') no-repeat;
			color: #E94C51;
			padding: 2px 5px 5px 25px;
			margin: 10px 0 0 20px; }	
	
	/* SPECIALS ***************************************************/
	
		#sidebar h2#specialsHeader {
			display: block;
			margin: 60px 0 40px 0;
			padding: 0px 5px 5px 45px;
			color: #E94C51;
			font-size: 120%;
			background: url('../gfx/bullet_redstar_sidebar.png') 20px 0px no-repeat; }
	
	#sidebar ul#specials { 
		margin-top: 40px; }
		#sidebar ul#specials li {
			position: relative; }
	#sidebar ul#specials li a {
		display: block;
		/* ie_defaul.css: height 56px */
		color: #005C84;
		padding: 9px 9px 9px 64px; }
		#sidebar ul#specials li strong { color: #ca282d; }
		#sidebar ul#specials img {
			position: absolute;
			top: 10px;
			left: 15px;	}
			#sidebar ul#specials li.weather img {
				top: 7px;
				width: 34px;
				height: 43px; }
			#sidebar ul#specials li.hyves img {
				top: 18px; 
				width: 37px;
				height: 21px; }
			#sidebar ul#specials li.webcam img {
				top: 11px;
				width: 33px;
				height: 34px; }
		#sidebar ul#specials li a:hover {
			background-color: #4a5f9f;
			color: #fff; }

	/* FOOTER *****************************************************/
	ul#footer {
		clear: left; 
		margin: 0 0 0 12px;
		color: #52b1db; }
		ul#footer li {
			display: inline; }
			ul#footer li a {
				color: #52b1db; }
			ul#footer li.copyright {
				display: inline;
				padding-right: 160px; }
				
	/** video **/
	.video.groot {
		margin: 5px 10px 10px 25px; }
		.video.groot .player {
			padding: 5px;
			background: #fff;
			width: 350px;
			border: 1px solid #64ABC9; }
			.video.groot h2 {
				color: #e94c51;
				font-size: 120%;
				background: url('../gfx/bullet_whitestar_content.gif') no-repeat;
				padding-left: 24px; }
			.video.groot .beschrijving {
				margin: 10px 0;
				padding-right: 70px; }		
		
	#playlist {	margin: 5px 10px 10px 25px;
		padding: 5px;
		background: #fff;
		width: 350px;
		border: 1px solid #E94D52; }
		#playlist a {
			color: #64ABC9;
			border-bottom: 1px solid #64ABC9;
			display: block;	}
		#playlist table { 
			float: left;
			display: block; }
			
	/** webcam **/
	
	#liveWebcam {
		border: 1px solid #64ABC9;
		padding: 10px;
		width: 353px;
		margin: 10px 10px 15px 23px;
		background: white;
	}