/* Start CSS-reset */
@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; font-size:9pt;font-family:Verdana,Arial,Helvetica,sans-serif; color:#993300; }
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-spacing: 0; }

html > body { width:100%; }


/*** STRUCTURE ***/

#body { 
background-color:#FFFFCC;
}

	#wrapper { 
	width:810px;
	margin: 0px auto;
	}	
		#header {
		width:810px;
		height:245px;
		}
		
		#content {
		margin: 0 0 0 0;
		width:810px;
		min-height:400px; /*ff*/
		height: auto !important; /*ie7 */
		height: 400px; /*ie6 */
		}
		
			#content-left {
			float: left;
			margin: 0 0 0 0;
			width:200px;
			height: 400px;
			}
			
				.image-left {
				margin-left: 50px;
				overflow: hidden;
				width: 125px;
				height: 125px;
				}
				
				#image-left1 {
				margin-top: 14px;
				}
				
					#image-left1 img {
					width: 125px;
					height: auto;
					}
				
				#image-left2 {
				margin-top: 20px;
				}
				
					#image-left2 img {
					width: 125px;
					height: auto;
					}
			
			#content-right {
			margin: 0 0 0 217px;
			width:560px;
			
			}
			
			* html #content-right{   /* IE 6 */
			margin: 0 0 0 213px;
			}
		
		#footer {
		width:810px;
		height: 80px;
		clear: both;
		}
		
		#footer-text {
		color:#FFFFFF;
		margin-right:100px;
		padding-top:32px;
		text-align:right;
		font-size: 9pt;
		}
		
			#footer-text a {
			color:#FFFFFF;
			font-weight: bold;
			}
			
/* PAGE DESIGN */

h1 {
font-size:13pt;
font-weight:bold;
margin: 0 0 10px 0;
}

h2 {
font-size:11pt;
font-weight:bold;
margin: 0 0 10px 0;
}

p {
font-size:9pt;
line-height:11pt;
margin: 0 0 10px 0;
}

strong {
font-weight:bold;
}

em {
text-decoration: underline;
font-style:italic; 
}

#content ul, #content ol { 
list-style: disc;
margin-left: 25px;
font-weight: bold;
margin-bottom: 10px;
}

#content-text {
	padding: 20px 0 0 0;
}
		
/* ACHTERGROND ROOD */
body.rood #wrapper { background: #FFFFCC url(/smt/user/images/background/rood/content.jpg) repeat-y; }
	body.rood #header { background: #FFFFCC url(/smt/user/images/background/rood/header.jpg) no-repeat; }
	body.rood #content { background: #FFFFCC url(/smt/user/images/background/rood/content.jpg) repeat-y; }
		body.rood #content-left { background: transparent url(/smt/user/images/background/rood/content-left.jpg) no-repeat; }
	body.rood #footer { background: #FFFFCC url(/smt/user/images/background/rood/footer.jpg) no-repeat; }

/* ACHTERGROND GEEL */
body.geel #wrapper { background: #FFFFCC url(/smt/user/images/background/geel/content.jpg) repeat-y; }
	body.geel #header { background: #FFFFCC url(/smt/user/images/background/geel/header.jpg) no-repeat; }
	body.geel #content { background: #FFFFCC url(/smt/user/images/background/geel/content.jpg) repeat-y; }
		body.geel #content-left { background: transparent url(/smt/user/images/background/geel/content-left.jpg) no-repeat; }
	body.geel #footer { background: #FFFFCC url(/smt/user/images/background/geel/footer.jpg) no-repeat; }

/* ACHTERGROND BLAUW */
body.blauw #wrapper { background: #FFFFCC url(/smt/user/images/background/blauw/content.jpg) repeat-y; }
	body.blauw #header { background: #FFFFCC url(/smt/user/images/background/blauw/header.jpg) no-repeat; }
	body.blauw #content { background: #FFFFCC url(/smt/user/images/background/blauw/content.jpg) repeat-y; }
		body.blauw #content-left { background: transparent url(/smt/user/images/background/blauw/content-left.jpg) no-repeat; }
	body.blauw #footer { background: #FFFFCC url(/smt/user/images/background/blauw/footer.jpg) no-repeat; }

/* ACHTERGROND GROEN */
body.groen #wrapper { background: #FFFFCC url(/smt/user/images/background/groen/content.jpg) repeat-y; }
	body.groen #header { background: #FFFFCC url(/smt/user/images/background/groen/header.jpg) no-repeat; }
	body.groen #content { background: #FFFFCC url(/smt/user/images/background/groen/content.jpg) repeat-y; }
		body.groen #content-left { background: transparent url(/smt/user/images/background/groen/content-left.jpg) no-repeat; }
	body.groen #footer { background: #FFFFCC url(/smt/user/images/background/groen/footer.jpg) no-repeat; }

/* ACHTERGROND PAARS */
body.paars #wrapper { background: #FFFFCC url(/smt/user/images/background/paars/content.jpg) repeat-y; }
	body.paars #header { background: #FFFFCC url(/smt/user/images/background/paars/header.jpg) no-repeat; }
	body.paars #content { background: #FFFFCC url(/smt/user/images/background/paars/content.jpg) repeat-y; }
		body.paars #content-left { background: transparent url(/smt/user/images/background/paars/content-left.jpg) no-repeat; }
	body.paars #footer { background: #FFFFCC url(/smt/user/images/background/paars/footer.jpg) no-repeat; }
	
/***** Main Menu  *****/
#main-menu {
height:19px;
width:600px;
padding: 216px 0px 0px 215px;
text-align: center;
font-size:9pt;
}

	/* Hoofdmenu Groep */

	ul.NAV1 ul {
	position: relative;
	}

	ul.NAV1 ul.hover {
	display: block;
	}
	
	ul.NAV1 li > ul {
	display: none;
	float: left;
	}
		
	ul.NAV1 ul ul {
	position: absolute;
	margin-left: 110px;
	}
	
		/* Hoofdmenu Items */
		ul.NAV1 li {
		position: relative;
		display: block;
		float: left;
		width: 109px;
		height: 19px;
		}
		
			ul.NAV1 li a {
			display: block;
			height:19px;
			line-height:19px;
			text-decoration: none;
			color:#ffffff;
			font-weight: bold;
			}
		
			ul.NAV1 a:visited {
			color:#ffffff;
			}
			
			ul.NAV1 a.hover, ul.NAV1 a:hover {
			color:#ffffff;
			}
			
			ul.NAV1 a.active, ul.NAV1 a:active, ul.NAV1 a.haschildrenactive, ul.NAV1 a:active {
			color:#993300;
			}
			
	/* Submenu Groep */
	ul.NAV11, ul.NAV11 ul {
	width: 150px;
	}
	
	ul.NAV11 ul.hover {
	display: block;
	}
	
	ul.NAV11 li > ul {
	display: none;
	}
		
		
	/* Submenu Items 11*/
	ul.NAV11 li > ul {
	display: none;
	position: absolute;
	float: left;
	}
	
	ul.NAV11 li {
	position: relative;
	background-color: #99CC00;
	height: 25px;
	}
	
		ul.NAV11 li a, ul.NAV11 a.link {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		}
		
		ul.NAV11 li a.haschildrenactive {
		font-weight:bold;
		}
		
		ul.NAV11 a:hover, ul.NAV11 li a.haschildren.hover, ul.NAV11 a.hover {
		font-weight: bold;
		color: #ffffff;
		background-color: #CCFF33;
		}
		
		ul.NAV11 a:active, ul.NAV11 a.active {
		font-weight: bold;
		}

		
/**** RESERVEREN ****/
.INPUT-LABEL-VERTICAL {
	width:200px;
	height: 20px;
	}
	
.SUBSCRIBLE-INPUT-FIELD {
height: 20px;
}

.INPUT-FIELD-VERTICAL {
	width:130px;
	height:18px;
	text-align:left;
	vertical-align:middle;
	color:#666666;
	font-family:arial,helvetica;
	font-size:8pt;
	font-weight:bold;
	
	}

.INPUT-LABEL-HORIZONTAL {
	float:left;
	width: 200px;
	}

.INPUT-FIELD-HORIZONTAL {
	width:290px;
	height: 20px;
	}

.INPUT-TEXTAREA-HORIZONTAL {
	width:290px;
	height:100px;
	}

.BUTTON-SUBMIT {
	}

/*** GASTENBOEK ***/
#guestbook .fields label {
width: 130px;
display: block;
margin-right: 15px;
float: left;
text-align: right;
}

#guestbook .fields .input {
width: 183px;
}

#reacties {  } 
.reactie label { width: 130px; display: block; margin-right: 15px; float: left; text-align: right; }
.reactie span { display: block; margin-left: 145px; }
.reactie .naam { margin-bottom: 5px; }
.reactie {margin: 15px 0; border-top: 1px dotted #993300; }

#languageswitch { margin-left: 55px; position: absolute; top: 218px; }