/* CSS Document */

body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:left; margin:0px; }

/* link CSS-opties */
	A:link {color:#000;text-decoration:none;}
	A:visited {color:#000;text-decoration:none;}	
	A:hover {color:#006666;text-decoration:none;}
	A:active {color:#000;text-decoration:none;}
	
	A.verspoor:link {color:#999;text-decoration:none;}
	A.verspoor:visited {color:#999;text-decoration:none;}	
	A.verspoor:hover {color:#000;text-decoration:none;}
	A.verspoor:active {color:#999;text-decoration:none;}


#stroke { background-image:url(../images/stroke.jpg); height:156px; width:100%; left:0px; text-align:center; z-index:-1; position:absolute; }

#container {width:1000px; height:auto; text-align:center; position:relative; margin: 0px auto; top:0px; z-index:0;overflow:hidden}
 
/* Header, logo, taal, search */
	#header {background-color:#fff; width:1000px; height:157px; position:relative; float:left; z-index:0;}
	#headercontainer {background-color:#fff; width:1000px; height:99px; position:relative; float:left; z-index:0;}
	#logo { width:339px; height:45px; position:absolute; top:25px; left:32px; z-index:1;}
    #logo img { border:none; } 
	#language { position:absolute; left:703px; top:30px; width:284px; font-size:9px;}
    #language a:hover, #language .active a { color:#009999; text-decoration:underline; }
	#greenpattern { background-image:url(../images/greenpattern.jpg); width:998px; height:19px; position:relative; float:left; top:0px; left:1px; z-index:20;}

/*search */

	/* Search box */
 	#search {
		position:absolute; left:680px; top:55px; width:285px; font-size:9px; background: none; text-align: right;
	}
	#search fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}
	#search p {}
	#search label {
		display: none;
	}
	#search form {
		margin: 0;
	}
	#search button {
		color: #fff;background-image:url(../images/greenpattern.jpg); border-right: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; border-left: 0px;
	}

	#search input {
		color: #333;background: #fff; border: 1px solid #333; width: 170px;
	}

/* Menu navigatie*/
	#menucontainer { background-image:url(../images/menupattern.jpg); width:998px; height:38px; position:relative; float:left; top:0px; left:1px; }
	#menucontainer ul.menuTree {
		background: url(../images/menuDivider.png) no-repeat left;
		height: 38px;
		width: 1000px;
		padding: 0;
		margin: 0;
		position: relative;
		display: block;
	}	
		#menucontainer ul.menuTree li {
			background: none;
			width: 124px;
			height: 38px;
			display: block;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			float: left;
			border-right: 1px solid #fff;
			text-align: center;
		}
		
		#menucontainer ul.menuTree li a {
			background: none;
			display: block;
			font-weight: normal;
			color: #000;
			width: 124px;
			height: 38px;
			padding: 12px 0 0 0;
			margin: 0 0 0 0;
			text-align: center;
			text-decoration: none;
			border:0;
		}
						
		#menucontainer ul.menuTree li:hover a {
			color: #006666;
		}

#headerSubMenu {
    margin:0 0 0 25px;
    width:205px;
    height:20px;
    position:absolute;
    *position:fixed;
    *margin-left:-118px;
}

#headerSubMenu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

#headerSubMenu li {
    padding:0 3px 0 3px;
    margin:0;
    display:inline-block;
    float:left;
    border-right:1px solid #a07fa0;
    text-transform:uppercase;
}

#headerSubMenu a {
    text-transform:uppercase;
}

#languageSelector {
    margin:0 0 0 220px;
    width:40px;
    height:20px;
    position:absolute;
    *position:fixed;
    *margin-left:80px;
    text-align:right;
}

#languageSelector ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

#languageSelector li {
    padding:0;
    margin:0 0 0 4px;
    display:inline-block;
    float:left;
}

#languageSelector img {
    border:none;
}


/* content */	
#content {background-color:#fff; width:980px; height:auto; position:relative; float:left; z-index:0; padding:10px;}
#content-vervolg {background-color:#fff; width:1000px; height:auto; position:relative; float:left; z-index:0; padding:10px 0 0 0;}
#contentcontainer { width:980px; height:auto; position:relative; float:left; text-align:left; border-bottom:2px solid #006666; }
#contentcontainer-vervolg { width:1000px; height:auto; position:relative; float:left; text-align:left;  }
.home #contentcontainer {border-bottom:2px solid #006666; }
#top { width:1000px; height:230px; position:relative; float:left; border-bottom:1px solid #cbcbcb; margin-bottom:70px;}
#left { width:640px; height:250px; position:relative; float:left; }
#overlay { position:absolute; top:310px; left:0px; background-image:url(../images/overlay.png); z-index:3; width:640px; height:69px; }
    .overlaytitel { position:absolute; top:13px; left:20px; font-size:18px; color:#ffcc33; z-index: 10;}
    .overlaytitel p { margin:2px 0 0 0; }
    .overlayondertitel { position:absolute; top:38px; left:20px; color:#fff; z-index: 10;}
    .overlayondertitel p { margin:3px 0 0 0; }
    .geelfont {color:#ffcc66; } 
#foto {width:640px; height:395px; position:relative; float:left; z-index:0; overflow: hidden; }	
#submenu { width:230px; height:350px; float:left; background:url(../images/submenu-bg.jpg) repeat-x #e3e3e3; margin-right:42px; padding:0;}

#submenu ul ul {
    padding:0;
    position:relative;
    width:auto;
    margin:1px 0 0 -15px;
}

#submenu .rightsubmenu ul ul li {
    border-bottom:none !important;
    background:url("../images/subsubmenu-li.png") repeat-x ;
    height:auto;
    margin:0;
}

#submenu ul ul a {
    margin:0 0 0 15px;
    padding:9px 0 10px 30px;
}


#subfoto { padding:0 0 4px 0; height:223px; overflow:hidden; width:1000px; position:relative; float:left; z-index:0; border-bottom:2px solid #006666; }
    #subfoto p { padding:0; margin:0; }
    .subspacer { width:610px; height:10px; position:relative; float:left; }	
#tekstcontainer { width:1000px; height:auto; position:relative; float:left; background-color:#FFF; margin-top:20px;}
#subtekstcontainer { width:446px; min-height:450px; position:relative; float:left; padding:10px 0 0 0; margin-right:43px; margin-top:-60px; *margin-top:-50px;}
#subtekstcontainer p { padding:0 25px 0 0; line-height:20px;  }
#subtekstcontainer h1 { font-weight: normal; padding:15px 0 26px 0 !important; *margin-bottom:-15px !important;  background:url("../images/content-bg.jpg") repeat-x scroll center bottom transparent;}
#over { position:relative; float:left; width:180px; height:auto; padding:16px; }
#producten { position:relative; float:left; width:180px; height:auto; padding:16px; }

#rightcontent h2 {
    border-top:1px solid #cdcbcc;
    padding:20px 0 0 0;
    margin-top:-2px;
}

#rightcontent p {
    padding:0;
    margin:0;
}

#rightcontent img {
    width:206px;
    border-bottom:2px solid #1f6763;
    padding-bottom:4px;
}
#rightcontent {
    width:207px;
    float:left;
    *height:310px;
    *overflow:hidden;
    background:url(../images/rightcontent-bg.jpg) repeat-y left center;
    padding:0 0 0 32px;
}

#right h1, 
#middle h1 {
    margin:0;
    padding:0;
}

h2 { font-weight:normal; font-size:16px;  color:#006666; }

#diensten { position:relative; float:left; width:180px; height:auto; padding:16px; }
h1, h3 { font-size:16px; color:#006666; margin: 0 0 15px 0; padding: 0;}
#vline { position:relative; float:left; width:1px; height:160px; top:20px; background-color:#999999; padding:0px; }
#producten ul,
#diensten ul {
    list-style-type: none;
    list-style-image: none;
    margin:10px 20px 10px 0;
    padding: 0;
    border: none;
    display: block;
}

#box1, #box2, #box3, #box4, #box5 {
    width:174px;
    height:240px;
    float:left;
    padding:0 0 0 22px;
    text-align:left;

}

#box1 p, #box2 p, #box3 p, #box4 p, #box5  p {
    margin:0;
    padding:0 0 15px 0;
}
#ContentCont h2 { 
    padding:10px 0 0 0;
}
#ContentCont { 
    width:970px;
    position:relative;
    min-height:110px;
    float:left;
    border-top:1px solid #cccccc;
    margin:2px 0 0 0;
    text-align:left;
    padding:0 0 0 10px;

}

#ContentCont P {
    padding:0 25px 20px 0;
    line-height:20px;
    margin:0;
}

.white { color:#fff; height:20px;}
#footerContent {
    width:100%;
    height:auto;
    overflow:hidden;
    background:#006362 url(../images/footer-background.png) repeat-x top center;
}

.contactForm {
    margin:0;
    padding:0;

}

#footer {
    width:1000px;
    height:208px;
    position:relative;
    margin:0 auto;
}

#producten-home, #diensten-home { 
    width:210px;
    height:200px;
    float:left;
    padding:17px 0 0 0;
    text-align:left;
    
}

#bell {
    width:250px;
    height:200px;
    float:left;
    padding:17px 0 0 0;
    text-align:left;
}

#tekstcontainer a:hover {
    text-decoration:underline;
}
#tekstcontainer a {
    color:#000;
    font-weight:bold;
}

#contact-home p {
    line-height:20px;
}
#contact-home {
    width:240px;
    height:200px;
    float:left;
    padding:17px 0 0 0;
    text-align:left;
}

#producten-home li , #diensten-home li, #contact-home li, #bell li { 
    background:url(../images/pijl-li.png) no-repeat ;
    padding:0 0 0 20px;
    list-style:none;
    text-align:left;
    margin:5px 0 0 0;

}
#producten-home h2 , #diensten-home h2, #contact-home h2 { 
    color:#ffcc00;
    margin:0 0 0 22px;
    padding:0 0 22px 0;
}

#bell h2 {
    margin:0;
    padding:0 0 22px 0;
    color:#ffcc00;

}

#tekstcontainer h1 {
    font-size:16px;
}

#footer p {
    color:#FFF;
    padding:0 0 0 22px;
    margin:0;
}

#producten-home ul , #diensten-home ul, #contact-home ul, #bell ul { 
    margin:0;
    padding:0px 0 0 22px;

}

#producten-home a:hover , #diensten-home a:hover , #contact-home a:hover , #bell a:hover  { 
    text-decoration:underline;

}
#producten-home a , #diensten-home a, #contact-home a, #bell a { 
    text-decoration:none;
    color:#FFF;

}

#bottomFooter {
    background:url("../images/bottomtext-background.png") repeat-x scroll 0 0 transparent;
    width:100%;
    overflow:hidden;
}

#bottomText {
    width:1000px;
    position:relative;
    height:40px;
    margin:0 auto;
}

#textLeft {
    width:410px;
    float:left;
    padding:15px 0 0;
}
#textLeft ul {
    list-style:none;
    margin:0;
    padding:0;
}

#textLeft li {
    float:left;
    border-right:1px solid #FFF;

}

#textLeft li a {
    margin:0 10px 0 10px;
    color:#FFF;
}

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

#textRight {
    width:260px;
    float:right;
    padding: 15px 0 0;
}

#textRight a {
    color:#FFF;
}

#textRight a:hover {
    text-decoration:underline;

}

#textRight p {
    padding:0;
    margin:0;
}

#producten li,
#diensten li {
    background:  url(../images/arrow.jpg) no-repeat 0 0;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}
	#right { width:330px; height:auto;  float:left; margin-left:10px; }
	#middle { width:1000px; height:auto;  float:left; }
	#middle h1 { font-weight: normal;}
	#right h1 { font-weight: normal;}
	#middle h3 { font-weight: normal;}
	#right h3 { font-weight: normal;}
		 	.titel_small { font-size:18px; color:#006666; }
		 		.titel_small2 { font-size:16px; color:#006666; }
			
			
			.rightcontact { width:330px; height:37px; position:relative; float:left; margin: 8px 0 0 0; }
			.rightcontact #vragen {
				width: 120px;
				font-size:20px;
				font-weight: bold;
				color:#006666;
				float: left;
			}
			.rightcontact #vragen p,
			.rightcontact #bel p{
				margin: 0;
			}
			.rightcontact #bel {
				background: url(../images/telefoon.jpg) no-repeat;
				font-size:16px; color:#006666;
				float: left;
				padding: 3px 0 0 29px;
			}
			.greenstroke { width:330px; height:1px; position:relative; float:left; background-image:url(../images/greenpattern.jpg); font-size:0px; }
	
			#foto1 { position:relative; float:left; width:330px; height:170px; overflow: hidden;}
			.rightspace {position:relative; float:left; width:330px; height:1px; font-size:0px;}
			.rightspace2 {position:relative; float:left; width:330px; height:7px; font-size:0px;}
			#foto2 { position:relative; float:left; width:330px; height:170px; overflow: hidden;}
            .editMode #foto2 {
                height:400px;
            }
				.right-overlay { position:absolute; top:120px; left:0px; width:330px; height:43px; background-image:url(../images/right-overlay.png); z-index: 10;}
				.rightoverlaytitel { position:absolute; top:3px; left:20px; font-size:16px; color:#fff;}
				.rightoverlaytitel a, .rightoverlaytitel p { margin:2px 0 0 0; color: #ffcc33;}
				.rightoverlayondertitel { position:absolute; top:21px; left:20px; color:#fff; }
				.rightoverlayondertitel a,.rightoverlayondertitel p { margin:3px 0 0 0;  color: #fff;}
				.rightsubmenu { width:310px; height:auto; position:relative; float:left; padding:0 0 0 10px; margin: 0 0 0 0;}
				
				.rightsubmenu ul {
                    padding:0;
                    margin:11px 0 0 0;
                    width:230px;
                    position:relative;

								}
				
				.rightsubmenu li{
                    list-style-type:none;
                    margin:8px 0 0 0;
                    padding:0 0 0 15px;
                    background:url(../images/submenu-li.png) repeat-x;
                    border-bottom:1px solid #a9a9a9 !important;
								}


                .rightsubmenu a {
                    display:block;
                    padding:8px 0 10px 30px;
                    background:url(../images/list-style.png) no-repeat left;

                }
				.rightsubmenu li:last-child {
					border: 0px;
				}
				.submenu { width:310px; height:15px; position:relative; float:left; padding:10px; }
					.arrow { width:21px; height:11px; position:relative; float:left; background-image:url(../images/arrow.jpg); background-repeat:no-repeat;}
					.sitem { width:289px; height:11px; position:relative; float:left; left:10px; }
					.subspace {  width:310px; height:8px; position:relative; float:left; font-size:0px; }
						.subspace2 {  width:310px; height:120px; position:relative; float:left; font-size:0px; }
					.subline { width:280px; height:1px; position:relative; float:left; font-size:0px; background-color:#ccc; }
				
			#contactme { position:relative; float:left; width:330px; height:190px; background-image:url(../images/contact-overlay.jpg); background-repeat:no-repeat;}
			#contactme p { color: #fff;}
				#subcontact { position:relative; float:left; width:300px; height:150px; padding:15px; left:5px;} 
				#subcontact h1 { color:#ffcc33; font-size:16px; margin: 0 0 15px 0; padding: 0; font-weight: normal;}
				.contacttitel { font-size:18px; color:#FFF; }
				.white { color:#fff; height:20px;}
				.white { color:#fff; height:20px;}
					input { color: #333;background: #fff; border: 1px solid #333;}
					input.error { color: #333;background: #fff; border: 1px solid #cc0000;}
					.greenbut { color: #fff;background-image:url(../images/greenpattern.jpg); border: 1px solid #333;}
					.small { font-size:11px; }
					.geelfont2 {color:#ffcc33; font-size:16px;} 
                                    
    
	/* footer */
	#underline { background:url(../images/underline.png) repeat-x ; width:1000px; height:7px; font-size:0px; position:relative; float:left;  }
	#tekst_underline {  width:970px; height:14px; font-size:10px; position:relative; float:left; text-align:left; padding:4px; left:10px;}
	#tekst_underline ul.menuTree {
	 background: none;
	height: 14px;
	width: 605px;
	padding: 0;
	margin: 0 0 0 0;
	position: relative;
	display: block;
	text-align: left;
}

	#tekst_underline ul.menuTree li {
		background: url(../images/submenuBg.jpg) no-repeat left 2px;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0 1px 0 5px;
		margin: 0 ;
		display: block;
		overflow: hidden;
	}

	#tekst_underline ul li:first-child {
		background: none;
		padding: 0 1px 0 0;
	}

	#tekst_underline ul.menuTree li,
	#tekst_underline ul.menuTree li a {
	font-size: 10px;
	text-decoration: none;
	color: #000;
	margin: 0 0 0 0;
	display:inline;
	height:auto;
	width: auto;
	text-align:left;
	border:0;
	}

	#tekst_underline ul.menuTree li.active a,
	#tekst_underline ul.menuTree li a:hover {
		color: #006666;
	}


	#verspoor { position:absolute; left:790px; width:250px; top:4px; }

#belmeterug{
bottom: 0px;
    position: absolute;
}

body.editMode #belmeterug{
	position:relative;

}

ul#animation-home {
    list-style: none;
    margin: 0 0 0 -40px !important;
    *margin: 0 0 0 0 !important;
    list-style-image:none;
}

#submenu-title {
    width:230px;
    height:345;
    float:left;
}

#opmerking_vraag-element textarea {
    height:100px;
    width:400px;

}

#bericht-element textarea {
    height:100px;
    width:305px;
    
}

dt {
float:left;
width:109px;
}

dd { 
    float:right; 
    padding:0px;
    width:250px;    
    
}

#subtekstcontainer input {
    margin:3px 0 3px 0;
    width:252px;
}

#subtekstcontainer select {
    margin:0 0 3px 0;
    width:254px;
    border:1px solid #333333;
}

#subtekstcontainer textarea {
    margin:0 0 3px 0;
    width:252px;
    height:100px;
    border:1px solid #333333;
}

#subtekstcontainer input[type="submit"] {
    width:85px;
}

#subtekstcontainer label.error {
    display:none !important;
}

#subtekstcontainer .error {
    border:1px solid #ff0000;
}