/* General styling! */
* {outline:none;} /* for Form styling(safari, chrome)*/

html {overflow-Y: scroll;}
body,html{margin-bottom:1px;height:100%;cursor:default;margin:0;padding:0;font-family: arial; font-size: 12px; background: url('../img/bg.png') repeat-x #EAF2FB; color: #3F3F40;}
a {color:#57585A; text-decoration:none;}
a:hover {color:#4FAB7E;text-decoration:none;}
img {border: none; padding: 0; margin: 0;}
p a {color: #0E5FAA;text-decoration:none;font-weight:bold;}
p a:hover {color: #0E5FAA;text-decoration:underline;}
a img{ border: none; padding: 0; margin: 0;}

#content table td a {color:#01A161;text-decoration:none;}
#content table td a:hover {text-decoration:underline;}
#content img {border: 1px solid #A5A7AA;}
/* Container styling! */

#wrapper {margin: 0 auto; width: 925px;}
	#container_top {margin: 0 auto; width: 900px; height: 90px; }
		#container_search {float:right; width:195px; height: 20px; margin-top: 16px; margin-right: 11px; display: inline;}
			.search {border: 1px solid #A5A7AA; padding: 4px 6px; width: 144px; margin: 0px;}
			.search_btn {margin-left: 20px;}
		#container_topmenu {float:left; width:100px; height: 20px; margin-top: 20px;}
		#topmenu {float:right; margin-right: 1px;}

	#container_banner {margin: 0 auto; width: 900px; height: 190px; background: url('../img/bg-top.png') no-repeat;}
		
		#banner_txt {width: 880px; height: 40px; background: url('../img/bg-slogan.png') repeat-x; padding: 0px 0px 0px 20px;}
		#container_banner_title {padding-top: 90px;}
			#banner_title {width: 100%; float: right; text-align: right;}
	#container_breadcrumb {margin: 0 auto; width: 900px; height: 30px; background: url('../img/bg-breadcrumb.png') no-repeat;font-weight:bold;}
	#container_left {float: left; width: 195px; margin-left: 2px;}
		#mainmenu_top {width: 195px; height: 20px; background: url('../img/bg-main-menu-top.png') no-repeat;}
		#mainmenu_middle {width: 195px; background: url('../img/bg-main-menu-middle.png') repeat-y; }
			#mainmenu_middle ul { list-style-type:none;  margin: 0; padding: 0;}
			#mainmenu_middle ul li { padding: 0; margin: 0; margin-bottom: 10px; }
			#mainmenu_middle ul li:last-child { margin:0; }
			#mainmenu_middle ul li a {text-decoration: none; color: #57585A; display: block;zoom:1; padding: 0; padding: 0px 25px 0px 30px; font-weight:bold;}
			#mainmenu_middle ul li a:hover {text-decoration: none; color: #01A161; display: block;zoom:1; padding: 0;  padding: 0px 25px 0px 30px;}
			#mainmenu_middle ul li a.active {text-decoration: none; color: #01A161; display: block; padding: 0; padding: 0px 25px 0px 30px;} 
			#mainmenu_middle ul li a.extra {color:#0E5FAA;}
			#mainmenu_middle ul li a:hover.extra{color:#01A161;}

		#mainmenu_bottom {width: 195px; height: 30px; background: url('../img/bg-main-menu-bottom.png') no-repeat; margin-bottom: 8px;}

		.nieuws_top {width: 195px; height: 30px; background: url('../img/bg-nieuws-top.png') no-repeat;}
		.nieuws_middle {width: 195px; background: url('../img/bg-main-menu-middle.png') repeat-y; }
			.nieuws_item {width: 137px; border-bottom: 1px solid #D9EFF0; padding: 6px 0px; padding-left: 19px; padding-right: 19px;}
			.nieuws_item a {font-weight:bold;}
			.nieuws_item.top {width: 137px; border-bottom: 1px solid #D9EFF0; border-top: 1px solid #D9EFF0; padding: 6px 0px; padding-left: 19px; padding-right: 19px;}
			.nieuws_photo {width: 31px; height: 20px; background: black; float: left; border: 1px solid #A5A7AA;}
			.nieuws {width: 103px; float:left;}
		.nieuws_bottom {width: 195px; height: 30px; background: url('../img/bg-main-menu-bottom.png') no-repeat; margin-bottom: 8px;}
	#container_right {float: left; width: 714px; margin-left: 11px;}
		#content_top {width: 714px; height: 20px; background: url('../img/bg-content-top.png') no-repeat;}
		#content_middle {width: 714px;background: url('../img/bg-content-middle.png') repeat-y; min-height: 605px; font-size:13px;}
			#content {width: 653px; margin: 0px 0px 0px 30px; float: left;  line-height: 1.4; display: inline;}
			.photo {width: 145px; height: 100px; margin-top: 30px; border: 1px solid #A5A7AA;}
		#content_bottom {width: 714px; height: 30px; background: url('../img/bg-content-bottom.png') no-repeat;}
	#container_sitemap {width: 920px; margin: 0 auto; margin-top: 6px; font-size: 11px;}
		#sitemap_top {width: 920px; height: 23px; background: url('../img/bg-footer-top.png') no-repeat;}
		#sitemap_middle {width: 920px; background: url('../img/bg-footer-middle.png') repeat-y; color: white;}
		#sitemap_middle a { color: white;}
		#sitemap_middle a:hover { color:white;text-decoration:underline;}
			.sitemap_content { border-right: 1px solid #E6E7E8; float: left; padding: 0 20px;}
		#sitemap_bottom {width: 920px; height: 23px; background: url('../img/bg-footer-bottom.png') no-repeat;}
	#footer {color: #3F3F40; margin-top: 2px; padding-bottom: 30px; margin-left: 30px; margin-right: 30px; font-size: 11px; }
		#footer_left { width: 500px; float:left; height: 30px;}
		#footer_right {width: 364px; float: left; height: 30px;}
		#footer_right a {margin-left: 20px;}

/* Klant inlog */
#container_inlog {height:250px;}
	#inlog {width: 391px; height:162px ; background: url('../img/bg-klant-login.png'); margin: 0 auto; margin-top: 40px;}
#klant_container_top {width: 930px; height: 26px; background: url('../klantbeheer/img/bg-top.png'); margin: 0 auto; }
#klant_container_middle {width: 930px; background: url('../klantbeheer/img/bg-middle.png') repeat-y; margin: 0 auto; }
#klant_container_bottom {width: 930px; height: 26px; background: url('../klantbeheer/img/bg-bottom.png'); margin: 0 auto; }
#klant_content {width: 898px; line-height: 1.4;  margin: 0 auto; }
.h_balk {border-bottom: 1px solid #E8F5F4;}
	.padding h1 {padding-left: 15px;}
	.h_balk .padding {padding: 15px;}
	.oneThird {width: 289px; float:left; }
	.h_balk:hover {background:#F9FBFE;}
	.oneThird span {padding-right: 15px; font-weight: bold; font-size: 14px; color:#4FAB7E;}

/* Various styling */

.right {float: right;}
.left {float: left;}
.center{width: 432px; display: block; border: 1px solid #3F3F40; background: white;}

.clearDiv:after {content:'.';clear:both;height:0;visibility:hidden;display:block;}
.clearDiv {height:1%;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

.ajax-loading-small {padding:2px;text-align:center;}

/* Font Styling */

h1, h2.h1 {margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #0E5FAA; margin-bottom: 10px;}
h2 {margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; color: #408662; float: left; padding-top: 12px;}
h2.grey{margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; color:#57585A; float: left;padding-top: 12px;}
h3 {margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; color: #0E5FAA; margin-left: 19px; margin-bottom: 10px;}
h3 a {margin: 0px; padding: 0px; font-size: 15px; font-weight: bold; color: #0E5FAA; margin-left: 0px; margin-bottom: 10px;}

h4 {margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: white; padding-right: 20px; text-shadow: #000000 3px 2px 2px;}
h3.toggler {margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #0E5FAA;cursor:pointer;} 
h3.toggler a {font-size: 12px;}

h4.date {margin:0;padding:0;font-size:13px; font-weight:bold;text-shadow:none;color:#408662;text-align:right;}

.element p { margin: 10px 0;margin-left:12px; }

a.facebook{display:inline-block;width:24px;height:24px;background:url(/img/icon-facebook.png) no-repeat;margin-left:0;}
a.linkedin{display:inline-block;width:24px;height:24px;background:url(/img/icon-linkedin.png) no-repeat;margin-left:0;}

/* Form Styling */
form,fieldset { margin:0; padding:0; text-align: left; }
fieldset { border:0; }
label, textarea { display:inline-block; vertical-align:top; width: 100%; }
input,textarea { vertical-align:middle; font-family:arial; font-size:11px; margin:2px 0; padding: 2px; padding-right: 0px; border: 1px solid #A5A7AA; }

textarea {  background: none; height: 60px; width: 325px;}
select {border:1px solid #999; padding:0px; margin:1px 0px 1px -3px; width: 156px;}
label {margin-right: 0px; margin-top: 3px;}
.xs { width:30px; }
.s { width:60px; }
.m {width:100px; }
.l { width:150px; }
.xl { width:391px; }
.top {vertical-align: top;}
.f10 {font-size: 10px;}

/* slider */
#box1{ position:absolute; }
#box1 span{ display:block; float:left;}
.mask1{ position:relative; width:175px; height:20px; overflow:hidden;}
#box1 span{width: 175px;display:block;border:none;padding: 0;margin: 0;}
#box1 span b { padding: 0px 15px 0px 20px; }