/* Classes used by WYSIWYG editor */
@import "/smt/user/styles/classes/classes.css";
@import "/smt/user/styles/css/jquery.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:930px;
	margin:30px auto;
	position:relative;
	}

		#header {
		clear:both;
		height:232px;
		width:930px;
		position:relative;
		}
		
		#content-top {
		width:900px;
		height:80px;
		padding:0px 15px;
		clear:both;
		}
		
		#content {
		width:900px;
		height: 400px;
		float:left;
		clear:both;
		padding:0px 15px 0px 15px;
		}

		 html > body #content {
		 min-height:400px;
		 height:auto;
		 }
			 
			#content-right {
			overflow:hidden;
			}
			
				#content-main {
				overflow:hidden;
				padding: 10px;
				}
				
				#content-related {
				float:right;
				overflow:hidden;
				padding:10px 20px 0px 0px;
				}
			
			#content-left {
			float:left;
			}
			
			/* 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:730px;
			}
			
				.col2 #content-main {
				}
				
				.col2 #content-related {
				display:none;
				}
				
			.col2 #content-left {
			width:170px;
			}
			
			/* 3 Column layout  */
			.col3 #content-right {
			float:right;
			width:730px;
			}
			
				.col3 #content-main {
				float:left;
				width: 480px;
				}
				
				.col3 #content-related {
				width: 200px;
				}
			
			.col3 #content-left {
			padding:10px 0 0 25px;
			width:145px;
			}

		#content-bottom {
		clear:both;
		height:20px;
		padding:50px 15px 0 35px;
		width:900px;
		}
	 
		#footer {
		clear:both;
		height:30px;
		width:930px;
		}

/* PAGE DESIGN */
.clearboth {
clear: both;
display: block;
}

a:link, a:visited, a:active, a:hover {
color:#283C55;
}

a:hover {
color:#999999;
}

h1 {
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

h2 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

h3 {
}

p {
margin-bottom:5px;
line-height:18px;
}

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

strong {
font-weight: bold;
}

body {
font-size:11px;
text-align:center;
background-color:#F2FCFF;
font-family: verdana, arial, helvetica, sans-serif;
color:#283C55;
}

.bold {
font-weight: bold;
}

	#wrapper {
	text-align:left;
	background:url(/smt/user/images/content_bg.jpg) repeat-y left top;
	}
	
		#header {
		background:#056A8D url(/smt/user/images/header_bg_ml.jpg) no-repeat;
		}

		.content-top {
		background:transparent url(/smt/user/images/content-top-algemeen.gif) no-repeat scroll 15px bottom;
		}

		.content-top-marinus {
		background:transparent url(/smt/user/images/content-top-marinus.gif) no-repeat scroll 15px bottom;
		}

		.content-top-via {
		background:transparent url(/smt/user/images/content-top-via.gif) no-repeat scroll 15px bottom;
		}

		.content-top-educalaan {
		background:transparent url(/smt/user/images/content-top-educalaan.gif) no-repeat scroll 15px bottom;
		}

		.content-top-po {
		background:transparent url(/smt/user/images/content-top-po.gif) no-repeat scroll 15px bottom;
		}

		.content-top-dv {
		background:transparent url(/smt/user/images/content-top-dv.gif) no-repeat scroll 15px bottom;
		}
														
		.content {
		background:transparent url(/smt/user/images/content-algemeen.gif) repeat-y scroll 15px top;
		}

		.content-marinus {
		background:transparent url(/smt/user/images/content-marinus.gif) repeat-y scroll 15px top;
		}		

		.content-via {
		background:transparent url(/smt/user/images/content-via.gif) repeat-y scroll 15px top;
		}

		.content-educalaan {
		background:transparent url(/smt/user/images/content-educalaan.gif) repeat-y scroll 15px top;
		}

		.content-po {
		background:transparent url(/smt/user/images/content-po.gif) repeat-y scroll 15px top;
		}

		.content-dv {
		background:transparent url(/smt/user/images/content-dv.gif) repeat-y scroll 15px top;
		}
								
			#content-right {
			}
			
				#content-main {
				}
				
				#content-related {
				}

					#content-related h3 {
					font-weight:bold;
					
					}
						
			#content-left {
			}

		.content-bottom {
		background:transparent url(/smt/user/images/content-bottom-algemeen.gif) no-repeat scroll 15px top;
		color:#9DB0C2;
		font-size:9px;
		}

		.content-bottom-marinus {
		background:transparent url(/smt/user/images/content-bottom-marinus.gif) no-repeat scroll 15px top;
		color:#9DB0C2;
		font-size:9px;
		}

		.content-bottom-via {
		background:transparent url(/smt/user/images/content-bottom-via.gif) no-repeat scroll 15px top;
		color:#9DB0C2;
		font-size:9px;
		}

		.content-bottom-educalaan {
		background:transparent url(/smt/user/images/content-bottom-educalaan.gif) no-repeat scroll 15px top;
		color:#9DB0C2;
		font-size:9px;
		}

		.content-bottom-po {
		background:transparent url(/smt/user/images/content-bottom-po.gif) no-repeat scroll 15px top;
		color:#9DB0C2;
		font-size:9px;
		}

		.content-bottom-dv {
		background:transparent url(/smt/user/images/content-bottom-dv.gif) no-repeat scroll 15px top;
		color:#9DB0C2;
		font-size:9px;
		}
														
		#footer {
		background:#F2FCFF url(/smt/user/images/footer_bg.jpg) no-repeat top left;
		}
 
/***** COMPONENTS ****/

/***** Algenmeen menu *****/
#general-menu {
float:right;
height:20px;
margin:20px 30px 0 0;
}

	ul.NAV1 {}
	
		ul.NAV1 li {
		float:left;
		}
	
			ul.NAV1 li a {
			color:#FFFFFF;
			text-transform:uppercase;
			margin-left:10px;
			text-decoration:none;
			}

			ul.NAV1 li a.hover {
			text-decoration: underline;
			}
						
/***** Locaties menu *****/
#locations-menu {
position:absolute;
right:65px;
top:134px;
width:800px;
z-index:100;
}

	ul.NAV2 {
	float:right;
	}
	
		ul.NAV2 li {
		float:left;
		}
	
			ul.NAV2 li a {
			}
			
/***** Sub menu top *****/
#sub-menu-top {
width:145px;
margin-bottom:20px;
}

			

/***** Sub menu sub *****/
#sub-menu-sub {
width:145px;
}

/***** Content main text *****/
#content-main-text {
color:#283C55;
line-height:18px;
}

	#content-main-text h4 {
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	}
		
/***** Zoek + Login *****/
.sidebar-top {
background:transparent url(/smt/user/images/blocks/login_box_bg_top.gif) repeat scroll 0 0;
color:#FFFFFF;
height:15px;
margin-bottom:0;
padding:0;
}

	.sidebar {
	background: #046a8d;
	color:#FFFFFF;
	padding:0 10px 15px;
	}

		.sidebar .fields .input {
		width:175px;
		margin-bottom: 5px;
		}

		.sidebar .fields input.submit {
		padding:0px 10px;
		}
	
	#inlog {
	background: #046a8d;
	color:#FFFFFF;
	padding:0 10px 0;
	}
	
		#inlog .fields .input {
		width:175px;
		margin-bottom: 5px;
		}

		#inlog  .loggedin .fields .submit {
		padding:0px 10px;
		}
		
		#inlog #forgotpassword {
		margin-left:15px;
		}
	

.sidebar-bottom {
background:transparent url(/smt/user/images/blocks/login_box_bg_bottom.gif) repeat scroll 0 0;
color:#FFFFFF;
height:15px;
margin-bottom:20px;
padding:0;
}

/***** Nieuws *****/
#nieuws {
background:transparent url(/smt/user/images/news_box_bg.gif) repeat scroll 0 0;
color:#056A8D;
height:100px;
margin-bottom:20px;
padding:10px;
}

#nieuwslijst {
color:#056A8D;
margin-bottom:20px;
padding:0;
}

	#nieuwslijst-top {
	background:transparent url(/smt/user/images/blocks/news_box_bg_top.gif) repeat scroll 0 0;
	color:#056A8D;
	height:15px;
	margin-bottom:0;
	padding:0;
	}
	
	#nieuwslijst table {
	width: 100%;
	}

	#nieuwslijst-item {
	background:#edf7fc;
	color:#056A8D;
	margin-bottom:10px;
	padding:0 10px;
	}

		#nieuwslijst-item .titel {
		color:#056A8D;
		display: block;
		overflow: hidden;
		}

		#nieuwslijst-item .datum {
		color:#056A8D;
		display: block;
		font-size: 11px;
		}

		#nieuwslijst-item .korte-omschrijving {
		color:#056A8D;
		display: block;
		overflow: hidden;
		height: 44px;
		}

		#nieuwslijst-item .leesmeer a {
		color:#056A8D;
		display: block;
		overflow: hidden;
		height: 25px;
		}

	#nieuwslijst-bottom {
	background:transparent url(/smt/user/images/blocks/news_box_bg_bottom.gif) repeat scroll 0 0;
	color:#056A8D;
	height:15px;
	margin-bottom:20px;
	padding:0;
	}

/***** Poll *****/
#poll {
background:transparent url(/smt/user/images/blocks/poll_box_bg.gif) repeat scroll 0 0;
color:#056A8D;
height:90px;
margin-bottom:20px;
padding:10px;
}

/***** Payoff *****/
#payoff {
color:#FFFFFF;
height:20px;
left:0px;
position:absolute;
top:55px;
width:100%;
}

/***** Sitemap  *****/
#sitemap ul {
margin:10px;
}

	#sitemap ul li {
	margin: 5px 20px;
	}

	#sitemap ul li a {
	text-decoration:none;
	color:#056A8D;
	}

	#sitemap ul li a.hover {
	text-decoration: underline;
	}
	
/***** Toggle *****/
.toggleswitch {
cursor:pointer;
}

/***** Calendar *****/
#calendar table {
border: 1px solid black;
height: 325px;
}

	#calendar td {
	border: 1px solid grey;
	height: 60px;
	width: 60px;
	}

		#calendar  .hasevents {
		background-color: lightblue;
		cursor: pointer;
		}

		#calendar .items {
		background:lightblue none repeat scroll 0 0;
		display:none;
		position:absolute;
		top: 325px;
		left: 40px;
		width:45%;
		cursor: pointer;
		z-index: 1000;
		}
		
/***** Calendar klein *****/
#calendar-klein {
background-color:#046A8D;
color:#FFFFFF;	
}

	#calendar-klein .header {
	text-align:center;
	}

		#calendar-klein .center {
		}
			
			#calendar-klein .center a {
			color:#FFFFFF;
			}
			
		#calendar-klein .left,
		#calendar-klein .right {
		display:none;
		}

#calendar-klein .agenda {
padding:10px;
}		

	#calendar-klein table {
	width:100%;
	}
	
		#calendar-klein table caption {
		text-align:center;
		padding:3px;
		}
		
		#calendar-klein table thead th {
		}
		
		#calendar-klein td {
		border: 1px solid grey;
		text-align:center;
		}
	
			#calendar-klein  .hasevents {
			background-color: lightblue;
			cursor: pointer;
			color:#990000;
			}

		#calendar-klein .items {
		background:lightblue none repeat scroll 0 0;
		display:none;

		}
		
		#calendar-klein .agenda #itemlist {
		padding:10px;
		}
		
		#calendar-klein .agenda p {
		margin-top: 10px;
		}
		
		#calendar-klein .agenda .moreinfo {
		float:left;
		}
		
			#calendar-klein .agenda .moreinfo a:link,
			#calendar-klein .agenda .moreinfo a:visited, 
			#calendar-klein .agenda .moreinfo a:active {
			color:#FFFFFF;
			}
	
			#calendar-klein .agenda .moreinfo a:hover {
			color:#FF0000;
			text-decoration:none;
			}
	
		
#vakantierooster { 
/*background-color:#046A8D;
color:#FFFFFF;*/
padding:0px 13px 10px;
}

	#vakantieroostertiteltoon, #vakantieroostertitelverberg {
	cursor: pointer;
	}

	#vakantierooster .showhide {
	font-weight: bold;
	}

	#vakantierooster .vakantie {
	color:#CCCCCC;
	display:block;
	font-size:14px;
	margin:5px 0;
	}

	#vakantierooster .vantot {
	display:block;
	padding:0px 0px 0px 5px;
	font-size:10px;
	}
		
.flashmenu { 
position:absolute;
top:118px;
z-index:1000;
}


/***** CContactBasic *****/
.contactform { }

.contactform .fields {

}

.contactform .fields label {
display: block;
float: left;
width: 100px;
}

.contactform .fields input, .contactform .fields textarea {
width: 210px;
}

.contactform .fields input.submit {
width: 100px;
margin-right: 10px;
}

#menu-extra {
padding-left: 10px;
}

/***** Links *****/
#links {
clear: both;
}

#links table {
width: 100%;
}

#links table th {
background: #046A8D;
color: #ffffff;
}

#links table .icon {
width: 50px;
text-align: center;
}

#links table .link {
padding-left: 3px;
}

/***** Laatste nieuws *****/
/*.laatstenieuws {
background: #046A8D;
padding: 0px 10px;
line-height: 20px;
color: #ffffff;
}

	.laatstenieuws h4 {
	background: #cccccc;
	cursor: pointer;
	display: block;
	border: 1px solid #c0c0c0;
	height: 20px;
	padding: 0px 5px;
	overflow: hidden;
	}

	.laatstenieuws .handle {
	color:#283C55;
	}

	.laatstenieuws .newsitem {
	display: none;
	height: 80px;
	padding: 5px;
	background: #c0c0c0;
	color:#283C55;
	}

	.laatstenieuws span {
	height: 60px;
	display: block;
	overflow: hidden;
	}

	.laatstenieuws a {
	display: block;
	float: right;
	}
*/
/***** Nieuws *****/
.nieuws .afbeelding {
float:right;
margin:0 0 10px 10px;
}

	.nieuws .afbeelding img {
	width:200px;
	height:auto;
	}

.nieuws .item {
margin-bottom: 15px;
overflow:hidden;
}

.nieuws #morenews {
float: right;
}

.documentlink {
float: right;
}

/***** CXLNTList Vacatures *****/
#vacatures { }
#vacatures th.code { width: 50px; }
#vacatures th.functie{ width: 120px; }
#vacatures th.omschrijving { width: 365px; }
#vacatures tbody tr { cursor: pointer; }
#vacatures .hiddenvacature { display: none; }