﻿/* HOMEPAGE CSS */
.container{margin: 0px auto; width: 994px;}
td,table,tr,th,span{font-family:arial;font-size:12px;color:#000000;line-height:18px;vertical-align:top;text-align:left;} /* width:994px;*/
table {border-collapse: collapse; } /* cellspacing & celpadding uitzetten */
table td,table th {padding: 0; } /* cellspacing & celpadding uitzetten */
.tabelHolder{width:994px;text-align:center;border:0px;}
img{border:0px;}
body{background:#dfdfdf url('/images/bg.png') repeat-y top;text-align:center;margin-top:0px;}
.textholder { margin-top: 10px;width:500px;font-family:arial;font-size:12px;color:#000000;line-height:18px;vertical-align:top;text-align:left;display:block; }
.textholder a{color:#0096c1;text-decoration:none;}
.textholder a:hover{color:#0096c1;text-decoration:underline;}
.bookmarks { width: 480px; font-weight:bold; color: #666666; background:#dfdfdf url('/images/bookmarks_bg.jpg') repeat-y top; height: 31px; line-height: 31px; padding-left: 20px; }
.bookmarks a img { vertical-align:middle; }

h1{font:normal 14px verdana;color:#626161;border-bottom:2px solid #696969;padding:0 0 4px 8px;margin:0px;height:18px;}
h2{font:bold 11px verdana;line-height:26px;margin:0;}
h3{font:bold 11px verdana;line-height:14px;margin:0;display:inline;}
/*  HEADER  */
.header{width:994px;height:90px;padding:8px 8px 8px 30px;}
.logo{margin-right:28px;float: left;padding-top:18px;padding-bottom:7px;}

.menu{height:28px;width:994px;background:url('/images/menubar.png') no-repeat; text-align:right;}
.menu a{color:#666666;height:28px;text-decoration:none; font-weight:bold;line-height:26px;display:block;float:left;text-align:center;}
.menu a:active{color:#a1c128;} /* <---- ACTIEVE MENU ITEM */
a.home{width:82px;margin-left:349px;}
a:hover.home{width:82px;color:#aaaaaa;}
a.home_actief{color:#A1C128;width:82px;margin-left:349px;}
a.koers{width:165px;}
a:hover.koers{width:165px;color:#aaaaaa;}
a.koers_actief{width:165px;color:#A1C128;}
a.omrekenen{width:123px;}
a:hover.omrekenen{width:123px;color:#aaaaaa;}
a.omrekenen_actief{width:123px;color:#A1C128;}
a.grafiek{width:148px;}
a:hover.grafiek{width:148px;color:#aaaaaa;}
a.grafiek_actief{width:148px;color:#A1C128;}
a.achtergrond{width:126px;}
a:hover.achtergrond{width:126px;color:#aaaaaa;}
a.achtergrond_actief{width:126px;color:#A1C128;}


/*  CONTENT BLOK */
.content { border:0 none;margin-top:15px;width:500px;margin-bottom:15px; }
.content .over { padding: 15px; color: #707070; background: url("/images/content_over_bg.jpg"); background-repeat:repeat-y;font-size: 11px; line-height: 14px; }
.footerMidden { background: url("/images/footerMidden.jpg"); width: 500px; height: 5px; }

/*  MENU LINKERKANT  */
.linkerkant{width:130px;}
.linksMenu{text-align:right;width:130px;color:#a1c128;font-weight:bold;line-height:18px;}
.linksMenu ul{list-style-type:none;margin:0;padding:0;overflow:hidden;width:130px;}
.linksMenu li{width:130px;float:right;display: inline;color:#000000;font-weight:normal;}
.linksMenu li a{float:right;display: inline;color:#000000;font-weight:normal; text-decoration:none;}
.linksMenu li a:hover{text-decoration:none;color:#a1c128;}
.linksMenu li a:active{text-decoration:none;color:#000000; font-weight:bold;}/* <---- ACTIEVE LINKERKANT MENU ITEM */

.middenBegin{width:500px;}
/*  WISSELKOERS HOMEPAGE  */
.headerMidden{background:url('../images/header_main.png') no-repeat top left; height:26px;width:500px;padding-left:15px;font:bold 11px verdana;color:#696969;line-height:26px;}
.headerEuro{color:#696969;display:inline;font:bold 10px/26px verdana;margin-left:35px;}
.headerPercentage{font:bold 10px/26px verdana;color:#696969;line-height:26px;margin-left:0;}
.wisselkoersHome{width:500px; float:left; border:0px;margin-top:15px;height:27px;background:url('../images/header_main.png') no-repeat top left; }
.wisselkoersHome tr{background:url('../images/line.png') repeat-y top left;}
.wisselkoersHome td {padding:0px 0 0 8px;margin:0px;border-bottom:1px solid #dfdfdf;border-left:none; background-position:expression(-this.offsetLeft);}
.wisselkoersHome a{color:#0096c1;width:150px;display:block;height:100%;text-decoration:none;line-height:24px;}
.wisselkoersHome a:hover{color:#0096c1;text-decoration:underline;}
.wisselkoersHome img{vertical-align:middle;}
.vlaggen_icon{width:25px;vertical-align:middle;height:24px;}
.pijlen_icon{width:42px;line-height:20px;vertical-align:middle;}
td.grafiek_icon{vertical-align:middle;}
a.grafiek_icon{width:19px;line-height:20px;padding-top:3px;}
.valuta_tekst{width:55px; text-align:right;color:#4d4b4b;line-height:24px;}
.rood{width:60px;color:#ff0000;text-align:right;line-height:24px;display:block;}
.groen{width:60px;color:#4dac01;text-align:right;line-height:24px;display:block;}
.zwart{width:60px;color:#000000;text-align:right;line-height:24px;display:block;}
.headerstyle { height:26px;padding-left:15px; background: none repeat scroll 0 0 transparent !important }
.header_naam { line-height:24px;padding-left:7px;width:160px;}
.header_units {line-height:24px;text-align:right;width:70px;}
.header_percentage {padding-left:43px;}
.header_units_omgekeerd  {line-height:24px;padding-right:20px;text-align:right;width:70px;}
.item_units {line-height:24px;padding-left:7px;text-align:right;}
.item_percentage {line-height:24px;padding-left:7px;text-align:right;width:65px;}
.omgekeerd { color: #adadad; padding-right:20px; line-height: 24px; }
.grafiekimg { border:0px; padding: 1px; margin-top: 5px; }


/* KOERSBLOK */
.koersHolder{width:500px;border:0px;margin-top:15px;background:url('../images/back_grafiek.png') no-repeat top left;}
.koersHolder .koers_text { float: left; padding-right: 15px; height: 45px; width: 150px; }
.koersHolder .valutalabel { float: left; padding-right: 15px; height: 45px; }
.koersInfoBlok{height:85px;padding:8px;}
.koersInfoBlok img{margin-right:8px;}
.koersInfoBlok .dropdown_valuta { width: 380px; display:inline-block; height: 37px; margin-top: 5px; }
.koersInfoBlok .dropdown_valuta .update { float: right; margin-top: 3px; }
.koers_uitgelicht { float: left; }
.koerskeuze { width: 100%; float: left; }
span.test{font:normal 16px Arial;Color:#000000;line-height:40px;margin-right:25px;}
span.verschil{color:#4dac01;font:normal 16px Arial;line-height:40px;}
span.verschil_groen{color:#4dac01;font:normal 16px Arial;line-height:40px;}
span.verschil_rood{color:#ff0000;font:normal 16px Arial;line-height:40px;}
span.koersnaam{font:normal 16px Arial;Color:#000000;line-height:40px;margin-right:27px;}
span.koersnaamKlein{font:normal 12px Arial;Color:#686868;line-height:40px;margin-right:17px;}
span.wisselkoersKlein{font:bold 12px Arial;Color:#000000;line-height:40px;}
a.tab{display:block;height:26px;width:72px;float:left;text-decoration:none;color:#003399;}
.tab span{font:normal 11px verdana;color:#4c4b4b;margin-left:10px;}
a.tab span{text-decoration:none;color:#003399;font:bold 11px arial;line-height:20px;}
a:hover.tab span{color:#ff0000;text-decoration:underline;}
a.tab2{display:block;height:26px;width:68px;float:left;text-decoration:none;color:#003399;text-align:center;}
.tab2 span{font:normal 11px verdana;color:#4c4b4b;}
a.tab2 span{text-decoration:none;color:#003399;font:bold 11px arial;line-height:20px;}
a:hover.tab2 span{color:#ff0000;text-decoration:underline;}
.grafiekPlace{height:225px;}
.tab_active{display:block;height:26px;width:72px;float:left;text-decoration:none;color:#003399;background:url('../images/tab_active.png') no-repeat top;margin-top:-1px;} /* <---- ACTIEVE TAB ITEM */
.tab_active span{font:normal 11px verdana;color:#4c4b4b;margin-left:10px;}
a.tab_active span{text-decoration:none;color:#003399;font:bold 11px arial;line-height:20px;}
a:hover.tab_active span{color:#ff0000;text-decoration:underline;}
.tab_active2{color:#003399;display:block;float:left;height:26px;text-align:center;text-decoration:none;width:68px;background:url('../images/tab_last_active.png') no-repeat top;} /* <---- ACTIEVE TAB ITEM */
.tab_active2 span{font:normal 11px verdana;color:#4c4b4b;}
a.tab_active2 span{text-decoration:none;color:#003399;font:bold 11px arial;line-height:20px;}
a:hover.tab_active2 span{color:#ff0000;text-decoration:underline;}
.koersUiting{width:100%;}
.koersUiting span{color:#ff0000;}
.koersUiting u{color:#ff0000;}
.koersUiting a{color:#0096c1;text-decoration:none;font-weight:bold;}
.koersUiting a:hover{text-decoration:underline;}

/* ACHTERGROND OVERZICHT */
.Achtergrond{width:500px;border:0px;margin-top:10px;font-size:11px;color:#000101;}
.Achtergrond td{font-size:11px;color:#000101;line-height:14px;padding:14px 9px 9px 9px;border-bottom:2px solid #dfdfdf;}
.Achtergrond a{color:#0096c1;text-decoration:none;;}
.Achtergrond a:hover{color:#0096c1;text-decoration:underline;}

/* OMREKENEN VALUTA CALCULATOR */
.valutaHolder_groot{width:500px;border:0px;margin-top:15px;background: white url('/images/bg_calculator_groot.png') no-repeat top left; height:184px; }
.ValutaCal{height:26px;width:321px;padding-left:15px;font:bold 11px verdana;color:#696969;line-height:26px; background: white url('/images/bg_calculator_groot.png') no-repeat top left;}
.ValutaCalTekst{width:90px;padding:11px 5px 0 0;text-align:right;line-height:28px;}
.ValutaCalInvul .bedrag { border:1px solid #c5c5c5;width:219px;font-weight:bold;margin-bottom:5px; }
.ValutaCalInvul{height:147px;padding-top:11px;line-height:27px;}
.ValutaCalInvul .berekenknop{margin-left:150px;margin-top:5px;margin-bottom:5px;}
.ValutaCalInvul select { width: 222px; height: 21px; margin-top: 5px; margin-bottom: 5px; }
.ValutaCalTekst .resultaat { margin-top: 20px; display: inline-block; }
.ValutaCalInvul #uitkomst { margin-top: 15px; } 
.valuta_dropdown { border:1px #abadb3 solid;width:222px; height:21px; }

.valutaHolder_groot_omrekenen {width:500px;border:0px;margin-top:15px;background: white url('/images/bg_calculator_groot2.png') no-repeat top left; height:186px; }
.valutaHolder_groot_omrekenen #uitkomst { margin-top: 18px; }
.valutaHolder_groot_omrekenen .dropdown_td { width: 250px; }
.valutaHolder_groot_omrekenen .bereken_td { width: 170px; padding-top: 3px; }
.valutaHolder_groot_omrekenen .ValutaCalTekst { padding-top: 0px; line-height:20px; height:10px; }
.valutaHolder_groot_omrekenen .bedrag { width: 224px; border:1px solid #c5c5c5; }

/* KOERS PAGINA VALUTAKOERS */
.valutakoers { background:url('../images/ktabel_bg.jpg') no-repeat; width:500px; }
.valutakoers tr.test { height:27px; }
.valutakoers td { vertical-align: bottom; height: 20px; }
.valutakoers .td_links { padding-left: 15px; width: 143px; border-bottom: 1px solid #dfdfdf; }
.valutakoers .td_links2 { padding-left: 5px; width: 65px; border-bottom: 1px solid #dfdfdf; }
.valutakoers .td_rechts { padding-left: 5px; width: 180px; border-bottom: 1px solid #dfdfdf; }
.valutakoers .td_rechts2 { padding-left: 5px; width: 50px; border-bottom: 1px solid #dfdfdf; }
.valutakoers .spacer { width: 10px; border: 0px; }
.valutakoers .spacer_dicht { border-bottom: 1px solid #dfdfdf; }
.valutakoers .groen_koers { color:#4DAC01; }
.valutakoers .rood_koers { color:#ff0000; }
.verschil_groen_koers { color:#4DAC01; font:16px/40px Arial; }
.verschil_rood_koers { color:#ff0000; font:16px/40px Arial;}
/* KOERS PAGINA HISTORIE */
.historie_tabel_top { width: 500px; background:url('/images/historietabel_bg.jpg') no-repeat; height: 80px; margin-top: 15px; float: left; margin-left: 3px;  }
.historie_tabel_top .filters { padding-top: 15px; padding-left: 15px; }
.historie_tabel_top .filters .invoer { width: 130px; height: 20px; border: 1px solid #c5c5c5; margin-left: 5px; margin-right: 5px; }
.historie_tabel_top .filters .update { vertical-align: middle; }
.historie_tabel { width: 500px; float: left; margin-left: 3px; border: 1px solid #dfdfdf; }
.historie_tabel th { height: 25px; padding-left: 15px; background-color: #cccccc; vertical-align: middle; }
.historie_tabel th.rechterkolom { padding-left: 30px; }
.historie_tabel td { height: 25px; padding-left: 15px; vertical-align: middle; }
.historie_tabel td.linkerkolom { width:270px;}
.historie_tabel .alternate { background-color: #f1f1f1;}


/* CONTACT */
.ContactPull{height:22px;border:1px #abadb3 solid;width:200px;margin:5px 8px 2px 0;font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:11px;}
.ContactNaam {height:18px;border:1px #abadb3 solid;width:200px;margin:5px 0 2px 0;font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:11px;}
.ContactVraag{height:50px;border:1px #abadb3 solid;width:200px;margin:5px 0 2px 0;font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:11px;}
.ContactButton {border:none;margin:5px 0 0 0;border-width:0px;}


/***************************************************************\
|																|
|							RECHTERKANT							|
|																|
/***************************************************************/

.rectangle{display:table-cell;vertical-align:middle;text-align:center;width:336px;height:280px;margin:auto;}

.rechterkantBegin{width:336px;}
.rechterkantBegin img{margin-top:15px;}
.rechterkantBegin_valuta{width:336px;}

.spacer_336x100 { border-bottom: 15px solid white; }

.titel { border-bottom: 2px solid #696969;color: #626161;font: 14px verdana;height: 18px;margin: 0;padding: 0 0 4px 8px;display:block;width:330px;}
         
/* RECHTERKANT VALUTA CALCULATOR */
.valutaHolder{width:336px;border:0px;margin-top:15px;background:url('../images/bg_calculator.png') no-repeat top left; height:184px; }
.rValutaCal{height:26px;width:321px;padding-left:15px;font:bold 11px verdana;color:#696969;line-height:26px;}
.rValutaCalTekst{width:80px;padding:11px 5px 0 0;text-align:right;line-height:28px;}
.rValutaCalInvul .bedrag { border:1px solid #c5c5c5;width:219px;font-weight:bold;margin-bottom:5px; }
.rValutaCalInvul{width:256px;height:147px;padding-top:11px;line-height:27px;}
.rValutaCalInvul .berekenknop{margin-left:150px;margin-top:5px;margin-bottom:5px;}
.rValutaCalInvul select { width: 222px; height: 21px; margin-top: 5px; margin-bottom: 5px; }
.valuta_dropdown { border:1px #abadb3 solid;width:222px; height:21px; }

.valutaHolder_calculator { width:336px;border:0px;margin-top:15px;background:url('../images/bg_calculator.png') no-repeat top left; height:184px; }
.valutaHolder_calculator .rValutaCalTekst {line-height:15px;padding:5px 5px 0 0;text-align:right;width:87px;height: 16px;}
.valutaHolder_calculator img {margin-top:0px;cursor:pointer;}
.valutaHolder_calculator .bedrag { border:1px solid #c5c5c5;width:225px;font-weight:bold; }
.valutaHolder_calculator .rValutaCal { height:25px; }
.valutaHolder_calculator .berekenknop_td { text-align: right; padding-right: 15px; height: 20px; }

/* UITGELICHT */
.rUitgelicht{width:336px;border:0px;margin-top:10px;font-size:11px;color:#000101;}
.rUitgelicht td{font-size:11px;color:#000101;line-height:14px;border-bottom:1px solid #dfdfdf;}
.rUitgelicht a{color:#0096c1;text-decoration:none;}
.rUitgelicht a:hover{color:#0096c1;text-decoration:underline;}
.rUitgelicht span img{margin:7px 12px 7px 12px;}
.rUitgelicht a img{margin:0px;}

/* ACHTERGROND */
.rAchtergrond{width:336px;border:0px;margin-top:10px;font-size:11px;color:#000101;border:2px solid #dfdfdf;}
.rAchtergrond td{font-size:11px;color:#000101;line-height:14px;padding:14px 9px 9px 9px;}
.rAchtergrond a{color:#0096c1;text-decoration:none;;}
.rAchtergrond a:hover{color:#0096c1;text-decoration:underline;}
.rAchtergrond img{margin:0px;}

/* Achtergrond informatie */
.valuta_info { padding: 10px 15px 20px 10px; border-bottom:2px solid #696969; font-size:8pt;}
.valuta_info img { padding-left:15px; float:right; }

/* SITEMAP */
.sitemap{width:500px; font-weight:bold;}
.sitemap ul{list-style-type:none;margin:0;padding:0;overflow:hidden;width:450px;}
.sitemap li{float:left;display: inline;color:#0096c1;font-weight:normal;width:450px;padding-left:10px;}
.sitemap li a{float:left;display: inline;background:url('../images/bullet.png') no-repeat center left;color:#0096c1;font-weight:normal; text-decoration:none;padding-left:10px;}
.sitemap li a:hover{text-decoration:underline;text-align:left}
.sitemap li a.hoofdlink{float:left;display: inline;background:url('../images/bullet.png') no-repeat center left;color:#000000;font-weight:bold; text-decoration:none;padding-left:10px;}
.sitemap li a.hoofdlink:hover{text-decoration:underline;text-align:left}
.sitemap li ul li a{float:left;display: inline;background:url('../images/bullet.png') no-repeat center left;color:#0096c1;font-weight:normal; text-decoration:none;padding-left:10px;}
.sitemap li ul li a:hover{text-decoration:underline;text-align:left}



/* FOOTER */
.footer{width:994px;height:50px;color:#000000;font:normal 11px arial;line-height:16px;}
.eersteBlok{width:68px;border-right:1px solid #dfdfdf;margin:0 0 15px 30px;float:left;font-size:11px;text-decoration:none;color:#000000;}
.eersteBlok a{font-size:11px;text-decoration:none;color:#000000;}
.eersteBlok a:hover{text-decoration:underline;}
.tweedeBlok{width:136px;border-right:1px solid #dfdfdf;margin:0 0 0 17px;float:left;font-size:11px;text-decoration:none;color:#000000;}
.tweedeBlok a{font-size:11px;text-decoration:none;color:#000000;}
.tweedeBlok a:hover{text-decoration:underline;}
.derdeBlok{width:160px;margin:0 0 0 17px;float:left;font-size:11px;text-decoration:none;color:#000000;}
.derdeBlok a{font-size:11px;text-decoration:none;color:#000000;}
.derdeBlok a:hover{text-decoration:underline;}

.vijfdeBlok{margin:0 20px 0 305px;float:left;font-size:10px;}
.zesdeBlok{margin:0 0 0 20px;float:left;font-size:10px;}

/* advertorials koers en wisselkoers*/
a.advertorial_in_tabel {width:445px; font-weight:bold;}

/* advertorials home top boven belangrijkste koersen*/
.advertorial_koersen_home_top {float:left; width:500px; height:60px; background-image:url('/images/valuta_boven_koersen.jpg'); background-position:top left; margin:10px 0 0 0;}
.advertorial_koersen_home_top_inhoud {float:left; width:480px; margin:4px 0 0 10px; font-size:11px; line-height:16px;}
.advertorial_koersen_home_top_inhoud a{text-decoration:none; font-weight:bold; color:#0096C1;}

/* advertorials home uiting links en uiting rechts*/
.adds_by_valuta {float:left; width:500px; height:70px; background-image:url('/images/adds_by_valuta.jpg'); background-position:top left; margin:10px 0 0 0;}
.adds_by_valuta_inhoud_klein {float:left; width:230px; margin:4px 0 0 10px; font-size:11px; line-height:16px;}
.adds_by_valuta_inhoud_klein a{text-decoration:none; font-weight:bold; color:#0096C1;}
