/* Classes used by WYSIWYG editor */
@import "/smt/user/styles/classes/classes.css";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img,hr { border: none; }
img { vertical-align:top; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

html { overflow: -moz-scrollbars-vertical; }
html > body { width:100%; height:100%; }
div { overflow: hidden; }


/* PAGE STRUCTURE */
#body {
background: #e4dec5 url(/smt/user/upload/Image/small/graan.jpg) no-repeat top center;
}

	 #wrapper {
	 overflow:hidden;
	 width:1092px;
	 margin:0px auto;
	 position:relative;
	 }

		 #header {
		 height:200px;
		 width:780px;
		 clear:both;
		 display: none;
		 }
 
		 #content {
		 width:1092px;
		 float:left;
		 clear:both;
		 }

			 
			#content-right {
			overflow:hidden;
			}
			
				#content-main {
				overflow:hidden;
				}
				
				#content-related {
				float:right;
				overflow:hidden;
				}
			
			#content-left {
			float:left;
			overflow:hidden;
			}
			
			/* 1 Column layout  */			 
			.col1 #content-right {
			}
				
				col1 #content-main {
				}

				.col1 #content-related {
				 display:none;
				 }
				
			.col1 #content-left {
			display:none;
			}
				
			/* 2 Column layout  */
			.col2 #content-right {
			float:right;
			width:600px;
			}
			
				.col2 #content-main {
				}
				
				.col2 #content-related {
				display:none;
				}
				
			.col2 #content-left {
			width:180px;
			}
			
			/* 3 Column layout  */
			.col3 #content-right {
			float:right;
			width:844px;
			}
			
				.col3 #content-main {
				float:left;
				width: 502px;
				padding: 0px 47px 25px;
				}
				
				.col3 #content-related {
				width: 234px;
				padding: 0px 14px 0px 0px;
				}
			
			.col3 #content-left {
			width: 234px;
			padding: 0px 0px 0px 14px;
			}

		 #footer {
		 clear:both;
		 height:30px;
		 width:1092px;
		 background: #888789;
		 }

/* PAGE DESIGN */
a:link,a:visited,a:active,a:hover {
color: #000000;
text-decoration: underline;
}

a:hover {
color: #fabd1f;
}

h1 {
font-size: 20px;
margin:0 0 5px 0;
}

h2 {
font-size: 15px;
margin:0 0 5px 0;
}

h3 {
}

h4 {
font-size: 15px;
padding: 15px 0px;
border-top: 1px solid black;
border-bottom: 1px solid black;
margin-bottom: 10px;
}

p {
margin-bottom:10px;
}

td {
vertical-align:top;
text-align:left;
}

body {
font-size:12px;
text-align:center;
font-family:"Calibri", Times New Roman ;
}

	 #wrapper {
	 text-align:left;
	 }
	
	#header {
	}
	
	#content {
	background: #ffffff;
	}
	
		#content-right {
		}
		
			#content-main {
			position: relative;
			}
			
			#content-related {
			}
	
		#content-left {
		}
	
	#footer {
	}
 
/***** COMPONENTS ****/

.item {
margin:0 0 10px 0;
}

/***** Forms *****/
form .fields label {
display: block;
float: left;
width: 100px;
}

	form fieldset li {
	margin:0 0 5px 0;
	}

		form fieldset li .label {
		width:110px;
		float:left;
		}
		
		form fieldset li .input {
		width:270px;
		}
	
		form fieldset li .textarea {
		width:273px;
		height:100px;
		}

/***** Logo *****/
#logo {
width: 234px;
height: 129px;
padding: 28px 0px 0px 0px;
}

/***** Navigatie *****/
#navigatie {
width: 234px;
padding: 28px 0px 0px 0px;
}

#navigatie a {
color: #ffffff;
text-decoration: none;
display: block;
padding: 8px 20px;
font-size: 14px;
width: 100%;

}

#navigatie ul.NAV11 li a {
padding: 8px 30px; 
/* color: #888789; */
color:#FFFFFF;
}


ul.NAV1 {

}

	ul.NAV1 li {
	background: #fabd1f;
	width: 234px;
	border-bottom: 1px solid #ffffff;
	}

		ul.NAV1 li ul {
		display: none;
		}

		ul.NAV1 li.haschildrenactive ul{
		display: block;
		}

			ul.NAV1 li ul li {
			border-top: 1px solid #ffffff;
			border-bottom: 0px;
			background:#868688;
			/* background: #fedd9c; */
			
			color:#FFFFFF;
			}

/***** Navigatie footer *****/
#navigatie-footer {
background: #8f9092;
padding: 8px 20px;
}

#navigatie-footer a {
color: #000000;
text-decoration: none;
display: block;
font-size: 10px;
font-weight: bold;
}

#navigatie-footer a:hover {
color: #ffffff;
}

/***** Contact informatie *****/
#contactinformatie {
margin: 15px 0px 0px 0px;
padding: 18px 0px;
border-top:dotted 3px;
border-bottom:dotted 3px;
/*
background: #ffffff url(/smt/user/images/background/contactinformatie.gif) no-repeat;
background-position:bottom;
*/
font-size: 11px;
font-weight: bold;
text-align: justify;
}
#contcontactinformatie img {
clear:both; 
}


/***** Brochure aanvraag *****/
#brochureaanvraag {
padding: 15px 0px 15px 0px;
font-size: 14px;
}

/***** Breadcrumb *****/
#breadcrumb {
border-bottom: 1px solid #000000;
padding: 45px 0px 0px 0px;
}

#breadcrumb a {
border-bottom: 1px solid #000000;
padding: 45px 0px 0px 0px;
text-decoration: none;
}

/***** Zoeken *****/
#zoeken {
background: #ffffff url(/smt/user/images/background/zoeken.gif) repeat-y;
height: 20px;
padding: 5px 20px;
margin: 15px 0px 0px 0px;
}

#zoeken .submit {
background: transparent;
border: none;
color: #ffffff;
font-size: 10px;
float: left;
margin-right: 10px;
}

#zoeken .input {
width: 130px;
}

/***** Nieuws *****/
#cr-nieuws,
#cm-nieuws,
#cm-watzegt {
padding-top: 15px;
}

#cr-nieuws a,
#cm-nieuws a,
#cm-watzegt a {
display: block;
clear: both;
text-align: right;
}

/***** Wat zegt *****/
#cr-watzegt {
padding: 15px 0px 0px 0px;
}

#cr-watzegt a {
display: block;
width: 88px;
height: 51px;
padding: 42px 33px 37px 113px;
background: #ffffff url(/smt/user/images/background/wat-zegt.gif) no-repeat;
text-align: center;
color: #ffffff;
font-size: 20px;
text-decoration: none;
overflow: hidden;
}

/***** Content tekst *****/
#content-tekst {
padding: 20px 0px 0px 0px;
}

/***** Footer tekst *****/
#footer-tekst {
color: #ffffff;
font-size: 10px;
font-weight: bold;
padding: 8px 20px;
}

#footer-tekst a {
color: #ffffff;
text-decoration: none;
}

/***** Personeel *****/
#personeel { 

}

	#personeel .item { 
	margin: 0px 0px 15px 0px;
	}

	#personeel .data { 
	margin: 0px 0px 0px 115px;
	}
	
#personeel .item .foto {
height: 100px;
width: 100px;
float: left;
}

#personeel .item .foto  img{
width: 100px;
height: auto;
}

#personeel label {
font-weight: bold;
display: block;
width: 100px;
float: left;
}

/***** Random image posities *****/

#random-front {
padding: 15px 0px 0px 0px;
}

#home-tekst-1 {
position: absolute;
top: 200px;
left: 90px;
color: #ffffff;
font-size: 22px;
}

#home-tekst-2 {
position: absolute;
top: 540px;
right: 60px;
text-align: right;
color: #f1b61f;
font-size: 14px;
}

#home-tekst-3 {
height: 20px;
background: #888789;
padding: 20px;
margin: 0px 0px 15px 0px;
font-size: 20px;
color: #ffffff;
text-align: right;
}