/*** general styles ***/

body
{
   margin: 0;
   padding: 0;
   background: transparent url(/resources/offermans/images/headerBg.jpg) no-repeat 0 0;
   font: normal 11px/18px Verdana, Times new roman, Sans-serif;
}

h1
{
   font: bold 20px Arial black, Times new roman, Sans-serif;
   color: #253788;
   margin: 20px 0 0 0;
   padding: 0;
}

h2
{
   font: bold 11px/16px Verdana, Times new roman, Sans-serif;
   color: #253788;
   margin: 20px 0 0 0;
   padding: 0;
}

p
{
   font: normal 11px/18px Verdana, Times new roman, Sans-serif;
   margin: 0 0 15px 0;
   padding: 0;
}

a
{
   font: normal 11px/18px Verdana, Times new roman, Sans-serif;
   color: #3856df;
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}


#menus ul, #menus ul li, dl, dt, dd
{
   margin: 0;
   padding: 0;
}

#menus ul, #menus ul li
{
   list-style-type: none;
}

#menus ul li a
{
   color: #253788;
   font: bold 10px Verdana, Times new roman, Sans-serif;
   text-decoration: none;
}

#menus ul li
{
   color: #253788;
}

/**** first level *****/

#outerContainer
{
   float: left;
   width: 100%;
   background: transparent url(/resources/offermans/images/menuExtraBg.jpg) repeat-x 0 128px;
}

/*** navigation ***/

#menus
{
   margin-top: 128px;
   width: 1000px;
   height: 54px;
   background: transparent url(/resources/offermans/images/menu.jpg) no-repeat 0 0;
}

#menus li
{
   float: left;
}

ul#topMenuLeft
{
   float: left;
   width: 990px;
   margin: 0;
	padding-left: 10px;
}

ul#topMenuLeft li a
{
   display: block;
   float: left;
   color: #fff;
   padding: 7px 20px;
}

ul#topMenuLeft li a:hover
{
   color: #fff;
   text-decoration: none;
   background: transparent url(/resources/offermans/images/topnavBg.gif) repeat-x 0 0;
   padding: 7px 20px 0 20px;
   height: 24px;
}

ul#topMenuLeft li a.topnavA_s
{
   display: block;
   color: #fff;
   text-decoration: none;
   background: transparent url(/resources/offermans/images/topnavBg.gif) repeat-x 0 0;
   padding: 7px 20px 0 20px;
   height: 24px;
}

ul#topMenuLeft li a:hover.topnavA_s
{
   color: #fff;
   text-decoration: none;
   padding: 7px 20px 0 20px;
}

ul#topMenuRight
{
   position: absolute;
	left: 590px;
	top: 5px;
	width: 410px;
	background: red;
}

ul#topMenuRight li a:hover
{
   text-decoration: underline;
}

ul#topMenuRight #productenSitemap a
{
	position: absolute;
	top: 4px;
	right: -15px;
	padding-left: 10px;
	width: 160px;
}

ul#topMenuRight li span#hsUitloggen a,
ul#topMenuRight li span#hsInloggen a
{
	position: absolute;
	top: 4px;
	right: 155px;
	padding-right: 10px;	
   background: transparent url(/resources/offermans/images/streepje_blauw.gif) no-repeat 100% 0;	
}

ul#topMenuRight #hsMijnPagina a
{
	position: absolute;
	top: 4px;
	right: 230px;
	padding-right: 10px;
   background: transparent url(/resources/offermans/images/streepje_blauw.gif) no-repeat 100% 0;
}

ul#topMenuRight #hsIngelogdAls
{
	position: absolute;
	top: 21px;
	right: 15px;
}

#menus ul.submenu
{
}

ul.submenu li a
{
   display: block;
   padding: 5px 8px 7px 8px;
   font: bold 10px Verdana, Times new roman, Sans-serif;
}

ul.submenu li a:hover
{
   text-decoration: none;
   background: #fff;
}

ul.submenu li a.sublist_s
{
   text-decoration: none;
   background: #fff;
   color: #2f2b28;
}

ul.submenu#submenu8,
ul.submenu#submenu7,
ul.submenu#submenu1,
ul.submenu#submenu2,
ul.submenu#submenu6,
ul.submenu#submenu3,
ul.submenu#submenu5
{
	position: absolute;
	left: 218px;
	top: 159px;
}

ul.submenu#submenu5 li a.sublist,
ul.submenu#submenu5 li a.sublist_s
{
   background-color: #e4e1e1;
	margin-left: 7px;
}

/*** second level ***/

#contentContainer
{
   float: left;
   width: 1000px;
}

/*** leftbar ***/

dl#leftDl
{
   margin: 55px 5px 0 20px;
   float: left;
   width: 180px;
   font: normal 11px/18px Verdana, Times new roman, Sans-serif;
}

dl#leftDl dt
{
   margin: 6px 0 3px 0;
   font-weight: bold;
   color: #253788;
}

dl#leftDl dd a
{
   color: #000;
	display: block;
   text-decoration: none;
   padding-left: 20px;
   background: transparent url(/resources/offermans/images/square.gif) no-repeat 0 4px;
}

dl#leftDl dd a:hover
{
   color: #253788;
   text-decoration: underline;
}

dl#leftDl dd a#videoBanner
{
	background: none;
	position: absolute;
	top: 440px;
	left: 14px;
}


/*** contentbar ***/

#content
{
   float: left;
   width: 500px;
	margin-right: 5px;
}

#content ul
{
   margin: 10px 0 10px 20px;
}

#content ul li
{
   font: normal 11px/18px Verdana, Times new roman, Sans-serif;
}

#content h1
{
   margin: 20px 0 13px 0;
}

#content p
{
   margin: 0 5px 10px 0;
}

.homeBanner
{
   float: left;
   width: 214px;
   padding-top: 147px;
   margin-right: 10px;
}
.homeBanner#banner1
{
   background: #fbeab9 url(/resources/offermans/images/banner1.jpg) no-repeat 0 0;
}

.homeBanner#banner1 a
{
	display: block;
	width: 214px;
	height: 93px;
	background: #fbeab9 url(/resources/offermans/images/banner_left_home_mo.gif) no-repeat 0 0;
}

.homeBanner#banner1 a:hover
{
	background: #fbeab9 url(/resources/offermans/images/banner_left_home.gif) no-repeat 0 0;
	text-decoration: none;
}

.homeBanner#banner2
{
   background: #fbeab9 url(/resources/offermans/images/banner2.jpg) no-repeat 0 0;
}

.homeBanner#banner2 a
{
	display: block;
	width: 214px;
	height: 93px;
	background: #fbeab9 url(/resources/offermans/images/banner_right_home_mo.gif) no-repeat 0 0;
}

.homeBanner#banner2 a:hover
{
	background: #fbeab9 url(/resources/offermans/images/banner_right_home.gif) no-repeat 0 0;
	text-decoration: none;
}

a.geld_lenen
{
	margin-top: 10px;
	float: left;
	width: 436px;
	height: 88px;
	display: block;
	float: left;
	background-image: url(/resources/offermans/images/2958.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

a.uitvaart_verz
{
	margin-top: 10px;
	float: left;
	width: 436px;
	height: 88px;
	display: block;
	float: left;
	background-image: url(/resources/offermans/images/banner monuta.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.homeBanner p,
.homeBanner h2
{
   padding: 0 5px 0 10px;
}

.homeBanner h2
{
   line-height: 28px;
}


div.flash
{
	display: block;
	float: left;
	height: 88px;
	width: 468px;
}

#movie
{
	height: 88px;
	width: 468px;
}

/*** rightbar ***/

dl#mastercontentdiv
{
   float: left;
   width: 234px;
   margin: 13px 0 0 10px;
}

#mastercontentdiv dt
{
   background: transparent url(/resources/offermans/images/rightBar_s.gif) no-repeat 0 0;
   font: bold 15px Arial black, Times new roman, Sans-serif;
   color: #dce1e7;
   padding: 0 0 20px 32px;
   margin-top: 8px;
	min-width: 214px;
}

#mastercontentdiv dt
{
   color: #253788;
}

#mastercontentdiv dd
{
   background-color: #f3f3f8;
   margin: 0;
   padding: 0 10px 10px 33px;
	min-width: 191px;	
}

#mastercontentdiv dd a
{
   font: normal 11px/14px Verdana, Times new roman, Sans-serif;
   color: #253788;
   padding: 0 0 0 0px;
}

/***** producten overzicht*****/

.productAfsluiten
{
   float: left;
   margin: 10px 0 20px 0;
   padding: 10px 0;
}

.productAfsluiten a
{
   display: block;
   height: 20px;
   text-decoration: none;
   padding: 0 0 0 0;
}

.productAfsluiten a:hover
{
   text-decoration: underline;
}

#linkblock
{
   float: left;
   width: 405px;
   margin: 0;
   padding: 0;
   margin-bottom: 10px;
}

#linkblock h1 a
{
   font: bold 15px Verdana, Arial, Sans-serif;
   padding-left: 0;
   text-decoration: none;
}

#linkblock h1 a:hover
{
}

#linkblock h1
{
   margin: 0;
   padding: 7px 0 6px 0;
}

#melding1,
#melding2,
#melding3,
#melding4
{
   float: left;
   margin: 0;
   padding: 5px;
 * padding: 0;
   background: transparent url(../images/directafsluiten.gif) no-repeat 0 3px;
   height: 20px;
   width: 200px;
}

#melding2
{
   background: transparent url(../images/bereken.gif) no-repeat 0 3px;
}

#melding3
{
   background: transparent url(../images/extrainfo.gif) no-repeat 0 3px;
}

#melding4
{
   background: transparent url(../images/polis.gif) no-repeat 0 3px;
}

#melding1 p,
#melding2 p,
#melding3 p,
#melding4 p
{
   padding-left: 20px;
}

.leftLink a
{
   display: block;
   float: left;
   width: 240px;
 * width: 240px;
   text-decoration: none;
   background: transparent url(../images/productA.gif) no-repeat 0 50%;
   padding: 0 0 0 0;
   margin: 4px 0;
}

.rightLink1 a,
.rightLink2 a,
.rightLink3 a,
.rightLink4 a
{
   display: block;
   float: left;
   height: 17px;
   padding: 0;
   margin: 0 5px;
   width: 17px;
   text-decoration: none;
   background: transparent url(../images/directafsluiten.gif) no-repeat 0 100%;
}


.rightLink1 a:hover,
.rightLink2 a:hover,
.rightLink3 a:hover,
.rightLink4 a:hover
{
   text-decoration: none;
}

      .rightLink2 a
      {
         background: transparent url(../images/bereken.gif) no-repeat 0 100%;
      }

      .rightLink3 a
      {
         background: transparent url(../images/extrainfo.gif) no-repeat 0 100%;
      }

      .rightLink4 a
      {
         background: transparent url(../images/polis.gif) no-repeat 0 100%;
      }

.leftLink a:hover
{
   text-decoration: underline;
   background: transparent url(../images/productAmo.gif) no-repeat 0 50%;
}

.rightLink a:hover
{
   text-decoration: none;
   background: transparent url(../images/directafsluitenmo.gif) no-repeat 20% 100%;
}

.productListKPP
{
   list-style-type: none;
}

li.productListKPPitem
{
   margin: 2px 0 2px 10px;
}

li.productListKPPHeader
{
   margin: 10px 0 5px 0;
   font-weight: bold;
}

/********        INLOGGEN      ***********/

.hsShowAlsUitgelogd
{
  display: block;
}

.hsShowAlsUitgelogd_li
{
  display: none;
}

.hsShowAlsIngelogd
{
  display: none;
}

.hsShowAlsIngelogd_li
{
  display: block;

}

.inloggenLargeContainer h1
{
   font: bold 20px Arial black, Times new roman, Sans-serif;
   color: #253788;
   margin: 20px 0 0 0;
   padding: 0;
}

dl.hsShowAlsUitgelogd 
{
	margin-top: 20px;
}	

dl.hsShowAlsUitgelogd dd 
{
	width: 180px;
}	

#hsIframeIngelogd
{
	margin-top: 20px;
}

.headlineHomeInlog
{
	font-weight: bold;
}

dl#hsIframeIngelogd dd a
{
	background-image: none;
	padding-left: 0;
	text-decoration: underline;
}

ul.productListKPP li.productListKPPHeader a
{
	font-weight: bold;
	margin-top: 10px;
}

ul.productListKPP li
{
	margin: 0;
	padding: 0;
}

#mainFrame
{
	margin-left: 47px;
}

li#commercial a
{
	position: absolute;
	top: 22px;
	left: 120px;
	display: block;
	background: transparent url(/resources/offermans/images/autoverz.jpg) no-repeat 0 0;
	width: 285px;
	height: 101px;
}

a#commercial2
{
	display: block;
	background: transparent url(/resources/offermans/images/commercial.gif) no-repeat 0 0;
	width: 285px;
	height: 101px;
}


/************************************************************
 VASTGOED 
 ***************************************************************/
 
form#woningfilter
{
	width: 460px;
	background-color: #efefef;
	padding: 10px 5px 5px 5px;
} 

form#woningfilter label
{
	float: left;
	width: 230px;
	display: block;
	clear: left;
	margin-bottom: 5px;
} 

form#woningfilter select
{
	float: left;
	width: 200px;
	display: block;
	margin-bottom: 5px;	
} 

 
#content h3
{
	margin-top: 20px;
}

#content h4
{
	font: bold 16px/22px Verdana, Times new roman, Sans-serif;
	margin-top: 10px;	
}

table#vastgoedtable
{
	margin-top: 10px;
}

table#vastgoedtable img
{
	margin: 10px 5px 0 0;
}
 
 
div#huizen_top
{
	margin-top: 10px;
}
 
 
div#huizen_top h1
{
	font: bold 20px/22px Verdana, Times new roman, Sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
}

a.huizenoverzicht
{
	float: right;
	display: block;
	width: 166px;
	height: 19px;
   background: transparent url(/resources/offermans/images/huizenoverzicht.gif) no-repeat 0 0;
*	margin-right: 12px;	
_  margin-right: 5px;

}

img.top_woning_img
{
	float: left;
}

div#huizen_top dl
{
	width: 168px;
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 0 10px;
}

div#huizen_top dl dd
{
	font: normal 12px/16px Verdana, Times new roman, Sans-serif;
}

div#huizen_top dl dt
{
	font: bold 13px/18px Verdana, Times new roman, Sans-serif;
}

#content ul.interactie
{
	float: none;
	padding: 0 0;
	margin: 0 0 10px 0;
	width: 170px;
}

#content ul.interactie li
{
	margin: 0;
	padding: 0;
	width: 170px;
   background: transparent url(/resources/offermans/images/interactiebg.jpg) repeat-y 0 0;		
}

#content ul.interactie li.topbg
{
	height: 15px;
	line-height: 15px;	
   background: transparent url(/resources/offermans/images/ultopbg.jpg) no-repeat 0 100%;	
}

#content ul.interactie li.bottombg
{
	height: 17px;
	line-height: 17px;	
   background: transparent url(/resources/offermans/images/ulbottombg.jpg) no-repeat 0 0;	
}

ul.interactie li a
{
	display: block;
	margin-left: 10px;
	padding-left: 24px;
	line-height: 19px;
	height: 1%;
}

ul.interactie li a:hover
{
	color: #273a86;
	font-weight: bold;
}

ul.interactie li a#huizen_reageer
{
   background: transparent url(/resources/offermans/images/brief.gif) no-repeat 0 0;
}

ul.interactie li a#huizen_print
{
   background: transparent url(/resources/offermans/images/print.gif) no-repeat 0 0;
}

ul.interactie li a#huizen_film
{
   background: transparent url(/resources/offermans/images/clip.gif) no-repeat 0 0;
}

ul.interactie li a#huizen_energie
{
   background: transparent url(/resources/offermans/images/energie.gif) no-repeat 0 0;
}

ul.interactie li a#huizen_buurt
{
   background: transparent url(/resources/offermans/images/buurtinfo.gif) no-repeat 1px 2px;
}

ul.interactie li a#huizen_bekende
{
   background: transparent url(/resources/offermans/images/bekende.gif) no-repeat 0 0;
}


#content ul.huizen_nav
{
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 32px;
}

ul.huizen_nav li
{
	margin: 0;
	padding: 0;
	float: left;
}

ul.huizen_nav li a
{
	font: bold 12px/32px Verdana, Times new roman, Sans-serif;
	text-decoration: none;
	text-align: center;
	color: #fff;
	display: block;
	background: transparent url(/resources/offermans/images/tab_off.jpg) no-repeat 0 0;
	width: 119px;
	height: 32px;
}

ul.huizen_nav li a.selected,
ul.huizen_nav li a:hover
{
	display: block;
	background: transparent url(/resources/offermans/images/tab_on.jpg) no-repeat 0 0;
	width: 119px;
	height: 32px;
	color: #273a86;
}

p#hypoLast
{
	text-align: center;
	padding-top: 7px;
	width: 466px;
	height: 59px;
	font: normal 15px Verdana, Times new roman, Sans-serif;
	color: red;
	background: transparent url(/resources/offermans/images/hypolast.jpg) no-repeat 0 0;
}

div#huizen_fotos, 
div#huizen_omschrijving
{
	margin: 10px 0 20px 0;
}

div#huizen_omschrijving h2
{
	font-size: 14px;
}

div#huizen_omschrijving td,
div#content td
{
	font: normal 12px/15px Verdana, Times new roman, Sans-serif;
}

div#MailEenBekende
{
	float: left;
	border: 1px solid #a5acb2;
	padding: 0 0 10px 10px;
	margin: 10px 0 10px 0;
}
div#MailEenBekende p
{
color: black;
}
div#MailEenBekende .hsLine
{
	width: 450px;
}

div#huizen_fotos div
{
	margin: 15px 0;
}