* {
   font-family: Verdana;
   color: #8e8e8e;
}

body {
   background: url('images/body-bg.png') repeat-x #F1F2F3;
   font-size: 11px;
   height: 100%;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a.active {
   color: #313131;
}

.navbutton a {
   color: white;
}

.navbutton a:hover {
   color: white;
}

div.inner {
	margin: 0 auto;
}

div#hapro-home {
   float: left;
   width: 100px;
   margin-left: 30px;
   margin-top: 0px !important;
   margin-top: 12px;
}
div.left { float: left; }
div.right { float: right; }

.hd_top {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
   height: 35px;
   background: white;
   line-height: 35px;
   border-bottom: 1px solid #F0F0F0;
   color: #82afd9;
}
#languagesupport {
	position: absolute;
	z-index: 2 !important;
}

.hd_mid {
   height: 58px;
   background: white;
   line-height: 58px;
   border-bottom: 1px solid #F1F2F3;
}

.hd_mid ul {
   list-style-type: none;
   margin: 0 0 0 -150px;
   margin-right: 0px;
}

.hd_mid ul li {
   float: left;
   margin: 0 0 0 60px;
}

.hd_mid a {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
	font-style: normal;
   text-decoration: none;
   padding: 0 0 15px 10px;
   background: url('../../images/bullet_1_idle.gif') left 9px no-repeat;
   display: block;
   height: 24px;
   line-height: 24px;
   margin-top: 20px;
   position: relative;
   top: 0;
   left: 0;
   z-index: 999;
   float: left;
	font-size: 11px;
	color: #9f9f9f;
}

.hd_mid a.active {
   background: url('../../images/bullet_1_active.gif') left 9px no-repeat;
   text-decoration: none;
   color: #313131;
}

.hd_mid a.active,
.hd_mid a:hover {
   background: url('../../images/bullet_1_active.gif') left 9px no-repeat;
   color: #7c7c7c;
}

.dropDown {
   position: absolute;
   background: url('../../images/popup_bg.png');
   padding: 0;
   margin-top: 40px;
   border: 1px solid #F0F0F0;
   border-top: 0;
   z-index: 12998;
   display: none;
}

.dropDown ul {
   list-style-type: none;
}

.dropDown ul li {  }

.dropDown ul li a {

	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #7c7c7c;

   padding-left: 25px;
   padding-right: 20px;
   display:block;
   line-height: 22px;
   background: url('../../images/bullet_2_idle.gif') 10px center no-repeat;
}

.dropDown ul li a:hover {
   background: url('../../images/bullet_3_active.gif') 10px center no-repeat #ebebeb;
   text-decoration: none;
   color: #313131;
}

.content, .content-light {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #767676;
	padding: 0px 0 105px 0px;
   background-image: url(images/body_bg1.jpg);
   background-repeat: repeat-x;
   background-position: bottom center;
   background-color: #EAF0F0;
   height: auto !important;
   min-height: 520px;
   height: 520px;
   width: 100%;
   margin-top: -5px;
   z-index: 1;
}

.inner_top {
	width: 970px;
	margin: 0 auto;
}

.content {
   background-color: #EAF0F0;
}

.content-light {
   background-color: #F4F5F0;
   background-image: url(images/body_bg1_Light.jpg);
}

   .content p, .content-light p {
      line-height: 140%;
   }

   .content .inner, .content-light .inner {
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background: white;
  		min-height: 480px;  	
  		width: 925px;
  		margin-top: 64px;
  		padding: 0px 20px 0px 20px;
   }
	
	.content .inner_sidebar, .content-light .inner_sidebar {
      border: 1px solid #F1F2F3;
      border-bottom: 1px solid #E9EAEC;
      background: white;
  		min-height: 480px;  		  		
  		width: 625px;
  		position: relative;
  		left: 50%;
  		margin-left: -183px;
  		top: 0px;
  		margin-top: 64px;
  		padding: 0px 20px 0px 20px;
  		
   }

   .content .inner p, .content-light .inner p {
      line-height: 140%;
   }

#rightMenu {
	padding: 0;
	width: 200px;
}
.footer {
	font-family: Verdana, Geneva, sans-serif;
   height: 24px;
   line-height: 24px;
   background: white;
   border-top: 1px solid #F1F2F3;
   border-bottom: 1px solid #F1F2F3;
   font-size: 10px;
   margin: 0 auto;
   color: #959595;
   text-align: center;
   margin-top: 0px;/*stond op 20, dit is de afstand tussen footer en inner met background-image erin */
   margin-bottom: 80px;
}

.footer_shadow {
   height: 120px; /* initiele hoogte is 40px, margin bottom hierin opnemend is dit dus hoogte + margin-bottom omdat er anders geen onderbalk is*/
   margin-top: -80px;/* dit is - margin-bottom van footer*/
   background: url('images/footer-shadow.png') top left repeat-x;
}

h1, h1 sub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #484b4e;
	line-height: 24px;
   font-weight: normal;
   margin-bottom: 6px;
}

h1.internetaanbieders, p.internetaanbieders {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #484b4e;
	line-height: 24px;
   font-weight: normal;
   margin-bottom: 6px;
   margin-top: -13px;
}
h2 {
   /*font-size: 18px;
   font-weight: normal;
   color: #333333;*/

	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #707173;
	font-weight: normal;
   margin: 0 0 6px 0;
}

input ,
select {
   border: 1px solid #E0E0E0;
   background: #F8F8F8;
}

option {
   background: #F8F8F8;
   border: 0;
}

input,
select,
option {
   font-size: 11px;
}

button {
   height: 20px;
   font-size: 11px;
   color: #444444;
}
.bloem, .bloem-light {
	margin-top: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: auto !important;
	min-height: 520px;
	height: 520px;
	width: 100%;	
	border-top: solid 1px white;
}

.bloem{
	background-image: url(images/bloemLinksboven.jpg);
}
.bloem-light {
	background-image: url(images/bloemLinksboven_Light.jpg);
}

.sidebar {
   width: 500px;
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 50%;
   margin: 0px 0px 0px -705px;
   padding: 0;
   height: 100%;
   background-color: transparent;
   z-index: 1;
}
	div#backonder {
		background-image: url(images/0969-blanco-hometanning.png);
		background-position: bottom right;		
		background-repeat: no-repeat;
		position: absolute;
		top: 291px !important;
		left: 50%;
		margin-left: -217px;
		padding-bottom: 20px;
		padding-top: 3px;
	}

	div#boven {
		position: relative;
		top: 140px;
		background-color: transparent;
		height: 150px;
		width: 500px;
	}

	div#onder {
  		height: auto !important;
		height: 420px;
		min-height: 380px;
		width: 481px;
		background-color: transparent;
		text-align: right !important;
		padding-right: 1px;
		
	}
	div#onder_tekst {
		margin-top: 3px;		
  		height: auto !important;
		min-height: 380px;
		height: 440px;
		vertical-align: bottom;
		background-color: transparent;
		position: relative;
		top: 148px;	
		right: -10px !important;	
		margin-right: 0px;
	}	

	div#widget {
		position: absolute;
		top: 0px;
		right: 0px !important;
		margin-top: 40px;
		margin-left: 6px;
		width: 320px;		
	}
	div#widget p {
		width: 256px;
	}
	
label {
   display: block;
   width: 150px;
   float: left;
   clear: both;
   margin-top: 4px;
}

#frmContact input ,
#frmContact textarea {
   border: 1px solid #E0E0E0;
   background: #F8F8F8;
   margin-top: 4px;
   width: 400px;
   font-size: 11px;
}

#frmContact textarea {
   height: 60px;
}

#frmContact .navbutton {
   background: url('../../images/bttn_bg.gif') center center;
   margin-left: 150px;
}

.subnav {
   border: 1px solid #F0F0F0;
   background: url('../../images/subnav_bg.gif') left bottom repeat-x;
   padding: 6px 0;
   width: 180px;
   text-align: left;
   margin-left: 20px;
}

.subnav ul {
   margin: 0px;
   list-style-type: none;
}
.subnav ul li {

   z-index: 2;
}

.subnav ul a {
   display: block;
   width: auto;
   padding: 2px 16px 2px 26px;
   text-decoration: none;
  	background: url('../../images/bullet_2_idle.gif') 12px 8px no-repeat;
   color: #929292;
   line-height: 22px;
   z-index: 3;
}

.subnav ul a:hover {
   /*background: url('../../images/bullet_3_active.gif') 12px 8px no-repeat #f0f0f0;*/
   text-decoration: none;
}

.subnav ul ul a {
   font-size: 11px;
   padding: 2px 16px 2px 42px;
   background: url('../../images/bullet_2_idle.gif') 28px 7px no-repeat;
}

.subnav ul ul a:hover {
   background: url('../../images/bullet_3_active.gif') 28px 7px no-repeat #f0f0f0;
}

input,
select,
option {
   font-size: 11px;
}

.hapro_button {
   cursor: pointer;
   background: url('../../images/bttn_bg.gif') center center;
   border: 1px solid #CCCCCC;
   padding: 0 5px;
   font-size: 11px;
   font-weight: bold;
   color: white;
   line-height: 15px;
   outline: 0;
}

.navbutton {
   cursor: pointer;
   background: url('../../images/bttn_bg.gif') center center;
   border: 1px solid #999999;
   border-top: 1px solid #E0E0E0;
   border-left: 1px solid #E0E0E0;
   padding: 0 5px;
   font-size: 11px;
   font-weight: bold;
   color: white;
   line-height: 15px;
   outline: 0;
}

a.navbutton {
   padding: 3px 5px;
}

.navbutton:hover {
   text-decoration: none;
}

hr {
   color: #dfdfdf;
   background-color: #dfdfdf;
   border: 1px solid #dfdfdf;
   border: none;
   margin-bottom: 8px;
   margin-top: 8px;
}

#topContentw {
	background-color: transparent;
	height: 17px;
	/*background-image: url(images/topRounded.png);*/
	background-image: url(images/topRounded.gif);
	background-position: 0px 0px;
	width: 667px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: -15px;
	z-index: 1;
}
#topContent {
	background-color: transparent;
	height: 17px;
	background-image: url(images/topRoundedw.gif);
	/*background-image: url(images/topRoundedw.gif);*/
	background-position: 0px 0px;
	width: 965px;
	padding: 0px;
	position: absolute;
	left: 50%;
	margin-left: -482px;
	top: 141px;
	z-index: 1;
}
#bottomContentw {
	height: 15px;
	/*background-image: url(images/bottomRounded.png);*/
	background-image: url(images/bottomRounded.gif);
	width: 667px;
	padding: 0px;
	position: absolute;
	left: 0%;
	bottom: -15px;
	z-index: 1;
}
#bottomContent {
	height: 15px;
	/*background-image: url(images/bottomRoundedw.png);*/
	background-image: url(images/bottomRoundedw.gif);
	width: 965px;
	padding: 0px;
	position: relative;
	left: 50%;
	margin-left: -482px;
	bottom: -15px;
	z-index: 1;
}
.submenuTop {
	width: 182px;
	height: 18px;
	position: relative;
	top: -7px;
	left: -1px;
	background-image: url(images/topMenu.jpg);
	background-position: 0px 0px; 
	background-repeat: no-repeat;
	z-index: 100;
}
.submenuBottom {
	width: 182px;
	height: 18px;
	position: relative;
	bottom: 4px;
	left: 0px;
	background-image: url(images/bottomMenu.jpg);
	background-position: 0px 0px; 
	background-repeat: no-repeat;
	z-index: 100;
	
}
.content #onder_tekst #widget {
	height: 40px;
}
.internetAanbiederTitel {
	font-family: Verdana;
	font-size: 12px;
	color: #707173;
}
h2.zoekresultaten {
	font-size: 20px;
	color: #484b4e;
	font-family: verdana;
	padding-top:20px;	
	padding-bottom: 16px;
	border-bottom: solid 1px #dfdfdf;
	margin-bottom: 27px;
}
p.titel_result {
	font-size: 16px;
	font-family: Verdana;
	color: #707173;
	margin: 0;
	padding: 0;
}
div#realContent {
	width: 925px !important;
}