/* Start of CMSMS style sheet 'KMO-Video' */
@charset "utf-8";
/* CSS Document */
img, #header, #frame-boven, #frame-onder { behavior: url(images/layout/iepngfix.htc) }

body {
	background: url(images/layout/achtergrond-herhaal.jpg) repeat-x #003467;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;	
	color: #666;
}
#achtergrond {
	background: url(images/layout/achtergrond.jpg) no-repeat center top;
	width: auto;
	margin: 0 auto;
}
#wrap {
	width: 904px;
	margin: 0 auto;	
}
#header {
	height: 100px;
}
	#logo {
		width: 250px;
		height: 50px;
		padding: 30px 0 0 15px;
		float: left;
	}
	#slogan {
		width: 145px;
		height: 22px;
		font-weight: bold;
		color: #fff;
		border-left: 1px solid #6f99b6;
		margin: 40px 10px 0 10px;
		padding: 8px 0 0 10px;
		float: left;	
		font-size: 10px;
	}
	#menu {
		float: right;
		width: 450px;
		margin-top: 40px;

	}
	#menu ul {
		margin: 0;
		padding: 0;	
	}
	#menu li {
		display: inline;	
	}
	#frame-boven {
		background: url(images/layout/frame-boven.png) no-repeat;
		width: 904px;
		height: 24px;	
	}
	#frame {
		background: url(images/layout/frame-herhaal.png) repeat-y;
		width: 874px;	
		padding: 0 15px 15px 15px;
		line-height:25px;		
	}
	#frame-onder {
		background: url(images/layout/frame-onder.png) no-repeat;
		width: 904px;
		height: 14px;	
	}
#copy {
	color: #fff;
	text-align: right;
	padding: 10px;	
}
#copy a, #copy a:hover {
	color: #fff;
	text-decoration: none;
}
.kader-grijs {
	background: url(images/layout/grijs-midden.png) repeat-y;
	width: 579px;
	float: left;
	margin-bottom: 15px;
}
.kader-grijs-boven {
	background: url(images/layout/grijs-boven.png) no-repeat;
	width: 579px;
	height: 4px;
	font-size: 0;	
}
.kader-grijs-tekst {
	padding: 16px 2px;	
	text-align: center;
	color: #444;
	font-size: 14px;
} 
.kader-grijs-onder {
	background: url(images/layout/grijs-onder.png) no-repeat;
	width: 579px;
	height: 4px;
	font-size: 0;	
}
.sectoren {
}
	.sector-spatie {
		float: left;
		width: 2px;
		height: 20px;
		font-size: 0;
		display: block;
	}
	.sector-titel, .rechts-titel {
		padding: 25px 30px 0 15px;
		height: 40px;
	}
	.sector-link {
		margin: 21px 14px 0 0;
	}
	.sector-lijn {
		background: url(images/layout/sectoren.png) no-repeat right 70px;				
	}
	.sector-titel a, .sector-titel a:hover, .rechts-titel a, .rechts-titel a:hover {
		color: #a01a1a;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
	}
	.sector-afbeelding {
		width: 220px;
		margin: 0 auto;
	}
	.sector-omschrijving {
		margin: 5px 10px;
		line-height: 25px;
		color: #666;
		font-size: 10px;
	}
	.sector1 { 
		background: url(images/layout/sectoren-links.png) no-repeat top;
		width: 290px;
		float: left; 
	}
	.sector2 { 
		background: url(images/layout/sectoren-midden.png) no-repeat top;
		width: 290px;
		float: left; 
	}
	.sector3 { 
		background: url(images/layout/sectoren-rechts.png) no-repeat top;
		width: 290px;
		float: left; 
	}
	.rechts {
		background: url(images/layout/rechts.png) no-repeat top;
		width: 290px;		
	}
	.rechts-titel span {
		color: #a01a1a;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;		
	}
.film {
	background: url(images/layout/film.png) no-repeat top;
	width: 500px;
}
	.film-titel {
		padding: 30px 30px 0 15px;
		height: 40px;		
	}
	.film-titel span {
		color: #a01a1a;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;		
	}
	.film-flash {
		width: 450px;
		margin: 0 auto;
	}
.blog {
	background: url(images/layout/blog.png) no-repeat;
	width: 560px;
}
	.blog-datum {
		width: 65px;
		height: 50px;
		margin: 32px 0 0 15px;
		color: #fff;
		float: left;
		font-weight: bold;
		font-size: 13px;
	}
	.blog-titel {
		width: 465px;
		height: 50px;
		margin-top: 32px;
		color: #005386;		
		float: right;
		font-weight: bold;
		font-size: 13px;		
	}
#breadcrumb {
	background: url(images/layout/crumbs.png) no-repeat;
	width: 864px;
	height: 37px;
	margin: 0 auto 10px auto;
	color: #fff;
	padding: 12px 0 0px 15px;
	font-size: 11px;
	font-weight: bold;
}	
#breadcrumb a {
	color: #fff;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;	
}
a {
	color: #3e98d7;
	text-decoration: none;	
}
a:hover {
	color: #004a7f;	
	text-decoration: underline;
}
.grijs {
	color: #666;	
}
.tekst {
	margin: 10px;
	line-height:25px;
}
.kfilm {
	margin: 6px 0;	
}
.lijst {
	width: 400px;
}
.lijst ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
.lijst li {
	background: url(images/layout/lijst.png) no-repeat;
	width: 305px;
	height: 28px;
	padding: 4px 0 0 55px;
	margin: 5px 0;
	color: #666;
	font-style: italic;
}
h1 {
	font-size: 17px;
	margin: 3px 0;
	padding: 0;
}
h2 {
	font-size: 15px;
	margin: 3px 0;
	padding: 0;
}
h3 {
	font-size: 13px;
	margin: 2px 0;
	padding: 0;
}
h4, h5, h6, h7 {
	font-size: 11px;
	margin: 2px 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: #005386;	
}
.ico-tel {
	background: url(images/layout/ico-telefoon.png) no-repeat left center;
	height: 15px;
	padding: 5px 25px;
}
.ico-mail {
	background: url(images/layout/ico-mail.png) no-repeat left center;
	height: 15px;
	padding: 5px 25px;	
}
.films {
	width: 560px;	
}
.thumb2 {
	width: 175px;
	margin: 15px 5px 5px 0;
}
	.thumb2 h4 {
		margin: 5px 0;
		height: 30px;
	}
input, textarea {
	border: 1px solid #ccc;
	color: #444;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 5px;
}
.cms_form label {
	width: 100px;
	float: left;
	padding-top: 10px;
	color: #444;
}
.cms_form .submit, #searchsubmit {
	margin-left: 100px;	
}
.citaat {
	font-size: 17px; 
	font-family: 'book antiqua', palatino; 
	color: #333;
	line-height:25px;	
}
.citaat-home { 
	margin-top: 14px;
	line-height:25px;	
}
.twitter {
	margin-top: 20px;
	padding: 1px 0;
	border: 1px solid #cdcdcd;	
	background: url(images/layout/twitter.png) no-repeat 6px center #eee;	
}
	.twitter .tweets {
		background: url(images/layout/twitter-repeat.png) repeat-y right;
		border-left: 1px solid #cdcdcd;			
		margin-left: 40px;
	}
	.twitter .tweet {
		background: url(images/layout/twitter-tweet.png) no-repeat right top;	
	}
		.tweet .tekst {
			width: 740px;
			float: left;
			color: #444;
		}
			.tekst .tijd {
				color: #999;
				font-size: 9px;		
			}
		.tweet .foto {
			width: 35px;
			float: right;
			padding: 3px 5px 0 20px;
		}
	.twitter .s {
		background: url(images/layout/twitter-scheiding.png) no-repeat right;
		height: 2px;
		font-size: 0;
	}
.flickr {
	margin-top: 20px;
	padding: 1px 0;
	border: 1px solid #cdcdcd;	
	background: url(images/layout/flickr.png) no-repeat 6px center #eee;	
}	
	.flickr .afbeeldingen {
		border-left: 1px solid #cdcdcd;			
		margin-left: 40px;
		padding-left: 15px;
	}
		.afbeeldingen img {
			border: 2px solid #fff;
			margin: 5px;
		}
.icoon {
	margin: 0 auto;
	padding: 5px;
	width: 242px;
	height: 129px;
	border: 1px solid #ccc;
}
.slider {
	margin: 10px 0;
	width: 870px;
	height: 91px;
	background: url(images/layout/slider-repeat.png) repeat-x;
	position: relative;
}
.slider .jcarousel-clip-horizontal {
    width:  780px;
}
	.slider .pijl-links {
		width: 26px;
		height: 91px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.slider .pijl-rechts {
		width: 26px;
		height: 91px;
		position: absolute;
		top: 0;
		right: 0;
	}
	.carousel-div {
		padding: 8px 45px 0 45px;	
		width: 800px;
		height: 85px;		
	}
	.carousel-div li {
		width: 200px;	
	}
.error_message {
	color: #ff0000;	
}
.contact_links {
	width: 500px;
	float: left;
}
#map {
	width: 350px;
	height: 350px;
	float: right;
	border: 1px solid #444;
}
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
a img { border: 0; }
.ar { text-align: right; }
.mrg { margin-right: 1px; }
hr { border-top: 1px dotted #ccc; border-bottom: 0; margin: 15px 0 10px 0; }
.so { width: 350px; margin-top: 50px; }
/* End of 'KMO-Video' */