/* Classes used by WYSIWYG editor */
@import "/smt/user/styles/classes/classes.css";

@font-face {
    font-family: 'MisoLight';
    src: url('/smt/user/fonts/miso-light-webfont.eot');
    src: url('/smt/user/fonts/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/smt/user/fonts/miso-light-webfont.woff') format('woff'),
         url('/smt/user/fonts/miso-light-webfont.ttf') format('truetype'),
         url('/smt/user/fonts/miso-light-webfont.svg#MisoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MisoRegular';
    src: url('/smt/user/fonts/miso-webfont.eot');
    src: url('/smt/user/fonts/miso-webfont.eot?#iefix') format('embedded-opentype'),
         url('/smt/user/fonts/miso-webfont.woff') format('woff'),
         url('/smt/user/fonts/miso-webfont.ttf') format('truetype'),
         url('/smt/user/fonts/miso-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MisoBold';
    src: url('/smt/user/fonts/miso-bold-webfont.eot');
    src: url('/smt/user/fonts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/smt/user/fonts/miso-bold-webfont.woff') format('woff'),
         url('/smt/user/fonts/miso-bold-webfont.ttf') format('truetype'),
         url('/smt/user/fonts/miso-bold-webfont.svg#MisoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* 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 { }

html > body { width:100%; height:100%; }

/* PAGE STRUCTURE */
#body {
}

	#wrapper {overflow:hidden;width:1000px;margin:30px auto;position:relative;}
		
		#top {height:10px;width:1000px;}
		
		#header {clear:both;height:232px;width:1000px;position:relative;}
		
		#content-top {
		width:1000px;
		height:80px;
		clear:both;
		}
		
		#content {
		width:970px;
		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: 18px 10px 10px;
				}
				
				#content-related {
				float:right;
				overflow:hidden;
				padding:10px 5px 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:750px;
			}
			
				.col3 #content-main {
				float:left;
				width: 485px;
				}
				
				.col3 #content-related {
				width: 220px;
				}
			
			.col3 #content-left {
			padding:10px 0 0 25px;
			width:170px;
			}

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

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

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

a:hover {
color:#999999;
}

h1 {
font-family: MisoRegular,Verdana,Arial,Sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
}

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

h3 {
margin:0 0 10px 0;	
}

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

td {
vertical-align:top;
text-align:left;
border:0 none;
}

.border, .border-top, .border-right, .border-bottom, .border-left {border-style:solid;border-color:#04698B;}

.border {border-width:1px;}

.border-top {border-top-width:1px;}
.border-right {border-right-width:1px;}
.border-bottom {border-bottom-width:1px;}
.border-left {border-left-width:1px;}

.radius-top-left {-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;}

.radius-top-right {-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}

.radius-bottom-right {-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;}

.radius-bottom-left {-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;}

.bold {font-weight: bold;}

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

	#wrapper {text-align:left;background:url(/smt/user/images/wrapper_w1000_bg.png) repeat-y left top;}
	
		#top {background:transparent url(/smt/user/images/top_w1000_bg.png) no-repeat scroll 0 0;}
		
		#header {background:transparent url(/smt/user/images/header_w985_bg.jpg) no-repeat scroll 0 0;}

		#content-top {background-color:transparent;background-repeat:no-repeat;background-position:0 bottom;}

			.content-top {background:transparent url(/smt/user/images/content-top-algemeen.png)}

			.content-top-marinus {background-image:url(/smt/user/images/content-top-mp.png);}
	
			.content-top-via {background-image:url(/smt/user/images/content-top-via.png);}
	
			.content-top-educalaan {background-image:url(/smt/user/images/content-top-el.png);}
	
			.content-top-po {background-image:url(/smt/user/images/content-top-po.png);}
	
			.content-top-dv {background-image:url(/smt/user/images/content-top-dv.png);}
														
		#content {background-color:transparent;background-repeat:repeat-y;background-position:0 0;}
			
			.content {background:transparent url(/smt/user/images/content-algemeen.png)}
			
			.content-marinus {background-image:url(/smt/user/images/content-mp.png);}
	
			.content-via {background-image:url(/smt/user/images/content-via.png);}
	
			.content-educalaan {background-image:url(/smt/user/images/content-el.png);}
	
			.content-po {background-image:url(/smt/user/images/content-po.png);}

			.content-dv {background-image:url(/smt/user/images/content-dv.png);}
								
			#content-right {}
			
				#content-main {}
				
				#content-related {}

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

		#content-bottom {background-color:transparent;background-repeat:no-repeat;background-position:0 0;color:#9DB0C2;font-size:9px;}
			
			.content-bottom {background-image:url(/smt/user/images/content-bottom-algemeen.png);}
			
			.content-bottom-marinus {background-image:url(/smt/user/images/content-bottom-mp.png);}
	
			.content-bottom-via {background-image:url(/smt/user/images/content-bottom-via.png);}
	
			.content-bottom-educalaan {background-image:url(/smt/user/images/content-bottom-el.png);}
	
			.content-bottom-po {background-image:url(/smt/user/images/content-bottom-po.png);}
	
			.content-bottom-dv {background-image:url(/smt/user/images/content-bottom-dv.png);}
														
		#footer {background:#F2FCFF url(/smt/user/images/footer_w1000_bg.png) no-repeat 0 0;}
 
/***** 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;}

/***** Flash menu   *****/
.flashmenu {position:absolute;top:118px;z-index:1000;left:-15px;}

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

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

	#content-main-text ol {
    list-style: decimal outside none;
    padding: 0 0 0 25px;
	}		

	#content-main ul {
    list-style: disc outside none;
    padding: 0 0 0 25px;
	}

/***** Zoeken *****/
#search {
padding-top: 5px;
}

#search input {float:left;}

	#search .input {
width: 140px;
border: 2px solid #CCC;
padding: 4px 0 3px 5px;
color: #046A8D;
font-weight: bold;
}
	#search .submit {width:30px;height:25px;background:transparent url(/smt/user/images/magnifier-search-icon.png);margin:0 0 0 5px;cursor:pointer;border:none;}
	
.search-results {}
    .search-results .form-simple {margin:0 0 10px 0;}
        .search-results .form-simple .advanced-link {}
        .search-results .form-advanced select {margin:10px 0;}
        .search-results .records-found {margin:0 0 10px 0;} 
            .search-results .records-found .found-time {display:none;}
        .search-results .results {margin:0 0 10px;}
        	.search-results .results .item {
background-color:#FFFFFF;
border-style: solid;
border-width: 2px;
border-color: #CCC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
padding:10px;
margin:0 0 2px 0;
        	}
	            .search-results .results .link {display: block;margin: 10px 0 0;}
	            .search-results .results .url {color: #008000;font-size: 11px;font-weight: bold;}       
	            .search-results .results .last-modified {display:none;}
            
/***** Sidebar *****/
	.sidebar-top {
background: transparent url(/smt/user/images/sidebar_top_flex.png) no-repeat scroll 0 0;
color: white;
height: 22px;
margin-bottom: 0;
padding: 9px 13px 0;
	}

		.sidebar-top h3 {font-family:MisoRegular, Verdana, Arial, sans-serif;font-size:16px;}

	.sidebar {
background:transparent url(/smt/user/images/sidebar_flex.png) repeat-y scroll 0 0;color: white;
padding: 5px 19px 5px 13px;
overflow: hidden;
	}

		.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/sidebar_bottom_flex.png) no-repeat scroll 0 0;
color:#FFFFFF;
height:34px;
margin-bottom:10px;
padding:0;
}

/***** Accordion *****/
.accordion {
line-height:20px;
overflow:hidden;
color:#046A8D;
}
    
    .accordion h3 {
    color:#ffffff;
    }
    
    .accordion p {
    color:#ffffff;
    }
    
    .accordion .item {
background-color: #EEE;
border-style: solid;
border-width: 2px;
border-color: #CCC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
margin: 0 0 2px 0;
padding: 3px;    
    }
    
    .accordion h4 {
    cursor:pointer;
    }
    
        .accordion h4.current {
        cursor:default;
        }
    
    .accordion div.accordion-content {
display: none;
height: 80px;
border-top: 1px solid #666;
    }
    
    .accordion .newsitem {
    display: none;
    height: 80px;
    padding: 5px;
    background: #c0c0c0;
    }

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

    .accordion a {
    display: block;
    float: right;
    }
    
    
#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;
}



/***** 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 {}
	#calendar-klein .header {
	text-align:center;
	}
		
		#calendar-klein .header a {
		color:#FFFFFF;
		}

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

			#calendar-klein .agenda table {
			width:100%;
			margin: 0 0 10px 0;
			}
	
				#calendar-klein .agenda table caption {
				text-align:center;
				padding:3px;
				color: #FC0;
				font-weight: bold;
				}
		
					#calendar-klein .agenda table td {
					font-style: italic;
					vertical-align:middle;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px 3px 3px 3px;
					margin:3px;
					text-align:center;
					border-width:1px;
					height: 18px;
					width: 18px;
					color: #999;
					}
	
						#calendar-klein .agenda table td.ismonthday {
						background: #ECECEC;
						border-width:0;
						}
			
			
						#calendar-klein .agenda table td.hasevents {
						background-color: lightblue;
						cursor: pointer;
						color: #333;
						}
			
						#calendar-klein .agenda table td.istoday {
						color: red;
						font-weight: bold;
						}
				
							#calendar-klein .agenda table td .items {
							display:none;
							}
		
			#calendar-klein .agenda .items-show {
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #CCC;
			display: block;
			padding: 5px 0;
			}
		
				#calendar-klein .agenda .items-show .date {
				color: #FC0;
				font-weight: bold;
				margin: 0 0 5px 0;
				display:block;
				}
				
				#calendar-klein .agenda .items-show .item {
margin: 0 0 10px 0;
border-bottom: 1px solid #FC0;
padding: 0 0 10px 0;
overflow: hidden;
display:block;
				}
				
					#calendar-klein .agenda .items-show .item .name {
					display:block;
					}
					
					#calendar-klein .agenda .items-show .item a.moreinfo {
					color:#ccc;
					float:right;
					}
			
						#calendar-klein .agenda .items-show .item a.moreinfo:hover {
						color:#FC0;
						text-decoration:none;
						}
					
				#calendar-klein .agenda .items-show a.close {
				float:right;
				}
					
					#calendar-klein .agenda .items-show a.close img {width:16px;height:auto;}
					
/***** Photoalbum *****/
.photoalbum-top {
background: transparent url(/smt/user/images/photoalbum_top_bg.png) no-repeat scroll 0 0;
color: white;
height: 21px;
margin-top: -8px;
padding: 10px 13px 0;
	}

		.photoalbum-top h1 {}

.photoalbum-content {
background:transparent url(/smt/user/images/photoalbum_content_bg.png) repeat-y scroll 0 0;color: white;
padding: 5px 21px 5px 11px;
overflow: hidden;
}

.photoalbum-bottom {
background:transparent url(/smt/user/images/photoalbum_bottom_bg.png) no-repeat scroll 0 0;
color:#FFFFFF;
height:34px;
margin-bottom:10px;
padding:0;
}

/***** Vakantierooster *****/	
#vakantierooster {font-size:12px;}

	#vakantierooster h3.closed {background:transparent url(/smt/user/images/slideopen_arrow.png) no-repeat right top;}
	#vakantieroostertabel.closed {height:40px;}
	#vakantierooster h3.opened {background:transparent url(/smt/user/images/slideclose_arrow.png) no-repeat right top;}
	#vakantieroostertabel.opened {height:auto;}
	
	#vakantierooster .vakantie {color:#FFCC00;margin:5px 0;}

	#vakantierooster .vantot {padding: 0px 0px 5px 0;border-bottom: 1px solid #CCC;font-weight: bold;}
		
/***** CContactBasic *****/
.contactform label {
line-height: 23px;
float: left;
width: 120px;
}

.contactform .input {
border: 1px solid #CCC;
float: left;
height: 23px;
margin: 0 10px 5px 0;
padding: 0 5px;
width: 310px;
}

.contactform .textarea {
float: left;
font-size: 12px;
margin: 0 10px 10px 0;
height: 139px;
padding: 5px;
width: 310px;
border: 1px solid #CCC;
}

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

.contactform .toggle {
-moz-box-shadow: 3px 3px 4px #666;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 3px 3px 4px #666;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCC')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCC');
display: none;
padding: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #666;
margin: 10px 0 10px 0;
background-color:#FFFFFF;
}

.contactform .asterisk {color: #900;}

.contactform input.error, .contactform textarea.error {
border: 1px solid #C00;
background-color: #EFEFEF;
}

.contactform label.error {
width: auto;
clear: both;
color: #C00;
display: block;
margin: 0 0 10px;
}

#menu-extra {
}

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

	#links table {width: 100%;}
	
	#links table th {background-color: #04698B;color: white;padding: 5px 10px 5px 10px;font-weight: bold;}
	#links table td {padding: 5px 10px 5px 10px;}
	#links table .icon {width: 50px;text-align: center;}
	
	#links table .link {padding-left: 3px;}

/***** Nieuws *****/
.nieuws .afbeelding {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #CCC;
padding: 6px;
background: white;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6x 6px 6px;
}

	.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 table {width:100%;}
		#vacatures table thead tr {}
			#vacatures table thead tr th {background-color: #04698B;color: white;padding: 5px 10px 5px 10px;font-weight: bold;}
				#vacatures table thead tr th.code {width: 50px;}
				#vacatures table thead tr th.functie{ width: 120px; }
				#vacatures table thead tr th.omschrijving {width: 365px;}
		
		#vacatures table tbody tr { cursor: pointer; }
		#vacatures table tbody tr.active {background-color:#FFFFFF;font-weight:bold;display:none;}
			#vacatures table tbody tr td {padding: 5px 10px 5px 10px;}
				#vacatures table tbody tr td.functie {text-decoration:underline;}
				
				#vacatures table tbody tr td.hiddenvacature {padding:0;}
					#vacatures table tbody tr td.hiddenvacature  div { display: none; }
					#vacatures table tbody tr td.hiddenvacature  div.active {padding: 20px;background-color: #EFEFEF;margin: 10px;}
				
				#vacatures table tbody tr td.lastrow {height:20px;}