/* 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,em,strong,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:1000px;
	 margin:0px auto;
	 position:relative;
	 }

		 #header {
		 height:181px;
		 width:1000px;
		 clear:both;
		 }
 
		 #content {
		 width:1000px;
		 height: 600px;
		 float:left;
		 clear:both;
		 }

		 html > body #content {
		 min-height:600px;
		 height:auto;
		 }
			 
			#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:800px;
			padding-top:5px;
			}
			
				.col2 #content-main {
				}
				
				.col2 #content-related {
				display:none;
				}
				
			.col2 #content-left {
			width:200px;
			}
			
			/* 3 Column layout  */
			.col3 #content-right {
			float:right;
			width:600px;
			}
			
				.col3 #content-main {
				float:left;
				width: 420px;
				}
				
				.col3 #content-related {
				width: 180px;
				}
			
			.col3 #content-left {
			width: 180px;
			}

		 #footer {
		 clear:both;
		 height:30px;
		 width:1000px;
		 }

/* PAGE DESIGN */
a:link,a:visited ,a:hover,a:active{
color: #009fea;
text-decoration: none;
font-size: 14px;
}

a:hover,a:active {
color: #e30020;
}

h1 {
}

h2 {
}

h3 {
}

hr {
height: 3px;
background: #FFFFFF url(/smt/user/images/dot.png) repeat-x;
margin-top: 40px;
}

p {
margin-bottom:5px;
}

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

p span {
color: black;
}

body {
font-size:22px;
text-align:center;
color: #009fea;
font-family: arial, verdana;
}

	 #wrapper {
	 text-align:left;
	 }
	
	#header {
	background: #FFFFFF url(/smt/user/images/header.png) no-repeat;
	}
	
	#content {
	}
	
		#content-right {
		}
		
			#content-main {
			}
			
			#content-related {
			}
	
		#content-left {
		}
	
	#footer {
	background: #FFFFFF url(/smt/user/images/dot.png) repeat-x;
	}
 
/***** COMPONENTS ****/

/***** CCotnactBasic *****/
#contact-form { }
#contact-form .fields { 
color: black;
font-size: 14px;
margin-top:10px;
}

#contact-form .input { 
width: 600px;
background-color: #eaebea; 
color: black; 
border: 0px; 
}

#contact-form textarea { 
width: 600px;
height: 100px;
background-color: #eaebea; 
color: black; 
border: 0px; 
}

#contact-form #contact-icon { 
width: 200px;
height: 400xp; 
float: left; 
}

	#contact-form #contact-icon label.tag { 
	width: 190px;
	height: 30px;
	background: #FFFFFF url(/smt/user/images/dot.png) repeat-x bottom;
	font-size: 14px;
	color: black;
	display: block;
	}

	#contact-form #contact-icon img { 
	margin-top: 10px;
	width: 100px;
	height: 90px;
	}

#contact-form #contact-formulier{ 
width: 600px; 
float: right;
}

	#contact-form #contact-formulier label.tag{ 
	width: 600px; 
	height: 30px;
	background: #FFFFFF url(/smt/user/images/dot.png) repeat-x bottom;
	font-size: 20px;
	display: block;
	}

#contact-form .fields label { 
color: black;
font-size: 12px;
display: block; 
}

#contact-form .fields .input { 
display: block; 
}

.fields .submit {
width: 150px;
height: 30px;
background: #FFFFFF url(/smt/user/images/dot.png) repeat-x top;
color: #009fea;
border: 0px;
text-align: left;
}

.NAV1 li {
height: 21px;
}