/* 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,fieldset,input { 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; }


html, body { width:100%; height:100%;}
body {
text-align:center;
background-color:#7E848F;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
}

/* PAGE STRUCTURE */
#body {
}

	#wrapper {
	height:auto;
	min-height:100%;
	overflow:hidden;
	width:990px;
	margin:0px auto;
	position:relative;
	}

		#header {
		float:left;
		height:126px;
		width:638px;
		}

		#main-menu {
		float:left;
		height:54px;
		width:638px;
		}

		#content {
		width:638px;
		float:left;
		}

		html > body #content {

		}

		#content-right {
		overflow:hidden;
		}

			#content-main {
			overflow:hidden;
			padding:40px;
			}

			#content-related {
			float:right;
			overflow:hidden;
			}

		#content-left {
		float:left;
		overflow:hidden;
		}

		/* 3 Column layout  */
		.col3 #content-right {
		float:right;
		width:474px;
		}

			.col3 #content-main {
			float:left;
			width: 394px;
			}

			.col3 #content-related {
			margin:-160px 0px 40px 0px;
			width:352px;
			}

		.col3 #content-left {
		width: 164px;
		}

		#footer {
		clear:both;
		height:25px;
		width:990px;
		position:absolute;
		bottom:0;
		}

	#scrollon {
	height:1px;
	}

/* PAGE DESIGN */

a:link,a:visited,a:active {
cursor:pointer;
color:#FFFFFF;
}

a:hover {
color:#CCCCCC;
}

p {
margin:3px 0px 14px 0px;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
}

h1,h2,h3,h4,h5,h6 {
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
}
/* line-length expliciet, zodat koppen basic.css/editor_content.css gelijk blijft */
h1 {
font-size:22px;
margin:0px 0px 18px 0px;
line-height:24px;
}

h2 {
font-size:20px;
margin:4px 0px 14px 0px;
line-height:22px;
}

h3 {
font-size:18px;
margin:4px 0px 12px 0px;
line-height:20px;
}

h4 {
font-size:16px;
margin:0px 0px 4px 0px;
line-height:18px;
}

h5 {
font-size:14px;
margin:0px 0px 4px 0px;
line-height:14px;
}

h6 {
font-size:10px;
margin:0px 0px 4px 0px;
line-height:10px;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

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

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

hr {
border-top:2px dotted #CCCCCC;
margin:0px 0px 15px 0px;
}

	#wrapper {
	text-align:left;
	}

		.home #wrapper {
		text-align:left;
		background:url(/smt/user/images/wrapper-home_bg.gif) repeat-y;
		}

		.basis #wrapper {
		text-align:left;
		background:url(/smt/user/images/wrapper-basis_bg.gif) repeat-y;
		}

		.onder #wrapper {
		text-align:left;
		background:url(/smt/user/images/wrapper-onder_bg.gif) repeat-y;
		}

		.boven #wrapper {
		text-align:left;
		background:url(/smt/user/images/wrapper-boven_bg.gif) repeat-y;
		}

	#header {
	background:#FFFFFF url(/smt/user/images/header_bg.gif) no-repeat;
	}

	#main-menu {
	}

	#content {
	}

		#content-right {
		}

			#content-main {
			}

			#content-related {
			}

		#content-left {
		}

	#footer {
	}

		.home #footer {
		background:url(/smt/user/images/footer-home_bg.gif) repeat-y;
		}

		.basis #footer {
		background:url(/smt/user/images/footer-basis_bg.gif) repeat-y;
		}

		.onder #footer {
		background:url(/smt/user/images/footer-onder_bg.gif) repeat-y;
		}

		.boven #footer {
		background:url(/smt/user/images/footer-boven_bg.gif) repeat-y;
		}


/***** GENERAL CLASSES ****/
.content-text {
line-height:16px;
}

	.content-text ol {
	list-style-type:decimal;
    margin:4px 0px 20px 0px;
	}
	.content-text ul {
	list-style-type:disc;
    margin:4px 0px 14px 0px;
	}
	.content-text li {
    margin:3px 0px 6px 28px;
	}


	.content-text table {
	width:100%;
	}

		.content-text table td {
		padding:5px 10px;
		}
/*
			.home .content-text table td {
			background-color:#7E848F;
			}

			.basis .content-text table td {
			background-color:#4C88BE;
			}

			.onder .content-text table td {
			background-color:#178747;
			}

			.boven .content-text table td {
			background-color:#C15050;
			}
*/


/***** COMPONENTS ****/

/* Header flash */
#header-flash {
float:right;
height:47px;
margin:55px 0 0 0;
width:232px;
}

/* Related Image */
#related-image {
margin:0 0 0 18px;
overflow:hidden;
width:318px;
}

	#related-image img {
	width:308px;
	height:auto;
	border:5px solid #FFFFFF;
	margin:0 0 20px;
	}

/* Main menu */
ul.NAV1 li {
float:left;
}

/* Sub menu */
ul.NAV2 li {
margin:1px 0 0;
}

.home ul.NAV2 li {
background-color:#595E66;
}

	.home ul.NAV2 li ul.active li {
	background-color:#646A75;
	}

.basis ul.NAV2 li {
background-color:#00477F;
}

.onder ul.NAV2 li {
background-color:#004F22;
}

.boven ul.NAV2 li {
background-color:#720000;
}

ul.NAV2 li a {
display:block;
height:27px;
line-height:27px;
padding:0px 0px 0px 8px;
text-decoration:none;
color:#FFFFFF;
}

ul.NAV2 ul {
display:none;
}

	ul.NAV2 ul.active {
	display: block;
	}

ul.NAV2 a.active,
ul.NAV2 a.haschildrenactive {
border-left:2px solid #FFFFFF;
padding:0px 0px 0px 6px;
}

/* Contactform Reunie*/
.formulier .fields {
clear:both;
overflow:hidden;
margin-bottom:5px;
font-size:13px;
}

	.formulier .fields label {
	float:left;
	width:140px;
	}

	.formulier .fields .input {
	float:left;
	width:248px;
	}

	.formulier .fields .textarea {
	float:left;
	width:248px;
	}

	.formulier .fields .submit {
	float:left;
	margin-right:10px;
	}