@import url(/include/css/editor.php);
body {
	background-color: #FFFFFF;
	/* T R B L */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #000000;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	overflow: -moz-scrollbars-vertical;
	}

input[type=hidden] {
	visibility: hidden;
	}


html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}

/* Header */

div#header { position:relative; height:93px; }
div#header h1 { margin:5px 0 15px 0; padding:0; width:200px; float:left; }
div#header h1 a { display:block; margin:5px 0 0 0; width:185px; height:41px;
	background-position:0px 5px; background-image:url('/image/smwo_logo.gif');
	background-repeat:no-repeat; }
div#header h1 a span { display:none; }

div#header div#searchbox { float:right; width:365px; margin-top:20px;}
div#header div#searchbox form { float:right; }
div#header div#searchbox input { border:1px solid #032C5A; line-height:22px; width:181px; vertical-align:top; }
div#header div#searchbox input.btn { border:1px solid #032C5A; width:53px; line-height:1.3 !important; height:18px;
	background:#032C5A; color:#fff; font-family:Arial; overflow:hidden; }
div#header div#searchbox p#fontsize { float:right; width:115px; color:#032C5A; line-height:1.3; overflow:hidden;
	margin-top:-1px; }
div#header div#searchbox p#fontsize span { float:left; margin-top:4px; padding-right:5px; }
div#header div#searchbox p#fontsize a { display:block; width:17px; line-height:17px; text-align:center;
	float:right; border:1px solid #032C5A; color:#032C5A; text-decoration:none; }
div#header div#searchbox p#fontsize a#font-min { border-right:0; }
div#header div#searchbox p#fontsize a:hover { text-decoration:none; }

#header #belbanner {
	position: absolute;
	right:255px;
	top:2px;
}


/* Content */

div#container{width:994px;margin:0 auto}
div#container{text-align:left; position: relative;}

h1.navtitle { height:45px; line-height:45px; background-color:#00A6E4; margin-bottom:11px;
	background:url('/image/title-corners-left.gif') no-repeat left center; color:#fff; font-weight:bold; }
h1.navtitle span { display:block; background:url('/image/title-corners-right.gif') no-repeat right center;
	margin-left:4px; padding-left:10px; }

h1.other { background-color:#032c5a; }


/* Content - Organisatie - Vacatures */

.vacatureContent {
	border-bottom:1px solid #00a5e4;
	margin-bottom:10px;
	}
.vacatureContent h2 {
	font-size:14px;
	color:#00a5e4;
	line-height:1;
	}
#content .vacatureContent a {
	text-decoration:none;
	display:block;
	line-height:2.2;
	background:url('/image/readmore-arrow-blue.gif') right center no-repeat;
	}



/* Footer */

div#none { clear:both;width:100%; height:1px; overflow:hidden; }

div#footer {
	color:#fff;
	background-color:#032C5A;
	height:27px;
	background-image:url('/image/footer-corner-left.gif');
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:20px;
	}

div#keurmerk	{
	position: absolute;
	right: 0;
	}

div#footer p {
	color:#fff;
	background-image:url('/image/footer-corner-right.gif');
	background-position:right top;
	background-repeat:no-repeat;
	line-height:27px;
	height:27px;
	font-size:8pt;
	text-indent:10px;
	}

div#footer a { color:#fff; font-size:8pt; }


/* Default styles */

.clickable { cursor:pointer; }
.border	{border : 1px solid #000000;}
.clear { clear:both; display:block; height:1px; overflow:hidden; }
.debug { background:yellow !important; }

.goBack {
	background:url('/image/arrow-back.gif') 0px 6px no-repeat;
	border-bottom:1px solid #c5c5c5;
	/* color:#c5c5c5; */
	padding-left:15px;
	line-height:2;
	display:block;
	width:9.6em;
	text-decoration:none !important;
	}
.media .goBack {
	width: auto;
	}

.sociale-kaart {
	background-image: url(../../image/sociale_kaart.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:15px;
}

.sociale-kaart div {
	float:left;
	margin-right:90px;
}

#cont-border a {
	text-decoration:underline;
}
#cont-border a.readmore {
	text-decoration:none;
}

/*
#cont-border a:visited {
	color: red;
}
*/

a.download:link, a.download:active, a.download:visited, a.download:hover {
	display:block;
	width:auto;
	padding-left:20px;
	background-image: url(/image/pdf.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/*************************************** SITEMAP ***********************************/

#sitemap td {
	padding-left:15px;
}


#sitemap .sitemap-dienst {
	background-image: url(/image/sitemap-head-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #ffd300;
	font-weight:bold;
	color: #FFF;
	height:27px;
}

#sitemap .sitemap-nieuws {
	background-image: url(/image/sitemap-head-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #c5c5c5;
	font-weight:bold;
	color: #FFF;
}
#sitemap .sitemap-organisatie {
	background-color: #00a6e4;
	font-weight:bold;
	color: #FFF;
}


a.sitemap_level1:link, a.sitemap_level1:visited, a.sitemap_level1:active	{
	font-weight : bold;
}

a.sitemap_level3:link, a.sitemap_level3:visited, a.sitemap_level3:active	{
	font-weight : bold;
}

#sitemap ul { margin:28px 0 0 15px; padding:0; }

#sitemap ul { borderr:1px solid blue; background:url('/image/bg-sitemap.gif') left bottom no-repeat; }
#sitemap ul ul { borderr:1px solid pink; background-image:none; }
#sitemap ul ul ul { borderr:1px solid orange; }

#sitemap ul li { margin:0; padding:0; list-style:none; padding-right:17px;
	display:block; min-height:24px; }

#sitemap ul li ul {
	display:block;
	visibility:visible;
	margin-top:0px;
	margin-right:0px;
	}
#sitemap ul li.active ul,
#sitemap ul li.open ul {
	display:block;
	visibility:visible;
	}

#sitemap ul li ul li {
	padding-right:0px;
}

#sitemap ul li a { border-top:1px solid #C5C5C5; margin-top:2px; display:block; min-height:23px; line-height:16px;
	vertical-align:middle; background:url('/image/subnav-arrow-new.gif') no-repeat right 7px; text-decoration:none;
	padding-right:12px; padding-top:3px; padding-bottom:0; }
#sitemap ul li a:hover { color:#032C5A; }

#sitemap ul li li a { border-top:0; margin-top:0; }

#sitemap ul li.active a { font-weight:bold; }
#sitemap ul li.active li a { font-weight:normal; }

.sportwijzer-header {
	display:block;
	width:750px;
	padding:5px 0;
	overflow:auto;
	font-weight: bold;
	}

.sportwijzer-item	{
	position: relative;
	font-weight: normal;
	float: left;
	width: 100%;
	}

.sportwijzer-header .col1	{
	padding: 0 0 0 5px;
	width: 365px;
	height: 27px;
	line-height: 27px;
	background: #FFD300 url(/image/sportwijzer-head-left.gif) no-repeat left center;
	color: #FFF;
	}

.sportwijzer-header .col2	{
	padding: 0 0 0 5px;
	width: 180px;
	height: 27px;
	line-height: 27px;
	background: #FFD300;
	color: #FFF;
	}

.sportwijzer-header .col3	{
	padding: 0 0 0 5px;
	width: 190px;
	height: 27px;
	line-height: 27px;
	background: #FFD300 url(/image/sportwijzer-head-right.gif) no-repeat right center;
	color: #FFF;
	}

.col1, .col2, .col3	{
	width: 370px;
	padding: 5px 0;
	float: left;
	}

.col2, .col3	{
	width: 185px;
	}

.sportwijzer-item .labels,
.sportwijzer-item .sportwijzer-body	{
	overflow:hidden;
	padding:5px;
	}

.sportwijzer-item .labels	{
	border-bottom: 1px solid #FFF6CC;
	}

.sportwijzer-body	{
	border-bottom: 1px solid #C5C5C5;
	}

.sportwijzer-body .col1,
.sportwijzer-body .col2	{
	width: 370px;
	}

.sportwijzer-body .row .col1,
.sportwijzer-body .row .col2	{
	width: 185px;
	}

.inleiding .generator_content_td1_table	{
	width: auto;
	}


p.meta {
	color: gray;
	margin-bottom: 1.6em;
	}



.media {
	padding-top: 5px;
	}

.album a,
.photo a,
.movie a {
	display: block;
	width: 110px;
	width: 155px;
	height: 110px;
	line-height: 105px;
	text-align: center;
	border: 1px solid silver;
	padding: 4px;
	background: #eee;
	text-decoration: none !important;
	}
.album a {
	height: 130px;
	line-height: 1.4;
	}
.movie a {
	height: 130px;
	line-height: 1.4;
	}
.movie a span,
.album a span {
	display: block;
	padding-top: 5px;
	}
.album a img,
.photo a img,
.movie a img {
	border: 0px;
	vertical-align: middle;
	}
.album,
.photo,
.movie {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
	.movie a {
		position: relative;
	}
		.movie a em {
			display: none;
			position: absolute;
			top: 28px;
			left: 58px;
			width: 40px;
			height: 40px;
			background: url(/image/play_btn.png) no-repeat top left;
			cursor: pointer;
		}
		.movie a:hover em {
			display: block;
		}
.lastPhoto {
	margin-right: 0px;
	}
p.backToMedia {
	clear: both;
	padding-top: 1em;
	}