/*
Theme Name: Insights
Theme URI: http://insights.ijsfontein.nl
Description: De Wordpress template voor de Insights website
Author: Erwin Geiger

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body
{
	font-family: Arial, Helvetica, sans-serif;
}

a 
{
	text-decoration: none;
	color: #00a0c6;
}

* html
{
	margin: 0;
	padding: 0;
}

a:visited
{
	color: #00a0c6;
}

a img
{
	border: none;
}

h2 
{
	font-size: 14px;
	color: #61002b;
	margin: 3px 0;
}

a:hover {
	text-decoration: underline;
}

#container
{
	width: 980px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}

#header
{
	height: 194px;
	width: 980px;
	float: left;
}

#header h1
{
	display: none;
}

#header #logo
{
	width: 227px;
	height: 194px;
	float: left;
}

#header #logo a
{
	width: 140px;
	height: 50px;
	display: block;
}

#header #foto
{
	background:url(images/header/foto1.jpg) no-repeat top left;
	width: 316px;
	height: 194px;
	float: left;
}

#header #headerTekst
{
	background:url(images/header/5_vragen.jpg) no-repeat top left;
	width: 437px;
	height: 194px;
	float: left;
}

#menu
{
	width: 980px;
	float: left;
	height: 38px;
	margin-bottom: 5px;
}

#menu ul
{
	margin: 0;
	margin-left: 154px;
	float: left;
	padding: 0;
	list-style-type:none;
}

#menu ul li
{
	font-size: 1px;
	text-indent: -1000em;
	height: 38px;
	margin-right: 3px;
	float: left;
}

#menu ul li a
{
	width: 137px;
	height: 38px;
	display: block;
}

#menu ul li#menuHome
{
	background: url(images/menu/home.jpg) no-repeat top left;
	width: 44px;
}

#menu ul li#menuHome a:hover
{
	background: url(images/menu/home_hover.jpg) no-repeat top left;
}

body#kinderen #menu ul li#menuKinderen
{
	background: url(images/menu/kinderen_hover.jpg) no-repeat top left;
	width: 137px;
}

#menu ul li#menuKinderen
{
	background: url(images/menu/kinderen.jpg) no-repeat top left;
	width: 137px;
}

#menu ul li#menuKinderen a:hover
{
	background: url(images/menu/kinderen_hover.jpg) no-repeat top left;
}

body#jongeren #menu ul li#menuJongeren
{
	background: url(images/menu/jongeren_hover.jpg) no-repeat top left;
	width: 137px;
}

#menu ul li#menuJongeren
{
	background: url(images/menu/jongeren.jpg) no-repeat top left;
	width: 137px;
}

#menu ul li#menuJongeren a:hover
{
	background: url(images/menu/jongeren_hover.jpg) no-repeat top left;
}

body#gezinnen #menu ul li#menuGezinenn
{
	background: url(images/menu/gezinnen_hover.jpg) no-repeat top left;
	width: 137px;
}

#menu ul li#menuGezinenn
{
	background: url(images/menu/gezinnen.jpg) no-repeat top left;
	width: 137px;
}

#menu ul li#menuGezinenn a:hover
{
	background: url(images/menu/gezinnen_hover.jpg) no-repeat top left;
}

#sidebarLeft
{
	width: 144px;
	float: left;
	margin-left: 48px;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}

/* Sidebar home pagins */
#sidebarLeft #sideMenu
{
	background: url(images/sidebar/bg_submenu.jpg) no-repeat top left;
	height: 110px;
	width: 115px;
	margin-bottom: 10px;
	padding: 15px;
	padding-top: 6px;
	float: left;
}

#sidebarLeft #sideMenu ul
{
	list-style: none;
	float: left;
	width: 100%;
	clear: both;
	padding: 0;
	margin: 0;
}

#sidebarLeft #sideMenu ul#first li
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFFFFF;
	line-height:18px;
}

#sidebarLeft #sideMenu ul#second li
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	line-height:18px;
}

#sidebarLeft #sideMenu ul li a
{
	color: #FFFFFF;
}

#sidebarLeft #sideMenu #hr
{
	border-top: 2px dotted white;
	margin: 10px 0;
	padding: 0;
	float: left;
	height: 2px;
	width: 100%;
}

#sidebarLeft #homeBanner
{
	width: 135px;
	float: left;
	clear: both;
	height: 129px;
	background:url(images/sidebar/home_banner.jpg) no-repeat top left;
}

#sidebarLeft #homeBanner p
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-top: 85px;
	padding-left: 15px;
	color: #FFFFFF;
}

#sidebarLeft #homeBanner span, #sidebarLeft #homeBanner span a
{
	color: #0099cc;
}

/* Sidebar subpagina */
#sidebarLeftSubpage
{
	width: 144px;
	float: left;
	margin-left: 48px;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}

#sidebarLeftSubpage #sideMenu
{
	width: 146px;
	float: left;
}

#sidebarLeftSubpage #sideMenu #top
{
	height: 43px;
	width: 137px;
	float: left;
	background: url(images/sidebar/bg_sidebar_subpage_top.jpg) no-repeat top left;
}

body#kinderen #sidebarLeftSubpage #sideMenu #top
{
	background: url(images/sidebar/bg_sidebar_subpage_top_kinderen.jpg) no-repeat top left;
}

body#jongeren #sidebarLeftSubpage #sideMenu #top
{
	background: url(images/sidebar/bg_sidebar_subpage_top_jongeren.jpg) no-repeat top left;
}

body#gezinnen #sidebarLeftSubpage #sideMenu #top
{
	background: url(images/sidebar/bg_sidebar_subpage_top_gezinnen.jpg) no-repeat top left;
}

#sidebarLeftSubpage #sideMenu #top #hr
{
	border-top: 2px dotted #807b6b;
	margin-top: 38px;
	margin-bottom: 5px;
	margin-left: 7px;
	float: left;
	height: 2px;
	width: 123px;
}

#sidebarLeftSubpage #sideMenu #middle
{
	background: url(images/sidebar/bg_sidebar_subpage_middle.jpg) repeat-y top left;
	width: 137px;
	float: left;
}

#sidebarLeftSubpage #sideMenu #middle #hr
{
	border-top: 2px dotted #807b6b;
	margin: 10px 0;
	margin-left: 7px;
	float: left;
	height: 2px;
	width: 123px;
}

#sidebarLeftSubpage #sideMenu #bottom
{
	background: url(images/sidebar/bg_sidebar_subpage_bottom.jpg) no-repeat top left;
	width: 137px;
	height: 14px;
	float: left;
}

#sidebarLeftSubpage #sideMenu ul
{
	list-style: none;
	float: left;
	width: 107px;
	clear: both;
	padding: 0;
	margin: 0 15px;
}

#sidebarLeftSubpage #sideMenu ul#first li
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #807b6b;
	line-height:18px;
}

#sidebarLeftSubpage #sideMenu ul#second li
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #807b6b;
	line-height:18px;
}

#sidebarLeftSubpage #sideMenu ul li a
{
	color: #807b6b;
}

/* Sidebar onderste blok */
#sidebarLeftSubpage #sideMenuBottom
{
	background: url(images/sidebar/bg_sidebar_subpage.jpg) no-repeat top left;
	width: 146px;
	height: 129px;
	margin-top: 12px;
	float: left;
}

#sidebarLeftSubpage #sideMenuBottom ul
{
	list-style: none;
	float: left;
	width: 107px;
	clear: both;
	padding: 0;
	margin: 0 15px;
	margin-top: 15px;
}

#sidebarLeftSubpage #sideMenuBottom ul#second
{
	margin-top: 5px;
}

#sidebarLeftSubpage #sideMenuBottom ul li
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #807b6b;
	line-height:18px;
}

#sidebarLeftSubpage #sideMenuBottom ul#second li
{
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #807b6b;
	line-height:18px;
}

#sidebarLeftSubpage #sideMenuBottom ul li a
{
	color: #807b6b;
}

#sidebarLeftSubpage #sideMenuBottom #hr
{
	border-top: 2px dotted #807b6b;
	margin-top: 10px;
	margin-left: 7px;
	float: left;
	height: 2px;
	width: 123px;
}

#content
{
	width: 470px;
	float: left;
	padding: 20px;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}

#content p
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#content p.leesMeer
{
	margin-top: -10px;
	font-size: 11px;
}

#content p.postmetadata
{
	font-size: 11px;
	margin-top: -10px;
}

#content .date
{
	font-size: 11px;
	color: #807b6b;
}

#content .entry
{
	width: 490px!important;
}

#content .post
{
	margin-bottom: 20px;
}

#content .bron
{
	font-size: 11px;
	margin-top: -5px;
	color: #807b6b;
}


/* Contact */
#content form {
	width: 100%;
	clear: both;
	margin-bottom: 40px;
}

#content form textarea 
{
	width: 288px;
	height: 138px;
}

#content form #button {
	float: left;
	clear: both;
	height: 20px;
}

#content form #button input {
	float: left;
	clear: both;
	height: 20px;
}

#sidebarRight 
{
	background: url(images/sidebar/bg_sidebar_right.jpg) no-repeat top left;
  	width: 222px;
	min-height: 152px;
	text-align: center;
	float: left;
	color: #00a0c6;
	padding: 0 24px;
	padding-top: 50px;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}

#footer
{
	background:url(images/footer/bg_footer.jpg) no-repeat top left;
	width: 490px;
	height: 165px;
	margin-top: 40px;
}

#footer p
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #807b6b;
	font-weight: normal;
	padding-top: 128px;
	padding-left: 110px;
}