
/*=== 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{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:hover{background:transparent url('../images/loy_navimid_rust_hover_50px.gif') no-repeat 0 -50px;}
#siteMenu ul li.eerste a{background:url('../images/loy_navilinks_rust_hover_50pxin.gif') no-repeat 0 0; width:166px;}
#siteMenu ul li.eerste a:hover{background:url('../images/loy_navilinks_rust_hover_50pxin.gif') no-repeat 0 -50px;}
#siteMenu ul li.laatste a{background:url('../images/loy_navirechts_rust_hover_50pxi.gif') no-repeat 0 -50px; width:165px;}
#siteMenu ul li.laatste a:hover{background:url('../images/loy_navirechts_rust_hover_50pxi.gif') no-repeat 0 0; width:165px;}

/*=== 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;}
#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 202px 0 257px; padding:8px 20px 0 20px;} /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
#contentColumn .sitePlaatje{margin-bottom:20px;}
#contentColumn h2{color:#48647F;}

#contentColumnNoEtalage{margin:0 0 0 257px; 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{background:url('../images/loy_bovenkant.gif') no-repeat 0 0; 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{background:url('../images/loy_siteCISframework_17.gif') no-repeat; 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:775px; padding-bottom:10px; }
#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:-187px; padding:10px 15px 0 0; width:162px;} /*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; }
