﻿/* ----- Generiek ----- */
html, body 
{
	margin: 0px;
	padding: 0px;
}

body 
{
	padding-top: 5px;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	line-height: 17px;
}

img
{
	border: 0px;
}

/* ----- HTML Editor ---- */
.seHtml ul
{
	margin: 0 0 0 1.5em;
	padding: 0px;
	list-style: disc;
}

.seHtml ol
{
	margin: 0 0 0 2.2em;
	padding: 0px;
}

.seHtml li
{
	
}

.seHtml table
{
	padding: 0;
	margin: 0 0 0 -5px;
}

.seHtml tr
{
	padding: 0;
	margin: 0;
}

.seHtml td
{
	padding: 0;
	margin: 0;
}

.seHtmlGr ul
{
	margin: 0 0 0 1.5em;
	padding: 0px;
	list-style: disc;
}

.seHtmlGr ol
{
	margin: 0 0 0 2.2em;
	padding: 0px;
}

.seHtmlGr li
{
	
}

.seHtmlGr table
{
	padding: 0;
	margin: 0 0 0 -5px;
}

.seHtmlGr tr
{
	padding: 0;
	margin: 0;
}

.seHtmlGr td
{
	padding: 0;
	margin: 0;
}

/* ----- Links in elementen ----- */
a.seLink:link, a.seLink:hover, a.seLink:active, a.seLink:visited,
a.seHtml:link, a.seHtml:hover, a.seHtml:active, a.seHtml:visited
{
	color: #fff;
	text-decoration: underline;
}

a.seLink:hover,
a.seHtml:hover
{
	text-decoration: none;
}

a.seLinkGr:link, a.seLinkGr:hover, a.seLinkGr:active, a.seLinkGr:visited,
a.seHtmlGr:link, a.seHtmlGr:hover, a.seHtmlGr:active, a.seHtmlGr:visited
{
	color: #7f7f7f;
	text-decoration: underline;
}

a.seLinkGr:hover,
a.seHtmlGr:hover
{
	text-decoration: none;
}

/* ----- Links in tekst ----- */

.seLink a:link, .seLink a:hover, .seLink a:active, .seLink a:visited,
.seHtml a:link, .seHtml a:hover, .seHtml a:active, .seHtml a:visited
{
	color: #fff;
	text-decoration: underline;
}

.seLink a:hover,
.seHtml a:hover
{
	text-decoration: none;
}

.seLinkGr a:link, .seLinkGr a:hover, .seLinkGr a:active, .seLinkGr a:visited,
.seHtmlGr a:link, .seHtmlGr a:hover, .seHtmlGr a:active, .seHtmlGr a:visited
{
	color: #7f7f7f;
	text-decoration: underline;
}

.seLinkGr a:hover,
.seHtmlGr a:hover
{
	text-decoration: none;
}

/* ----- Template ----- */
#omvat
{
	width: 895px;
	height: 595px;
	margin: 0px auto;
}

#logo
{
	width: 145px;
	height: 70px;
	float: left;
}

#menu
{
	width: 425px;
	height: 33px;
	float: left;
	margin-top: 47px;
	margin-left: 25px;
	overflow: hidden;
}

#submenu 
{
	width: 135px;
	overflow: hidden;
	position: absolute;
	margin-top: -448px;
	margin-left: 9px;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	position: absolute;
	z-index: 1;
}

#submenu .menuSub2 
{
	margin-left: -1px;
	padding-left: 7px;
	background: url(/images/hevo/blkg.gif) no-repeat;
}

a.sbLn:link, a.sbLn:hover, a.sbLn:active, a.sbLn:visited
{
	color: #939393;
	text-decoration: none;
}

a.sbLn:hover
{
	color: #56AA1C;
}

a.sbLnA:link, a.sbLnA:hover, a.sbLnA:active, a.sbLnA:visited
{
	color: #56AA1C;
	text-decoration: none;
}

a.refHome:link, a.refHome:hover, a.refHome:active, a.refHome:visited
{
	color: #fff;
	text-decoration: none;
}

a.refHome:hover
{
	text-decoration: underline;
}

#homeOmvat 
{
	width: 670px;
	height: 445px;
	/*margin-top: 5px;*/
	margin-left: 75px;
	clear: both;
	color: #fff;
}

#homeOmvat #homeTop 
{
	width: 670px;
	height: 145px;
	margin-bottom: 5px;
	background: url(/images/hevo/bgHomeTop.gif) no-repeat;
}

#homeOmvat #homeTop #homeStream1Omvat
{
	padding-top: 15px;
	margin-left: 95px;
	width: 485px;
}

#homeOmvat #homeBottom1
{
	width: 220px;
	height: 295px;
	float: left;
	margin-left: 0px;
}

#homeOmvat #homeBottom2
{
	width: 220px;
	height: 295px;
	float: left;
	margin-left: 5px;
}

#homeOmvat #homeBottom3
{
	width: 220px;
	height: 295px;
	float: left;
	margin-left: 5px;
}

#homeOmvat .homeImage
{
	width: 220px;
	height: 295px;
	overflow: hidden;
}

#homeOmvat .homeOverlay1
{
	width: 220px;
	height: 295px;
	margin-top: -295px;
	background: url(/images/hevo/bgHomeOverlay1.png) no-repeat;
	position: absolute;
	z-index: 10;
}

#homeOmvat .homeOverlay2
{
	width: 220px;
	height: 295px;
	margin-top: -295px;
	background: url(/images/hevo/bgHomeOverlay2.png) no-repeat;
	position: absolute;
	z-index: 10;
}

#homeOmvat .homeOverlay3
{
	width: 220px;
	height: 295px;
	margin-top: -295px;
	background: url(/images/hevo/bgHomeOverlay3.png) no-repeat;
	position: absolute;
	z-index: 10;
}

#homeOmvat .hQ1
{
	width: 200px;
	height: 50px;
	position: absolute;
	margin-top: -70px;
	padding: 10px;
	margin-left: -75px;
	background: url(/images/hevo/qbg1.png);
	z-index: 11;
}

#homeOmvat .hQ2
{
	width: 200px;
	height: 50px;
	position: absolute;
	margin-top: -70px;
	padding: 10px;
	margin-left: 0px;
	background: url(/images/hevo/qbg2.png);
	z-index: 11;
}

#homeOmvat .hQ3
{
	width: 200px;
	height: 50px;
	position: absolute;
	margin-top: -70px;
	padding: 10px;
	margin-left: 75px;
	background: url(/images/hevo/qbg3.png);
	z-index: 11;
}

.pnlQuoteHome 
{
	background: #7f7f7f;
	margin: 5px;
	line-height: normal;
}

#contentOmvat 
{
	width: 555px;
	height: 405px;
	padding: 20px;
	/*margin-top: 5px;*/
	margin-left: 150px;
	clear: both;
	color: #fff;
}

.contentGrijs
{
	background: url(/images/hevo/bgGrijs.png) no-repeat;
}

.contentAqua 
{
	background: url(/images/hevo/bgAqua.png) no-repeat;
}

.contentGroen 
{
	width: 391px !important;
	margin-left: 220px !important;
	padding-left: 114px !important;
	background: url(/images/hevo/bgGroen.png) no-repeat;
}

.contentBlauw 
{
	background: url(/images/hevo/bgBlauw.png) no-repeat;
}

.contentWit 
{
	width: 391px !important;
	padding-left: 184px !important;
	color: #7f7f7f !important;
}

.contentLang 
{
	width: 471px !important;
	padding-left: 104px !important;
	color: #7f7f7f !important;
}

.contentLangGeenFoto 
{
	width: 471px !important;
	padding-left: 20px !important;
	color: #7f7f7f !important;
}

#kopOmvat 
{
	height: 60px;
}

.contentGrijs #stream1Omvat
{
	margin-top: 123px; /* 173 - 60 */
	margin-left: 220px;
	width: 345px;
}

.contentAqua #stream1Omvat
{
	margin-top: 48px; /* 98 - 60 */
	margin-left: 145px;
	width: 345px;
}

.contentGroen #stream1Omvat
{
	margin-top: 48px; /* 98 - 60 */
	margin-left: 75px;
	width: 325px;
}

.contentWit #stream1Omvat
{
	margin-top: 10px;
	margin-left: 68px;
	width: 302px;
}

.contentBlauw #stream1Omvat
{
	margin-top: 48px; /* 98 - 60 */
	margin-left: 0px;
	width: 270px;
}

.contentLang #stream1Omvat 
{
	
}

.pnlKruimelpad, .pnlKruimelpadGr
{
	margin-bottom: 2px;
}

.pnlKruimelpad a,
.pnlKruimelpad a.hlPage:link,
.pnlKruimelpad a.hlPage:hover,
.pnlKruimelpad a.hlPage:active,
.pnlKruimelpad a.hlPage:visited
{
	color: #fff;
	text-decoration: underline;
}

.pnlKruimelpad a.hlPage:hover 
{
	text-decoration: none;
}

.pnlKruimelpadGr a,
.pnlKruimelpadGr a.hlPage:link,
.pnlKruimelpadGr a.hlPage:hover,
.pnlKruimelpadGr a.hlPage:active,
.pnlKruimelpadGr a.hlPage:visited
{
	color: #7f7f7f;
	text-decoration: underline;
}

.pnlKruimelpadGr a.hlPage:hover
{
	text-decoration: none;
}

.kruimelPijl
{
	padding: 0px 5px 0px 5px;
}

#linkerkolom 
{
	position: absolute;
	color: #fff;
}

#linkerkolom.blauw 
{
	width: 220px;
	height: 220px;
	margin-top: -220px;
	background: url(/images/hevo/bgBlauw2.png) no-repeat;
}

#linkerkolom.blauw #pnlL1 
{
	width: 131px;
	margin: 7px;
}

#rechterkolom 
{
	width: 145px;
	height: 370px;
	position: absolute;
	margin-top: -520px;
	margin-left: 750px;
	color: #fff;
}

#rechterkolom #pnlR1 
{
	width: 135px;
	height: 50px;
	overflow: hidden;
	background: url(/images/hevo/bgR1.gif) no-repeat;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-left: 10px;
}

#rechterkolom #pnlR2
{
	width: 125px;
	min-height: 135px;
	overflow: hidden;
	background: url(/images/hevo/bgR2.gif) no-repeat #56aa1c;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
	padding-bottom: 0px;
}

#rechterkolom #pnlR3 
{
	width: 125px;
	min-height: 135px;
	overflow: hidden;
	background: url(/images/hevo/bgR3.gif) no-repeat #003049;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
	padding-bottom: 0px;
}

#rechterkolom #pnlR4
{
	width: 125px;
	min-height: 135px;
	overflow: hidden;
	background: url(/images/hevo/bgR4.gif) no-repeat;
	margin-bottom: 5px;
	font-size: 11px;
	line-height: 14px;
	padding: 10px;
	padding-bottom: 0px;
}

#rechterkolom #pnlR2inner, #rechterkolom #pnlR3inner, #rechterkolom #pnlR4inner
{
	min-height: 130px;
}

#rechterkolom img.rbg 
{
	display: block;
	margin-left: -10px;
}

#rechterkolom #pnlRF
{
	width: 145px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	top: 580px;
	z-index: 10;
}

#rechterkolom #pnlR1 a 
{
	color: #fff;
	text-decoration: none;
}

#rechterkolom #pnlR1 a:hover
{
	text-decoration: underline;
}

#rechterkolom #pnlR1 .txtb 
{
	margin: 0px;
	margin-top: 2px;
	padding: 0px;
	padding-top: 3px;
	padding-left: 35px;
	border: 0px;
	width: 80px;
	height: 14px;
	color: #7f7f7f;
	background: url(/images/hevo/zoek.gif) left no-repeat #ececec;
	font-size: 9px;
	font-weight: bold;
}

#rechterkolom #pnlR1 .imgb 
{
	position: relative;
	top: 5px;
	cursor: pointer;
}

#rechterkolom #pnlR2 .hvPub 
{
	font-style: italic;
	font-weight: bold;
}

#rechterkolom #pnlR3 .hvQuote
{
	font-style: italic;
	font-weight: bold;
}

#rechterkolom #pnlR2 a.lr, #rechterkolom #pnlR3 a.lr
{
	color: #fff;
	text-decoration: underline;
}

#rechterkolom #pnlR2 a.lr:hover, #rechterkolom #pnlR3 a.lr:hover
{
	text-decoration: none;
}

#leesVerderOmvat 
{
	width: 70px;
	height: 70px;
	position: absolute;
}

#leesVerderOmvat.grijs 
{
	margin-top: -70px;
	margin-left: 675px;
}

#leesVerderOmvat.groen 
{
	margin-top: -70px;
	margin-left: 525px;
}

#leesVerderOmvat.aqua 
{
	margin-top: -70px;
	margin-left: 675px;
}

#leesVerderOmvat .pnlLeesVerder
{
	width: 50px;
	height: 60px;
	padding: 5px;
	padding-right: 15px;
	line-height: normal;
	cursor: pointer;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
}

#leesVerderOmvat a
{
	text-decoration: none;
	font-weight: bold;
}

#alertOmvat 
{
	width: 145px;
	height: 70px;
	position: absolute;
}

#alertOmvat.groen 
{
	margin-top: -70px;
	margin-left: 600px;
}

#alertOmvat.aqua 
{
	margin-top: -445px;
	margin-left: 600px;
}

#alertOmvat .pnlAlert
{
	width: 125px;
	height: 50px;
	padding: 10px;
	color: #fff;
	overflow: hidden;
}

#overlay
{
	position: absolute;
}

#overlay2
{
	position: absolute;
}

#overlay.overlayGrijs 
{
	width: 370px;
	height: 295px;
	margin-top: -295px;
	/*overflow: hidden;*/
}

#overlay2.overlayGrijs2
{
	width: 150px;
	height: 150px;
	margin-top: -445px;
	margin-left: 595px;
	/*overflow: hidden;*/
}

#overlay.overlayAqua
{
	width: 295px;
	height: 295px;
	margin-top: -295px;
	/*overflow: hidden;*/
}

#overlay.overlayGroen
{
	width: 370px;
	height: 295px;
	margin-top: -295px;
	/*overflow: hidden;*/
}

#overlay.overlayWit
{
	width: 295px;
	height: 445px;
	margin-top: -445px;
	/*overflow: hidden;*/
}

#overlay.overlayBlauw
{
	width: 370px;
	height: 295px;
	margin-top: -295px;
	margin-left: 450px;
	/*overflow: hidden;*/
}

#overlay.overlayLang
{
	width: 220px;
	height: 370px;
	margin-top: -370px;
	/*overflow: hidden;*/
}

#overlayImgOmvat img, #overlayImgOmvat2 img 
{
	display: block;
}

.overlayGrijs #overlayPngOmvat
{
	width: 370px;
	height: 295px;
	margin-top: -295px;
}

.overlayGrijs2 #overlayPngOmvat2
{
	width: 150px;
	height: 150px;
	margin-top: -150px;
}

.overlayAqua #overlayPngOmvat
{
	width: 295px;
	height: 295px;
	margin-top: -295px;
}

.overlayGroen #overlayPngOmvat
{
	width: 370px;
	height: 295px;
	margin-top: -295px;
}

.overlayWit #overlayPngOmvat
{
	width: 295px;
	height: 445px;
	margin-top: -445px;
}

.overlayBlauw #overlayPngOmvat
{
	width: 370px;
	height: 295px;
	margin-top: -295px;
}

.overlayLang #overlayPngOmvat
{
	width: 220px;
	height: 370px;
	margin-top: -370px;
}

#bottomOmvat 
{
	width: 745px;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	padding-top: 5px;
	clear: both;
}

#footer 
{
	clear: both;
	color: #7f7f7f;
	margin-top: 5px;
}

#footer a
{
	color: #7f7f7f;
	text-decoration: underline;
}

#footer a:hover
{
	text-decoration: none;
}

.refLbl 
{
	font-weight: bold;
	display: block;
	margin-top: -20px;
	margin-left: 5px;
	background: none !important;
	width: 280px;
}

.refOmvatPnl 
{
	margin-bottom: 5px;
	margin-right: 5px;
	height: 70px;
	width: 225px;
	float: left;
	cursor: pointer;
}

.refOmvatPnlZoek
{
	margin-bottom: 5px;
	height: 70px;
	width: 70px;
	float: left;
	cursor: pointer;
}

.refTekst 
{
	width: 150px;
	float: left;
	margin-left: 5px;
}

.refPnlFoto 
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

.refPnlOverlay
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	background: url(/images/hevo/vlkOverlay.png) no-repeat;
	margin-top: -70px;
	position: absolute;
}

.pnlMensOmvat 
{
	width: 600px;
	height: 70px;
	float: left;
	overflow: hidden;
	position: relative;
}

.pnlMensInner 
{
	height: 70px;
}

.mensPnlFoto 
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

.mensPnlFotoZoek
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	margin-right: 10px;
}

.mensPnlOverlay
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	background: url(/images/hevo/vlkOverlay.png) no-repeat;
	margin-top: -70px;
	position: absolute;
}

.pnlMensControl
{
	width: 70px;
	height: 70px;
	overflow: hidden;
	float: left;
	background: green;
	margin-left: 5px;
}

.pnlMensControl2
{
	width: 140px;
	height: 140px;
	overflow: hidden;
	float: left;
	background: green;
	margin-left: 5px;
}

.vlkMensen2a
{
	width: 135px;
	height: 145px;
	overflow: hidden;
	background: url(/images/hevo/vlkMensen2a.png) no-repeat;
	position: absolute;
	margin-top: -225px;
	margin-left: 220px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	padding: 10px 5px 0px 10px;
}

.vlkMensen2b
{
	width: 135px;
	height: 67px;
	overflow: hidden;
	background: url(/images/hevo/vlkMensen2b.png) no-repeat;
	position: absolute;
	margin-top: -75px;
	margin-left: 220px;	
	text-align: right;
	color: #fff;
	line-height: normal;
	padding: 8px 5px 0px 10px;
}

.FloatLeft
{
	float: left;	
}

.fotoBijschrift 
{
	position: absolute;
	margin-top: -20px;
	margin-left: 8px;
}

/********** seFormulier **********/

.seFormulierTextBox
{
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.seFormulierTextArea
{
	font-family: Arial, sans-serif;
	font-size: 11px;
	overflow: auto;
}

.seFormulierDropdown
{
	font-family: Arial, sans-serif;
	font-size: 11px;
}

.seFormulierRadio
{
	position: relative;
	left: -4px;
}

.seFormulierCheck
{
	position: relative;
	left: -3px;
}

.seFormulierLabel 
{
	
}

.seFormulierLabelVerplicht 
{
	
}

.seFormulierFloatMargin
{
	float: left;
	padding-left: 0px;
}

.seFormulierFloatMarginNoPadding
{
	float: left;
	padding-left: 0px;
}

.seFormulierTussenDiv 
{
	clear: both;
	width: auto;
	height: 0px;
	overflow: hidden;
}

/**** ZOEKPAGINA ****/

.zoekDiv1
{
	width: 285px;
	overflow-x: hidden;
	margin-right: 5px;
	float: left;
}

.zoekDiv2
{
	width: 145px;
	overflow-x: hidden;
	margin-right: 5px;
	float: left;
}

.zoekDiv3
{
	width: 145px;
	overflow-x: hidden;
	margin-right: 5px;
	float: left;
}

.zoekDiv4
{
	width: 285px;
	overflow-x: hidden;
	margin-right: 0px;
	float: left;
}

.zoekDiv1 .zoekKop 
{
	height: 70px;
	margin-bottom: 5px;
	background: url(/images/hevo/z1kop.gif);
}

.zoekDiv2 .zoekKop 
{
	height: 70px;
	margin-bottom: 5px;
	background: url(/images/hevo/z2kop.gif);
}

.zoekDiv3 .zoekKop 
{
	height: 70px;
	margin-bottom: 5px;
	background: url(/images/hevo/z3kop.gif);
}

.zoekDiv4 .zoekKop 
{
	height: 70px;
	margin-bottom: 5px;
	background: url(/images/hevo/z4kop.gif);
}

.FilterLeft{
    width: 171px;
    display: table-cell;
    vertical-align: top;
    float: left;
    position: relative;
}

.FilterRight{
    width: 220px;
    display: table-cell;
    float: left;
    vertical-align: middle;
}


.ThemeYesNo td{
    width: 90px;
    color: Black;
 
}

.FilterRight label{
    vertical-align: middle;
}

.ResultHeaderInitial{
    display: block;
    margin-left:-10px;
}

.ResultContainer{
    position: relative; 
    float: left;
    background: white; 
    color: #9B9C9B; 
    padding: 10px 12px 10px 12px; 
    width: 201px; 
    height: 326px;
}

.ResultHeader{
    display: none;
}

.ResultHeaderText{
    display: none;
}

.NoResultsText{
    display: none;
}

.ResultCell{
    color: Black;
    background: White;
    font-weight: bold;
    height: 18px;
    padding-left: 12px;
}

.ResultInner{
    margin-top: 15px;
    display: none;
}
.ResultCell:hover{
    color: white;
    background: black;
    cursor: pointer;
}

.ResultSelected{
   color: white;
   background: black;
}

.HelpButton{
    width: 12px;
    height: 14px;
    background: blue;
    position: absolute;
    background: #9B9D9B;
    color: White;
    left: -22px;
    top: 2px;
    text-align: center;
    font-size: 9px;
}


.HelpButton:hover{
    background: #55AC47;
    cursor: pointer;
}

.HelpButtonSelected{
    background: #55AC47;
}

.HelpDetail{
    display: none;
    height: 318px;
    min-height:318px;
    height:auto !important;
    height:318px;

    
    width: 346px;
    background: #55AC47;
    color: White;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 14px 12px 14px 12px;
    z-index: 200;
}

.ToolDetail{
    float: left; 
    margin-left: 4px; 
    height: auto;
    width: 365px; 
    background: #9B9D9B;
    position:relative;
    display: none;
    padding: 10px 12px 10px 10px;
    color: Black;
}

.CloseTool{
    width: 10px;
    height: 10px;
    display: block;
    top: 12px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}

.NameTriangle{
    width: 9px;
    height: 10px;
    display: block;
    left: 8px;
    top: 16px;
    position: absolute;
}

.ResultMoreInfo{
    position:absolute;
    left: 135px;
    width: 100px;
}

.MoreInfoArrow{
    width: 15px;
    height: 10px;
    margin-left: 5px;
    display: inline;
}

.SlideRightArrow{
    float: left; 
    width: 21px; 
    height: 346px; 
    color: White; 
    background: url('/images/hevo/PijltjeRechts.png') no-repeat 0px 13px;
}

.SlideLeftArrow{
    height: 346px;
    width: 31px;
    position: absolute;
    left: -50px;
    top: 0px;
    display: none;
    z-index: 20;
    cursor: pointer;
    background: url('/images/hevo/PijltjeLinks.png') no-repeat 13px 327px;
}

.ToolDetailHeader{
    font-weight: bold;
    color: White;
}
