/* Global Resetting */
html{	
	width: 100%;
	height: 100%;

}
body {
	width: 100%;
	height: 100%;
	font-size: 11px;
	background: url(../images/page_background.jpg) repeat;
	/* reset font-sizes to 1em == 10px */
}
* {
	font-size: 11px;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family: Arial,Helvetica,sans-serif;
	/*list-style:none;*/
	color:#FFFFFF;
}
a img{
	border:0;
	outline:none;
}

object {
	outline:none;
}

.clear{
	clear:both;
}

.contentTypography p {
	color:#FFFFFF;
	font-size:11px;
	line-height:12px;
	font-weight:normal;
	margin-bottom:12px;
}

.contentTypography h1,
.contentTypography h2,
.contentTypography h3,
.contentTypography h4 {
	color:#FFFFFF;
}


	.contentTypography h1 {
		font-weight:bold;
		margin-bottom:2px;
		font-size:20px;
	}
	.contentTypography h2 {
		font-weight:bold;
		margin-bottom:0px;
		font-size:16px;
	}
	.contentTypography h3 {
		font-weight:normal;
		margin-bottom:0px;
		font-size:16px;
	}
	.contentTypography h4 {
		font-weight:bold;
		margin-bottom:0px;
		font-size:14px;
	}


.contentTypography ul {

}


/* Layout CSS */
#Main {
	  display: table;
    height: 100%;
    width: 100%;
}

#Cocoon {
	
	display: table-cell;
    vertical-align: middle;
    /* For IE6/7 */
    position: relative;
    top:expression("70 px");
}

#Cocoon #menuHands {
	position:absolute;
	visibility:hidden;
	width:40px;height:106px;
 	margin-top:expression("-70 px");

	border:0px none #DDDDDD;
	background:url(../images/finger.png) top left no-repeat;
	}


#horizontalCenter {
	background-color:#FFFFFF;
	  /* center horizontally */
    	margin: 0 auto;
    	width: 899px;
	position: relative;
}
#kaartHeader{
padding-top:40px;
padding-bottom:20px;
}
#kaartHeader p{
	color:#000000;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
}
#kaartHeader h1 {
	font-weight:bold;
	line-height:24px;
	font-size:20px;
	margin-bottom:2px;
	color: #000000;
}
		#Navigation {
			background:url(../images/menu_background.gif) top left no-repeat;
			padding:0px;
			border: 0px none #FF00FF;
			width:899px;
			height:80px;
			clear:left;
		}
		
			#Navigation ul {
				margin:0;
				padding:0;
				list-style:none;
			}
		
			#Navigation li {
				outline: none;
				float:left;
				margin-left:2px;
				height:25px;
				/*background:url(../images/menu1_right.gif) no-repeat right top;
			*/
			}
			
			
				#Navigation li.current,
				#Navigation li.section {
					background:#ff7703 url(../images/menu_right_side_high.gif) no-repeat left top;
				}
				
				#Navigation li a {
					outline: none;
					height:25px;
					display:block;
					color:#fff7ee;
					font-weight:normal;
					font-size:15px;
					text-decoration:none;
					padding-left:7px;
					padding-top:3px;
					padding-right:22px;
					background:url(../images/menu_side_low.gif) no-repeat right top;
				}
					#Navigation li a:hover {
						color:#f7bf35;
					}
					#Navigation li.current a,
					#Navigation li.section a {
						
						background:url(../images/menu_side_high.gif) no-repeat right top;
						color:#FFFFFF;
					}
#menuSub {
	position:absolute;
	visibility:hidden;
	left:260px;
	top:25px;
	width:439px;height:52px;
	border:1px none #FFEEFF;
	background:top left no-repeat;
	}

#paginationArea {
	width:295px;
	height:20px;
	position:absolute;
	top:360px;
}			
#pagination {
	clear:left;	
	font-size:12px;
	text-decoration:none;
	text-align:center;
	list-style:none;
}

#pagination ul {
		margin:0;
		padding:0;
		list-style:none;
}
		
#pagination li {
		outline: none;
		text-decoration:none;
		margin-left:4px;
		height:25px;
		display:inline;
}
				#pagination li.current,
				#pagination li.section {
					text-decoration:underline;
				}
#pagination a {
	text-decoration:none;
}


#ContentContainer {
	padding:0px;;
	height:440px;
	overflow: hidden;
	background-color:#FFFFFF;
}

#ContentContainer #loginForm {
					color: #000000;	
					border:6px none #CCCCCC;
					text-align:left;
					
					position:relative;
					top:10px;
					width:280px;
					padding:10px;
					}
					#ContentContainer #loginForm label{
						padding-top:-2px;
						margin-right:50px;
						color: #FFFFFF;	
						font-size:11px;
					}
					#ContentContainer #loginForm label.left {
						float:left;
						width:280px;
						border:1px none #000000;
					}
					#ContentContainer #loginForm input{
						color: #000000;	
						font-size:12px;
						border:1px none #000000;
						margin-bottom:4px;
					}

					#ContentContainer #loginForm .action{
						color: #000000;	
						font-size:11px;
						border:1px none #000000;
						padding:2px;
						margin-bottom:4px;
					}

					#ContentContainer #loginForm checkbox{
						color: #000000;	
						font-size:12px;
						border:1px none #000000;
						margin-bottom:4px;
					}
					#ContentContainer #loginForm textarea{
						color: #000000;	
						font-size:12px;
						border:1px none #CCCCCC;
						margin-bottom:4px;
					}
					#ContentContainer #loginForm label.right{
						float:none;
						color: #FFFFFF;	
						font-size:11px;
						border:1px none #000000;
					}

					.Actions input {
						color: #000000;	
						font-size:11px;
						border:1px none #000000;
						padding:2px;
						margin-bottom:4px;

					}

#ontdekdebieb {
	width:450px;
	height:440px;
	background:url(../images/home_title_ontdekdebieb.gif) no-repeat left top;
	z-index:5;
	position:absolute;
	top:80px;
	left:0px;
}

#ontdekdebiebsmall {
	width:88px;
	height:45px;
	background:url(../images/ontdekdebiebsmall.gif) no-repeat left top;
	z-index:5;
	position:absolute;
	top:196px;
	left:92px;
}

#armen {
	width:245px;
	height:440px;
	z-index:6;
	top:80px;
	left:0px;
	position:absolute;
}

#FlashCarousel {
	width:400px;
	height:440px;
	z-index:7;
	top:80px;
	left:412px;
	position:absolute;

}
#Welkom {
	z-index:10;
	width:180px;
	height:160px;
	top:270px;
	left:260px;
	position:absolute;
	border: 0px none #FFEEEE;
	color: #64614e;
	font-size:12px;
	font-weight:normal;
	line-height:12px;

}

#Welkom p {
	color: #64614e;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
}

#Welkom strong {
	color: #64614e;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
}


#Actie {
	z-index:50;
	width:320px;
	height:440px;
	top:208px;
	left:130px;
	position:absolute;
border:1px none #CCCCCC;
}
	
		#Actie a {
			outline:none;
			border:0px none;
		}

#cornerBanner {
	z-index:50;
	width:251px;
	height:251px;
	top:0px;
	left:648px;
	position:absolute;
	border:1px none #CCCCCC;
}

#WideContent {
	float: left;
	margin: 20px 20px;
	width:90%;
	
}

#Content {
	float: left;
	margin: 0px 20px;
	width:70%;
}

#Content #watvindjijItem {
	background-color:#f79743;
	width:280px;
	height:57px;
	padding:4px;
	margin-bottom:10px;
	font-size:10px;
}

#Content #watvindjijItem p{
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	margin-bottom:0px;
}


#Content #watvindjijItem table {
	border:none;
	padding:0px;
	margin:0px;
	}

#Content #watvindjijItem img {
	float:left;
	margin-right:4px;
	border:1px solid #FFFFFF;
}

#Content #watvindjijItem h4 {
	line-height:14px;
	font-size:14px;
	font-style:italic;
	margin-bottom:0px;
}
#Content #watvindjijItem a {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

#Content #watvindjijItem a:hover {
	text-decoration:underline;
}


#Content #socialBar {
	width:280px;
	height:68px;
	padding:4px;
	margin-bottom:5px;
	position:absolute;
	top:340px;
}


#PageContent {
	overflow: hidden;

	background:#64614e url(../images/content_background.gif) no-repeat 0px 0px;
	width:624px;
	height:394px;
	z-index:6;
	top:80px;
	left:275px;
	position:absolute;
}

	#PageContent #Content {
		float: left;
		padding-top:20px;
		margin: 0px 20px;
		width:300px;
		height:374px;
	}

#PhotoMask {
	z-index:7;
	width:300px;
	height:218px;

	left:324px;
	top:36px;
	position:absolute;
}

#secundaireContent {
	z-index:7;
	width:300px;
	height:110px;
	left:325px;
	top:270px;
	position:absolute;
	border:0px solid #FFFFFF;
}

.youtubeBorder{
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
	margin-right:20px;
	text-align:center;
	width:auto;
	height:98px;
	float:right;
	border:0px none;
	background-color:#fd9033;
}
.youtubeBorder a{
	border:0px none;
	text-decoration:none;
}

#Footer {
	background:#64614e url(../images/main_logo.gif) no-repeat 700px 25px;
	clear:both;
	height:108px;
}

#FooterText {
	text-align:right;
	background:#FFFFFF;
	color:#64614e;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	height:20px;
	width:899px;
}
	#FooterText a {
		color:#64614e;
text-decoration:none;

	}
		#Footer a:hover {
			text-decoration:underline;
		}



#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}

.LandingsPagina {
	color: #000000;
	font-size: 12px;
}

.LandingsPagina ul li {
 	list-style-type:disc;
	list-style-position: inside;
	color: #f58624;
	font-size:12px;
	padding-left: 1em;
	text-indent: -1em;
}	
.LandingsPagina span, p {
	color: #f58624;
	font-size:12px;
}

.LandingsPagina h3 {
	font-weight:normal;
	margin-bottom:0px;
	font-size:14px;
	color: #64614e;
}	

#landingLinks {
	width:421px;
	height:410px;
	z-index:6;
	top:80px;
	left:0px;
	border:0px none #000000;
	border-right: 1px solid #64614e;
	position:absolute;
}
#landingLinks2 {
	width:360px;
	height:410px;
	z-index:6;
	top:80px;
	left:20px;
	border:0px none #000000;
	border-right: 1px solid #64614e;
	position:absolute;
}
#landingRechts {
	width:395px;
	height:410px;
	z-index:6;
	top:80px;
	left:470px;
	border:0px none #CCCCCC;
	position:absolute;
}
#landingRechts2 {
	width:435px;
	height:410px;
	z-index:6;
	top:80px;
	left:430px;
	border:0px none #CCCCCC;
	position:absolute;
}


#landingBlok1{
	font-weight: normal;
	color: #64614e;
	width:360px;
	left:0px;
	top:60px;
	position: absolute;
}
#landingBlok1 p{
	color: #64614e;

}
#landingBlok2{
	font-weight: normal;
	color: #64614e;
	width:200px;
	left:190px;
	top: 160px;
	position: absolute;
}
#landingBlok2 p{
	color: #64614e;
}
#landingBlok2 a{
	color: #F58624;
	font-weight: bold;

}

#LandingsPoster {
	z-index:7;
	width:346px;
	height:410px;

	left:0px;
	top:0px;
	position:absolute;
}
#biebpashand {
	z-index:7;
	width:169px;
	height:249px;
	left:0px;
	top:160px;
	position:absolute;
}


#landingTop{
	width:100%;
	position:relative;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
	margin-top:50px;
}
#landingScroll{
	width:100%;
	position:relative;
	height:210px;
	margin-bottom: 
	overflow-x: hidden;
	overflow-y: auto;
}
#landingFooter {
	vertical-align:bottom;
	width:100%;
	position:absolute;
	border:0px none #333333;
	height:50px;
	bottom:0px;
	
}
#landingFooter #inner {	
	position:absolute;
	width:100%;
	bottom:0px;
}
#landingFooter #inner a {
	font-size: 14px;
	font-weight: bold;
	color: #f58624;
	text-decoration:underline;
}

#landingFooter #inner p {
	font-size: 14px;
	font-weight: bold;
	color: #64614e;
}




