/* GENERAL */
html{
	overflow-x:				hidden;
	overflow-y:				scroll;
}

body{
	position:				absolute;
	width:					100%;
	margin:					0px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	text-align:				left;
	color:					#000000;
	overflow:				hidden;
}

h1{
	margin:					0px;
	margin-top:				12px;
	font-size:				15px;
	font-weight:			bold;
	color:					#006AB3;
}

h1.pagetitle {
	margin-left: 17px;
}

h1 span{
	color:					#000000;
}

h2{
	margin:					0px;
	margin-top:				20px;
	margin-bottom:			-15px;
	font-size:				13px;
	font-weight:			normal;
	color:					#006AB3;
}

h3{
	margin:					0px;
	margin-top:				20px;
	margin-bottom:			-5px;
	font-size:				11px;
	font-weight:			normal;
	color:					#006AB3;
}

p{
	margin:					0;
	margin-right:				5px;
	margin-top:				20px;
}

ul{
	margin:					0px;
	margin-top:				20px;
	padding-left:			20px;
}

html* div#bar ul.submenu {
	margin-top: 10px;
	padding: 10px 0;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#home .news ul.submenu {
	margin: 0;
	height: 210px;
	overflow: hidden;
}

div#bar ul.submenu li {
	padding: 10px;
}

div#bar ul.submenu li a {
	margin-left: 			10px;
	padding:                0;
	padding-left:			10px;
	background:				url(/graphics/menu_bullet.jpg) no-repeat left center;
	border: 				0;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	font-size: 				12px;
	color: 					#21317a;
}

div#bar ul.submenu li + li {
	border-top:         	1px dashed #d1d1d1;
}

div#bar ul.submenu li a.active {
	color: 					#f167ad;
}

ul.submenu {
	margin:					0px;
	margin-top:				5px;
	padding:				0px;
	list-style:				none;
}

ul.submenu li a{
	padding:				10px 0 10px 5px;
	background-position:	top left;
	background-repeat:		no-repeat;
	text-align:				left;
	text-decoration:		none;
	color:					#000000;
	display:				block;
}

ul.submenu li a strong {
	color:					#21317a;
}

div#home ul.submenu li a p {
	margin-top: 0;
}

ul.submenu li + li a {
	border-top:	1px solid #f3d4e3;
}

ul.submenu li a:hover strong {
	color:					#EE75AB;
}

ul.error_list{
	margin:					0px;
	padding:				0px;
	list-style:				none;
	color:					#FF8080;
}

ol{
	margin:					0px;
	margin-top:				20px;
	padding-left:			20px;
}

table{
	margin:					0px;
	margin-top:				20px;
	border-collapse:		collapse;
}

table tr th{
	padding-right:			10px;
	text-align:				left;
	font-weight:			bold;
	vertical-align:			top;
}

table tr td{
	padding-right:			10px;
	text-align:				left;
	vertical-align:			top;
}

form{
	margin:					0px;
}

input{
	width:					200px;
	padding-left:			5px;
	padding-right:			5px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	color:					#000000;
}

input[type=checkbox] {
	width: auto;
	margin: 2px 0;
}

input.button{
	width:					auto;
}

textarea{
	width:					400px;
	height:					100px;
	padding:				2px;
	padding-left:			5px;
	padding-right:			5px;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				11px;
	color:					#000000;
}

a{
	text-decoration:		none;
	color:					#EE75AB;
}

a.mail{
	color:					white;
}

a:hover {
	text-decoration:		underline;
}

a.button{
	padding:				2px;
	padding-left:			5px;
	padding-right:			5px;
	background-color:		#EE75AB;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	float:					left;
}

a.button:hover {
	color:					#000000;
}

img{
	border:					none;
}

.font_size_10{
	font-size:				10px;
}


/* FRAME */
div#frame{
	position:				relative;
	width:					1024px;
	margin-left:			auto;
	margin-right:			auto;
	padding-bottom:			20px;
	overflow:				hidden;
}

div#frame div{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
}

div#frame div.jqTransformInputInner, div#frame div.jqTransformInputInner div {
	display: block;
	float: none;
}

div#frame div#menu{
	overflow:				visible;
}

div#frame div#bar{
	float:					left;
}

/* OVERLAY */
#overlay {
	width: 656px;
	height: 526px;
	display: none;
}

div.contentWrap {
	padding: 45px;
	width: 566px;
	height: 436px;
	background-image: url(/graphics/overlay.png);
	overflow-y: auto;
}

#overlay .close {
	background-image: url(/graphics/close.png);
	width: 35px;
	height: 35px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
}

#overlay ul.crumb, #overlay p {
	display: none;
}

#overlay h1 {
	color: white;
}

#overlay label {
	color: black;
}

#overlay textarea {
	height: 200px;
}

/* HEADER */
div#header{
	width:					1024px;
	height:					125px;
	background:				url(/graphics/backgrounds/header.jpg) no-repeat right bottom;
}

div#header ul{
	margin:					0px;
	margin-top:				15px;
	padding:				0px;
	list-style:				none;
	float:					right;
}

div#header ul li{
	margin-left:			5px;
	float:					left;
	padding-left: 			5px;
	margin-left:			5px;
}

div#header ul li + li {
	background:				url(/graphics/buttons/metapageseparator.png) no-repeat left center;
}

div#header ul li a {
	color:					#21317a;
	font-size:				11px;
}

div#header img{
	margin-top:				10px;
	float:					left;
}

div#header div.right {
	float: 					right;
	width:					220px;
	padding-right:          20px;
}

div#header div.right form {
	margin-top:				40px;
}

/* MENU */
div#menu{
	width:					1024px;
	height:					30px;
	z-index:				1;
}

div#menu ul{
	background-color:		#21317a;
	margin:					0;
	padding:				0 0 0 20px;
	list-style:				none;
	display:				block;
	float:					left;
	width:					1004px;
	text-transform:			lowercase;
}

div#menu ul li{
	float:					left;
	height:					30px;
}

div#menu ul li.right {
	float: 					right;
}

div#menu ul li.right a{
	color:					#f169ae;
}

div#menu ul li.right.active a, div#menu ul li.right:hover a {
	color:					white;
}
	
div#menu ul li.active a{
	background:				url(/graphics/backgrounds/menu_button.jpg) no-repeat top right;
}

div#menu ul li a{
	font-family:			"Arial Rounded MT Bold", Arial, Verdana, Geneva, sans-serif;
	font-size:				14px;
	height:					26px;
	line-height:			26px;
	padding-left:			15px;
	padding-right:			15px;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
}

div#menu ul li:hover
{
	color:					white;
	background:				url(/graphics/backgrounds/menu_button.jpg) no-repeat top right;
}

div#menu ul li a.dropdown{
	padding-right:			33px;
}

div#menu ul li ul { display: none; }
div#menu ul li:hover ul { display: block; }
div#menu li { position: relative; }
div#menu li ul { position: absolute; top: 25px; left: 0; float: none; padding-left: 0; width: auto; width: auto; background: url(/graphics/submenu_bg.png) no-repeat top right;
		 min-width: 150px; }
div#menu li li { float: none; display: block; }
div#menu li li a { white-space: nowrap }

div#menu li li a { padding: 0 20px; }
div#menu li li { background: 0; }
div#menu li li:hover a { color: #21317a; }
div#menu li.active li a, div#menu li:hover li a, div#menu li:hover li { background: 0; }
div#menu li li.drop_shadow { background: url(/graphics/submenu_shadow.png) no-repeat bottom right; }

.rounded_corners {
	border:					1px solid #f169ae;
	border-radius:			10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	-moz-border-radius:		10px;
	behavior:				url(/css/PIE.htc);
}

.rounded_corners h1, .rounded_corners h2.title {
	background-color:		#f169ae;
	color:					white;
	display:				inline;
	padding:				1px 5px;
	font-family:			"Arial Rounded MT Bold", Arial, Verdana, Geneva, sans-serif;
	font-size:				15px;
	font-weight:			normal;
}

.rounded_corners h2 {
	display: block;
	background-color: white;
	padding-left: 0;
	color: #f169ae;
}

.rounded_corners h2 a:hover {
	text-decoration: none;
}

/* HOME */
div#home {					width: 1024px; }
div#home div {				width: 1024px; }
div#home div.concept {		width: 975px; height: 239px; margin: 15px 15px; padding-left: 15px;	}
div#home div div h1 {		margin-top: 0px; }
div#home div div p {		margin-top: 10px; }
div#home div div.information { width: 285px; height: 240px; padding: 0 40px 0 0; }

div.information ul {		padding-left: 20px; margin-top: 5px; }
div.information ul li {		list-style-image: url(/graphics/menu_bullet.jpg); padding: 3px 0; }
div.information ul li a {	color: #21317a; font-weight: bold; }

div#home div div.banner { width: 650px; height: 240px; background-color: black; border: 0; background: url(/graphics/temp_home_bg.jpg) no-repeat 0 0; }

div#home div div.news { width: 304px; height: 235px; margin: 0 15px; padding: 0 10px; }
div#home div div.text { width: 296px; height: 235px; margin: 0 15px 0 0; padding: 0 10px; }
div#home .besparing.home {
	display: inline-block;
	width: 298px;
	height: 110px;
	background-color: #58b7dd;
	color: white;
	border: 1px solid #58b7dd;
}

div#home .besparing.appointment.home {
	height: 72px;
}

div#home div div.rekentool {
	background-color: #58b7dd;
	border-color: #58b7dd;
	padding-top: 5px;
	font-family: "Arial", serif;
}

div#home div div.rekentool h2 {
	background-color: #58b7dd;
	color: white;
	font-size: 12px;
}

div#home div div.rekentool th, div.rekentool td {
	color: white;
}

div#home div div.rekentool a.bespaar_link {
	display: block;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	text-align: center;
}

a.besparing_calculator_temp:hover {
	text-decoration: none;
}

/* MAIN */
div#main{
	width:					720px;
	line-height:			135%;
	padding-left: 15px;
}

div#page_content {
	width: 688px;
	margin-top: 12px;
	padding: 0 15px 15px 15px;
}

div#main.fullwidth {
	width:					1024px;
}

div#main p.date{
	margin-top:				5px;
	font-size:				13px;
	font-weight:			bold;
}

div#main ul.crumb{
	padding:				0px;
	list-style:				none;
	float:					left;
	width:					100%;
	margin-bottom:			5px;
}

div#main ul.crumb li{
	margin-right:			5px;
	float:					left;
}

div#main ul.crumb li.active a{
	background-color:		#FFFFFF;
}

div#main ul.crumb li.active a:hover{
	border-color:			#CFCFCF;
}

div#main ul.crumb li a{
	padding-left:			3px;
	padding-right:			3px;
	border-style:			solid;
	border-color:			#CFCFCF;
	border-width:			1px;
	background-color:		#EEF5FA;
	font-size:				9px;
	text-decoration:		none;
	color:					#5794B0;
	display:				block;
}

div#main ul.crumb li a:hover {
	border-color:			#4794B0;
}

div#main ul.planners{
	margin-top:				10px;
	padding:				0px;
	list-style:				none;
}

#employee_list {
	clear: both;
}

#employee_list h1, #employee_list h2 {
	background-color: white;
	color: black;
}

div#employee_list ul.planners {
	width:					680px;
}

div#main div#employee_list ul.planners li div {
	width: 					590px;
}

div#main ul.planners li {
	width:					680px;
	margin-top:				10px;
	padding-bottom:			10px;
	border-bottom:			1px dotted #CFCFCF;
    height:                 100px;
    position:               relative;
	overflow: hidden;
}

div#main ul.planners li:last-child {
	border-bottom-style:	none;
}

div#main ul.planners li a.photo {
    width:                  80px;
    height:                 87px;
    float:                  left;
}
div#main ul.planners li a.readmore {
    position:               absolute;
    right:                  0;
    bottom:                 2px;
	padding:                5px 0 5px 0;
}

div#main ul.planners li div {
    margin-left:            10px;
    width: 					500px;
}

div#main ul.planners li div h2 {
    margin:                 0 0 5px 0;
}

div#main ul.planners li div h2 a {
    color:					#006AB3;
}


div#main ul.planners li p {
    margin-top:             5px;
}

div#main ul.planners li p span{
	color:					#005E88;
}

div#main ul.planners li a.button{
	margin:					10px;
}

div#main ul.planners li img{
	width:					80px;
	height:					87px;
	margin:					1px;
	margin-bottom:			10px;
}

div#main table.steps tr td.title{
	width:					165px;
	height:					160px;
	padding:				10px;
	padding-right:			20px;
	background-image:		url('../graphics/backgrounds/title.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
	line-height:			normal;
	font-size:				15px;
	font-weight:			bold;
	color:					#FFFFFF;
}

div#main table.steps tr td.title span.number{
	font-size:				30px;
	color:					#005E88;
}

div#main img.photo{
	margin-bottom:			20px;
	margin-right:			43px;
	border-style:			solid;
	border-color:			#006AB3;
	border-width:			1px;
	float:					left;
}

div#main a.download{
	height:					30px;
	padding-left:			35px;
	padding-right:			5px;
	border-style:			solid;
	border-color:			#CFCFCF;
	border-width:			1px;
	background-color:		#F2F2F2;
	background-image:		url('../graphics/icons/pdf.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
	line-height:			30px;
	color:					#00B0FF;
	display:				block;
}

div#home div div a.right {
	position:				absolute;
	bottom: 				0px;
	right: 					10px;
	padding-left:			10px;
	background:				url(/graphics/menu_bullet.jpg) no-repeat left center;
	color:					#21317a;
	font-weight:			bold;
	line-height:			20px;
	height:					20px;
}

a.besparing {
	display: inline-block;
	width: 230px;
	padding: 9px;
	height: 50px;
	margin: 0;
	background-color: #58b7dd;
	color: white;
	border: 1px solid #58b7dd;
	font-family: "Arial Rounded MT Bold", Arial, Verdana, Geneva, sans-serif;
	margin: 5px 0;
}

a.besparing.appointment {
	height: 25px;
}

.lower a.besparing {
	margin: 0;
}

.lower a.besparing.appointment {
	margin-top: 15px;
}

div#frame a.besparing:hover {
	text-decoration: none;
	background-color: white;
}

a.besparing:hover span {
	color: #58b7dd;
}

a.besparing span.wl {
	font-weight:				bold;
	font-size:				16px;
	line-height:				120%;
	text-align:				center;
	width:					100%;
	display:				inline-block;
	margin-top:				5px;
}

a.besparing.appointment span.wl {
	margin: 0;
}

.lower a.besparing span.wl {
	font-size:				24px;
	margin-top:				25px;
}

.lower a.besparing.appointment span.wl {
	font-size:				24px;
	margin: 5px 0 0 0;
}


ul.questions {
    list-style: none;
    padding: 0;
	margin-top: 0;
}

ul.questions li p a {
	position:				absolute;
	bottom: 				0px;
	right: 					10px;
	padding-left:			10px;
	background:				url(/graphics/menu_bullet.jpg) no-repeat left center;
	color:					#21317a;
	font-weight:			bold;
	line-height:			20px;
	height:					20px;
}

#main ul.questions li h2 a {
    color: white;
	display: inline
}

ul.questions li p {
	margin-top: 10px;
}

ul.questions li div {
    padding: 2px 15px 15px 15px;
	margin: 10px 0;
	width: 688px;
	position: relative;
	clear: both;
}

div#main div.overzicht {
    margin-top: 10px;
    width: 200px;
}

div#main div.pages {
    margin-left: 50px;
	width:		 730px;
}

div#main div.pages ul.tabnav {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 730px;
	border-bottom: 1px solid #e9e9e9;
}


div#main div#content_div {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	width: 730px;
}

div#main div.pages ul.tabnav li {
	display: block;
	float: left;
	height: 25px;
}

div#main div.pages ul.tabnav li.active {
	border: 1px solid #e9e9e9;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-style: none;
	background-color: white;
}

div#main div.pages ul.tabnav li a {
	font-size: 10px;
	line-height: 25px;
	text-align: center;
	padding: 0 10px;
	color: #006ab3;
	display: block;
}

div#main div.pages ul.tabnav li.active a {
	font-size: 12px;
}

div#frame div#map_canvas {
	display:				block;
	float:					none;
	width:					680px;
	height:					400px;
}

div#frame div#map_canvas div {
	display:				block;
	float:					none;
	overflow:				visible;
}

div#sitemap {
	width:					680px;
	margin-bottom:			20px;
}

div#sitemap ul {
	list-style: none;
	padding: 0;
}

div#sitemap > ul {
	background:				url(/kmAdminThemesPlugin/graphics/kiwimedia/list/extension.gif) repeat-y left top;
}

div#sitemap ul ul {
	margin-top:				0;
}

div#sitemap ul li {
	background: 			url(/kmAdminThemesPlugin/graphics/kiwimedia/list/item.gif) no-repeat left top;
	padding-left:           20px;
}

div#sitemap ul li a {
	height:					16px;
}

div#sitemap ul li:last-child {
	background-image: url(/kmAdminThemesPlugin/graphics/kiwimedia/list/end.gif);
}
	

/* BAR*/
div#bar{
	width:					250px;
	margin-left:			20px;
	line-height:			135%;
	padding-top: 5px;
}

div#bar h2 {
    margin-bottom: 0;
}

div#bar div{
	width:					230px;
	padding:				9px;
	padding-top:			0px;
	border:					1px solid #ef5ba1;
	display:				block;
	float:					none;
}

div#bar div.locations {
	margin: 5px 0;
}

div#bar form div {
	width: auto;
	padding: 0;
	border: 0;
	line-height: 100%;
	float: left;
}

div#bar form button {
	margin-left: 5px;
}

div#bar div.no_style{
	width:					auto;
	padding:				0px;
	border:					none;
}

div#bar div h3{
	margin-top:				10px;
	font-weight:			bold;
}

div#bar p{
	margin-top:				10px;
}

div#bar ul{
	margin:					5px 0;
}

div#bar ul.maps{
	margin:					0px;
	padding:				0px;
	list-style:				none;
}

div#bar ul.maps li{
	width:					280px;
	height:					320px;
}

div#bar ul.controls{
	height:					25px;
	margin:					0px;
	padding:				0px;
	padding-left:			67px;
	list-style:				none;
	display:				block;
}

div#bar ul.controls li{
	margin-right:			5px;
	float:					left;
}

div#bar ul.controls li a{
	width:					45px;
	height:					25px;
	background-image:		url('../graphics/buttons/maps.jpg');
	line-height:			28px;
	text-align:				center;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
}

div#bar ul.controls li a:hover{
	color:					#CFCFCF;
}

div#bar a.video{
	width:					278px;
	height:					165px;
	border-style:			solid;
	border-color:			#000000;
	border-width:			1px;
	background-image:		url('../graphics/buttons/video/default.jpg');
	display:				block;
}

div#bar a.video:hover{
	background-image:		url('../graphics/buttons/video/hover.jpg');
}


/* FOOTER */
div#footer{
	width:					1024px;
	color:					white;
	margin-top:				20px;
	font-size:				10px;
	line-height:			20px;
	text-align: 			center;
	background-color:		#21317a;
}

div#footer p{
	margin-top:				0px;
}

#zipcode_form table input {
	width:					80px;
}

#zipcode_form table, #zipcode_submit {
	float: left;
	margin-top: 10px;
}

#print_this_page {
	position: absolute;
	top: 5px;
	right: 10px;
}