/*=== Reset ===*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;
			font-family: inherit;vertical-align: baseline;font-family: Arial, Tahoma, Verdana; color: #5E686F;  font-size: 1em;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {color: black; }
ol, ul {list-style: none; padding-left:0; margin-left:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
em { font-style: italic; }
strong { font-weight: bold; }

/*=== General ===*/

html, body {height:100%;  width:100%;}
body{background-color:#E57200; font-size:75%; font-family: Arial, Helvetica, sans-serif; color:#5E686F; position:relative;}

h1{font-size:2.5em; font-weight:normal; margin:0.1em 0 0.3em 0; color:#E57200;}
h2{font-weight:bold; margin:0.7em 0 0.1em 0; color:#48647F;}

/*table, div{font-size:1em;}*/
p{margin:0 0 1em 0;}

.clear{clear:both;}
.underline{text-decoration:underline !important;}

#siteContainer{margin:0 auto; width:967px;}

/*=== Header ===*/

#siteTopLogo{float:left; margin-left:20px;}
#siteTopNavigatie{float:right; padding:58px 6px 0 0;}
#siteTopNavigatie ul{display:inline; list-style:none; padding-right:10px;}
#siteTopNavigatie ul li{display:inline; padding-right:5px; color:#FFF;}
#siteTopNavigatie ul li a{color:#FFF; text-decoration:none;}
#siteTopNavigatie ul li a:hover{color:#D4CBC5;}

.siteZoeken{float:right; padding:49px 0 0 0;}
.siteZoeken span{background:url('../images/loy_qgo_03.gif') no-repeat; height:34px; width:22px; display:block; float:left;}
.siteZoeken input{background:url('../images/loy_qgo_05.gif') repeat-x; height:auto !important; width:120px; color:#5E686F; border:0; float:left; padding:9px 2px; font-size:1.0em;}
.siteZoeken a{background:url('../images/loy_qgo_07.gif') no-repeat; height:34px; width:25px; display:block; float:left;}

#siteMenu{clear:both; padding-bottom:36px;}
#siteMenu ul{list-style:none;}
#siteMenu ul li{float:left; text-align:center;}
#siteMenu ul li a.menuItem{background:url('../images/loy_navimid_rust_hover_50px.gif') no-repeat 0 0; color:#FFF; font-size:1.083em; text-decoration:none; display:block; width:159px; padding:14px 0;}
#siteMenu ul li a.menuItem:hover{background:transparent url('../images/loy_navimid_rust_hover_50px.gif') no-repeat 0 -50px;}
#siteMenu ul li.eerste a.menuItem{background:url('../images/loy_navilinks_rust_hover_50pxin.gif') no-repeat 0 0; width:166px;}
#siteMenu ul li.eerste a.menuItem:hover{background:url('../images/loy_navilinks_rust_hover_50pxin.gif') no-repeat 0 -50px;}
#siteMenu ul li.laatste a.menuItem{background:url('../images/loy_navirechts_rust_hover_50pxi.gif') no-repeat 0 -50px; width:165px;}
#siteMenu ul li.laatste a.menuItem:hover{background:url('../images/loy_navirechts_rust_hover_50pxi.gif') no-repeat 0 0; width:165px;}

/*=== submenu ===*/

#siteMenu li:hover .siteSubMenu{display:block;}
#siteMenu .siteSubMenu{display:none; position:absolute; z-index:99; padding:0; margin:-22px 0 0 -10px;}
#siteMenu .siteSubMenu.eerste{margin-left:0px;}
#siteMenu .siteSubMenu ul{margin:0; padding:0;}
#siteMenu .siteSubMenu li{clear:both; display:block; padding:0; margin:0; height:auto;}
#siteMenu .siteSubMenu a{background:url('../images/loy_navi_submenu_background.png') repeat-y 0 0; width:242px; display:block; padding:0; margin:0; text-decoration:none;}
#siteMenu .siteSubMenu a div{color:#48647f; font-size:1.083em; text-align:left; text-indent:5px; margin:0 10px 0 16px; padding:2px 0 2px 0;}
#siteMenu .siteSubMenu a:hover div{ background:#7693A2; color:#ffffff;}


/*=== Content ===*/

#kruimelpad ul{list-style:none; padding-bottom:10px;}
#kruimelpad ul li{display:inline; color:#7693A2;}
#kruimelpad ul li a{color:#7693A2;}
#kruimelpad ul li.laatste a{text-decoration:none;}

#content{background:url('../images/loy_siteCISframework_16.gif') repeat-y 0 0; float:left; width:967px; padding-top:5px; padding-bottom:5px}
#content .benefits_bullet1 li{background: url('../images/loy_vink.gif') left top no-repeat; padding-left:22px;}
#contentWrapper{width:100%; float:left;}
#contentColumn{margin:0 317px 0 5px; padding:8px 20px 0 20px;border-right:3px solid #E57200;} /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
#contentColumn .sitePlaatje{margin-bottom:20px;}
#contentColumn h2{color:#48647F;}

#contentColumnNoEtalage{margin:0 0 0 0px; padding:8px 20px 0 20px;} /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
#contentColumnNoEtalage .sitePlaatje{margin-bottom:20px;}
#contentColumnNoEtalage h2{color:#48647F;}

#contentColumnSimulatietools{margin:0 0 0 34px; padding:8px 20px 0 20px;} /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
#contentColumnSimulatietools .sitePlaatje{margin-bottom:20px;}
#contentColumnSimulatietools h2{color:#48647F;}

#borderContentTop{ width:967px; height:34px; clear:left; position:relative;}
#borderContentTop .sectorNaam{color:#48647F; font-size:1.083em; font-weight:bold; position:absolute; top:12px; left:28px;}
#borderContentBottom{ width:967px; height:18px; clear:left;}

.normaltext li{background: url('../images/loy_opsom-broodtekst.gif') 15px 4px no-repeat; padding-left:25px;}
.normaltext li p{margin:0 0 3px 0;}

.inleiding {font-weight:bold;}

.normaltitel a{font-weight:bold; font-size:1.083em; color:#48647F;}

#naarBoven {margin-left:647px; padding-bottom:10px;border-left:3px solid #E57200; padding-left:20px}
#naarBoven a{display:none; font-size:0.833em;}

#siteNavigatieLinks{float:left; padding-left:20px; margin:43px 0 0 -960px;} /*Set margin left to that of -(siteContainer width) + border shadow width*/
#siteNavigatieLinks > a{display:block; margin-bottom:5px; text-decoration:none; font-weight:bold; color:#48647F;}
#siteNavigatieLinks a{color:#48647F; padding: 0 0 0 15px; font-size:1.083em;}
#siteNavigatieLinks ul{list-style:none;}
#siteNavigatieLinks ul li a{font-size:1.083em; color:#5E686F; text-decoration:none; display:block; width:215px; padding-top:0; height:22px; line-height:22px; background:url('../images/loy_combiknop25pxinterval.gif') repeat-x 0 0; white-space:nowrap;}
#siteNavigatieLinks ul li a:hover{background:url('../images/loy_combiknop25pxinterval.gif') repeat-x 0 -25px;}
#siteNavigatieLinks ul li ul{display:none;}
#siteNavigatieLinks ul li.selected a{color:#FFF; background-color:#48647F; background-image:none;}
#siteNavigatieLinks ul li.selected ul{padding:0;}
#siteNavigatieLinks ul li.selected ul li a{color:#7693A2; background-color:#F2F2F2; padding-left:27px; width:203px;}
#siteNavigatieLinks ul li.selected ul li a:hover{color:#5E686F; background-color:#E0E5EA;}
#siteNavigatieLinks ul li.selected ul li.selected a{color:#5E686F; background-color:#CCD2D8;}

#contentRechts{float:left; margin-left:-315px; padding:10px 20px 0 20px; width:272px;} /*Set left margin to -(RightColumnWidth)*/
#contentRechts a{font-size:1.0em; color:#48647F;}
#contentRechts .siteNavRechts{clear:left; margin-bottom:8px;}
#contentRechts .etalage_button1{background:url('../images/loy_bereken.gif') no-repeat 0 0; width:162px; line-height:25px; display:block; text-decoration:none; color:#FFF; font-size:1.083em; margin-bottom:-5px; padding:0 0 0 7px;}
#contentRechts .etalage_button1:hover{background:url('../images/loy_bereken.gif') no-repeat 0 -50px;} 
#contentRechts .etalage_button2{background:url('../images/loy_bereken.gif') no-repeat 0 -25px; width:162px; line-height:25px; display:block; text-decoration:none; color:#FFF; font-size:1.083em; padding:0 0 0 7px;}
#contentRechts .etalage_button2:hover{background:url('../images/loy_bereken.gif') no-repeat 0 -75px;}
#contentRechts .siteIcon{margin:0 20px 8px 0; float:left;}

/*=== Contact Formulier ===*/

#frmContact ul{padding:10px 0 0 0;}  
#frmContact ul li{width:600px; padding-bottom:12px;}
#frmContact label {float:left; width:150px; margin-right:10px;}
#frmContact label.radioInlineLabel{float:none; margin-right:0; width:auto;}
#frmContact .formRadio{margin-right:15px; vertical-align:text-bottom;}
#frmContact .formInputText{width:300px;} 
#frmContact .formInputTextArea{width:460px;} 
#frmContact .button{float:right; margin:10px 136px 10px 0;}
#frmContact #memVraag{margin-top:8px;}
.alert{color:#E57200;}

#bevestiging li{padding-bottom:12px;float:left;}
#bevestiging li.label{width:150px; clear:both;}
#bevestiging li.waarde{width:500px; overflow:hidden;}
#bevestiging li.buttons{clear:both; margin-left:210px;}
#bevestiging .button{margin-right:10px; padding:1px; float:none; color:#333;}

/*=== Footer ===*/

#footer{padding-bottom:4px;}

#sitemap{margin-top:10px;}
#sitemap ul{float:left; width:220px;}
#sitemap ul.kolom1{margin-left:56px;}
#sitemap ul li{list-style:none; text-align:left; padding-bottom:4px;}
#sitemap ul li.eerste a{font-weight:bold;}
#sitemap ul li a{text-decoration:none; color:#FFF;}
#sitemap ul li a:hover{color:#D4CBC5;}

#siteBottomNavigatie{clear:both; margin-left:716px;}
#siteBottomNavigatie ul{list-style:none; margin-top:10px; padding-right:10px;}
#siteBottomNavigatie ul li{display:inline; padding-right:5px; color:#FFF; font-size:0.75em;}
#siteBottomNavigatie ul li a{color:#FFF; text-decoration:none;}
#siteBottomNavigatie ul li a:hover{color:#D4CBC5;}
#siteBottomNavigatie img{margin:10px 0 0 -9px;}

/*=== Formulier Machtiging antwoord ===*/

#ContactFormIVB div.ContactFormRegel
{
    clear : left;
    /* Height moet auto zijn, kan wel minimale hoogte instellen */
    height : auto; 
     min-height: 30px;
   
}
#ContactFormIVB div.ContactFormLabel
{
    width : 180px;
}
#ContactFormIVB div.FloatLeft
{
    float : left;
}
#ContactFormIVB div.FloatRight
{
    float : Right;
}

#ContactFormIVB .normaltitel
{ 
    color: #48647F; font-size: 1.1em; font-weight: bold;
}

#ContactFormIVB .DataKolom
{
    width : 270px;
}

#ContactFormIVB .DataKolomDropDown
{
    width : 274px;
}


#ContactFormIVB .KolomVoorVoegsel
{
    width : 50px;
}

#ContactFormIVB .KolomTussenVoegsel
{
    width : 50px;
}

#ContactFormIVB .KolomAchterNaam
{
    width : 156px;
}

#ContactFormIVB .DataKolSmall
{
    width : 80px;
}

#ContactFormIVB div.FloatKolomRadiobutton
{
    float : left;
    width : 25px;
}

#ContactFormIVB div.FloatKolomRadioText
{
    float : left;
    width : 45px;
}

#ContactFormIVB a:hover{color:#D4CBC5;}

#ContactFormIVB div.CenterText
{
    /* geen inhoud tbv jquery om te centreren */
    
}

/*=== Formulier Machtiging antwoord print  ===*/
#ContactFormPrint
{
    height: inherit;
    width: inherit;
    color: #000000;
    background-color: #FFFFFF;    
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
    text-align: center;
}
#ContactFormPrint p
{
    margin: 0;
    padding: 0;
}
#ContactFormPrint .antwoordkaartprint
{
    height: 542px;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: left;
    width: 630px;
}
#ContactFormPrint .info
{
    height: 542px;
    left: 50%;
    margin: 10px 0 0 -315px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 630px;
}
#ContactFormPrint .info .name
{
    left: 42px;
    position: absolute;
    top: 230px;
    width: 532px;
}
#ContactFormPrint .info .address
{
    left: 42px;
    position: absolute;
    top: 253px;
    width: 532px;
}
#ContactFormPrint .info .zipCity
{
    left: 122px;
    position: absolute;
    top: 276px;
    width: 457px;
}
#ContactFormPrint .info .phone
{
    left: 54px;
    position: absolute;
    top: 299px;
    width: 267px;
}
#ContactFormPrint .info .email
{
    left: 375px;
    position: absolute;
    top: 299px;
    width: 217px;
}
#ContactFormPrint .info .dob
{
    left: 92px;
    position: absolute;
    top: 322px;
    width: 484px;
}
#ContactFormPrint .info .nameFund
{
    left: 118px;
    position: absolute;
    top: 346px;
    width: 459px;
}

/*=== vraag Qgo contact knop  ===*/

.siteZoeken2 {float:left;}
.siteZoeken2 #spanlinks{background:url(../images/loy_inputbg1.png) no-repeat; height:34px; width:5px; display:block; float:left; margin-top:2px;}
.siteZoeken2 input{background:url(../images/loy_inputbg2.png) repeat-x; height:23px !important; width:340px; color:#5E686F; border:0px; float:left; font-size:1.0em; margin-top:2px; line-height:23px;}
.siteZoeken2 #spanrechts{background:url(../images/loy_inputbg3.png) no-repeat; height:34px; width:22px; display:block; float:left; margin-top:-3px;}
.siteZoeken2 a{background:url(../images/loy_qgovraag.PNG) no-repeat; height:30px; width:96px; display:block; float:left; }


/*=== Megadropdown ===*/
#siteMenu .siteSubMenu a {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt 0pt;
    width: 196px;
    display: block;
    padding-top: 2pt;
    padding-right: 0pt;
    padding-bottom: 2pt;
    padding-left: 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    text-decoration: none;
    text-align:left;
    text-align: left;
    text-decoration: none;
    background: white;
    color: #48647F;
    font: 11px arial;
    font-size:75%; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.083em
}

#siteMenu .siteSubMenu a:hover {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0pt 0pt;
    width: 196px;
    display: block;
    padding-top: 2pt;
    padding-right: 0pt;
    padding-bottom: 2pt;
    padding-left: 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    text-decoration: underline;
    text-align:left;
    text-align: left;
    text-decoration: underline;
    background: white;
    color: #48647F;
    font: 11px arial
    font-size:75%; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.083em
}

#siteMenu {clear:both; padding-bottom:36px;}
#siteMenu ul{list-style:none;}
#siteMenu ul li{float:left; text-align:center;}
#siteMenu ul li a.menuItem{background:url('../images/loy_navimid_rust_hover_50px.gif') no-repeat 0 0; color:#FFF; font-size:1.083em; text-decoration:none; display:block; width:159px; padding:14px 0;}
#siteMenu ul li.eerste a.menuItem{background:url('../images/loy_navilinks_rust_hover_50pxin.gif') no-repeat 0 0; width:166px;}
#siteMenu ul li.laatste a.menuItem{background:url('../images/loy_navirechts_rust_hover_50pxi.gif') no-repeat 0 -50px; width:165px;}

.megadropdownKolomLinks td, .megadropdownKolomRechts td, .megadropdownKolomMidden td, .megadropdownTabel td
{
    margin:0px 0px;
    vertical-align:top;
    color: #48647F;
    font: 11px Arial;
}

.megadropdownTabelCelLeeg div.hr
{ 
    padding: inherit; 
    margin: inherit; 
    height: 1px; 
    width:100%; 
    background: url('/include/images/megadropdown-hr.png' ) no-repeat center; 
} 

.megadropdownTabelCelLeeg div.hr hr
{ 
    display: none; 
} 

.megadropdownTabelCelLeeg div H2
{
    padding:0px;
    padding-bottom: 2px;
    margin:0px;
    font: bold 12px Arial;
    color: #E57200;
    text-decoration: none;
    text-align: left;
    font-size:1.183em;
    font-size: font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #E57200;
}

.megadropdownTabelCelLeeg div H2 H2
{ 
    display: none; 
    text-decoration: none;
} 

.megadropdownEnkeleKolom
{
  
    padding:0px;
    margin-left: 18px;
    margin-right: 4px;
    width:196px;
}

.megadropdownTabel
{
    margin-top: -6px;
    margin-bottom: 0px;
    border: 0; 
    padding: 0; 
    top: 0px;
}

.megadropdownKolomLinks
{
    padding:0px;
    margin-left: 18px;
    margin-right: 4px;
    width:196px;
}

.megadropdownKolomMidden
{
    padding:0px;
    margin-left: 18px;
    margin-right: 4px;
    width:196px;
}

.megadropdownKolomRechts
{
    padding:0px;
    margin-left: 18px;
    margin-right: 4px;
    width:196px;
}

.megadropdownTabelCelLeeg
{
    background: white;
    border: 0px;
}

.megadropdownRijOpvullingLeegLinks
{
    background: url('/include/images/megadropdown-left-large.png'); 
    background-repeat: repeat-y;
    background-position: left;
}

.megadropdownRijOpvullingLeegMidden
{
    background: url('/include/images/megadropdown-18left.png');
    background-repeat: repeat-y;
    background-position: left;
}

megadropdownRijOpvullingLeegMiddenSmal
{
    background: url('/include/images/megadropdown-18smal.png');
    background-repeat: repeat-y;
    background-position: left;
}

.megadropdownRijOpvullingLeegMiddenImage
{
    background: url('/include/images/megadropdown-image-divider-small.png');
    background-repeat: repeat-y;
    background-color: white;
    background-position: left;
}

.megadropdownRijOpvullingLeegRechts
{
    background: url('/include/images/megadropdown-right-large.png'); 
    background-repeat: repeat-y;
    background-position: left;
}

.megadropdownRandLinks, .megadropdownRandMiddenImage
{
    background: url('/include/images/megadropdown-left-large.png');
    background-repeat: repeat-y;
    background-position: left;
}

.megadropdownRandRechts
{
    background: url('/include/images/megadropdown-right.png');
    background-repeat: repeat-y;
    background-position: right;
}

.megadropdownRandMidden
{
    border-collapse:collapse;
    border-right:1px solid #48647F;
    background-color: white;
}

.megadropdownRandMiddenImage
{
    background: url('/include/images/megadropdown-image-divider.png');
    background-color: white;
}

.megadropdownMenu1 {    position:absolute; top:10px; left:10px; }
.megadropdownMenu2 {    position:absolute; top:10px; left:10px; }
.megadropdownMenu3 {    position:absolute; top:10px; left:-210px;}
.megadropdownMenu4 {    position:absolute; top:10px; left:-230px;}
.megadropdownMenu5 {    position:absolute; top:10px; left:-440px;}
.megadropdownMenu6 {    position:absolute; top:10px; left:-310px;}

.borderContentTopEtalage
{
 background:url('../images/loy_bovenkant_etalage.gif') no-repeat 0 0;
}

.borderContentTopGeenEtalage
{
 background:url('../images/loy_bovenkant.gif') no-repeat 0 0;
}

.borderContentBottomEtalage
{
 background:url('../images/loy_siteCISframework_17_etalage.gif') no-repeat;
}

.borderContentBottomGeenEtalage
{
 background:url('../images/loy_siteCISframework_17.gif') no-repeat;
}

/*=== Testimonials ===*/
.testimonial
{
    background: url('../images/loy_testimonial_background.jpg') no-repeat; width: 272px; height: 115px;
    clear:left;
}

.testimonialLinks
{
    float: left; padding: 22px 9px 44px 9px;
}
.testimonialRechts
{
    float: left;
}
.testimonialKolom
{
    width: 199px;
}

.testimonialTekst
{
    width: 199px;
}

.testimonialTekst h2
{
    font: bold 9px Arial;
    color: #E57200;
    text-decoration: none;
    text-align: left;
    font-size:0.983em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-top:12px;
}

.testimonialTekst h2 H2
{ 
    display: none; 
    text-decoration: none;
} 

.testimonialTekst h3
{
    padding-bottom:5px;
    font: bold 9px Arial;
    font-style:italic;
    text-decoration: none;
    text-align: left;
    font-size:0.983em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #5D686F;
}

.testimonialTekst h3 H3
{ 
    display: none; 
    text-decoration: none;
}
