/* 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 { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img,hr { border: none; }
img { vertical-align:top; }
caption,th,td { text-align: left; vertical-align:top; }
table { border-collapse: collapse; border-spacing: 0; }

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

/* PAGE STRUCTURE */
#body {
}
			
	#wrapper {
	width:950px;
	margin:0px auto;
	position:relative;
	}
	
	 
		 #header {
		 }
		 
			 .col1 #header {
			 height:400px;
			 clear:both;
			 }
		
			 .col2 #header {
			 height:180px;
			 clear:both;
			 }
		  
		 #content {
		 clear:both;
		 }
				
			.col1 #content {
			height:350px;
			position:relative;
			width:100%;
			}
			
			#content-right {
			}
			
				#content-main {
				}
				
				#content-related {
				float:right;
				}
			
			#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;
			}
			
				.col2 #content-main {
				float:left;
				display:inline;/*IE6*/
				margin:10px 0px 10px 10px;
				width:640px;
				}
				
				.col2 #content-related {
				float:right;
				display:inline;/*IE6*/
				margin:10px 0px 10px 0px;
				width:290px;
				}
				
			.col2 #content-left {
			display:none;
			}
			
			/* 3 Column layout  */
			.col3 #content-right {
			float:right;
			width:750px;
			}
			
				.col3 #content-main {
				float:left;
				width: 550px;
				}
				
				.col3 #content-related {
				width: 200px;
				}
			
			.col3 #content-left {
			width: 200px;
			}
			
			#footer {
			clear:both;
			height:50px;
			}

/* PAGE DESIGN */

body {
font-size:12px;
text-align:center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
}

	body.col1 {
	background:#FFFFFF url(/smt/user/images/body_bg_300.gif) repeat-x left 100px;
	}

	body.col2 {
	background:#FFFFFF url(/smt/user/images/body_bg_80.gif) repeat-x left 100px;
	}
		
	#wrapper {
	text-align:left;
	}
	
		#header {
		}
		
		#content {
		}

			.col1 #content {
			background:url(/smt/user/images/content_col1_bg.png) no-repeat;
			}
				
		#content-right {
		}
		
			#content-main {
			}

				.col2 #content-main {
				background:url(/smt/user/images/col2-content-main_bg.png) repeat-y;
				}
						
			#content-related {
			}
		
				.col2 #content-related {
				background:url(/smt/user/images/col2-content-related_bg.png) repeat-y;
				}
			
		#content-left {
		}
	
	#footer {
	background:url(/smt/user/images/footer_bg_50.png) repeat-x;
	}

/***** GENERAL CLASSES *****/
a:link,a:visited,a:active,a:hover {
color:#333333;
}

a:hover {
color:#666666;
}

h1 {
font-size:16px;
margin-bottom:5px;
font-weight:bold;
}

h2 {
}

h3 {
font-weight:bold;
font-size:13px;
}

p {
margin-bottom:5px;
}

.lijst {}

	.lijst .item {
	margin-bottom:3px;
	}

		.lijst .item .image {
		background-color:#CCCCFF;
		height:100px;
		margin-bottom:30px;
		width:260px;
		}
		
		.lijst .item .datum { color:#999999;}
		
		.lijst .item .omschrijving-lang {}
		
		.lijst .item a {
		text-decoration:none;
		}

			.lijst .item a:hover {
			text-decoration: underline;
			}

			.lijst .item a.omschrijving-kort {
			display:block;
			}

	.lijst-overview .item {
	margin-bottom:10px;
	overflow:hidden;
	clear: both;
	}
	
		.lijst-overview .item .crop {
		height:90px;
		width:120px;
		float:left;
		display:inline;/*IE6*/
		margin:0px 10px 0px 0px;
		padding:5px;
		border:1px solid #999999;
		}		

			.lijst-overview .item .crop .image {
			height:90px;
			width:120px;
			}

		.lijst-overview .item .data {
		float:left;
		width:450px;
		}
				
			.lijst-overview .item .data .plaats {
			font-weight:bold;
			margin-bottom:3px;
			}

	.lijst-overview .detail {
	margin-bottom:10px;
	overflow:hidden;
	}
	
		.lijst-overview .detail .crop {
		height:180px;
		width:240px;
		float:left;
		display:inline;/*IE6*/
		margin:0px 10px 20px 0px;
		padding:5px;
		border:1px solid #999999;
		}		

			.lijst-overview .detail .crop .image {
			height:180px;
			width:240px;
			}

		.lijst-overview .detail .data {
		float:left;
		width:330px;
		}
					
			.lijst-overview .detail .data .plaats {
			font-weight:bold;
			margin-bottom:3px;
			}

		.lijst-overview .detail p.omschrijving-lang {
		clear:both;
		}
	
.content-vervolg-tekst {
background:transparent url(/smt/user/images/content-vervolg_bg.png) repeat-x scroll 0 0;
border-bottom:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
height:520px;
margin:0 10px 10px 0;
padding:10px 20px 20px 10px;
}

	html > body .content-vervolg-tekst {
	min-height:520px;
	height:auto;
	}

	.content-vervolg-tekst ul {
	margin:5px 0px 5px 0px;
	}
	  
		.content-vervolg-tekst ul li {
		list-style:outside;
		list-style-type:disc;
		margin:0px 0px 5px 20px;
		}

	
.related-random-images {
background:transparent url(/smt/user/images/vervolg-related-random_bg.png) no-repeat scroll 0 0;
height:170px;
margin:0 0 0 10px;
padding:0 10px 10px 0;
width:260px;
}

	.related-random-images img {
	}
				
/***** COMPONENTS ****/

/* Logo */
#logo {
float:left;
margin-left:10px;
margin-top:30px;
width:240px;
height:60px;
}

/* Menu */
#menu {
float:right;
margin-right:10px;
margin-top:76px;
}

	#menu ul li {
	float:left;
	}

		#menu ul li a {
		display:block;
		padding:0px 10px;
		border-right:1px solid #000000;
		text-decoration:none;
		color:#000000;
		}

		#menu ul li a:hover {
		text-decoration:underline;
		}

/* Banner */		
#banner {
position:absolute;
background:url(/smt/user/images/banner_bg.png);
height:290px;
width:950px;
top:110px;
left:0px;
}

/* Content tekst */
#content-tekst {
color:#FFFFFF;
height:100px;
left:20px;
line-height:16px;
position:absolute;
top:20px;
width:310px;
}

/* Content vervolg tekst */
#content-vervolg-tekst {
}

/* Nieuws lijst home */
#nieuws-lijst-home {
height:190px;
left:20px;
position:absolute;
top:150px;
width:310px;
overflow:hidden;
}

/* Nieuws laatste home */
#nieuws-laatste-home {
height:310px;
left:370px;
position:absolute;
top:20px;
width:260px;
overflow:hidden;
}

/* Projecten lijst home */
#projecten-lijst-home {
height:180px;
left:670px;
position:absolute;
top:150px;
width:260px;
overflow:hidden;
}

	#projecten-lijst-home .item .plaats {
	font-weight:bold;
	}


/* Projecten random images */
#projecten-random-images {
height:100px;
left:670px;
position:absolute;
top:20px;
width:260px;
}

/* Projecten lijst overview */
#projecten-lijst-overview {
}

/* Nieuws lijst overview */
#nieuws-lijst-overview {}

/* Vervolg main top */
#vervolg-main-top {
background:url(/smt/user/images/vervolg-main-top_bg.png) no-repeat 0 top;
}

	/* Vervolg main bottom */
	#vervolg-main-bottom {
	background:url(/smt/user/images/vervolg-main-bottom_bg.png) no-repeat 0 bottom;
	overflow:hidden;
	}

/* Vervolg related top */
#vervolg-related-top {
background:url(/smt/user/images/vervolg-related-top_bg.png) no-repeat 0 top;
}

	/* Vervolg related bottom */
	#vervolg-related-bottom {
	background:url(/smt/user/images/vervolg-related-bottom_bg.png) no-repeat 0 bottom;
	padding:0 10px 10px 0;
	}

		/* Vervolg related border */
		#vervolg-related-border {
		border-right:2px solid #FFFFFF;
		border-bottom:2px solid #FFFFFF;
		padding:10px 0 0;
		}
		
/* Footer tekst */
#footer-tekst {
margin:0 auto;
padding:10px;
text-align:left;
width:930px;
}