/* ---------------------------------- 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: #8b0000; font: 12px/18px "Arial", "Verdana", sans-serif; text-decoration: underline; }
body, p { font: 12px/16px "Arial", "Verdana", sans-serif; color: #183458; margin-top: 0;}
	
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; }
r  {color: #800000}

.red {
	color: #f00;
}

td .header {
	background: #183458;
	color: #fff;;
}

/* Menu */

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

/* ---------------------------------- CUSTOM STYLES ------------------------------------ */

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

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

/* LEFT NAV */
#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;
	}
/*
#main .informatie * {
	font: 12px "Arial", sans-serif;
	color: #183458;
	}
*/
	
.banners {	
	margin-top: 70px;
	padding: 15px 0 0 0;
	text-align: center;
	background-color: #181D5E;
	width: 150px;
	overflow: visible;;
	}
.banners img { margin: 10px 0 0 0; }
.banners p { color: white; }

.banners table { 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: #FEEFCB;
	/*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;
	/*height: 21px;*/
	padding: 5px 10px 4px 10px;
	/*padding: 5px 16px 4px 16px;*/
	border-top: 1px solid #5F6995;
	/*white-space: nowrap;*/
	}
.enkelTaal .prijs { background: #FEEFCB; text-align: center;}
.blue { background: #E7E8EE; }
.yellow { background: #FEEFCB; }
.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: #ffe4c5;
	font-size: 12px;
	margin: 0;	
}

.enkelTaal h2 {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	color: #ffe4c5;
}
/*#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; 
	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 #5F6995;
	color: #BAC2E2;
	
	
	}
UL.toc UL LI {
	list-style-image: none; 
	list-style: none;
	background: #E7E8EE;
	/*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: #FFF9EA; /*#ebcf95;*/
	font: 11px arial;
	border-top: 1px solid #fff;
	margin: 0;
	padding-top: 2px;
	padding-bottom: -2px;
	
	height: 18px;
	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 {	
	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;
}
.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 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 2009 */
#freeLesson { /* Aglemene container voor de inhoud van de pagina*/ 
	width: 676px;
}
			
#freeLesson .product { /* Groot blok voor product */
	float: left;
	width: 3px;
	background: #fff;
	border: 1px solid #ccc;
	margin-left: 25px;
	display: block;
	width: 200px;
	height: 270px;
	padding: 7px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
}
				
#freeLesson .product img.boxshot { /* Afbeelding in het grote blok*/
	margin: 0 auto;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;					
}
				
#freeLesson .first { /* Eerste blok (groot/klein) netjes links uitlijnen */
	margin-left: 0;
}
				
#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;
}
				
#freeLesson #otherProducts .product { /* Klein blok */
	float: left;
	background: #eee;
	border: 1px solid #ccc;
	margin-left: 14px;
	display: block;
	width: 150px;
	height: 204px;
	padding: 7px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
}
				
#freeLesson #otherProducts .first { /* Eerste kleine blok netjes links uitlijnen */
	margin-left: 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
 */
 
* html img,

* html .png{

    position:relative;

    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

        this.src = "/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

    );
}

* html input,

* html .png{

    position:relative;

    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

        this.src = "/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

    );

}