/* ---------------------------------- GENERAL STYLES ------------------------------------ */

html {
    -webkit-text-size-adjust:none; /* For iPhone and Android users */
}
a:link { color: #183458; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; }
a:active { color: #183458; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; }
a:visited { color: #183458; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; }
a:hover { color: #C30; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; }
body { font: 12px/16px "Arial", "Verdana", sans-serif; color: #183458; background: fff; margin: 0;}

p	{ font: 12px/16px "Arial", "Verdana", sans-serif; color: #183458;}

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; color: #fff;}
h5.top { font: bold 12px "Arial", "Verdana", sans-serif; margin: 5px 0 10px 0; color: #183458;}
h6 { font: bold 9px "Verdana", sans-serif; margin: 5px 0 0 0; color: #183458; }
r  {color: #800000}
/* ---------------------------------- CUSTOM STYLES ------------------------------------ */
#nav { background:  #173153; border-top: 1px solid #fff; border-bottom: 1px solid  #173153; }
#logo { border: 1px solid #183458; border-top: none; border-left: none; padding: 0 10px 0 15px; }
form { margin: 0; padding: 0; }

#zoekveld { width: 130px; }

#topRight {
    border-bottom: 1px solid #183458;
    border-left: 1px solid #183458;
    margin-left: 2px;
    width: 317px;
    height: 106px;
    background: #fff;
    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; }
/* LEFT NAV */
#left {
    border-right: 1px solid #183458;
    min-height: 650px;
    margin: 0;
    padding: 0;
    background: #d5d5d5;
    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: #173153;
    color: #fff;
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 1px 0 2px 0;
    height: 17px;

    font-size: 12px;
}
#footer a { 
    color: #fff; }

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

/* Menu */
ul#topmenu {
    list-style: none;
    height: 25px;
    background: #173153;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 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: 5px;
    border-right: 1px solid #698197;
    display: block;
    text-decoration: none;
    font-size: 11px;
    height: 24px;
    width: 100px;
    text-align: center;
}

ul#topmenu li a.first img {
    display: inline;
    margin-bottom: -4px;
    border: 0;
    padding-right: 5px;
}


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

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

ul#topmenu li a.first {
    width: 153px;
    text-align: left;
    padding-left: 15px;
    /*border-left: 1px solid #183458;*/
    font-weight: bold;
}
/* End menu */

/* ---------------------------------- 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;
}

#main table.overzichtTalen tr td {
    height: 22px;
}
/*
#main .informatie * {
	font: 12px "Arial", sans-serif;
	color: #183458;
	}
*/

.banners {	
    margin-top: 70px;
    padding: 15px 0 0 0;
    text-align: center;
    background-color:  #173153 !important;
    height: 700px;
    width: 150px;
}
.banners img { margin: 10px 0 0 0; 
               background-color:  #173153 !important;
}
.banners p {
    background-color:  #173153 !important;
    color: white;
}
.banners table { color: white; }

.banners a { color: #fff; }

.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: #fff;  /* #f3f4f7; */
    /*width: 525px;*/
}

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

.enkelTaal table {
    border: 0;
}

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

.noborder td {
    border-width: 0;
    /*padding: top right bottom left;*/
    padding: 3px 0px 0px 0px;
}
.enkelTaal h1 {
    color: #fff;
}
/*#noborder td { border-width: 0; }*/

/* ---------------------------------- 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;}
UL.toc {
    background: #fff;
    width: 158px;
    border: 1px solid #505A85;
    padding: 1px;
    margin: 15px 0 25px 0;
}
/* bottom stuff */
UL.toc LI {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
    text-indent: none;
    line-height : 0px;
    margin: 0;
}

/* Set image for the bulleted list. */
/* header close */
UL.toc .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 .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  #173153;
    color: #BAC2E2;

}
/* Leftnavigatie menu item */
UL.toc UL LI {
    list-style-image: none;
    list-style: none;
    background: #E8E8E8;
    /*padding: 5px 0 5px 0;*/
    font: 11px arial;
    border-top: 1px solid #fff;
    margin: 0;
    text-indent: 12px;
    color: #003;
    height: 18px;

    padding-top: 1px;
    padding-bottom: -2px;
}

ul.toc ul li.yellow {
    list-style-image: none;
    list-style: none;
    background: #E7E8EE; /*#ebcf95;*/
    font: 11px/18px arial;
    border-top: 1px solid #fff;
    margin: 0;
    text-indent: 12px;
    color: #003;
}
ul.toc ul li.blue {
    list-style-image: none;
    list-style: none;
    background:  #E7E8EE; /*#ebcf95;*/
    font: 11px/18px arial;
    border-top: 1px solid #fff;
    margin: 0;
    text-indent: 12px;
    color: #003;
}
/* Hide the Child elements by default. */
UL.toc UL, UL.toc UL UL {
    display:none;
    /*height: 20px;*/
} 
/* Display the Child elements. */
UL.toc .expanded {
    display:block;
    text-indent: none;
    margin: 0px 0 0 0;
    padding-left: 0;
    list-style-image: none;
    list-style: none;
    font-weight: normal;
}
#zijkant {
    display: block;
    position: absolute;
    right: 0;
    margin-top: 169px;
    padding: 15px 0 0 0;
    padding-left: 15px;
    text-align: left;
    background-color: #183458 !important;
    height: 650px;
    width: 185px;
    color: #E7E8FE;
}
#zijkant p {
    color: #E7E8FE;
    background: #183458 !important;
}
#zijkant a {
    color: #E7E8FE;
    background: #183458 !important;
}
.zoekLink a {
    color: #0033CC;
}
.zoekLink a:hover {
    color: #cc3300;
}
.rood {
    color: #9A1001;
}
.rood a {
    color: #183458;
}
.rood a:hover {
    color: #183458;
}
/*#main table.talenpagina {
	border: 1px solid #183458;
	border-right: none;
	font: 12px Arial;
	background: #FEEFCB;
	width: 640px;
	}

.talenpagina th {
	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;
	}
.talenpagina .headerTitle {
	background: #183458;
	font: bold 12px arial;
	color: #fff;
	}
.talenpagina td {
	border-right: 1px solid #5F6995;
	/*height: 21px;
	padding: 5px 10px 4px 10px;
	/*padding: 5px 16px 4px 16px;

	border-top: 1px solid #5F6995;
	/*white-space: nowrap;
	}
.talenpagina .prijs { background: #FEEFCB; text-align: center;}
.talenpagina h1 {
	color: #fff;
}
#main table .zoekpagina {
	border: 1px solid #183458;
    border-left: 1px solid #183458;

	border-right: 1px solid #183458;

	font: 12px Arial;
	background: #FEEFCB;
	width: 675px;
	}

.zoekpagina th {
	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;
	}
.zoekpagina th .headerTitle {
	background: #183458;
	font: bold 12px arial;
	color: #fff;

	left: 25px;

	text-align: left !important;
	}
.zoekpagina td {
	/*border-right: 1px solid #5F6995;
	/*height: 21px;
	padding: 5px 10px 4px 10px;
	/*padding: 5px 16px 4px 16px;
	border-right: 1px solid #183458;

	border-left: 1px solid #183485;
	border-bottom: 1px solid #5F6995;
	/*white-space: nowrap;
	}

.zoekpagina td table td {
	border: none;
}
.zoekpagina .prijs { background: #FEEFCB; text-align: center;}
.zoekpagina h1 {
	color: #fff;
} */

td#left {
    max-width: 178 !important;
}
/* Gedeactiveerd met display: none; */
#button_voorraad {
    display: none;
}

/* Begin styling zoekresultaten 
 * Toegevoegd: november 2009 */
table.product th.tableHeader { /* Bovenkant van product */
                               padding: 4px;
                               background: #183458;
                               text-align: left;
                               background-image: url('/graphics/pijl_zoektabel.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 th.tableHeader a.productTitle { /* Link opmaken naar artikel-pagina */
                                              font-size: 12px;
                                              color: #ffe4c5;
                                              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: #fff;
}		

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 */



body + table {
    position: absolute; top: 0; left: 0;
}

.addthis_button_email, .addthis_button_print {
    color: #183458; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline;
}
.addthis_button_email span, .addthis_button_print span {}

#at-logo { display: none;}