﻿html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;	
}

body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 62.5%;
}

.smallSize{
	font-size: 110%;
}

.normalSize{
	font-size: 120%;
}

.largeSize{
	font-size: 130%;
}

h1
{
	font-size: 1.6em;
	margin: 0 0 10px 0;
	color: #7AB51D;	
}

h3
{
	font-size: 1.4em;
	margin: 0 0 10px 0;
	color: #f6921e;
}

h4
{
	font-size: 1.2em;
	margin: 0 0 10px 0;
	color: #f6921e;
}

h2
{
	font-size: 1.2em;
	margin: 0 0 10px 0;
	color: #00a6dd;
}

#content a {color:#7AB51D;}
#content a:hover {text-decoration:none;color:#f6921e;}
#content {line-height:20px}

form
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;	
}

.container
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url(../images/bg_container.jpg);
	background-repeat: repeat-y;
	font-size: 1.2em;
	overflow: hidden;
}

*html .container
{
	position: static;
}

#header
{
	position: absolute;
	top: 0;
	left: 12px;
	width: 975px;
	height: 125px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#header a
{
	position: absolute;
	top: 10px;
	left: 18px;
	width: 210px;
	height: 100px;
}	

#home #headerBigPicture,
#home #headerBigPicture #overlay,
#home #headerBigPicture #background
{
	position: absolute;
	width: 701px;
	height: 596px;
	margin: 0;
	padding: 0;
	overflow: hidden;	
	/*background-image: url(http://thomashuizen.king-com.nl/lib/Homepage/home-bld-daphne.jpg);*/
}

#home #headerBigPicture
{
	left: 252px;
	top: 74px;
	z-index: 3;	
	/*background-image: url(http://thomashuizen.king-com.nl/lib/Homepage/home-bld-daphne.jpg);*/
}

#home #headerBigPicture img
{
	position: absolute;
	position: static\9;
	top: 0;
	left: 0;
	display: block;
	background-color: #FFF;	
	z-index: 3;border:0px ;
}

#home #headerBigPicture #background
{
	background-color: #FFF;
}

#home #headerBigPicture #overlay
{
	top: 0;
	left: 0;
	z-index: 4;	
	background-image: url(../images/big_overlay.png);
	background-repeat: no-repeat;
}

#home #headerBigPicture #readMore
{
	position: absolute;
	width: 216px;
	height: 27px;
	top: 480px;
	left: 20px;
	z-index: 5;	
	background-color: Transparent;
}

#home #headerBigPicture #readMore a
{
	display: block;
	width: 216px;
	height: 27px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#home .block ul#newslist li p 
{
	position: absolute;
	top: 1px;
	left: 112px;
}

#headerPicture,
#headerPicture #overlay
{
	position: absolute;
	width: 698px;
	height: 206px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#headerPicture
{
	left: 256px;
	top: 70px;
	z-index: 2;
}

#headerPicture #overlay
{
	top: 0;
	left: 0;
	z-index: 3;	
	background-image: url(../images/bg_headerPictureOverlay.png);
	background-repeat: no-repeat;
}

#headerPicture img
{
	display: block;
	width: 706px;
	height: auto;
}

#topNav
{
	position: absolute;
	top: 21px;
	left: 258px;
	margin: 0;
	padding: 0;
	z-index: 2;
}

#topNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
}

#topNav ul ul
{
	display: none;
	visibility: hidden;	
}

#topNav ul li
{
	display: inline;	
	margin: 0 30px 0 0;
}

#topNav ul li a
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	color: #120C80;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
}

#topNav ul li a:hover
{
	text-decoration: underline;	
}

#topNav ul li.active a
{
    color:#7AB62A;
}

#searchAndFont
{
	position: absolute;
	top: 15px;
	right: 45px;
	height: 22px;
	width: 150px;
	font-weight:bold;	
	text-decoration: underline;
}

#searchAndFont a
{
    color: #0F3188;
    text-decoration: underline;
}

#searchAndFont #csearch
{
	float: right;
	margin-top: 3px;
	*margin-top: -22px;
}

#searchAndFont .search label{
	display: none;
}

#searchAndFont #search input.textField, 
#searchAndFont input[type="text"] 
{
	border-color:#F68B1E -moz-use-text-color #F68B1E #F68B1E;
	border-style:solid none solid solid;
	border-width:1px 1px 1px 1px;
	float:left;
	height:16px;
	margin:0;
	padding:0;
	width:64px;
}

#breadcrumbs
{
	position: absolute;
	top: 281px;
	left: 255px;
	width: 706px;
	height: 17px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 2;
}

#breadcrumbs a
{
	float: left;
	padding: 0 7px 0 0;
	margin: 0 3px 0 0;
	color: #120C80;
	text-decoration: none;
	background-image: url(../images/bg_breadcrumbs_sep.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

#breadcrumbs ul li.active a
{
	background-image: none;
	color: #FFF;	
}

#breadcrumbs a:hover
{
	text-decoration: underline;
}

#home #breadcrumbs
{
	top: 60px;
}

#breadcrumbs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbs ul li
{
	display: inline;
}

#breadcrumbs ul li a
{
	color: #120C80;
}

#breadcrumbs ul li a.active
{
	color: #FFF;	
	text-decoration: none;
}

#mainNav
{
	position: absolute;
	top: 125px;
	left: 30px;
	width: 940px;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_mainNav_top.gif);
	background-repeat: no-repeat;
	z-index: 1;
	overflow: hidden;
}

#mainNav ul
{
	float: left;
	width: 940px;
	height: auto;
	margin: 6px 0 0 0;
	padding: 0 0 6px 0;
	list-style: none;
	background-image: url(../images/bg_mainNav_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#mainNav ul li
{
	float: left;
	width: 876px;
	height: auto;
	margin: 0;
	padding: 0 0 10px 14px;
	background-image: url(../images/bg_mainNav_sep.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
}

#mainNav ul li a
{
	display: block;
	height: auto;
	width: auto;
	margin: 0;
	padding: 6px 0 0 0;	
	color: #120C80;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
}

#mainNav ul li a:hover
{
    text-decoration: underline;
}

#mainNav ul li.active,
#mainNav ul li.active a,
#mainNav ul li.active ul li.active a
{
	color: #FFF;	
}

#mainNav ul li.active ul li a
{
	color: #120C80;
}

#mainNav ul li ul
{
	display: none;
	margin: 0;
	padding: 0;
	background-image: none;	
}

#mainNav ul li.active ul
{
	display: block;	
}

#mainNav ul li ul li
{
	margin: 0;
	padding: 0;	
	background-image: none;
}

#mainNav ul li ul li a
{
	font-size: 1.2em;
	padding: 0 0 0 15px;
	background-image: url(../images/bg_subnav_bullit.jpg);
	background-repeat: no-repeat;	
	background-position: 0px 3px;
}

#mainNav ul li.active ul li a 
{
	font-weight: normal;
}

#mainNav ul li.active ul li.active a 
{
	background-image: url(../images/bg_subnav_bullit_w.jpg);
	background-repeat: no-repeat;	
	background-position: 0px 3px;
}

#locaties #breadcrumbs
{
    top:63px;
    left:254px;
    position: absolute;
    z-index:15;
}

#locaties #breadcrumbs a
{
	text-decoration: underline;	
	background-image: url(../images/bg_breadcrumbs_sep_location.jpg);
}

#locaties #breadcrumbs ul li a
{
    color: #120C80;
}

#locaties #breadcrumbs ul li.active a
{
	color: #7AB51D;
	text-decoration: none;
	background-image: none;
}

#bread2
{
    position:absolute;
    top:280px;
    left:256px;
    position: absolute;
    z-index:15;
}

#bread2 ul
{
    padding:0px;
    margin:0px;
}

#bread2 ul li
{
    float:left;
    display: block;
    padding-right: 10px;
}

#bread2 ul li a
{
    color: #120C80;
}

#content
{
	position: absolute;
	top: 300px;
	left: 253px;
	width: 674px;
	height: 434px;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#content .left
{
	float: left;
	height: 434px;
	margin: 0;
	padding: 0;
}

#home #content
{
	top: 574px;
	height: 161px !important;
}

#home #content .left
{
	width: 460px;
	overflow: hidden;
}

#home #content .left .block
{
	float: left;
	width: 220px;
	height: 161px;
	margin: 0 0 0 10px;
	padding: 0;
	background-image: url(../images/bg_home_block.png);
	background-repeat: no-repeat;
}

#home #content .left .block h1
{
	line-height: 36px;
	*line-height: 34px;	
}

#agenda #content
{
	height: auto;
	width: 702px;
	background-image: url(../images/bg_agenda.jpg);
	background-repeat: no-repeat;
}

#agenda #content #inner
{
	float: left;
	position: relative;
	width: 659px;
	min-height: 390px;
	height: auto !important;
	height: 390px;
	margin: 0;
	padding: 25px 20px 20px 20px;
	overflow: auto;	
	background-image: url(../images/bg_agenda_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#agenda #content #inner .overflow
{
	position: absolute;
	top: 23px;
	left: 13px;
	width: 685px;
	height: 390px;
	overflow: auto;	
}

#agenda #content h3.overzicht
{
	display: none;
	visibility: hidden;
}

#agenda #content dl
{
	height: 110px;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	background-image: url(../images/bg_agenda_sep.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#agenda #content dl dd
{
	margin: 0;
	padding: 0;	
}

#agenda #content dl dd.ddTitel
{
	position: absolute;
	top: 25px;
	left: 0;
	font-size: 0.75em;
	/*width: 655px;*/
}

#agenda #content dl dd.ddTitel a p
{
	margin: 0;
	font-size: 2.0em;
	color: #7AB51D;	*width:650px
}

#agenda #content dl dd.ddDatum
{
	position: absolute;
	top: 0;
	left: 0;
	color: #00ADEE;
}

#agenda #content dl dd.ddBericht
{
	position: absolute;
	top: 65px;
	left: 0px;
}

#agenda #content dl dd.ddBericht a
{
	color: #7AB51D;	
	text-decoration: underline;

}

#artikel #content #inner
{
	position: absolute;
	left: 3px;
	top: 20px;
	width: 422px;
	height: 620px;	
	padding: 0 15px;
	overflow: auto;
}

#cases #content .left
{
	position: relative;
	width: 458px;
	height: 434px;
	padding: 10px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
}

#cases #content .left .inner
{
	padding: 10px;
	height: 380px;
	overflow: auto;
}

#cases #content .left h3
{
	margin: 0;
	padding: 0;
	color: #7AB51D;
	font-size: 2.6em;
}

#content .right
{
	position: relative;
	float: left;
	width: 116px;
	margin: 0;
	padding: 0;
}
/*
#content .right
{
	position: relative;
	float: left;
	width: 116px;
	height: 454px;
	margin: 0;
	padding: 0;
}
*/

#home #content .right
{
	height: 200px;
	width: 200px;
}

#content .right #small_pics
{
	float: left;	
	width: 224px;
	height: 434px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#artikel #content
{
	top: 86px;
	width: 531px;
	height: 704px;
	margin: 0;
	padding: 0;
	z-index: 2;
	background-image: url(../images/bg_artikel.jpg);
	background-repeat: no-repeat;
}

#locaties #mainNav
{
    width: 400px;
}

#locaties #content
{
	top: 86px;
	width: 695px;
	height: 663px;
	margin: 0;
	padding: 20px;
	z-index: 2;
	background-image: url(../images/bg_artikel.jpg);
	background-repeat: no-repeat;
}

#locaties #content .left
{
	float: left;
	width: 420px;
	height: 624px;
	padding: 0;
	margin: 0;
	overflow: auto
}

#locaties #content .left #thomasHuizenMap
{
	position: absolute;
	top: 125px;
	left: 15px;
	margin: 0;
	padding: 0;
	z-index: 5;	
}

#locaties #content .left #thomasHuizenOverlay
{
	position: absolute;
	top: 110px;
	left: 11px;
	width: 418px;
	height: 490px;
	margin: 0;
	padding: 0;
	z-index: 9	
}

#locaties #content .left #thomasHuizenOverlay #icons
{
	position: absolute;	
	width: 418px;
	height: 624px;
	z-index: 99;
}

#locaties #content .left #thomasHuizenOverlay #icons a
{
	display: block;
	height: 18px;
	width: 18px;	
}

#locaties #content .left #thomasHuizenOverlay #icons a span
{
	display: none;
	visibility: hidden;
}

#locaties #content .left #thomasHuizenOverlay #icons .blue,
#locaties #content .left #thomasHuizenOverlay #icons .green,
#locaties #content .left #thomasHuizenOverlay #icons .yellow,
#locaties #content .left #thomasHuizenOverlay #icons .blue_yellow
{
	position: absolute;	
}

#locaties #content .left #thomasHuizenOverlay #icons .yellow a
{
	background-image: url(../images/icon_yellow.gif);
	background-repeat: no-repeat;
}

#locaties #content .left #thomasHuizenOverlay #icons .blue_yellow a
{
	background-image: url(../images/icon_blue_yellow.gif);
	background-repeat: no-repeat;
}


#locaties #content .left #thomasHuizenOverlay #icons .blue a
{
	background-image: url(../images/icon_blue.gif);
	background-repeat: no-repeat;
}

#locaties #content .left #thomasHuizenOverlay #icons .green a,
#locaties #content .left #thomasHuizenOverlay #icons .blue a:hover
{
	background-image: url(../images/icon_green.gif);
	background-repeat: no-repeat;
}


#locaties #content .left #thomasHuizenOverlay #details ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#locaties #content .left #thomasHuizenOverlay #details ul li
{
	display: none;
	position: absolute;	
	height: auto;
	width: 200px;
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #7AB51D;
}

#locaties #content .left #thomasHuizenOverlay #details ul li:hover
{
	display: block !important;	
}

#locaties #content .left #thomasHuizenOverlay #details ul li a,
#locaties #content .left #thomasHuizenOverlay #details ul li span
{
	display: inline-block; 
	color: #FFF;
	padding: 0 5px;	
}

#locaties #content .left #thomasHuizenOverlay #details ul li .title,
#locaties #content .left #thomasHuizenOverlay #details ul li .link
{
	background-color: #F6921E;
}

#locaties #content .left #thomasHuizenMap img
{
	display: block;
	height: auto;

}

#locaties #content .right
{
	position: absolute;
	left: 458px;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:0;
	width:214px;
	top: 0;
	z-index:1
}

#content .right #small_pics .picture
{
	position: relative;
	float: left;
	width: 96px;
	height: 96px;
	margin: 0 0 12px 12px;
	padding: 2px;
}

#content .right #small_pics .picture img.smallOverlay
{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	z-index: 2;	
}

#content .right #small_pics .picture img
{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 94px;
	height: 94px;
}

#content .right #zorgondernemer
{
	position: absolute;
	bottom: 35px;
	left: 30px;
	width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;	
}

#content .right #zorgondernemer img
{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index: 5;	
}

#artikel #newsItems
{
	position: absolute;
	top: 139px;
	left: 859px;
	width: 230px;
	height: 350px;
	margin: 0;
	padding: 0;	
	z-index: 2;
	overflow: hidden;
}

#aanmeldForm
{
	position: absolute;
	left: 30px;
	bottom: 60px;	
	height: 233px;
	width: 233px;
}

#sponsor
{
	position: absolute;
	left: 30px;
	bottom: 28px;
	z-index: 2;	
}

#sponsor p
{
	margin: 0;
	color: #7AB51D;
	font-weight: bold;
}

#sponsor a
{
	font-weight: bold;
	color: #120C80;
}

#locaties #th_menu
{
	margin: 0;
	padding: 0 10px 0px 15px;
}

#locaties #th_menu div
{
	height: auto;
	background-image: url(../images/bg_locaNav_sep.gif);
	background-position: bottom left;
	background-repeat: no-repeat;line-height:28px;
}

#locaties #th_menu div a
{

	color: #120C80;
	display: block;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.th_menu_huis a
{
	color: #120C80;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0 0 0 13px !important;
	text-decoration: none;margin:0 0 0 10px;line-height:20px;
}

.th_menu_provincie a
{
	color: #120C80;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#locaties #map
{
	position: absolute;
	top: 620px;
	left: 800px;
	margin: 0;
	padding: 0;
	z-index: 999;
}

#locaties #map a
{
	display: block;
	width: 110px;
	height: 131px;	
}

#footer
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 1000px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url(../images/bg_footer.jpg);	
}

.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .clearfix 
{
	display: block;
}
 
* html .clearfix 
{
	height: 1%;
}

#nieuws h3
{
	font-size: 2.0em;
}

#nieuws h3 span h3
{
	font-size: 1.4em !important; 
}

dl#newslist 
{
	float: left;
	width: 655px;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none !important;
}

dl#newslist dd
{
	float: left;
	position: relative;
	width: 655px;
	height: 100px;
	margin: 0 0 10px 0 !important;
	padding: 0 0 13px 0 !important;
	background-image: url(../images/bg_agenda_sep.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;	
}

dl#newslist dd img
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}

dl#newslist dd span
{
	position: absolute;
	top: 0;
	left: 110px;
	color:#00ADEE;	
}

dl#newslist dd h3
{
	position: absolute;
	top: 20px; /*0;*/
	left: 110px;	
}


dl#newslist dd h3 a
{
	display: block;
	width: auto; 
*width: 550px;
	height: 20px;
	margin: 0;
	padding: 0;
	color: #7AB51D;
	font-size: 1.2em;
	line-height: 20px;
	text-decoration: none;	
}

dl#newslist dd p
{
	position: absolute;
	top: 40px; /*30px*/
	left: 110px;	
	margin: 0;
	padding: 0;
}

#home h1
{
	font-size: 2.0em;
	line-height:36px;
	margin: 10px 0px 0px 10px;
	color: #073188;	
}

#home #content a
{
	margin: 0px 0px 0px 10px;
}

#home h2
{
	font-size: 2.8em;
	line-height:32px;
	margin: 15px 0px 0px 10px;
	color: #7AB51D;	
	font-weight:normal;
}

.block dl#newslist 
{
	float: left;
	width: 220px;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none !important;
}

.block dl#newslist dd
{
	float: left;
	position: relative;
	width: 220px;
	height: 100px;
	margin: 0 0 10px 0 !important;
	padding: 0 0 13px 0 !important;
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;	
}

.block dl#newslist dd img
{
	display:none;
	visibility:hidden;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;	
}

.block dl#newslist dd h3
{
	position: absolute;
	top: 0;
	left: 0px;	
}

.block dl#newslist dd h3 a
{
	display: block;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
	color: #7AB51D;
	text-decoration: none;	
	font-size: 3.2em;
	line-height:36px;
	margin:10px 0 0 10px;
}

.block dl#newslist dd p
{
	position: absolute;
	top: 30px;
	left: 0px;	
	margin: 0;
	padding: 0;
	display:none;visibility:hidden;
}

.block ul#newslist 
{
	float: left;
	width: 220px;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: none !important;
}

.block ul#newslist li
{
	float: left;
	position: relative;
	width: 220px;
	height: 100px;
	margin: 0 0 10px 0 !important;
	padding: 0 0 13px 0 !important;
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;	list-style-type:none;

}

.block ul#newslist li img
{
	display:none;visibility:hidden;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;	
}

.block ul#newslist li h4
{
	top: 10px;
	left: 0px;	
	display: block;
	width: auto;
	height: 20px;
	margin:15px 0 0 7px;
	padding: 0;
	color: #7AB51D;
	text-decoration: none;	
	font-size:2.0em;
	line-height:36px;
	margin:10px 0 0 10px;
}

.block ul#newslist li  span
{

	display:none;visibility:hidden;
}


.block ul#newslist li p
{
	position: absolute;
	top: 0px;
	left: 120px;	
	margin: 0;
	padding: 0;
	font-size:1em;	color: #7AB51D;
}

.block ul#newslist li a
{
	position: absolute;
	top: 130px;
	margin: 0;
	padding: 0;
	font-size: 100%;	
	color: #073188;
}

#nieuws img
{
	padding: 5px;
	margin: 5px; 
	border: 1px solid #000099;
}

.slot img 
{
	padding-left: 80px
}