
<!--
BODY, TD
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #776f67;
}

HR
{
    height: 1px;
}

A
{
	text-decoration: underline;
	color: #776f67;
}

A:hover
{
     text-decoration: underline;
}


.Kop1
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	color: #776f67;
}

.Kop1Alternatief
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	color: #776f67;
}

.Kop2
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #776f67;
	line-height: normal;
}

.Kop3
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #454545;
	line-height: normal;
}


.Standaard
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #776f67;
}

.Quote
{
	font-family: arial;
	font-size: 20px;
                     line-height: 22px;
	color: #9e978d;
	font-style: italic;
}

A.Woordenboekwoord {
	position: relative;
	padding: 0 5px 0 0;
	text-decoration: none;
	border-bottom: 1px dotted #FFBE5A;
	line-height: 14px;
	background: url(../../../../images/questionmark.gif) right 1px no-repeat;
}

A.Woordenboekwoord:hover {
	position: relative;
	text-decoration: none;
	border-bottom: 1px dotted #F29302;
}

.Geel {
	font-family: Arial, Helvetica, sans-serif;
	color: #fcdd11;
}

A.LeesMeer {
	background: url(../../../../images/content_bttn_notext.gif) left top no-repeat;
	padding: 1px 10px 2px 20px;
	text-decoration:none;
	position:relative;
	color: white;
	font-size: 10px;
	line-height: 18px;
	display:inline;
}

img.marginright
{
   margin: 0 10px 0 0;
}
img.marginleft
{
   margin: 0 0 0 10px;
}

img.marginrightbottom
{
   margin: 0 10px 0 0;
}
img.marginleftbottom
{
   margin: 0 0 20px 10px;
}
-->/*---{ common )-------------------------------------------------------*/

body
{
	font-size: x-small;
	text-align: center;
	color: #454545;
	background: #fff;
	padding: 0;
	margin: 0;
	line-height: normal;
}

body, input, select, textarea, td, th
{
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
	line-height: normal;
}

h1, .Kop1
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	color: #776f67;
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 0px 0 19px 0;
}


h2.Kop2Alternatief
{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	color: #776f67;
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 0px 0 19px 0;
}

h2, .Kop2
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #776f67;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 0;
}

h3, .Kop3
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #776f67;
	line-height: normal;
}

hr
{
	border: 0 solid #ddd;	
	border-bottom: 1px solid #ddd;	
	line-height: 1px;
	height: 1px;
}

.Standaard
{
	font-family: Arial, Verdana, sans-serif;
	/*font-size: 110%;*/
	font-size: 100%;
	line-height: 14px;
	color: #776f67;
}

p{
	margin: 0 0 16px 0;
	padding: 0;
}

a {
	text-decoration: underline;
	color: #776f67;
}

a.download{}

a:hover
{
	text-decoration: underline;
}

.clsSmall
{
	font-size: 85%;	
}

.clearleft
{
	clear: left;
}

.clearright
{
	clear: right;
}

.clearboth
{
	clear: both;
}

/*---{ wrapper )-------------------------------------------------------*/

#wrapper
{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 auto;
	text-align: left;
	width: 937px;
	font-size: 90%;
	background: #fff url(../images/img_bg_cols.gif) 10px 100px repeat-y;
	
}

/*---{ header )-------------------------------------------------------*/

#header
{
	height: 140px;
	padding: 0;
	margin: 0;
	position: relative;
	background: #fff;
}

/* logo */

#logo {
	position: absolute;
	left: 15px;
	top: 7px;
	z-index: 1;
}
#logo img {
	border: 0;
}

/* address */

#header address
{
	display: none;
}


/* textSizeNav */

#textSizeNav {
	position: absolute;
	z-index: 1;
	left: 625px;
	top: 42px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	color: #9f9691;
}
#textSizeNav a {	
	color: #9f9691;
}
#tsSmall {
	font-size: 10px;
}
#tsMedium {
	font-size: 12px;
}
#tsLarge {
	font-size: 14px;
}


/* utilNav */

#utilNav
{
	display: none;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;	
}

#utilNav li
{
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
	list-style: none;
	float: left;
	height: 1%;
}

#utilNav li.hide
{
	display: none;
}

#utilNav li.noborder
{
	border: none;
}

#utilNav li a
{
	padding: 0;
	margin: 0;
	float: left;
	height: 1%;
}

/* breadCrumbs */

#breadcrumbs
{
	position: relative;
	bottom: -10px;
	left: 193px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #bfb9b2;
	font-size: 10px;
	line-height: 12px;
	text-transform:uppercase;
	z-index: 10;
}

#breadcrumbs a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform:uppercase;
	color: #bfb9b2;
}

/* globalNav */

#globalNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}

#globalNav ul li
{
	padding: 0;
	margin: 4px 0 0 0;
	list-style: none;
	height: 1%;
	float: left;
	border-right: 1px solid #7f7978;
}

#globalNav ul li a
{
	display: block;
	padding: 0 15px 0 16px;
	margin: 0;
	height: 1%;
	color: #FFFFFF;
	text-transform:uppercase;
	text-decoration: none;
	line-height: 35px;
	float: left;
	font-size: 11px;
	border-right: 1px solid #665E5B;
	border-bottom: 1px solid #665E5B;
}

#globalNav ul li a.first {
	
	padding-left: 5px;
}

#globalNav ul li a:hover,
#globalNav ul li.active a
{
	border-right: 1px solid #353231;
	border-bottom: 1px solid #353231;
	color: #ffe400;
}

#globalNav ul li.last,
#globalNav ul li.last a:hover,
#globalNav ul li.last a {
	border-right: none;
}

#globalNav ul li.more a
{
	
}


/*---{ cols )-------------------------------------------------------*/

#cols
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 713px;
	float: left;
	z-index: 100;
}

#content
{
	position: relative;
	padding: 0 18px 10px 18px;
	margin: 0;
	width: 492px;
	float: right;
	line-height: 14px;
	color: #776f67;
	z-index:20
}

#sidecol
{
	position: relative;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 185px;
	height: 1%;
	float: left; 
}

/*---{ sideBar )-------------------------------------------------------*/

#sidebar
{
	position: relative;
	padding: 18px 0 0 0;
	margin: 0 5px 0 0;
	width: 219px;
	float: right;
	background: url(../images/col-top.gif) right top no-repeat; 
}

/*---{ localNav )-------------------------------------------------------*/

#localNav
{
	position: absolute;
	left: 12px;
	top: 117px;
	padding: 0;
	margin: 0 0 30px 0;
}

#localNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#localNav ul li
{
	padding: 0px 6px;
	margin: 0;
	height: 1%;
	list-style: none;
	background: none;
	float:left;
	border-right: 1px solid #918D86;
}

#localNav ul li.last {
	border-right: none;
}

#localNav ul li a
{
	padding: 0;
	margin: 0;
	color: #918D86;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 12px;
}

#localNav ul li.active a.active
{
	font-weight: bold;
	text-decoration: underline;
}


/*---{ footer )-------------------------------------------------------*/

#footer
{
	height: 102px;
	position: relative;
	padding: 18px 0 5px 0;
	margin: 0;
	font-size: 9px;
	color: #9F9691;
	text-transform: uppercase;
	z-index: 50;
	background: #FFFFFF;
}
#footerNav
{
	position:absolute;
	z-index : 1;
	left : 20px;
	top : 10px;
}

#footerNav ul
{
	float: left;
	list-style: none;
	height: 1%;
	padding: 0;
	margin: 0;
}

#footerNav ul li
{
	float: left;
	list-style: none;
	padding: 0;
	padding: 0;
}

#footerNav ul li a
{
	margin: 0 10px 0 0;
}

#footerNav ul li a.active
{
	font-weight: bold;
}

#footerNav ul li a.more {}

/* legal */

#legal
{
	position: absolute;
	z-index: 1;
	left: 1px;
	bottom: 5px;
	padding: 0;
	margin: 0;
}

#divide
{
	display: none;
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 10px;
	padding: 0;
	margin: 0;
}

#gotoTop
{
	display: none;
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 40px;
	padding: 0;
	margin: 0;
}

#footer a {
	text-decoration: underline;
	color: #9F9691;
}

/* --- { sitemap } ----------------------------------------------------*/

#sitemap
{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	
}

#sitemap div
{
	position: relative;	
	width: 226px;
	margin: 0 20px 20px 0;
	float: left;
}

#sitemap div h2
{
	margin: 0 0 6px 0;
}

#sitemap div h2 a
{
	color: #575759;	
}

#sitemap div ul
{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#sitemap div ul li
{
	list-style: none;
	padding: 4px 0;
	margin: 0;
}

#sitemap div ul li.more
{
	list-style: none;
	padding: 4px 0;
	margin: 0 0 0 0;
}

#sitemap div ul li ul
{
	margin: 2px 0 0 20px;
	padding: 0;	
}

/*---{ frm }---------------------------------------------------------*/

#frm {
	padding: 0;
	margin: 0;
}
#frm table {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
#frm td, #frm th {
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	line-height: 28px;
}
#frm td {
}
#frm th {
	font-weight: normal;
	/*line-height:22px;*/
}


#frm .clsReq, .requiredField {
	color: #776F67;
	padding: 0 0 0 5px;
}
#frm .small {
	font-size: 11px;
	color: #776F67;
}
#frm .required 
{
	color: #776F67;	
	padding: 0 10px 0 0;
}
#frm input, #frm select 
{
	padding: 2px;
	margin: 0 5px 0 0;
}
#frm select {
	padding: 0px;
}
#frm input.single {
	width: 250px;
}
#frm input.short {
	width: 120px;
}

/*---{ page-navigation }---------------------------------------------------------*/

#pageNav {}

#pageNav .comments
{
	float: left;	
	margin: 0;
	padding: 0;
	font-size: 12px;
	display: none;
}

#pageNav ul{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 100%;
	height: 18px;
	position:relative;
}

#pageNav ul li{
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 1%;
	background: url(../images/img_dot.gif) no-repeat top left;
	text-align:center;
	width: 17px;
	height:17px;
	position:relative;
	}

#pageNav ul li.active{
	font-weight: bold;
}

#pageNav ul li.prev a{
	background: url(../images/img_dot_prev.gif) no-repeat top left;
}
#pageNav ul li.next a{
	background: url(../images/img_dot_next.gif) no-repeat top left;
}

#pageNav ul li.nextDisabled,  
#pageNav ul li.prevDisabled {
	display:none;
}

#pageNav ul li.next a, 
#pageNav ul li.prev a{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 17px;
	height:17px;
	padding-left: 17px;
	overflow:hidden;
}

#pageNav ul li.next a span, #pageNav ul li.prev a span
{
	display: none;
}

#pageNav ul li a{
	text-decoration: none;
	height: 1%;
	color: white;
	font-size: 11px;
	line-height: 17px;
}

#pageNav ul a:hover {}

#pageNav ul li.active a
{
	color:#fcdd11;
}

#pageNav p{
	float:right;
	line-height: 17px;
	width: 200px;
	text-align:right;
	padding:0px;
	margin:0px;
	padding-right: 20px;
	position:relative;
}/*---{ Imports )-------------------------------------------------------*/

/* -- losse elementen -- */
a#printIcon {
	position: absolute;
	left: 603px;
	top: 42px;
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
	background: url(../images/icon_print.gif) left top no-repeat;
}

#hSearch
{
	position: absolute;
	left: 785px;
	top: 42px;
	display: block;
	width: 150px;
	height: 16px;	
}

#hSearch form
{
	margin: 0;
	padding: 0;
}

#hSearch div
{
	float: left;	
}

#hSearch div.q
{
	background: url(../images/bgSearch.gif) left top no-repeat;		
	height: 16px;
}

#hSearch div input
{	
	border: none;
	background: #9e978d;
	font-size: 10px;
	width: 105px;
	margin: 0 0 0 10px;
	color: #756b5d;
}

.kopYellow {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffe400;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 17px;
	display: block;
	padding-bottom: 10px;
	margin: 0;
}

span.nowrap {
	margin-right: -30px;
}
A.Woordenboekwoord {
	position: relative;
	padding: 0 6px 0 0;
	text-decoration: none;
	border-bottom: 1px dotted #E3007A;
	line-height: 14px;
	background: url(../images/questionmark.gif) right 1px no-repeat;
	white-space: nowrap;
	margin-right: 30px;
}
A.Woordenboekwoord:hover {
	text-decoration: none;
	border-bottom: 1px solid #E3007A;
}
A.LeesMeer {
	background: url(../images/content_bttn_notext.gif) left top no-repeat;
	padding: 1px 10px 2px 20px;
	text-decoration:none;
	position:relative;
	color: white;
	font-size: 10px;
	line-height: 18px;
}

A.LeesMeer:hover {
	text-decoration: underline;
}

/* -- globalnav -- */
#outerGlobalNav {
	position: absolute;
	z-index: 1;
	top: 65px;
	width: 937px;
	height: 40px;
}
#globalNavLeft {
	background: url(../images/globalnav_left.gif) left top no-repeat;
	width: 25px;
	height: 50px;
	float: left;
}
#globalNav {
	background: url(../images/globalnav_bg.gif) left top repeat-x;
	width: 887px;
	height: 50px;
	float: left;
}
#globalNavRight {
	background: url(../images/globalnav_right.gif) right top no-repeat;
	width: 25px;
	height: 50px;
	float: left;
}

/* -- contentNav -- */
#content #contentNav {
	float:right;
	background-color:#999999;
	width: 240px;
	height: 208px;
	position: relative;
	background: url(../images/contentNav_bg.gif) right top no-repeat;
}
#content #contentNav ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
#content #contentNav ul li {
	margin: 0;
	padding: 5px 18px 5px 0;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #9d9a94;
	width: 174px;
	text-align: right;
	background: url(../images/arrow_yellow.gif) right 10px no-repeat;
}
#content #contentNav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
	padding-right: 0px;
	font-size: 12px;
}
#content #contentNav ul li.active a 
{
	font-weight: bold;
	text-decoration: underline;
}
#content #contentNav ul li.pdfLink a 
{
	padding-left: 22px;
	background: url(../images/icon_pdf.gif) left top no-repeat;
}
#content #soundPlayer {
	position: absolute;
	right: 0;
	bottom: 15px;
}

/* -- sidecol -- */
#sidecol .top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 185px;
	height: 21px;
	background: url(../images/col-top.gif) left top no-repeat
}
#sidecol .innerCol {
	height: 447px;
	padding: 15px 0 17px 8px;
	background: url(../images/col-bg.gif) left top repeat-y;
}

#bottomMenuLeft {
	position: absolute;
	left: 0px;
	top: -26px;
	width: 185px;
	height: 27px;
	z-index: 50;
	background: #fff url(../images/col-bottom.gif) left top no-repeat;
}

/* -- sidebar -- */
#sidebar .top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 219px;
	height: 21px;
	background: url(../images/col-top.gif) left top no-repeat
}
#sidebar .innerBar {
	height: 430px;
	padding: 21px 0 21px 14px;
	background: url(../images/col-bg.gif) left top repeat-y;
}

#bottomMenuRight 
{
	position: absolute;
	right: 5px;
	top: -25px;
	width: 219px;
	height: 26px;
	background: #fff url(../images/col-bottom.gif) left top no-repeat
}

/* -- siteFooter --*/
#siteFooter {
	width:932px;
	height: 65px;
	background: #756c5d url(../images/footer-bg.gif) right top no-repeat;

}

#footerBrand
{
	position: absolute;
	top: 18px;
	left: 186px;
	width: 445px;
	height: 65px;	
	cursor: pointer;	
}

#siteFooter #news {
	width: 158px;
	height: 63px;
	overflow: hidden;
	padding: 2px 20px 0 8px;
}
#siteFooter #news a.newsTitle {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffe400;
	text-transform: uppercase;
	line-height: 17px;
	display: block;
	padding-bottom: 6px;
}
#siteFooter #news a {
	color: #FFFFFF;
	line-height: 13px;
	text-decoration: none;
	text-transform: none;
	font-size: 12px;
	/*
	padding-right: 10px;
	display:block;
	background: url(../images/arrow.gif) right bottom no-repeat;
	*/
}
#siteFooter #action {
	position: absolute;
	right: 4px;
	top: 18px;
	width: 302px;
	height: 65px;
	overflow: hidden;
}

/* ----{ Custom formulier }------ */
form div.inputBg, form span.inputBg {
	background: url(../images/frm_bg.gif) left top no-repeat;
	padding-left: 10px;
	width: 299px;
	height: 30px;
}
form div.textareaBg {
	background: url(../images/frm_bgtextarea.gif) left top no-repeat;
	padding: 0 0 0 10px;
}
form input.inputBg {
	border: none;
	background: none;
	width: 290px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
form input.inputBgSmall {
	width: 195px;
}
form textarea,
#frm textarea {
	border: 0;
	background: none;
	padding: 0;
	width: 298px;
	height: 173px;
	color: #FFFFFF;
}
#frm button {
	background: url(../images/content_bttn_notext.gif) no-repeat top left;
	padding: 0;
	margin: 10px 0 0 0;
	display:block;
	float:right;
	text-decoration:none;
	position:relative;
	color: white;
	font-size: 10px;
	line-height: 15px;
	border: 0;
	width: 135px;
}

#contentFooter
{
	position: absolute;
	bottom: 10px;
	right: 17px;
	display: inline;
	height: 20px;
	width: 500px;
	background: #fff;
	z-index: 10000;	
}

#thirdNav
{
	position: relative;
	width: 157px;	
	float: right;
	margin: 5px 4px 30px 0;
	text-align: left;
}

#sidecol .innerCol span {
	position: relative;
	float: left;	
	margin: -10px 0 0 0;
	padding: 0 0 0 20px;
	display: block;
}

#thirdNav .header
{
	position: relative;
	width: 157px;
	height: 16px;
	background: url(../images/ervaring_sidecol_bg.gif) left top no-repeat;	
	
}

#thirdNav .footer
{
	position: relative;
	width: 157px;
	height: 16px;
	background: url(../images/ervaring_sidecol_bg.gif) left bottom no-repeat;	
	
}

#thirdNav ul
{
	position: relative;
	list-style: none;
	background: #fff;
	width: 157px;	
	margin: 0;
	padding: 0;
}

#thirdNav ul li
{
	list-style: none;
	margin: 0 0 0 14px;
}

#thirdNav ul li a
{
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
}

#thirdNav ul li a.active
{
	font-weight: bold;
	text-decoration: underline;
}

/* Commercials */
#commercialList a {
	line-height: 20px;
	text-decoration: none;
}
#commercialList a.active 
{
	text-decoration: underline
}

#tagCloud 
{
	line-height: 20px;	
	text-align: left;
	padding: 0;
	border-top: 1px solid #98998b;
	margin: 20px 0 0 0;
}

#tagCloud.RegelAfstand30pixels
{
	line-height: 30px;	
}

#tagCloud.RegelAfstand40pixels
{
	line-height: 40px;	
}

#tagCloud.RegelAfstand50pixels
{
	line-height: 50px;	
}

#tagCloud.RegelAfstand60pixels
{
	line-height: 60px;	
}

#tagCloud a 
{
	text-decoration: none;
	color: #f355ac;	
	padding: 0 .4em 0 0;
}

#tagCloud a:hover
{
	color: #f355ac;
	text-decoration: underline;
}

#tagCloud a.rating1 { font-size: 12px; }
#tagCloud a.rating2 { font-size: 14px; }
#tagCloud a.rating3 { font-size: 16px; }
#tagCloud a.rating4 { font-size: 22px; }
#tagCloud a.rating5 { font-size: 24px; }
#tagCloud a.rating6 { font-size: 26px; }


/* enquete popup */
#popupWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5001;
}
#popupWrapper #popup {		
	position: relative;
	margin: 0 auto;
	margin-top: 180px;
	padding: 38px 20px 0 88px;
	width: 230px;
	height: 190px;
	background: url(../images/enquete/back.gif) left top no-repeat;
	text-align: left;
	color: #756b5d;
}
#popup A.LeesMeer {
	position: relative;
	display: block;
	float: left;
	width: 70px;
	line-height: 16px;
	margin-right: 10px;
	background: url(../images/enquete/content_bttn_notext_yellow.gif) left top no-repeat;
}

/* magazine popup */
#magazineWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5001;
}
#magazineWrapper #magazineOuter {
	padding-left: 6px;
}
#magazineWrapper #magazine {		
	position: relative;
	background: #fff url(../images/magazine/magazine-bg.gif) left top repeat-x;
	margin: 0 auto;
	margin-top: 115px;
	padding: 31px 0 0 0px;
	width: 933px;
	height: 518px;
	text-align: left;
	color: #756b5d;
}
#magazineWrapper #magazine .title {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 31px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding-left: 10px;
}	
#magazine A.closeMagazine {
	position: absolute;
	right: 0;
	top: 0;
	width: 31px;
	height: 31px;		
}
#magazine A.closeMagazine img {
	border: 0;
}


#popupWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5001;
}

#popupWrapper #commercial 
{		
	position: relative;
	margin: 0 auto;
	margin-top: 140px;
	padding: 0;
	width: 714px;
	height: 556px;
	background: #fff;
	text-align: left;
	color: #756b5d;
}

#news ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#intro {
	position: relative;
	width: 492px;
	height: 305px;
	border-bottom: 1px solid #dfdedd;
	background: url(../images/intro_bg.gif) right top no-repeat
}
#intro #opticien {
	position: absolute;
	left: 52px;
	top: 45px;
	width: 178px;
	height: 261px;
	position: relative;
}
#intro #cont {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 30px 26px 0 11px;
	width: 220px;
	height: 240px;
	color: #FFFFFF;
	overflow: hidden;
}
#intro #soundPlayer {
	top: 280px;
}/*---{ Nieuwsmodule )-------------------------------------------------------*/


/* Overzicht */

#newsList
{
}

#newsList .item
{
	padding: 0 0 5px 0;
	margin: 5px 0 15px 0;
	border-bottom: 1px solid #dfdedd;
}

#newsList .item h3
{
	font-size: 14px;
	font-weight:bold;
	color: #9e978d;
	padding: 0;
	margin: 0 0 2px 0;

}

#newsList .item h3 a
{
	text-decoration:none;
}

#newsList .item .date
{
	font-size: 11px;
	padding: 0;
	margin: 0;
	line-height: 14px;
	color: #B4ADA5
}

#newsList .item .picture
{
	padding: 0;
	margin: 0 10px 0 0;
	width: 120px;
	height: 120px;
	text-align:center;
}

#newsList .item .picture img
{
	padding: 4px;
	margin: 5px;
	border: 0;
	border:1px solid #CFCFCF;
}

#newsList .item .teaser
{
	padding: 1px 0;
	margin: 4px 0 2px 0;
	color: #776f67;
	width: 100%;
}

#newsList .item p
{
	margin: 0;
	padding: 0;
}

/* Detail */

#newsDetail
{
}

#newsDetail a.back
{
	float:right;
}
	
#newsDetail h1
{
}
	
#newsDetail .date
{
	margin:0;
	padding:0;
}
	
#newsDetail .picture
{
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}
	
#newsDetail .picture img
{
	padding: 4px;
	margin:  2px 5px;
	border: 0;
	border:1px solid #CFCFCF;
}

#newsDetail .teaser
{
	padding:0;
	margin:10px 0 15px 0;
	font-weight: bold;
}
#sidecol .innerCol #testimonial
{
	width: 161px;
	float: right;
	margin: -8px 0 0 0;
	z-index: 90;
	position: relative;
}

#sidecol .innerCol #testimonial .title
{
	position: relative;
	margin: -4px 0 1px 14px;
}

#sidecol .innerCol #testimonial .head
{
	position: relative;
	width: 142px;
	height: 203px;
	background: url(../images/ervaring_sidecol_bg.gif) left top no-repeat;
	padding: 10px 0 0 15px;
	margin: 0 0 6px 0;
}

#sidecol .innerCol #testimonial .head strong
{
	position: relative;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #756b5d;
	padding: 0;
	margin: 0;
}

#sidecol .innerCol #testimonial .head img
{
	position: absolute;
	left: 0;
	bottom: -1px;
}

#sidecol .innerCol #testimonial .head h3
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #756b5d; 
	font-size: 12px;		
}

#sidecol .innerCol #testimonial .head p.more
{
	margin: 10px 0 0 0;
	float: right;
}

#sidecol .innerCol #testimonial .head p.more a.LeesMeer
{
}

#sidecol .innerCol #testimonial .head p.more a span
{
	display: none;
}


#sidecol .innerCol #testimonial .item
{
	position: relative;
	float: right;
	width: 150px;
	
	height: 65px;
	overflow: hidden;
	padding-left: 10px;
	
	margin: 5px 0 4px 0;
}

#sidecol .innerCol #testimonial .item strong
{
	position: relative;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #fff; 
	padding: 0;
	margin: 0;
}

#sidecol .innerCol #testimonial .item h3
{
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #fcdd11;
	font-size: 12px;	
}

#sidecol .innerCol #testimonial .item p.more
{
	position: relative;
	margin: 6px 0 7px 0;
	float: right;	
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#sidecol .innerCol #testimonial .item p.more a.LeesMeer
{	
	background: url(../images/bttn.gif) left top no-repeat;
}

#sidecol .innerCol #testimonial .item .line
{
	position: relative;
	margin: 0;
	height: 1px;
	width: 190px;
	clear: right;
	border-bottom: 1px solid #9d9a94;
	font-size: 0px;
	
	position: absolute;
	bottom: 0px;
	right:5px;
}

#content #testimonial
{
	position: relative;
	width: 492px;
	height: 488px;	
}

#content #testimonial .detail
{
	position: absolute;
	top: 22px;
	right: 0;
	width: 266px;
	height: 176px;	
	background: url(../images/klantcase_bg.png) left top no-repeat;
	padding: 32px 0 0 10px;
	text-align: right;
}

#content #testimonial .detail .inner
{
	width: 266px;
	height: 176px;
	position: relative;
	padding: 0;
	margin: 0;
}

/*
#content #testimonial .detail h1
{

	font-family: arial;
	font-size: 14px;
	color: #fff;
	padding: 0;
	margin: 0 14px 10px 0;
}

#content #testimonial .detail h2
{
	
	font-family: arial;
	font-size: 20px;
	color: #c2bbb1;
	font-style: italic;
	margin: 0 14px 0 0;	
	line-height: 23px;
}
*/

#content #testimonial .detail strong
{
	position: absolute;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin: 0;	
	top: 130px;
	right: 14px;
}

#content #testimonial .detail p.job
{
	position: absolute;	
	padding: 0;
	margin: 0;
	color: #fff;
	top: 146px;
	right: 14px;
	font-size: 11px;		
}


#content #testimonial p.more
{
	position: absolute;
	z-index: 600;
	margin: 0;
	padding: 0;
	top: 196px;
	right: 0px;
}

#content #testimonial p.more a
{
	margin: 0;
	padding: 0;
	width: 83px;
	height: 16px;
	background: url(../images/bttn_light_lees_verder.gif) left top no-repeat;
	display: block;
}

#content #testimonial p.more a span
{
	display: none;
}

#content #testimonialDetail .detail
{
	position: relative;
	float: right;
	width: 240px;
	margin: 0 0 8px 14px;
}
#content #testimonialDetail .detail #imgContainer {
	width: 240px;
	height: 208px;
	overflow: hidden;
}

#content #testimonialDetail .detail .text
{
	position: relative;
	margin: 0 0 0 82px;
	color: #776f67;
	font-size: 11px;
}

#content #testimonialDetail .detail .text h3
{
	font-size: 16px;
	color: #776f67;
	font-weight: bold;
	margin: 4px 0 8px 0;
	padding: 0;	
}



#storeSearch button
{
	cursor: pointer;
}

#sidebar .innerBar #storeSearch 
{
	margin-top: -25px;
	padding: 0 0 10px 12px;
}

#sidebar .innerBar #storeSearch .title 
{
	position: relative;
	padding-bottom: 6px;
}

#frmStoreSearch {
	margin:0 0;
	padding:0;
	color: #FFFFFF;
}
#frmStoreSearch .inputElem {
	background-color: #FFFFFF;
	border: none;
	line-height: normal;
	font-size: 12px;
	width: 170px;
}
#frmStoreSearch button {
	padding: 0 0 0 16px;
	margin: 8px 0;
	border: 0;
	width: 70px;
	height: 16px;
	float:right;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 16px;
	text-align: left;
	background: url(../images/bttn.gif);
}
#frmStoreSearch button a {
	text-decoration: none;
	color: #FFFFFF;
}
#sidebar .innerBar .line
{
	margin: 8px 0 16px 0;
	height: 1px;
	width: 100%;
	clear:right;
	border-bottom: 1px solid #9d9a94;
	font-size: 0px;
}#sidebar .innerBar #dzjab .title 
{ 
	padding: 0 0 2px 12px;	
}

#sidecol.highlight
{
	padding-left: 10px;
}

.highlight .item
{
	border-top: 4px solid #9e978d;
	border-bottom: 4px solid #9e978d;
	background: #fff;
	height: 58px;
	width: 194px;
	float: right;
	position: relative;
	margin: 14px 0 4px 0;
	padding: 0;
}

.highlight .item .thumb
{
	position: absolute;
	left: 0px;
	top: -4px;
	height: 66px;
	width: 66px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 10;
}

.highlight .item  img
{
	border: none;
}

.highlight .item h3
{
	position: relative;
	margin: 7px 0 0 73px;
	padding: 4px 0 0 0;
	width: 98px;
	color: #9e978d;
	display: block;
}
.highlight .item h3 a {
	text-decoration: none;
}
.highlight .item a.more
{
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	right: 10px;
	bottom: 10px;
	background: url(../images/round-arrow.gif) no-repeat top left;
	text-indent: -999999px;
	outline: none;
}

#banner
{
	height: 168px;
	width: 492px;
	overflow: hidden;
	margin: 15px 0 0 0;
}

#banner img
{
	border: none;
	height: 168px;
	width: 492px;	
}

#banner a img
{
	border: none;
	height: 168px;
	width: 492px;	
}

.jcarousel-container {
    position: relative;
	width: 180px;
    height: 45px;
	overflow:hidden;
	display:block;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 175px;
	padding-right: 5px;
    height: 45px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*---{ Nieuwsmodule )-------------------------------------------------------*/


/* Overzicht */

#vacancyList
{
	z-index: 10;
	position: relative;
	margin-top: 10px;
}
#vacancyList p {
	margin: 0;
}

#vacancyList .item
{
	padding: 10px 0 10px 0;
	width: 227px;
	position:relative;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #dfdedd;
}
#vacancyList .left{
	float:left;
	clear:left;
}

#vacancyList .right{
	float:right;
	clear:right;
}

#vacancyList .item h3
{
	font-size: 16px;
	font-weight:bold;
	color: #9e978d;
	padding: 0;
	margin: 0;

}

#vacancyList .item h3 a
{
	text-decoration:none;
}

#vacancyList .item .teaser
{
	padding: 0;
	margin: 4px 0 0 0;
	color: #776f67;
	font-size: 12px;
	font-weight:bold;
}
#vacancySearch{
	display:block;
	position: relative;
	/*left: 19px;
	top: 30px;
	position:absolute;*/
	height: 15px;
	z-index: 90;
}
#vacancySearch .searchbox{
	margin:0px;
	padding:0px;
	background:url(../images/vacancy-search-back.gif) no-repeat top left;
	display:block;
	position: absolute;
	top: 0px;
	width: 145px;
	margin: 0;
	color: #ffffff;
	font-size: 11px;
	padding: 0 0 0 0;
	text-decoration:none;
	line-height: 16px;
	cursor: pointer;
}
#vacancySearch .function {
	left: 0px;
}
#vacancySearch .region {
	left: 155px;
}
#vacancySearch .searchbox:hover, 
#vacancySearch .searchbox.active{
	background:#9e978d url(../images/vacancy-search-back-mo.gif) no-repeat top left;
}

#vacancySearch .searchbox p{
	margin:0px;
	padding:0 0 5px 10px;
}
	
#vacancySearch .searchbox ul{
	display:none;
	background:black;
	list-style:none;
	margin:0px;
	padding:0 0 10px 0;
	background:#9e978d url(../images/vacancy-search-bottom-back.gif) no-repeat bottom left;
}
#vacancySearch .searchbox:hover ul{
	display:block;

}
#vacancySearch ul li a{
	padding: 0 0 0 10px;
	color: #fff;
	text-decoration:none;
}

#vacancyDetail h1{
	color:#9e978d;
}
#vacancyDetail h1 span{
	font-size: 12px;
	color:#776f67;
}

#vacancyDetail .direct{
	background: url(../images/content_bttn_notext.gif) no-repeat bottom left;
	padding: 0 15px 0 20px;
	margin:0px;
	display:block;
	float:right;
	text-decoration:none;
	position:relative;
	color: white;
	font-size: 10px;
	line-height: 16px;

}

#vacancyDetail .clear{
	margin: 0px;
	padding: 3px 0px;
}

#vacancyDetail .back{
	clear:both;
	background: url(../images/content_bttn_notext.gif) no-repeat top left;
	padding: 0 40px 0 20px;
	float:right;
	text-decoration:none;
	position:relative;
	color: white;
	font-size: 10px;
	line-height: 16px;
	display:block;
}

#vacancyDetail .ruler{
	float:right;
	display:block;
	width: 1px;
	height: 11px;
	background: #756b5d;
	margin: 3px 10px 0 10px;
}

#vacancyDetail .print{
	background: url(../images/print_32x32.gif) no-repeat top left;
	width: 32px;
	height: 32px;
	float:right;
	text-indent: -999px;
	margin-top: -7px;
}
/*---{ Actiesmodule )-------------------------------------------------------*/


/* Overzicht */

#actionList
{
}

#actionList .item
{
	padding: 0 0 5px 0;
	margin: 5px 0 15px 0;
	border-bottom: 1px solid #dfdedd;
}

#actionList .item h3
{
	font-size: 14px;
	font-weight:bold;
	color: #9e978d;
	padding: 0;
	margin: 0;

}

#actionList .item h3 a
{
	text-decoration:none;
}

#actionList .item .picture
{
	padding: 0;
	margin: 0 10px 0 0;
	width: 120px;
	height: 120px;
	text-align:center;
}

#actionList .item .picture img
{
	padding: 4px;
	margin: 5px;
	border: 0;
	border:1px solid #CFCFCF;
}

#actionList .item .teaser
{
	padding: 1px 0;
	margin: 4px 0 2px 0;
	color: #776f67;
	width: 100%;
}

#actionList .item p
{
	margin: 0;
	padding: 0;
}

/* Detail */

#actionDetail
{
}

#actionDetail a.back
{
	float:right;
}
	
#actionDetail h1
{
	margin: 0;
}

#actionDetail .teaser
{
	padding:0;
	margin:10px 0 15px 0;
	font-weight: bold;
}
#actionDetail .aanvragen {
	background: url(../../images/content_bttn_notext.gif) no-repeat top left;
	padding: 0 40px 0 20px;
	float:right;
	text-decoration:none;
	position:relative;
	color: white;
	margin: 0;
	font-size: 10px;
	line-height: 16px;
	display:block;
}
#collectie
{
	position: relative;
}

#collectie #collectieHeader
{
	position: absolute;
	margin: 4px 0;
	z-index: 2;
}

#collectie #collectieHeader img
{
	border: none;	
}

#collectie #collectieHeader .button
{
	position: relative;
	float: left;
	display: block;
	width: 153px;
	height: 17px;
	font-size: 11px;
	line-height: 14px;
	padding: 1px 0 0 4px;
	margin: 0 10px 2px 0;
	color: #fff;
	text-decoration: none;
	background: url(../images/collection/bg_down.gif) left top no-repeat;	
	z-index: 3;
}

#collectie #collectieHeader .temp, #collectie #collectieHeader .temp2
{
	display: none;	
}

#collectie #collectieHeader .button.up
{
	color: #7a665b;
	font-weight: bold;	
	background: url(../images/collection/bg_yellow_up.gif) left top no-repeat;		
}

#collectie #collectieHeader .button.down.active
{
	font-weight: bold;	
	color: #7a665b;	
	background: url(../images/collection/bg_yellow_down.gif) left top no-repeat;		
}

#collectie #collectieHeader .button.up.active
{
	color: #7a665b;
	font-weight: bold;	
	background: url(../images/collection/bg_yellow_up.gif) left top no-repeat;	
}

#collectie #collectieHeader .button.nomargin
{
	margin: 0 0 2px 0;
}

#collectie #collectieHeader #filters
{
}

#collectie #collectieHeader .filterBox
{
	position: absolute;
	width: 492px;	
	background: #9f968d;
	display: none;
	z-index: 2;
	color: #fff;
}

#collectie #collectieHeader .filterBox a.erase
{
	position: relative;
	display: block;
	margin: 20px 0 10px 10px;
	padding: 0 0 0 20px;
	color: #fff;
	height: 15px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/collection/img_wis.gif) left top no-repeat;
}

#collectie #collectieHeader .filterBox ul.list
{
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	width:150px; 
	float:left
}

#collectie #collectieHeader .filterBox ul.list li
{
	position: relative;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;		
}

#collectie #collectieHeader .filterBox .right
{
	position: relative;
	margin: 20px 0;
	float: right;
	width: 400px;
}

#collectie #collectieHeader .filterBox .right .selection
{
	position: absolute;	
	color: #fbe013;
	right: 100px;
}

#collectie #collectieHeader .filterBox .right div a
{
	position: absolute;
	right: 0;
	text-indent: -6000em;
	overflow: hidden;
	width: 90px;
	height: 16px;
	margin: 0 0 0 10px;
	background: url(../images/collection/img_toon_selectie.gif) left top no-repeat;
}

#collectie #collectieHeader .filterBox .header
{
	position: relative;
	width: 492px;	
	height: 6px;
	background: url(../images/collection/filterBox_top.gif) left top no-repeat;
}

#collectie #collectieHeader .filterBox .inner
{
	position: relative;
	width: 492px;	
	height: 1%;
}

#collectie #collectieHeader .filterBox .footer
{
	position: relative;
	width: 492px;	
	height: 6px;
	background: url(../images/collection/filterBox_bottom.gif) left bottom no-repeat;
}

#collectie #collectieContent
{
	position: relative;	
	z-index: 1;
	margin: 60px 0 0 0;
}

#collectie #collectieContent .item
{
	position: relative;
	float: left;
	display: block;
	width: 144px;
	height: 100px;
	margin: 0 10px 10px 0;
	padding: 8px 0 0 0;
	border: 1px solid #fff;
	text-align: center;
}

#collectie #collectieContent .item:hover
{
	border: 1px solid #d7d6d4;
}

#collectie #collectieContent .item img
{
	border: none;	
}

#collectie #collectieContent .item:hover .content
{
	display: block;
}

#collectie #collectieContent .item .content
{
	display: none;	
}

#collectie #collectieContent .item .content .price
{
	color: #e01686;
	font-size: 16px;
	font-family: times new roman;
	margin: 0 8px 0 0;
}

#collectie #collectieContent .item .content .logo
{
	
}
#collection
{
	position: relative;
	width: 100%;

}

#collection	h1
{
	margin-bottom: 4px;
}

#collection #contentCollection
{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 422px;
}

#progress
{
	position: relative;
	padding: 200px 140px 0 140px;
	height: 222px;		
	text-align: center;
}

#collection #contentCollection .coll
{
	position: relative;
	width: 130px;
	margin: 0 4px 0 0;
	float: left;
}

#collection #contentCollection .coll ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#collection #contentCollection .coll ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#collection #contentCollection .coll ul li.first
{
	position: relative;
	height: 15px;
	font-size: 12px;
	display: block;
	padding: 16px 0 0 0;
	margin: 0 0 10px 0;
}

#collection #contentCollection .coll ul li.image
{
	position: relative;
	height: 30px;
	margin: auto 0;
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
}
#collection #contentCollection .brand 
{
	width: 200px;
}
#collection #contentCollection .price 
{
	position: relative;
	padding-left: 10px;
	width: 60px;
}
#collection #contentCollection .price ul {
	width: 60px;
}

#collection #images
{
	position: relative;
	float: right;
	margin: 64px 0 0 0;
	width: 142px;
	
}

#collection #images ul
{
	position: relative;	
	list-style: none;	
	width: 150px;
	margin: 0;
	padding: 0;	
}

#collection #images ul li div
{
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background: url(../images/img_collection_border_small.gif) left top no-repeat;
	width: 45px;
	height: 45px;
	overflow: hidden;
}

#collection #images ul li
{
	position: relative;
	float: left;
	width: 44px;
	height: 44px;
	list-style: none;
	overflow: hidden;
	margin: 0 4px 0 0;
}

#collection #images ul li a 
{
	position: absolute;
	z-index: 11;	
	width: 44px;
	height: 44px;
	display: block;
	cursor: pointer;
}

#collection #images ul li a img
{
	position: absolute;
	z-index: 9;
	left: -20px;
	top: 0;
	border: 0;
}

#collection #image
{
	position: relative;
	margin: 10px 0 5px 0;	
	width: 492px;
	height: 258px;
}

#collection #image.loading
{
	background: url(../images/loader.gif) center center no-repeat ;	
}

#collection #products
{
	position: relative;
}

#galleryContainer
{	
	height:37px;	/* Height of the images */
	position:relative;
	overflow:hidden;
	padding: 0;
	margin: 0 0 10px 0;
	/* CSS HACK */
	height: 37px;	/* IE 5.x - */
	height/* */:/**/37px;	/* Other browsers */
	height: /**/37px;
}

#btn_arrow_leftcover, #btn_arrow_left
{
	position: absolute;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

#btn_arrow_right , #btn_arrow_left{	
	height: 40px;
	background-color:#FFFFFF;
}

#btn_arrow_rightcover, #btn_arrow_right
{
	position:absolute;
	right: 0;
	z-index:10;
	cursor: pointer;
}

#btn_arrow_leftcover, #btn_arrow_rightcover
{
	z-index: 11;
	width: 34px;
	height: 37px;
}
#theImages
{
	position:absolute;
	height:37px;
	left: 34px;
	width: 1000000px;
}
#theImages #slideEnd
{
	float:left;
}
#theImages img
{
	float:left;
	cursor: pointer;
	padding: 0px;
	margin: 0 8px 0 8px;
	border:0;
}
#discountCalculate{
	display:block;
	position: relative;
	z-index: 90;
	width: 322px;
	height: 92px;
}
#discountCalculate .searchbox{
	background:url(../images/discountCalculate_top.gif) no-repeat top left;
	display:block;
	width: 203px;
	margin: 0 10px 10px 0;
	color: #ffffff;
	font-size: 11px;
	text-decoration:none;
	line-height: 16px;
	cursor: pointer;
	left: 0px;
	position:absolute;
}

#discountCalculate #zorgverzekeraar_DD{
	top: 0px;
	z-index: 300;
}
#discountCalculate #pakket_DD{
	top: 26px;
	z-index: 200;
}
#discountCalculate #product_DD{
	top: 52px;
	z-index: 100;
}

#discountCalculate #calculate{
	top: 52px;
	right: 0px;
	background: url(../images/content_bttn_notext.gif) no-repeat top left;
	display:block;
	position:absolute;
	width: 73px;
	height: 18px;
	padding-left: 20px;
	color:white;
	font-size: 10px;
	cursor:pointer;
}

#discountCalculate .searchbox:hover,
#discountCalculate .searchbox.active{
	background:#9e978d url(../images/discountCalculate_top_mo.gif) no-repeat top left;
}

#discountCalculate .searchbox p{
	margin:0px;
	padding:0 0 5px 10px;
}
	
#discountCalculate .searchbox ul{
	display:none;
	background:black;
	list-style:none;
	margin:0px;
	padding:0 0 10px 10px;
	background:#9e978d url(../images/discountCalculate_bottom.gif) no-repeat bottom left;
}
#discountCalculate .searchbox:hover ul{
	display:block;
}
#discountCalculate ul li a{
	padding: 0 0 0 0;
	color: #fff;
	text-decoration:none;
}
#discountCalculate ul li a:hover{
	color: #FFE400;
}

#fullform{
	display:none;
	z-index: 40;
	position: relative;
	padding-top: 6px;
	border-top: 1px solid #DDDDDD;
}
#storeList{}

#storeList .item
{
	position: relative;
	border-top: 1px solid #dfdedd;
	padding: 8px 0 0 0;
	margin: 20px 0 0 0;
	width: 100%;
	
}

#storeList div.city
{
	position: absolute;
	right: 0px;
	top: 8px;
	background: url(../images/img_bg_store.gif) left top no-repeat;
	height: 30px;
	color: #756b5d;
	padding: 2px 0 0 0;
	min-width: 120px;
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

#storeList .item h3
{
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	color: #9e978d;
	padding: 0;
	margin: 0;
}

#storeList .item h3 a
{
	text-decoration: none;
	color: #9e978d;
}

#storeList .item p
{
	padding: 0;
	margin: 0;	
}

#storeList .item a.more
{
	margin: 4px 0 0 0;
	padding: 0;
	width: 124px;
	height: 16px;
	background: url(../images/content_bttn_notext.gif) left top no-repeat;
	display: block;	
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 0 20px;
	line-height: 14px;
}

#storeList .item a.more span
{

}

#storeDetail div.city
{
	position: absolute;
	right: 20px;
	top: 8px;
	background: url(../images/img_bg_store.gif) left top no-repeat;
	height: 30px;
	color: #756b5d;
	padding: 2px 0 0 0;
	min-width: 120px;
	text-align: center;
	display: block;
}

#storeDetail h1
{
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
	color: #776f67;
}

#storeDetail #time .left
{
	position: relative;	
	float: left;
	width: 220px;
}

#storeDetail #time .right
{
	position: relative;	
	float: left;	
	width: 220px;	
	margin-left: 20px;
}

#storeDetail #time
{
	position: relative;
	width: 480px;
}

#storeDetail #time div table
{
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
}

#storeDetail #time div table td
{
	padding: 0 10px 0 0;
}

#storeDetail #nearest
{
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 160px;
}

#storeDetail #nearest .item
{
	position: relative;
	border-top: 1px solid #DFDEDD;/*#9e978d;*/
	padding: 8px 0 5px 1px;
	height: 1%;
}

#storeDetail #nearest .item p
{
	position: relative;
	margin: 0;	
}

#storeDetail #nearest .item h3
{
	padding: 0;
	margin: 0;
}

#storeDetail #nearest .item h3 a
{
	text-decoration: none;	
}

#storeDetail #nearest .item a.more
{
	position: relative;
	margin: 4px 0 0 0;
	width: 80px;
	height: 16px;
	background: url(../images/content_bttn_notext.gif) left top no-repeat;
	display: block;	
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 0 20px;
	float: right;
}

#storeDetail a.back
{
	position: absolute;
	bottom: 0;
	right: 20px;
	margin: 4px 0 0 0;
	padding: 0;
	width: 80px;
	height: 16px;
	background: url(../images/content_bttn_notext.gif) left top no-repeat;
	display: block;	
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 0 20px;
}

#storeDetail ul.relVacancyList {
	margin-top: 2px;
	margin-bottom: 0px;
}

ul.city
{
	position: relative;
	width: 480px;
	list-style: none;
	margin: 10px 0 10px 10px;
}

ul.city li
{
	position: relative;
	float: left;	
	margin: 0;
	padding: 0;
	width: 150px;
	line-height: 18px;
}

.moreCity
{
	margin: 4px 0 0 0;
	padding: 0;
	height: 16px;
	background: url(../images/content_bttn_notext.gif) left top no-repeat;
	display: block;	
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 0 20px;
	line-height: 14px;
}

.moreCity span
{
	padding: 0 8px 0 0;
}
#kaartContainer,#detailContainer
{
	position: relative; 
	width: 300px; 
	margin: 10px 0 0 0;
	border: 1px solid #dce0e1; 
	padding: 1px;
}

#kaartContainer #Googlemap
{
	position:relative;
	height: 240px;
	display:block;
}

/* ----- zoomfunctie ----- */
#ControlDiv 
{
	position: absolute; 
	top: 10px;
	left: 10px; 
	z-index: 10; 
}
.Control .Background,
.ControlAreal .Background{
	background: transparent url(../images/google/map-bg.gif) top left no-repeat; 
	width: 51px;  
	height: 204px; 
	/*filter:alpha(opacity=70); 
	moz-opacity:.70; 
	opacity:.70; */
}
.ControlAreal .Background {
	background: transparent url(../images/google/map-bg-aerial.gif) top left no-repeat; 
}
#ControlDiv img {
	position: absolute;
}

/* ----- type kaart (normal/sateliet/beide) ----- */
.kaartType {
	position: absolute; 
	right: 10px; 
	top: 10px;
	z-index: 10; 
}
.kaartType a{
	line-height: 18px;
}
.kaartType A:link,
.kaartType A:visited,
.kaartType A:hover,
.kaartType A:active{
	display: block;
	float: right;
	width: 58px;
	height: 20px;
	color: #000;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	padding: 4px 1px 1px 1px;
}
.kaartType .button_left{
	background: transparent url(../images/google/button_left.gif) top right;
}
.kaartType .button_left:hover{
	background: transparent url(../images/google/button_left_over.gif) top right;
}
.kaartType .button_middle{
	background: transparent url(../images/google/button_middle.gif) top center;
}
.kaartType .button_middle:hover{
	background: transparent url(../images/google/button_middle_over.gif) top center;
}
.kaartType .button_right{
	background: transparent url(../images/google/button_right.gif) top left;
}
.kaartType .button_right:hover{
	background: transparent url(../images/google/button_right_over.gif) top left;
}

#CurrentTab,
.CurrentTab{
	font-weight: bold! important;
}

#but-plus 
{
	top: 60px;
	left: 18px;
}

.Control #but-min 
{
	top: 172px;
	left: 18px;
}

.ControlAreal #but-min
{
	top: 184px;
	left: 18px;
}

.markerdiv img
{
	position: absolute;
	margin-top: -30px; 
	background: red;
}
.markerdiv
{
	position: absolute;
}
.SlideHolder {
	position: absolute;
	top: 82px;
	left: 18px; 
}
.Control .Scale 
{
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 15px; 
	height: 83px;
	background: transparent url(../images/google/map-scale.gif) top left no-repeat; 
}
.ControlAreal .Scale {
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 15px; 
	height: 97px;
	background: transparent url(../images/google/map-scale-aerial.gif) top left no-repeat; 
}
.Slider {
	position: absolute;
	cursor: pointer; 
}
.DragSlider 
{
	cursor: pointer; 
}

#Loading {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ccc 1px solid; 
	DISPLAY: none; 
	PADDING-LEFT: 5px; 
	Z-INDEX: 3; 
	LEFT: 100px; 
	BACKGROUND-IMAGE: url(/img/kaart/loading-bg.gif); 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 300px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	POSITION: absolute; 
	TOP: 10px;
}

<!--

#searchComponent
{
	position: relative;
	margin: 0; 	
}

#search
{
	padding: 16px 0 0 0;		
}

#results
{
	border-top: 1px solid #ddd;	
	padding: 20px 0 0 0;
}

#results em
{
	font-style: normal;
	font-weight: bold;
}

#results .searchResults
{
	position: relative;
	float: right;
	display: block;
	margin: 0 0 20px 0;	
}

#results .item
{
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	z-index: 1;
	line-height: 18px;
}

#results .item .title
{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#results .item .title em{}

#results .item .title a
{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#results .item a
{
}

#results .item p
{
	margin: 0;
	padding: 0;
}

#results .item .sLink
{
	display:none;
}

#searchAdvanced
{
	position: relative;
	margin: 10px 0 0 0;	
}

#searchAdvanced #advancedHeader
{
	padding: 0 0 0 74px;	
}

#searchAdvanced #advancedHeader a.up
{
	padding: 0 20px 0 0;
	background: url(../images/img_arrow_up.gif) right 2px no-repeat;
}

#searchAdvanced #advancedHeader a
{
	padding: 0 20px 0 0;
	background: url(../images/img_arrow_down.gif) right 2px no-repeat;
}


#searchAdvanced #dAdvanced
{
	display: none;	
	margin: 4px 0 0 70px;
	padding: 10px 20px;
	border-left: 1px solid #ddd;
	
}

#searchAdvanced #dAdvanced ul
{
	list-style: none;	
}

-->/*---{ fontsize fix }-------------------------------------------------*/

body {
	font-size:x-small; /* IE5 Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;  
}
html>body  { /* be nice to Opera */
	font-size: small;
}

/*---{ boxmodel fixes }-----------------------------------------------*/

/*
#content{
	width: 580px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;  
}
html>body #content{
	width: 580px;
}
*/


