/* Begin default CSS */

* { 
	margin:0;
	padding:0;
}

html {
	height:100%; 
	max-height:100%;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", sans-serif;
	font-size:12px;
	color: #000;
	line-height: 18px; 
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
}


img {
	border: 0px;
}

p {
	padding: 0px 0px 10px 0px;
}

a {
	color: #000000;
}

h1 {
	color: #006a5c;
	font-size: 26px;
	font-weight: bold;
}

h2 {
	color: #006a5c;
	font-size: 14px;
	font-weight: bold;
}

.pager td {
	padding: 4px;
}

.pagerFirst, .pagerPrevious {
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast {
	text-align: right;
	width: 10%;
}

.pagerSelection {
	text-align: center;
	width: 60%;
}

.pagerSelectionItem {
	text-align: center;
}

.pagerSelectionItemActive {
	text-align: center;
	font-weight: bold;
}

.pagerAbstract {
	font-weight: bold;
	text-align: center;
}

.cmsError {
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly {
	color: black;
	background-color: #D4D0C8;
}

div.cms-internal-error {
	color: #dd0000;
}

div {
    behavior: url(/resources/iepngfix.htc);
}

/* Einde default CSS */

/* Template */

#container {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	height: 100%; 
	max-height: 100%;
}

		#leftBlock {
			display: block; 
			overflow: none; 
			position: absolute; 
			z-index: 3; 
			top: 68px;
			left: 0px; 
			bottom: 45px; 
			width: 245px;
			padding: 22px 0px 22px 0px;
		}

		* html div#leftBlock {
			top: 0px;
			left: 0px;
			height: 100%;
			width: 245px;
			border-top: 68px solid #fff;
			border-bottom: 45px solid #fff;
		}
				
		#rightBlock {
			display: block; 
			overflow: auto; 
			position: absolute; 
			z-index: 2; 
			top: 68px;
			left: 245px;
			right: 0px; 
			bottom: 45px;
			width: auto; 
			padding: 22px 0px 22px 0px;
		}
		
		* html div#rightBlock {
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			border-left: 245px solid #fff;
			border-top: 68px solid #fff;
			border-bottom: 45px solid #fff;
		}
	
	#header {
		position: absolute;  
		top: 0; 
		width: 100%;
		height: 68px; 
		background: #006a5c; 
		background-image: url(../images/back_header.gif);
		z-index: 5; 
		}
	
	* html #header {
		top: 0px; 
		width: 100%; 
		height: 68px;
		}
	
	
	#footer {
		position:absolute; 
		bottom: 0; 
		width: 100%; 
		height: 45px; 
		z-index: 5; 
		background-color: #bdc821;
		}
	
	* html #footer {
		bottom: -1px; width: 100%; height: 45px;
		}
	
		#headerLogo{
			float:left;
			padding: 13px 0px 0px 24px;
		}
		
		#headerZoek{
			position: absolute;
			left: 756px;
			top: 17px;
			width: 214px;
		}
        
		    #headerZoek input {
			padding: 17px 0px 0px 0px;
		    }

			#headerZoek input#searchString {
				width: 154px;
				border: 1px solid #FFFFFF;
				margin-right: 10px;
			}

		    #headerZoek input#searchSubmit {
			width: 50px;
			height: 20px;
			background-repeat: no-repeat;
			background-position: center;
			border: 0px;
			vertical-align: top;
		    }
		
			#menuBlock {
				position: relative;
				width: 221px;
				color: #006a5c;
				line-height: 22px;
			}

			#menuBlock ul {
			    padding: 0px;
			    margin: 0px;
				line-height: 18px;
			}
			
			    #menuBlock ul li {
			       float: left;
			       width: 100%;
				   line-height: 22px;
				   margin: 0px 0px 6px 0px;
			    }
				
				#menuBlock ul li ul li {
			       line-height: 12px;
			    }
			    
			       #menuBlock ul li a {
				       display: block;
				       margin-left: 28px;
                       color: #006a5c;
                       font-weight: bold;
					   text-decoration: none;
					   -moz-outline-style: none;
			       }
				   
				   #menuBlock ul li li {
				       padding-left: 0px
				   }
			
			    #menuBlock ul li.active {
			        background-color: #D9F0FA;
			        background-image: url(../images/menu_active_bottom.gif);
			        background-repeat: no-repeat;
			        background-position: right bottom;
					
			    }
			
			       #menuBlock ul li.active a {
			            background-image: url(../images/menu_active_top.gif);
			            background-repeat: no-repeat;
			            background-position: right top;
                        text-decoration: underline;
						padding: 2px 0px 4px 0px;
			       }
				   
                   #menuBlock ul li.active li a {
                        text-decoration: none;
						margin-left: 38px;
				   }
			       
					   #menuBlock ul li.active li.active a {
	                        text-decoration: underline;
	                   }
				   
			       #menuBlock ul li.active li a, #menuBlock ul li.active li.active {
                       background-color: transparent;
                       background-image: none;
			       }
			
			       #menuBlock ul li.active ul {
			            background-image: url(../images/menu_active_bottom.gif);
			            background-repeat: no-repeat;
			            background-position: right bottom;
			       }
				   
				        #menuBlock ul li.active ul li {
						    background-image: url(../images/menu_bullet.gif) !important;
							background-repeat: no-repeat;
							background-position: 28px center;
						}
			       
			       #menuBlock ul li.active li {
			           display: block;
			       }
			    
			    #menuBlock ul li.firstchild {
			        
			    }
			    
			    #menuBlock ul ul {
					overflow: hidden;
			    }
				
				    #menuBlock ul ul li a {
                        font-weight: normal;
					}

			#sponsorsBlock {
				position: absolute;
				bottom: 24px;
				width: 221px;
			}
			
				#sponsorsBlock img {
					margin-left: 24px;
				}
		
			#homepageMap {
				float: left;
				width: 487px;
				height: 346px;
			}
			
			#homepageNieuws {
				float: left;
				width: 206px;
				_width: 238px;
				height: 300px;
				_height: 347px;
				background-image: url(../images/back_laatstenieuws.gif);
				background-repeat: no-repeat;
				background-position: left top;
				padding: 46px 22px 0px 10px;
			}
			
			div.homeItem {
				background-repeat: no-repeat;
				background-position: left top;
				padding-left: 36px;
				margin-left: 0px;
			}
			
			div.homeItem h3 {
				font-size: 12px;
			}
			
			#homepageContent {
				position: relative;
				float: left;
				width: 725px;
				margin-top: 24px;
				background-color: #d9f0fa;
			}
			
				#homepageContentTop {
					position: absolute;
					top: 0px;
					width: 725px;
					height: 13px;
					background-image: url(../images/homepageContent_top.gif);
					background-repeat: no-repeat;
					background-position: left top;
				}
				
				#homepageContentBlock {
					padding: 13px 22px 13px 22px;
				}
				
					#homepageContentBlock h2 {
						font-size: 14px;
						font-weight: bold;
						color: #006a5c;						
					}
				
				#homepageContentBottom {
					position: absolute;
					bottom: 0px;
					width: 725px;
					height: 13px;
					background-image: url(../images/homepageContent_bottom.gif);
					background-repeat: no-repeat;
					background-position: left bottom;
				}
				
	#rightContent {
		width: 725px;
		display: block;
	}
				
		#Klikpad {
			width: 705px;
			height: 28px;
			background-color: #006a5c;
			background-image: url(../images/back_klikpad.png);
			background-repeat: no-repeat;
			background-position: left top;
			color: #FFFFFF;
			padding: 0px 0px 0px 20px;
			overflow: hidden;
		}
		
		* html div#Klikpad {
			width: 725px;
		}
		
			#Klikpad .pageTitle {
				padding-top: 4px;
				display: block;
				float:left;
			}
			
			#Klikpad .pageTitle a {
				color: #FFFFFF;
			}
		
		#contentTitle {
			margin: 20px 0px 24px 20px;
		}
		
			#contentTitle .pageTitle {
				color: #006a5c;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 26px;
				font-weight: bold;
				background-image: url(../images/icon_KoK.gif);
				background-repeat: no-repeat;
				background-position: left center;
				padding-left: 36px;
			}	
			
			#contentTitle .pageTitle a {
				color: #006a5c;
				text-decoration: none;
	
			}

		#contentBlock {
			
		}
		
		#contentBlock ul {
			
		}
		
		#contentBlock ul li {
			background-image: url(../images/menu_bullet.gif) !important;
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 10px;
			margin-left: 24px;
			list-style-type: none;
		}
		
			#contentText_breed {
				width: 725px;
			}	
		
			#contentText {
				float: left;
				margin-right: 24px;
				width: 487px;
			}
			
				#contentText img {
					margin-bottom: 10px;
				}
				
			#contentTijdslijn {
				float: left;
				margin-right: 24px;
				width: 487px;
			}	
				
				#ContentTop {
					width: 487px;
					height: 13px;
					background-image: url(../images/Content_top.png);
					background-repeat: no-repeat;
					background-position: left top;
				}
				
					#ContentTijdslijnBlock {
						padding: 0px 22px 0px 22px;					
					}
				
					#ContentBlock h2 {
						font-size: 14px;
						font-weight: bold;
						color: #006a5c;						
					}
				
				#ContentBottom {
					width: 487px;
					height: 13px;
					background-image: url(../images/Content_bottom.png);
					background-repeat: no-repeat;
					background-position: left bottom;
					_margin-bottom: -5px;
				}
			
			#contentRight {
				float: right;
				width: 214px;
			}
			
			#contentRight ul {
				background-color: #ebebb7;
			}
			
			#contentRight li {
	background-image: url(../images/menu_bullet.gif) !important;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-left: 20px;
	list-style-type: none;
			}
			
				#contentRightTxt {
					background-color: #ebebb7;
					padding: 0px 20px 0px 20px;
					width: 174px;
					_width: 214px;
				}
				
				#contentRightTxt H2 {
					color: #006a5c;
				}	
				
				#contentRightTop {
					width: 214px;
					height: 13px;
					background-color: #ebebb7;
					background-image: url(../images/top_contentRight.png);
					background-repeat: no-repeat;
					background-position: left top;
				}	
				
				#contentRightBottom {
					width: 214px;
					height: 13px;
					background-color: #ebebb7;
					background-image: url(../images/bottom_contentRight.png);
					background-repeat: no-repeat;
					background-position: left bottom;
					padding: 0px;
					_margin-bottom: -5px;
				}	
				
			div.nieuwsItem {
				background-repeat: no-repeat;
				background-position: left top;
				padding-left: 36px;
				margin-left: 20px;
			}
			
			    div.nieuwsGroup1 {
                    background-image: url(../images/icon_KoK.gif);			
				}
				
				div.nieuwsGroup2 {
                    background-image: url(../images/icon_HePZ.gif);
				}
				
				div.nieuwsGroup3 {
                    background-image: url(../images/icon_KvNH.gif);
                }
			
				div.nieuwsItem img {
					padding-left: 24px;
				}
				
				#nieuwsItemimages {
					position: relative;
					padding-left: 24px;
					float: right;				
				}
				
				#nieuwsItemimages img {
								
				}

			#nieuwsDetail {
				background-image: url(../images/icon_KoK.gif);
				background-repeat: no-repeat;
				background-position: left top;
				padding-left: 36px;
				margin-left: 20px;
			}
			
				#nieuwsDetail img {
					padding-left: 24px;
				}						    

			#nieuwsbrief {
				background-image: url(/images/icon_pdf.gif);
				background-repeat: no-repeat;
				background-position: left top;
				padding-left: 24px;
			}

/* foto overlay */

#fotoBlock {
	position: relative;
	width: 214px;
	height: 143px;
	overflow: hidden;
	z-index: 1;
	margin-bottom: 24px;
}

#fotoBlock #fotoOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 214px;
	height: 143px;
	z-index: 2;
	background-image: url(../images/overlay_foto.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}	

/* Table */

table.pager {
 	width: 100%;
 	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", sans-serif;
	font-size:12px;
	color: #000;
}

table.pager a {
	color: #000;
}

	td.pagerFirst {
	
	}
	
	td.pagerPrevious {
	
	}
	
	td.pagerSelection {
	
	}
	
	td.pagerNext {
	
	}
	
	td.pagerLast {
	
	}
	
	td.pagerAbstract {
	
	}

/* Formulieren */
	
form#form30 td, form#form46 td {
	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", sans-serif;
	font-size:12px;
	color: #000;
	line-height: 18px; 
}

form#form30 input, form#form46 input {
	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", sans-serif;
	font-size:12px;
	color: #000;
	line-height: 18px;	
	border: 1px solid #006a5c;
	width: 350px;	
}

form#form30 textarea, form#form46 textarea {
	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", sans-serif;
	font-size:12px;
	color: #000;
	line-height: 18px;	
	border: 1px solid #006a5c;
	width: 350px;
}

form#form30 #submitSend, form#form46 #submitSend {
	visibility: hidden;
}

form#form30 #inputSend {
	width: 85px;
	height: 20px;
	border: 0px solid #FFFFFF;
	margin: 10px 0px 0px 108px;
}

form#form46 #inputSend {
	width: 85px;
	height: 20px;
	border: 0px solid #FFFFFF;
	margin: 10px 0px 0px 68px;
}

form#form30 .formRow, form#form46 .formRow {
	vertical-align: top;
}

.elementTitle {
}

.elementRequired {
	color: red;
	margin-right: 8px;
}

ul.formOutput {
	margin-bottom: 17px;
}

ul.formOutput li {
	color: red;
	list-style-position: inside;
	list-style-type: disc;
}

/* Tijdslijn CSS */
/* ------------------------------------------------------------------------------------------------------------ */
div#Tijdslijn_Script {
	width: 725px;
	position: relative;
	margin-bottom: 35px;
	padding-top: 5px;
}
div#Tijdslijn_Script div#Fases {
	height: 72px;
	padding-left: 75px;
	overflow: hidden
}
div#Tijdslijn_Script div#Bar {
	height: 32px;
}
div#Tijdslijn_Script div#Bar img {
	float: left;
	*margin-left: -3px;
	*margin-right: -3px;
}
div#Tijdslijn_Script div.Popup {
	color: white;
	font-size: 11px;
	padding: 5px 12px 0px 12px;
	position: absolute;
	bottom: 50px;
	display: none;
	z-index: 10;
	height: 111px;
	width: 196px;
	*height: 116px;
	*width: 220px;
	overflow: hidden;
}
div#Tijdslijn_Script div.Popup h1 {
	font-size: 12px;
	margin: 0px;
	color: white;
}

div.Popup.Green {
	background-image: url(/client/kustopkracht/images/tijdslijn/tijdslijn_balloon_green.gif);
}
div.Popup.Blue {
	background-image: url(/client/kustopkracht/images/tijdslijn/tijdslijn_balloon_blue.gif);
}
div.Popup.Lightblue {
	background-image: url(/client/kustopkracht/images/tijdslijn/tijdslijn_balloon_lightblue.gif);
}
div.Popup.Yellow {
	background-image: url(/client/kustopkracht/images/tijdslijn/tijdslijn_balloon_yellow.gif);
}