@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #383838;
	line-height:140%;
	text-align:center;
}
td {font-size: 100%;}
a {	color:#3fa0a0; }
a img {border:none; }
a:hover {
	color:#21477b;
}
/* =================================  Header  ===============================  */
#header { line-height:0; }
#logo {
	float:left;
	padding:10px 0 0 0 ;
}
#logoHome {
	float:left;
}
#ondersteunend {
	float:right;
	text-align:left;
	width:270px;
	line-height:140%;
}
#ondersteunend .styleswitchBig {
	display:inline;
}
#ondersteunend .styleswitchNormal {
	display:none;
}
#ondersteunend ul {
	padding:12px 0 8px 0;
	margin:0 0 0 -20px;
}
#ondersteunend ul li {
	display: inline;
	list-style-type: none;
	margin:0;
	padding: 0 0 0 20px;
}
#ondersteunend a:link, #ondersteunend a:visited {
	text-decoration:none;
}
#ondersteunend a:hover {
	text-decoration:underline;
}
#ondersteunend form {
	padding:0;
	margin:0;
}
#ondersteunend .zoekveld {
	margin-top:0;
	background:url(../img/layout/zoekveld.gif) no-repeat;
	padding:2px 0 0 8px;
	width: 201px;
	height:22px;
	float:left;
}
#ondersteunend .zoekveld input {
	border-width:0;
	height:16px;
	line-height:1em;
	width:183px;
}
#ondersteunend .zoekknop {
	background:url(../img/layout/zoekknop.gif) no-repeat;
	color:#fff;
	width:58px;
	height:22px;
	vertical-align:text-bottom;
}
/* ongebruikt
#footer p {
	padding:10px;
	margin:0;
}*/
/* =======================================  Content ====================================== */
.leftmenu .col2, .leftmenu .col3, .threecol .col2, .threecol .col3 {margin-top:45px; }
.content {
	float:left;
	margin-bottom:8px; 
}
h1 { 
	margin:0; padding:0; font-weight:normal; line-height:1em; 
}
.overStevenshof h1, h2, h3, h4, h5, h6 {
	padding:0 0 0em 0;
	line-height:140%;
	margin:0 0 .4em 0;
	font-weight:normal;
}
.pageDescription { 
	margin-top: 24px;
}
h1 { font-size: 160%; }
h2 { font-size: 130%; }
h3 {font-size:  100%; font-weight:bold;}
h4,h5,h6 {font-size: 100%; font-weight:normal;}
h3, h4, h5, h6 { padding:0; margin:0; }
p, ul, ol {
	padding-top: 0;
	padding-bottom: 1em;
	margin-top:0;
	margin-bottom:0;
}
.news-single-item {
	width:724px;
}
.news-single-timedata, .news-latest-date {
	color:#aba9ab;
	white-space:nowrap;
}
.news-single-img {
	float: right; padding:0 0 20px 20px; 
}
table {
	border:none;
	border-collapse:separate;
}
table td, table th {
	border:1px solid #fff;
	padding:.1em .4em;
	text-align:left;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background-color:#c8c8c8;
}
table p {
	padding:0; 
	margin:0;
}

/* =====================================  Landingsgpagina ===============================  */
.contactInfo {
	float:left;
	position:relative;
	margin:24px 0 20px 0;
	background:#f4f4f4;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
.contactInfo .landingImages {line-height:0; }
.contactInfo .landingImages .landingImage {
	float:left;
}
.contactInfo .contactColumn {
	float:left;
	padding:12px 20px;
	width:201px;
}
.contactColumn h3 {
	padding:0;
	margin:0;
}
.contactColumn table th, .contactColumn table td {
	background-color:transparent;
	border:none;
	padding:0 .4em 0 0;
}
.roundedCorners {
	position:absolute;
	float:left;
	top:0;
	left:0;
	width:726px;
	height:10px;
	background:url(../img/layout/landingpage_rounded_corners.gif) no-repeat;
}
.sitemapLanding {
	float:left;
	width:100%;
}
.sitemapLanding .column {
	float:left;
	width:220px;
	padding-right:20px;
}
/* ===================================  Navigatie menu's ============================== */
ul.activeMenu {
	list-style-type: none;
	margin:0 0 1em 0;
	padding:0;
}
ul.activeMenu a, ul.activeMenu span {
	display: block;
	padding: 3px 3px 4px 22px;
	text-decoration:none;
}
ul.activeMenu li.breadCrumb a, ul.activeMenu li.breadCrumb span {
	background: #e9e9e9 url(../img/layout/menu_up.gif) no-repeat 7px 9px; /*#383838 */
	border-bottom: 1px solid #fff;
	color:#6c6c6c;
	font-weight:bold;
}
ul.activeMenu li.crumbActive span, ul.activeMenu li.crumbActive a {
	background:#21477b url(../img/layout/menu_down.gif) no-repeat 7px 7px;
	color:#fff;
}
ul.activeMenu li.subMenu a, ul.activeMenu li.subMenu span {
	background-color:#fff; /*#e9e9e9 */
	border-color:#b8b8b8;
	border-width: 0 2px 1px 2px;
	border-bottom-style:solid;
}
ul.activeMenu li.subActive span  {
	background: #fff url(../img/layout/menu_current.gif) no-repeat 10px 8px;
}
/* ======================================   Homepage ======================================== */
.homeSitemap {
	float:left;
	border: 2px solid #b8b8b8;
	width:481px;
	padding:20px 0 8px 0;
	margin:36px auto;
    background-color: #e9e9e9;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
.homeSitemap .column {
	width:206px;
	float:left;
	padding-left:24px;
}
.homeSitemap ul, .homeSitemap ul ul, .sitemapLanding ul, .sitemapLanding ul ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.homeSitemap ul ul, .sitemapLanding ul ul {
	margin-top:0.5em;
}
.sitemapLanding p {
	padding:0; margin:0.5em 0 0 0;
}

.homeSitemap ul li, .sitemapLanding ul li {
	margin-bottom: 1.4em;
	margin-top:0;
	padding-top:0;
}
.homeSitemap ul li li, .sitemapLanding ul li li {
	margin-bottom: 0;
	padding-left: 12px;
	background:transparent url(../img/layout/menu-landing.gif) no-repeat 0 5px;
}

.homeSitemap ul a, .sitemapLanding ul a  {
	color:#21477b;
	font-size:130%;
}

.homeSitemap ul a:link, .sitemapLanding ul a:link  {
	text-decoration:none;
}
.homeSitemap ul a:visited, .sitemapLanding ul a:visited  {
	/*color:#21477b; */
	text-decoration:none;
}
.homeSitemap ul a:hover, .sitemapLanding ul a:hover  {
	text-decoration:underline;
}

.homeSitemap ul ul a, .sitemapLanding ul ul a {
	color:#3fa0a0;
	font-size:100%;
}
/* Centrum voor jeugd en gezin plaatje */
/*.homeSitemap a#menuUid78 {
 	width:135px;
	height:52px;
	display:block;
	background:url(../img/layout/centrum-voor-jeugd-en-gezin.gif) no-repeat;
}
.homeSitemap a#menuUid78 span {
	display:none;
} */
.headerRightColumn {
	float:right;
	position:relative;
	width:436px;
	height:235px;
	right:0;
}
.homeNieuws h2, .homeContactinfo h2 {
	padding-top:0;
	margin-top:0;
}
.overStevenshof {
	text-align:left;
	width:436px;
	line-height:140%;
	position:absolute;
	bottom:0;
}
.overStevenshof p {
	padding-bottom:0;
	margin-bottom:0;
}
.homeNieuws {
	float:left;
	width:100%;
	margin:36px 0 16px 0;
	border: 2px solid #b8b8b8;
	padding:14px 20px;
	width:392px;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
.homeNieuws .news-latest-item a:link, .homeNieuws .news-latest-item a:visited {
	text-decoration:none;
} 
.homeNieuws .news-latest-item a:hover {
	text-decoration:underline;
} 
.extra-navigation {
	border: 2px solid #b8b8b8;
	padding:14px 20px;
	width:441px;
	float:left;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
/* ---------------  Typo3 --------------------------- */
body.htmlarea-content-body {
	text-align:left;
	min-width:0;
	width:auto;
}

.csc-textpic-intext-left-nowrap {
	float:left;
}
/* ----------------- Search results ----------------- */
#cse-search-results iframe {
	width:724px;
}

/* ------------ default styles for extension "tx_cssstyledcontent"----------- */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 40px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { padding-bottom: 40px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 25px !important;
		padding-bottom: 40px;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 25px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/* Browser fixes: */
	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }