/* ---------------------------------- GENERAL STYLES ------------------------------------ */
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: #FFE4C5 !important;}

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; }
#topRight {
	border-bottom: 1px solid #183458;
	border-left: 1px solid #183458;
	margin-left: 2px;
	width: 317px;
	height: 106px;
	background: #FFE4C5;
	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: url(img/menu.jpg) top left no-repeat #046288;
	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: #aaa;
	border-left: 0;
	border-right: 0;
	text-align: center;
	padding: 1px 0 2px 0;
	height: 17px;
	
	font-size: 12px;
	}
#footer a { 
	color: #aaa; }
	
.here { background: #E7A82D; }
.orange { background: orange; }

/* Menu */
ul#topmenu {
	list-style: none;
	height: 20px;
	margin-left: 177px;
	background: #173153;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	width: 750px;
}

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: #173153;
}

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

ul#topmenu li a.first {
	border-left: 1px solid #698197;
}
/* 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 .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;
}
	
.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: #ffffff;
	text-align: left;;
	}
	
#main table.enkelTaal th {
	margin: 0;
	background: #183458;
	font: bold 12px "Arial", sans-serif;
	color: #fff;
	border-top: none;
	height: 21px;
	padding: 0 5px 0 5px;
	text-align: left;
	}

#main table.enkeltaal th:first-child {
	text-align: left;
}
.enkelTaal td {
	border-right: 1px solid #183458;
	padding: 5px 10px 4px 10px;
	border-top: 1px solid #183458;
	}

.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;
	
	
	}
UL.toc UL LI {
	list-style-image: none; 
	list-style: none;
	background: #ffffff;
	/*padding: 5px 0 5px 0;*/
	font: 11px/18px arial;
	border-top: 1px solid #fff;
	margin: 0;
	text-indent: 12px;
	color: #003;
	/*height: 20px;*/
	}
	
ul.toc ul li.yellow {
	list-style-image: none;
	list-style: none;
	background: #FFE4C5; /*#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;
}
.rodekleur {
	color: #9A1001;
}
.rodekleur a {
	color: #9A1001;
}
.rodekleur a:hover {
	color: #183458;
}
#main table tr td p {
	background: white !important;
}
td#left {
	max-width: 178 !important;
}
/* Gedeactiveerd met display: none; */
#button_voorraad {
	display: none;
}