/* iOS en Android verplichten om de lettergrootte intact te laten */
html {
    -webkit-text-size-adjust:none; /* For iPhone and Android users */
}

/* Links */
a { color: #183458; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; }
a:hover { color: #8b0000; }

/* Standaard textkleur instellen */
body, p { font: 12px/16px "Arial", "Verdana", sans-serif; color: #183458; margin-top: 0;}

body {
    margin: 0;
}

/* Headers */
h1 { font: bold 24px "Arial", "Verdana", sans-serif; color: #183458; }	
h2 { font: bold 20px "Arial", "Verdana", sans-serif; color: #183458; }
h3 { font: 18px "Arial", "Verdana", sans-serif; font-weight: normal; color: #183458; }
h4 { font: bold 13px "Arial", "Verdana", sans-serif; color: #183458; }
h5 { font: bold 12px "Arial", "Verdana", sans-serif; margin: 5px 0 10px 0;}
h6 { font: bold 9px "Verdana", sans-serif; margin: 5px 0 0 0; color: #183458; }

/* Rode kleur voor bolletjes in artikelpagina's */
.red {
    color: #f00;
}

/* Header van tabel */
td .header {
    background: #183458;
    color: #fff;
}

/* Menu (Topnavigation) */

ul#topmenu {
    list-style: none;
    height: 20px;
    margin-left: 177px;
    background: #183458;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

ul#topmenu li {
    float: left;
    position: relative;
    display: inline;
}

ul#topmenu li a {
    color: #feefcb;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    border-right: 1px solid #698197;
    height: 19px;
    display: block;
    text-decoration: none;
    font-size: 11px;
    width: 100px;
    text-align: center;
}

ul#topmenu li a:hover {
    text-decoration: none;
    background: #e7a82d;
    color: #183458;
}

ul#topmenu li a.selected {
    text-decoration: none;
    background: #e7a82d;
    color: #183458;
}

ul#topmenu li a.first {
    border-left: 1px solid #698197;
}

#nav { background: #183458; border-top: 1px solid #fff; border-bottom: 1px solid #183458;}
/* Einde menu */

/* Linksboven */
#logo { border: 1px solid #183458; border-top: none; border-left: none; padding: 0 10px 0 15px; }

form { margin: 0; padding: 0; }

/* Rechtsboven */
#topRight {
    border-bottom: 1px solid #183458;
    border-left: 1px solid #183458;
    margin-left: 2px;
    width: 400px;
    height: 106px;
    background: url(img/kaart-paris.jpg) no-repeat transparent;
    font: bold 11px "Arial", "Verdana", sans-serif;
    color: #183458;
    text-align: right;
}

#topRight .total { padding: 15px 15px 0 0; }

#topRight img { vertical-align: text-bottom; }

.total h5 { display: inline; margin: 0 5px 0 0; }

.total .button { color: #183458; font: bold 11px/12px "Arial", "Verdana", sans-serif; background: #E7E8EE; }
/* Einde rechtsboven */

/* Left Navigation*/
#left {
    border-right: 1px solid #183458;
    min-height: 650px;
    margin: 0;
    padding: 0;
    background: url(img/bg_left.jpg) top left no-repeat #AFC1D5;
    display: block;
}

#left #leftContent { padding: 10px 0 0 6px; width: 170px;}
#leftContent a { font: bold 9px "Verdana", sans-serif; }	
.dotted { border-bottom: 1px dotted; width: 140px; }

/* FOOTER */
#footer {
    background: #183458;
    color: #aaa;
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 1px 0 2px 0;
    height: 17px;
}
#footer a { 
    color: #aaa; }

.here { background: #E7A82D; }
.orange { background: orange; }

/* ---------------------------------- MAIN TABLE STYLES ------------------------------------ */
/* MAIN TABLES */
#main { padding: 40px 0% 85px 6%; vertical-align: top; width: 100%;  }
/* talenoverzicht */
#main table.overzichtTalen {
    border: 1px solid #183458;
    font: 12px Arial;
    color: #183458;
    margin: 0;
    background: #FEEFCB;
    text-align: left;
    float: left;
    background: url(img/geel-blauw.jpg) top left repeat-y;
}

/* Blauwe balk rechterkant hoofdpagina */
.banners {	
    margin-top: 70px;
    padding: 15px 0 0 0;
    text-align: center;
    background-color: #181D5E;
    width: 155px;
    overflow: visible;;
}
.banners img { margin: 10px 0 0 0; }
.banners p { color: white; }

.banners table { color: white; }
/* Einde blauwe balk */

.overzichtTalen .header { background: #183458; font: bold 12px arial; color: #fff; border-top: none; height: 21px; text-indent: 30px; }
.overzichtTalen th { background: #183458; color: #fff; }
.overzichtTalen td { text-indent: 35px; height: 22px;}
.overzicht td { text-indent: 35px; height: 21px; }
.overzicht td.geel { background: url(img/td-bgyellow.jpg) top left no-repeat #FEEFCB; }
.overzicht td.blauw { background: url(img/td-bgblue.jpg) top left no-repeat #E7E8EE; }

#center { text-align: center; }

/* enkele taal */
#main table.enkelTaal {
    border: 1px solid #183458;

    border-right: none;
    font: 12px Arial;
    background: #FFF9EA;
    /*width: 525px;*/
}


.enkelTaal th {
    margin: 0;
    background: #183458;
    font: bold 12px "Arial", sans-serif;
    color: #fff;
    border-top: none;
    height: 21px;
    /*padding: 0 10px 0 10px;*/
    padding: 0 5px 0 5px;
    text-align: auto;
}
.enkelTaal .headerTitle {
    background: #183458;
    font: bold 12px arial;
    color: #fff;
}
.enkelTaal td {
    border-right: 1px solid #5F6995;
    padding: 5px 10px 4px 10px;
    border-top: 1px solid #5F6995;

}
.enkelTaal .prijs { background: #FEEFCB; text-align: center;}
.blue { background: #E7E8EE; }
.yellow { background: #FFF9EA; }
.darkyellow { background-color: #FDD882; }
.bestelbuttons { margin: 0; }

.noborder td {
    border-width: 0;
    padding: 3px 0px 0px 0px;
}

.enkelTaal h1 {
    color: #ffe4c5;
    font-size: 12px;
    margin: 0;
}

.enkelTaal h2 {
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    color: #ffe4c5;
}

/* ---------------------------------- INFO PAGINA'S ------------------------------------ */
.informatie { margin: 0 100px 35px 0; }
.informatie p { margin-right: 0; }
/* pcmedia blokje */
.emphasis { border: 1px dotted #999; padding: 5px; background: #AFC1D5; }
/* ---------------------------------- UITKLAPMENU ------------------------------------ */
#leftContent a:link { color: #183458; text-decoration: underline;  }
#leftContent a:active { color: #c30;text-decoration: underline;}
#leftContent a:visited { color: #183458; text-decoration: underline; }
#leftContent a:hover { color: #C30;text-decoration: underline;}

/* Styling voor leftnavigatie */
ul.toc {
    background: #fff;
    width: 158px;
    border: 1px solid #505A85;
    padding: 1px;
    margin: 15px 0 25px 0;
}

ul.toc li {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    line-height : 0px;
    margin: 0;
}

ul.toc li.close ul {
    display: none;
}

ul.toc li.open ul {
    padding: 0;
}


ul.toc li span:hover {
    cursor: pointer;
}

/* Set image for the bulleted list. */
/* header close */
UL.toc li.close {
    font-family : arial;
    font-weight : bold;
    font-size : 11px;
    background: url(img/close.gif) top left no-repeat #183458;
    color: #BAC2E2;
    line-height : 20px !important;
    text-indent: 22px;
}
/* header open */
UL.toc li.open {
    font-family : arial;
    font-weight : bold;
    font-size : 11px;
    line-height : 20px !important;
    text-indent: 22px;
    background: url(img/openfin.gif) top left no-repeat #5F6995;
    color: #BAC2E2;


}

ul.toc li ul {
    padding-left: 0;
    margin-left: 0;
}
UL.toc li ul li {
    list-style-image: none;
    list-style: none;
    background: #E7E8EE;
    font: 11px/18px arial;
    border-top: 1px solid #fff;
    margin: 0;
    text-indent: 12px;
    color: #003;
    height: 18px;
    padding-top: 2px;
    padding-bottom: -2px;
}

ul.toc ul li.yellow {
    background: #eee; /*#ebcf95;*/
    font: 11px arial;
    color: #003;
}

ul.toc ul li.new-products { /* Kleur voor nieuwe producten     in leftnavigatie */
        background: #eee;
    }

ul#language-menu ul li.yellow {
    background: #fff;
}

#zoekveld {
    color: #555;
}

/* Grijze balk rechterkant cdrompagina's */
#zijkant {	
    position: absolute;
    right: 0;
    margin-top: 169px;
    padding: 15px 0 0 0;
    padding-left: 15px;
    text-align: left;
    background-color: #183458;
    height: 650px;
    width: 185px;
    color: #E7E8FE;
}
#zijkant p {
    color: #E7E8FE;
}
#zijkant a {
    color: #E7E8FE;
}
/* Einde balk rechterkant */
.zoekLink a {
    color: #0033CC;
}
.zoekLink a:hover {
    color: #cc3300;
}
.rodekleur {
    color: #9A1001;
}
.rodekleur a {
    color: #9A1001;
}
.rodekleur a:hover {
    color: #183458;
}

/* bolletjes voor de links op de cdrom-pagina's rood maken */
ul.rb { color: #900; }
ul.rb li { color: #c30 }

/* UL rood voor artikel.php paginas*/
ul.rood { color: #8b0000; }
ul.rood li { color: #8b0000; }
ul.rood li a { color: #183458; }
ul.rood li a:hover { color: #8b0000; }


.enkelTaal th.zoektabel {
    text-align: center !important;
}

#footer .style1 {
    color: #aaa !important;;
}

/* Begin styling zoekresultaten 
 * Toegevoegd: oktober 2009 */
table.product th.tableHeader { /* Bovenkant van product */
                               padding: 4px;
                               background: #183458;
                               text-align: left;
                               background-image: url('/taalbedrijven/pijl.gif');
                               background-repeat: no-repeat;
                               background-position: 2px 50%;
                               padding-left: 17px;
}

table.product th.tableHeader .levelImage { /* Afbeelding van niveau rechts uitlijnen */
                                           float: right;
}

table.product h2 {
    margin: 0;
}		

table.product th.tableHeader a.productTitle { /* Link opmaken naar artikel-pagina */
                                              font-size: 12px;
                                              color: #fff;
                                              font-weight: bold;
                                              text-decoration: none;
}

table.product th.tableHeader a.productTitle:hover { /* Link opmaken naar artikel-pagina (Mouse over) */
                                                    text-decoration: underline;
}					

table.product { /* Basis voor productweergave in zoektabellen*/
                width: 657px;
                border: 1px solid #183458;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-spacing: 0;
                margin-bottom: 1em;
                background: #FFF9EA;
}		

table.product tr td { /* Padding en dergelijk instellen voor cellen in de tabel */
                      padding: 5px;
                      border: 0;
}

table.product tr td.productImage { /* Cel voor boxshot opmaken */
                                   text-align: center;
                                   width: 120px;
}		

table.product tr td.productDescription { /* Cel met productinformatie opmaken */
                                         text-align: left;
                                         padding: 10px 5px;
                                         vertical-align: top;
}	
/* Einde styling zoekresultaten */

/* Begin styling Eurotalk Online talenpagina
 * Toegevoegd: oktober 2010 */
#freeLesson { /* Aglemene container voor de inhoud van de pagina*/
              width: 676px;
}

#freeLesson .product {
    float: left;
    display: block;
}

#freeLesson .product a {
    text-decoration: none;
}

#freeLesson .product a h4 {
    color: #0067B1;
}

#freeLesson .product h4 { /* Titel van artikel in blok dik drukken */
                          font-weight: bold;
}

.hr hr { /* Lijn subtiele kleur geven */
         color: #ccc;
         background-color: #ccc;
         height: 1px;
         margin: 1em 0;
}

#freeLesson .clear { /* Ervoor zorgen dat er weer netjes op een nieuwe regel wordt begonnen na blokken*/
                     clear: both;
}

#eurotalkProducts .product {
    width: 200px;
    margin-left: 35px;
}

#eurotalkProducts .boxshotContainer {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    height: 190px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#eurotalkProducts .boxshot {
    border: 0;
}

#eurotalkProducts .product h4 {
    margin-bottom: 0;
    background: url('/online-cursus/info.png') no-repeat;
    background-position: 0 1px;
    padding-left: 16px;
    font-size: .9em;
    margin: 1em 1.5em 0 1.5em;
}

#eurotalkProducts .product p {
    padding-left: 16px;
    font-size: 0.8em;
    margin-left: 16px;
    margin-right: 16px;
}

#otherProducts .product {
    width: 160px;
    margin-left: 8px;
    height: 206px;
}

#otherProducts .boxshotContainer {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    height: 130px;

    background: #eee;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#otherProducts .product h4 {
    margin-bottom: 0;
    background: url('/online-cursus/info.png') no-repeat;
    background-position: 0 2px;
    padding-left: 16px;
    font-size: .9em;
    margin-left: 5px;
}

#otherProducts .product p {
    padding-left: 16px;
    font-size: 0.8em;
    margin-left: 5px;
}

#freeLesson .first { /* Eerste blok (groot/klein) netjes links uitlijnen */
                     margin-left: 0;
}

.boxshotContainer a img {
    border: 0;
}
/* Einde styling Eurotalk Onlinepagina */

/*
 * Begin styling filters zoeksysteem
 * Toegevoegd: 25-11-2009
*/
#filters td.selected a {
    font-weight: bold;
}

#filters a {
    text-decoration: none;
}				

#filters {
    border: 1px solid #bbb;
    background: #eee;
    width: 655px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: url('/zoek/background.gif');
    border-spacing: 0;
}								

#filters tr td {
    font-size: 11px;
    padding: 3px 3px 3px 16px;
    background-image: url('/zoek/redbullet.gif');
    background-repeat: no-repeat;
    background-position: 3px 50%;
    background-repeat: no-repeat;
}

#filters tr td a {
    font-size: 11px;
    font-weight: bold;
}		

#filters tr td:hover {
    background-image: url('/zoek/vink.gif');
}		

#filters tr {
    background-image: url('/zoek/background.gif');
    background-repeat: repeat-x;
}

#filters tr td:first-child {
    border-right: 1px solid #bbb;
}

#filters tr:last-child td {
    border-bottom: 0;
}		

#filters td.selected {
    font-weight: bold;
    background-image: url('/zoek/vink.gif');
}

#filters td.selected a {
    color: #640000;
}

#filters tr td#togglerContainer a {
    color: #246321;
}

#filters tr td#togglerContainer {
    background-image: url('/zoek/arrowrechts.gif');
    background-position: 312px 50%;
}

.banners a { color: #fff; }

/*
 * Einde styling zoeksysteem
*/
.addthis_button_email, .addthis_button_print {
    color: #183458; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; margin-right: 2px;
}
.addthis_button_email span, .addthis_button_print span {}

#at-logo { display: none;}

/* Begin styling artikelpagina */
.articlePage #main .enkelTaal h1 {
    font-size: 12px;
    margin: 0;
    color: #fff;
}

.articlePage #main .enkelTaal h2 {
    font-size: 13px;
    font-weight: bold;
    color: #2e65d0 !important;
    margin-bottom: 1em !important;
    font-style: normal !important;
}

.articlePage #main .enkelTaal {
    background: #FFF9EA;
}

#metaInformation table td {
    border: 0;
    vertical-align: top;
}

.toggler {
    display: none;
    font-size: 11px;
    color: #004422;
}

.toggler:hover {
    cursor: pointer;
}

#mailToFriend {}

#printLink {
    
    margin-bottom: 4px;
}

.twitter-share-button {
    padding-left: 2px;
}

#shareWithOthers {
    height: 20px;
}

#shareWithOthers .at300bs {
    margin-top: 2px;
    margin-bottom: 2px;
}

#shareWithOthers .addthis_separator {
    margin-top: 2px;
    margin-bottom: 2px;
}

#shareWithOthers .twitter {
    float: left;
}

#shareWithOthers .facebook {
    float: left;
    padding-left: 2px;
}

#shareWithOthers .print {
    padding: 2px;
    float: left;
}

#shareWithOthers .email {
    padding-left: 2px;
	padding-right: 2px;
    float: left;
}

.addthis_button_email {
    padding-top: 2px !important;
}

.at15t_email {
    margin-top: 0px !important;
}

/* Begin styling pagina's Eurotalk */
.eurotalk .container {
    background: #fff9ea;
    border: 1px solid #183458;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 694px;
    padding: 10px;
    margin: 0;
    margin-bottom: 1em;
}

.eurotalk .list {
    float: left;
    list-style: none;
    padding: 0 4px;
    margin: 0;
    width: 220px;
    border-right: 1px solid #bfbfbf;
}

.eurotalk .last {
    border-right: none;
}

.eurotalk .list li {
    padding: 2px 2px 2px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 1px 0px;
}

.eurotalk .list li img {
    margin-right: 4px;
}

.eurotalk .list li a {
    text-decoration: none;
}

.eurotalk .list li:hover {
    background: #0983D1;
}

.eurotalk .list li:hover a {
    color: white;
}

.eurotalk .list li.header {
    background: #bbb;
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: white;
    font-weight: bold;
}


.eurotalk .list li:nth-child(2n+1) {
    background: #ccc;
}

.eurotalk .list li:nth-child(2n+1):hover {
    background: #0983D1;
}

.eurotalk .list img {
    border: 0;
}

.eurotalk h1 {
    font-size: 14px;
    font-weight: bold;
    color: #0066CC;
}
/* Einde styling pagina's Eurotalk */

/* Link naar alle talen in leftnavigaties voor een specifieke taal */
div#leftContent a#allLanguagesLink {
    background: #183458 url('/img/close2.gif') no-repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 150px;
    font-size: 10px;
    color: #BAC2E2;
    text-decoration: none;
    font-weight: strong;
    display: block;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}