/* 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 > body { width:100%; height:100%; }

/* PAGE STRUCTURE */
#body {
}

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

		 #header {
		 height:158px;
		 width:956px;
		 clear:both;
		 }
 
		 #content {
		 width:956px;
		 height:372px;
		 float:left;
		 clear:both;
		 padding:10px 0 0 0; 
		 }

		 html > body #content {
		 min-height:300px;
		 height:auto;
		 }
			 
			#content-right {
			}
			
				#content-main {
				}
				
				#content-related {
				float:right;
				}
			
			#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:500px;
			}
			
				.col2 #content-main {
				}
				
				.col2 #content-related {
				display:none;
				}
				
			.col2 #content-left {
			width:180px;
			}
			
			/* 3 Column layout  */
			.col3 #content-right {
			float:right;
			width:736px;
			min-height: 400px;
			}
			
				.col3 #content-main {
				float:left;
				padding:10px 21px 10px 25px;
				width:470px;
				}
				
				.col3 #content-related {
				padding:5px 10px 10px 10px;
				width:160px;
				}
			
			.col3 #content-left {
			padding:10px 50px 10px 10px;
			width:160px;
			height: 400px;
			}

		 #footer {
		 clear:both;
		 height:70px;
		 width:956px;
		 }

/* PAGE DESIGN */
a:link,a:visited,a:active,a:hover {
color: #008cf7;
}

a:hover {
color: #90a201;
}

a:visited {
color: #e70f47;
}

a img {
border: 0px;
}

h1 {
color:#ffffff;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
}

h2 {
color:#000000;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#e70f47;
}


h5 {
	font-size:12px;
	font-weight:noral;
	color:#e70f47;
}

h6 {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:15px;
}

p {
margin-bottom:0px;
}

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

body {
font-size:12px;
text-align:center;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:20px;
background: #ffffff url(/smt/user/images/background.gif);
}

	 #wrapper {
	 text-align:left;
	 }
	
	#header {
	background: transparent url(/smt/user/images/header-background.gif) no-repeat bottom left;
	position: relative;
	}
	
	#content {
	background: transparent url(/smt/user/images/content-background.gif) repeat-y;
	}
	
		#content-right {
		background: transparent url(/smt/user/images/content-right-background.gif) no-repeat top right;
		}
		
			#content-main {
			}
			
			.col1 #content-main {
			background:transparent url(/smt/user/images/content-left-background.gif) no-repeat scroll 0 0;
			}
			
			#content-related {
			}
	
		#content-left {
		background: transparent url(/smt/user/images/content-left-background.gif) no-repeat top left;
		}
	
	#footer {
	background: transparent url(/smt/user/images/footer-background.gif) no-repeat top left;
	position: relative;
	}
 
/***** COMPONENTS ****/
/***** Logo *****/
#header-logo {
position: absolute;
top: 28px;
left: 28px;
}

#geluid {
position: absolute;
top: 47px;
right: 15px;
}

/***** CONTENT *****/
#content-home {
margin: 0px 3px;
}

.col1 #content-home {
height: 372px;
}

#content-midden {
}

 

#content-midden img{
border:0px;
padding-left:10px;
}

.pitbord {
float: left;
background: transparent url(/smt/user/images/notitie.gif) no-repeat top left;
width: 196px;
/*height: 320px;*/
padding: 30px 10px 10px;
overflow: hidden;
}

#pitbord-1 {
clear: left;
margin-right: 34px;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:15px;
}

#pitbord-2{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:15px;
}


/***** NAVIGATIE *****/
#navigation {
position: absolute;
top: 5px;
left: 210px;
height: 133px;
width:685px;
}
ul.NAV1 li {
float:left;
/*position:relative;*/
margin-left:5px;
}

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

ul.NAV1 li ul {
margin:2px 0 0 15px;
position:absolute;
display:none;
}

ul.NAV1 li ul li {
margin:0;
}

ul.NAV1 li ul li a {
border-right:1px solid #707070;
color:#009DFE;
padding:0 10px;
}

ul.NAV1 li ul.active li a:hover {
color:#707070;
text-decoration:none;  
}


#footer-1 {
width: 510px;
left:236px;
position:absolute;
top:5px;
}

ul.NAV2 li {
float: left;
padding: 0px 10px;
}

#footer-2 {
position: absolute;
top: 37px;
left: 791px;
height: 30px;
width: 140px;
}

#footer-2 a:link {
color: #ee527a;
}

/***** Mailinglijst *****/
#mailinglist .input {
width: 160px;
border: 1px solid #bed600;
padding: 3px 0px;
}

#mailinglist .check {
float: left;
}

#mailinglist .fields {
margin-bottom: 15px;
}

#mailinglist .fields label {
display: block;
width: 140px;
margin-left: 20px;
margin-top: 20px;
font-size: 11px;
line-height: 11px;
}

* html #mailinglist .fields label {
width: 125px;
}

#mailinglist .submit {
float: right;
padding:  3px 10px;
}

/***** CONTACT *****/
#contact .leftside {
float: left;
width: 225px;
}

#contact .fields label {
display: block;
width: 225px;
}

#contact .fields input {
clear: both;
width: 225px;
}

#contact .fields textarea {
width: 225px;
height: 130px;
}

#opmerking{
float: right;
}

#contact #submit input {
width: 100px;
padding: 3px;
float: right;
}

#contact #statusmsg {
color: red;
width: 470px;
height: 30px;
}

#contact #submit {
clear: both;
}

.required {
color: red;
}

#explain {
font-size: 10px;
}

#statusmsg  {
color: #e70f47;
}

.message {
color: #e70f47;
}