/* Global Resetting */
html {	
	width: 100%;
	height: 100%;
	background-color: #000;
	background-image: url(../images/bg_wit.gif); /* slechte tijdelijke oplossing voor het feit dat Main niet wil stretchen met subnaav */
	background-position: center;
	background-repeat: repeat-y;
}
body {
	width: 100%;
	height: 100%;
	font-size: 62.5%; /* reset font-sizes to 1em == 10px */
}
* {
	font-size: 1em; /* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	list-style:none;
}
.clear {
	clear: both;
	display: block;
}
a img{
	border:0;
}
.clear{
	clear: both;
}

/* Layout CSS */
#Main {
	margin: 0px auto;
	width: 968px;
	background-color: #FFF;
	position: relative;
	min-height: 100%; /* voor FF, IE7, safari: zonder content gaat hij tot viewport */
}
#Branding {
	background-color: transparent;
	width: 233px;
	height: 55px;
	position: absolute;
	top: 385px;
	left: 10px;
}
#tagcloud {
	margin-left: 240px;
	margin-top: 20px;
}

.SkipLink  {
	height: 30px;
	width: 968px;
	position: relative;
	padding-top: 0;
	z-index: 10;
	text-align: center;
	background-color: transparent;
	overflow: hidden;
	text-indent: -2000em;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	padding-top: 15px;
}

.logolink {
	border: 0;
	text-decoration: none;
}
.SkipLink:focus, .SkipLink:hover, .SkipLink:active {
	text-indent: 0;
	background-color: #B02113;
}


#ContentContainer {
	padding-top: 386px;
	margin-top: 0px;
	padding-left: 500px; /* half of page + 16px (gutter) */
	width: 363px;
	clear: both;
	position: relative;
	height: 100%;
	padding-bottom: 40px;
	height: 100%;
}
#Content {
	height: 100%;
}

.artikelDetails .logo {
	padding: 15px 0 10px 0;
}
.artikelDetails .tekstsoort {
	padding-top: 10px;
	font-weight: normal;
	font-style: italic;
	text-transform: capitalize;
}
.artikelDetails .datumPublicatie {
	text-transform: lowercase;
}
.artikelDetails .extra_info {
	margin-top: 10px;
}

#Breadcrumbs {
	position: relative;
	padding-top: 385px;
	padding-left: 500px; /* half of page + 16px (gutter) */
	font-weight: bold;
	color: #696969;
	font-size: 0.95em;
}
#Breadcrumbs a {
	text-decoration: none;
	color: #696969;
	font-weight: normal;
}
#Breadcrumbs a:hover {
	text-decoration: underline;
}

#ImageBar {
	width: 968px;
	height: 270px;
	background-color: #FFF;
	position: absolute;
	top: 12px;
	z-index: 0;
}
	#ImageBar a {
		text-indent: -9999px;
		text-decoration: none;
		position: absolute;
		background-color: #07886E;
		filter:alpha(opacity=00);
		opacity:.00;
	}
		/* algemene hoverstijl voor alle plaatjes */
		#ImageBar a:hover {
			text-indent: -9999px;
			text-decoration: none;
			position: absolute;
			filter:alpha(opacity=15);
			opacity:.15;
		}

#ImageBar_Home_1 {
	background-image: url(../images/imgbar/home/home1.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Home_1 #vak1 a {
		top: 0;
		left: 0;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Home_1 #vak2 a {
		top: 0;
		left: 121px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Home_1 #vak3 a {
		top: 0;
		left: 242px;
		width: 121px;
		height: 270px;
	}	
	#ImageBar_Home_1 #vak4 a {
		top: 0;
		left: 363px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Home_1 #vak5 a {
		top: 0;
		left: 484px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Home_1 #vak6 a {
		top: 0;
		left: 605px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Home_1 #vak7 a {
		top: 0;
		left: 726px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Home_1 #vak8 a {
		top: 0;
		left: 847px;
		width: 121px;
		height: 270px;
	}
/* imagebar_home_2 */
#ImageBar_Home_2 {
	background-image: url(../images/imgbar/home/home2.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Home_2 #vak1 a {
		top: 0;
		left: 0;
		width: 242px;
		height: 144px;
	}
	#ImageBar_Home_2 #vak2 a {
		top: 144px;
		left: 0;
		width: 242px;
		height: 130px;
	}
	#ImageBar_Home_2 #vak3 a {
		top: 0;
		left: 242px;
		width: 121px;
		height: 270px;
	}	
	#ImageBar_Home_2 #vak4 a {
		top: 0;
		left: 363px;
		width: 121px;
		height: 127px;
	}
	#ImageBar_Home_2 #vak5 a {
		top: 125px;
		left: 363px;
		width: 121px;
		height: 143px;
	}
	#ImageBar_Home_2 #vak6 a {
		top: 0;
		left: 484px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Home_2 #vak7 a {
		top: 0;
		left: 726px;
		width: 242px;
		height: 135px;
	}
	#ImageBar_Home_2 #vak8 a {
		top: 135px;
		left: 726px;
		width: 121px;
		height: 135px;
	}
	#ImageBar_Home_2 #vak9 a {
		top: 135px;
		left: 847px;
		width: 121px;
		height: 135px;
	}
/* imagebar home 3 */
#ImageBar_Home_3 {
	background-image: url(../images/imgbar/home/home3.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Home_3 #vak1 a {
		top: 0;
		left: 0;
		width: 196px;
		height: 142px;
	}
	#ImageBar_Home_3 #vak2 a {
		top: 142px;
		left: 0;
		width: 363px;
		height: 129px;
	}
	#ImageBar_Home_3 #vak3 a {
		top: 0;
		left: 196px;
		width: 414px;
		height: 142px;
	}
	/* bieb amsterdamse herinneringen*/	
	#ImageBar_Home_3 #vak4 a {
		top: 142px;
		left: 363px;
		width: 363px;
		height: 129px;
	}
	#ImageBar_Home_3 #vak5 a {
		top: 0;
		left: 605px;
		width: 363px;
		height: 142px;
	}
	#ImageBar_Home_3 #vak6 a {
		top: 142px;
		left: 726px;
		width: 242px;
		height: 129px;
	}

/* ImageBar Kunst 1 */
#ImageBar_Kunst_1 {
	background-image: url(../images/imgbar/kunst/kunst1.jpg);
	width: 968px;
	height: 270px;
	position: relative;
}
	#ImageBar_Kunst_1 #vak1 a {
		top: 0;
		left: 0;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_1 #vak2 a {
		top: 0;
		left: 242px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Kunst_1 #vak3 a {
		top: 0;
		left: 363px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_1 #vak4 a {
		top: 0;
		left: 605px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Kunst_1 #vak5 a {
		top: 0;
		left: 726px;
		width: 242px;
		height: 270px;
	}	
/* ImageBar Kunst 2 */	
#ImageBar_Kunst_2 {
	background-image: url(../images/imgbar/kunst/kunst2.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Kunst_2 #vak1 a {
		top: 0;
		left: 0;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Kunst_2 #vak2 a {
		top: 0;
		left: 121px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_2 #vak3 a {
		top: 0;
		left: 363px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_2 #vak4 a {
		top: 0;
		left: 605px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Kunst_2 #vak5 a {
		top: 0;
		left: 726px;
		width: 242px;
		height: 270px;
	}	
/* imageBar kunst 3 */	
#ImageBar_Kunst_3 {
	background-image: url(../images/imgbar/kunst/kunst3.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Kunst_3 #vak1 a {
		top: 0;
		left: 0;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Kunst_3 #vak2 a {
		top: 0;
		left: 121px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_3 #vak3 a {
		top: 0;
		left: 363px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_3 #vak4 a {
		top: 0;
		left: 605px;
		width: 363px;
		height: 270px;
	}

/* imagebar kunst 4 */
#ImageBar_Kunst_4 {
	background-image: url(../images/imgbar/kunst/kunst4.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Kunst_4 #vak1 a {
		top: 0;
		left: 0;
		width: 484px;
		height: 270px;
	}
	#ImageBar_Kunst_4 #vak2 a {
		top: 0;
		left: 484px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Kunst_4 #vak3 a {
		top: 0;
		left: 726px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Kunst_4 #vak4 a {
		top: 0;
		left: 847px;
		width: 121px;
		height: 270px;
	}
/* imagebar kunst 5 */
#ImageBar_Kunst_5 {
	background-image: url(../images/imgbar/kunst/kunst5.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Kunst_5 #vak1 a {
		top: 0;
		left: 0px;
		width: 968px;
		height: 270px;
	}
	
/* design 1 */
#ImageBar_Design_1 {
	background-image: url(../images/imgbar/design/design1.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Design_1 #vak1 a {
		top: 0;
		left: 0px;
		width: 484px;
		height: 270px;
	}
	#ImageBar_Design_1 #vak2 a {
		top: 0px;
		left: 484px;
		width: 484px;
		height: 130px;
	}
	#ImageBar_Design_1 #vak3 a {
		top: 130px;
		left: 484px;
		width: 484px;
		height: 142px;
	}
	#ImageBar_Design_1 #vak4 a {
		top: 0px;
		left: 726px;
		width: 242px;
		height: 270px;
	}
	
	
#ImageBar_Design_2 {
	background-image: url(../images/imgbar/design/design2.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Design_2 #vak1 a {
		top: 0;
		left: 0px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Design_2 #vak2 a {
		top: 0px;
		left: 242px;
		width: 121px;
		height: 144px;
	}
	#ImageBar_Design_2 #vak3 a {
		top: 144px;
		left: 242px;
		width: 121px;
		height: 126px;
	}
	#ImageBar_Design_2 #vak4 a {
		top: 0px;
		left: 363px;
		width: 484px;
		height: 270px;
	}
	#ImageBar_Design_2 #vak5 a {
		top: 0px;
		left: 847px;
		width: 121px;
		height: 270px;
	}
/* design 3 */	
#ImageBar_Design_3 {
	background-image: url(../images/imgbar/design/design3.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Design_3 #vak1 a {
		top: 0px;
		left: 0px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Design_3 #vak2 a {
		top: 0px;
		left: 242px;
		width: 726px;
		height: 270px;
	}
/* design 4 */
#ImageBar_Design_4 {
	background-image: url(../images/imgbar/design/design4.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Design_4 #vak1 a {
		top: 0;
		left: 0px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Design_4 #vak2 a {
		top: 0px;
		left: 242px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Design_4 #vak3 a {
		top: 0px;
		left: 484px;
		width: 363px;
		height: 270px;
	}
	#ImageBar_Design_4 #vak4 a {
		top: 0px;
		left: 847px;
		width: 121px;
		height: 270px;
	}
/* design 5 */
#ImageBar_Design_5 {
	background-image: url(../images/imgbar/design/design5.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Design_5 #vak1 a {
		top: 0;
		left: 0px;
		width: 484px;
		height: 270px;
	}
	#ImageBar_Design_5 #vak2 a {
		top: 0px;
		left: 484px;
		width: 363px;
		height: 270px;
	}
	#ImageBar_Design_5 #vak3 a {
		top: 0px;
		left: 847px;
		width: 121px;
		height: 270px;
	}
/* Cultuur 1 */
#ImageBar_Cultuur_1 {
	background-image: url(../images/imgbar/cultuur/cultuur1.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Cultuur_1 #vak1 a {
		top: 0;
		left: 0;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Cultuur_1 #vak2 a {
		top: 0;
		left: 121px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Cultuur_1 #vak3 a {
		top: 0;
		left: 363px;
		width: 242px;
		height: 270px;
	}	
	#ImageBar_Cultuur_1 #vak4 a {
		top: 0;
		left: 605px;
		width: 242px;
		height: 270px;
	}	
	#ImageBar_Cultuur_1 #vak5 a {
		top: 0;
		left: 847px;
		width: 121px;
		height: 270px;
	}
/* Cultuur 2 */
#ImageBar_Cultuur_2 {
	background-image: url(../images/imgbar/cultuur/cultuur2.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Cultuur_2 #vak1 a {
		top: 0;
		left: 0;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Cultuur_2 #vak2 a {
		top: 0;
		left: 121px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Cultuur_2 #vak3 a {
		top: 0;
		left: 363px;
		width: 363px;
		height: 270px;
	}	
	#ImageBar_Cultuur_2 #vak4 a {
		top: 0;
		left: 726px;
		width: 242px;
		height: 270px;
	}	
/* Cultuur 3 */	
#ImageBar_Cultuur_3 {
	background-image: url(../images/imgbar/cultuur/cultuur3.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Cultuur_3 #vak1 a {
		top: 0;
		left: 0;
		width: 484px;
		height: 270px;
	}
	#ImageBar_Cultuur_3 #vak2 a {
		top: 0;
		left: 484px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Cultuur_3 #vak3 a {
		top: 0;
		left: 605px;
		width: 242px;
		height: 270px;
	}	
	#ImageBar_Cultuur_3 #vak4 a {
		top: 0;
		left: 847px;
		width: 121px;
		height: 270px;
	}	
/* Cultuur 4 */	
#ImageBar_Cultuur_4 {
	background-image: url(../images/imgbar/cultuur/cultuur4.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Cultuur_4 #vak1 a {
		top: 0;
		left: 0;
		width: 363px;
		height: 270px;
	}
	#ImageBar_Cultuur_4 #vak2 a {
		top: 0;
		left: 363px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Cultuur_4 #vak3 a {
		top: 0;
		left: 605px;
		width: 121px;
		height: 270px;
	}	
	#ImageBar_Cultuur_4 #vak4 a {
		top: 0;
		left: 726px;
		width: 242px;
		height: 270px;
	}	

/* Cultuur 5 */
#ImageBar_Cultuur_5 {
	background-image: url(../images/imgbar/cultuur/cultuur5.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Cultuur_5 #vak1 a {
		top: 0;
		left: 0;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Cultuur_5 #vak2 a {
		top: 0;
		left: 242px;
		width: 242px;
		height: 270px;
	}
	#ImageBar_Cultuur_5 #vak3 a {
		top: 0;
		left: 484px;
		width: 121px;
		height: 270px;
	}	
	#ImageBar_Cultuur_5 #vak4 a {
		top: 0;
		left: 605px;
		width: 121px;
		height: 270px;
	}
	#ImageBar_Cultuur_5 #vak5 a {
		top: 0;
		left: 726px;
		width: 242px;
		height: 270px;
	}

#ImageBar_Cultuur_6 {
	background-image: url(../images/imgbar/cultuur/cultuur6.jpg);
	width: 968px;
	height: 270px;
}
	#ImageBar_Cultuur_6 #vak1 a {
		top: 0;
		left: 0;
		width: 152px;
		height: 270px;
	}
	#ImageBar_Cultuur_6 #vak2 a {
		top: 0;
		left: 152px;
		width: 211px;
		height: 270px;
	}
	#ImageBar_Cultuur_6 #vak3 a {
		top: 0;
		left: 363px;
		width: 605px;
		height: 270px;
	}
#ImageBar_OverChris_1 {
	background-image: url(../images/imgbar/overchris/overchris1.jpg);
	width: 968px;
	height: 270px;
}
#ImageBar_Contact_1 {
	background-image: url(../images/imgbar/contact/contact1.jpg);
	width: 968px;
	height: 270px;
}

/* top menu */
#Nav {
	background-color: #FFF;
	height: 72px;
	position: absolute;
	top: 282px;
	width: 968px;
	background-image: url(../images/menu_bar.png);
	background-position: top;
	background-repeat: no-repeat;
}
		#Nav li {
			float: left;
			width: 120px;
			height: 70px;
			border-right: solid 1px #666666;
			font-size: 1.3em;
		}
			#Nav li:hover, #Nav li.current {
				background-image: url(../images/menu_bar_hover.png);
				background-repeat: no-repeat;
			}
			#Nav li#MenuItem1:hover, #Nav li#MenuItem1.current {
				background-position: 0px 0px;
			}
			#Nav li#MenuItem2:hover, #Nav li#MenuItem2.current {
				background-position: -121px 0px;
			}
			#Nav li#MenuItem3:hover, #Nav li#MenuItem3.current {
				background-position: -242px 0px;
			}
			#Nav li#MenuItem4:hover, #Nav li#MenuItem4.current {
				background-position: -363px 0px;
			}
			/* over Chris */
			#Nav li#MenuItem5:hover, #Nav li#MenuItem5.current {
				background-position: -726px 0px;
			}
			/* contact */
			#Nav li#MenuItem6:hover, #Nav li#MenuItem6.current { 
				background-position: -847px 0px;
			}
			/* buiten gebruik nu
			#Nav li#MenuItem7:hover, #Nav li#MenuItem7.current {
				background-position: -847px 0px;
			}	
			*/	
			#Nav li a {
				margin-top: 43px;
				background-color: #FFF;
				line-height: 29px;
				display: block;
				padding-left: 16px;
				text-decoration: none;
				color: #07886E;
			}
			#Nav li a:hover {
				color: #B02113;
				
			}
			
			#Nav li.current a, #Nav li.section a {
				color: #B02113;
				font-weight: bold;
			}
		
			
		#Nav #MenuItem5 { /*over Chris*/
			margin-left: 241px;
			border-left: solid 1px #666666;
		}
		#Nav #MenuItem6 { /* Contact */
			border-right: 0;
			width: 121px;
		}

/* submenu */
#SubNav {
	width: 207px;
	position: absolute;
	top: 408px;
	left: 277px;
	font-size: 1.3em;
	padding-bottom: 20px;

}
  	#SubNav li a {
  		text-decoration: none;
  		color: #07886E;
		font-weight: bold;
		line-height: 1.7em;
  	}
  		#SubNav li.current a, #SubNav li.section a, #SubNav li a:hover {
  			color: #B02113;
  		}
/* SubSubmenu */
#SubSubNav {
	margin-left: 16px;
	font-size: 0.9em;
}
	#SubSubNav li {
		list-style-image: url(../images/dash.gif);
	}

#SubNav #SubSubNav li a {
	font-weight: normal;
	color: #000;
	line-height: 1.6em;
}
	#SubNav #SubSubNav li.current a, #SubNav #SubSubNav li a:hover {
		color: #B02113;
	}

/* language selector */
#MenuLang {
	height: 20px;
	width: 50px;
	position: absolute;
	top: 408px;
	right: 33px;
	padding-top: 10px;
}
#MenuLang #nl.selected {
	background-image: url(../images/pijltje_lang.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
	padding-top: 8px;
}
#MenuLang #en.selected {
	background-image: url(../images/pijltje_lang.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
	padding-top: 8px;
}

/* loginform */
#Remember {
	margin-top: 10px;
	font-size: 1.2em;	
}
#Password, #Email, #MemberLoginForm_LoginForm_action_dologin, #MemberLoginForm_LoginForm_action_forgotPassword {	
	font-size: 1.2em;
}

#Footer {
}
/* knop 'inloggen' onder loginform */		
#MemberLoginForm_LoginForm_action_dologin {
	float: right;
}
/* 'onthoud mij' */
#Remember {
	float: right;
}