/* CSS Document */
/* ############### tales.be css framework v0.3 (by kvd) ###############  */


/* ############### SITESPECIFIC CSS - KVD ############### */
/* ############### SITEWIDE RULES - SITESPECIFIC ############### */
html{
	
}
body{	
	background-image: url(../gfx/basics/bigback2.gif);
	background-repeat: no-repeat;
	background-position: center top;

}

body.external{
	background-image: url(../gfx/basics/bigback2.external.gif);
}

#zoekfunctie{
	display: block;
	clear: both;
	padding: 5px 0 0 15px;
	z-index: 100;
}
#zoekveld{
	width: 165px;
	color: #189304;
	/*font-weight: bold;*/
	font-size: 100%
}
#zoekbutton{
	background-color: #189304;
	border: 0px;
	color: #fff;
	font-size: 100%;
	height: 16px;
	margin-left: 5px;
	width: 35px;
	padding-bottom: 3px;
}
.fr #zoekbutton{
	width: 55px;

}
#footercontent{
	background-color: #1A9206;
	display: block;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: center;
}
.external #footercontent{
	background-color: #1a7799;
}
#footercontent p{	color: #fff;}
#footercontent p a:link, #footercontent p a:visited{
	color: #fff;
	text-decoration: none;
}
#footercontent p a:hover, #footercontent p a:active{ 	color: #F78F1E;}

.overzichtspagina .item{
	display: block;
	width: 696px;
	/*border: 1px solid red;*/
	margin-bottom: 20px;
	background-image: url(../gfx/interface/overzichtspanel.top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.overzichtspagina .elearningtip{
	padding-left: 10px;
	width: 686px;
}
.overzichtspagina #IE6 .item{	/*margin-left: -15px;*/}

.overzichtspagina .item .introimage{
	display: block;
	float: left;
	width: 120px;
	margin: 20px 0 0 15px;
	text-align: center;
	/*background-color: Orange;*/
	}
.overzichtspagina #IE6 .item .introimage{
	margin-left: 7px;
}
.overzichtspagina .item .introteksten{
	display: block;
	float: right;
	width: 540px;
	padding-right: 10px;
}	
.overzichtspagina #IE6 .item .introteksten{width: 530px; }	
.overzichtspagina .item .introimage img{
	border: 1px solid #828282;
}
.overzichtspagina .item .itembottom{
	display: block;
	/*background-color: Orange;*/
	width: 696px;
	height: 30px;
	background-image: url(../gfx/interface/overzichtspanel.bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.overzichtspagina .elearningtip .itembottom{
	margin-left: -10px;
}
.overzichtspagina .item a.leesverder{
	display: block;
	margin-top: 15px;
	text-decoration: none;
	background-image: url(../gfx/interface/ico.leesverder.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	
}

.overzichtspagina .item a.leesverder:link, .overzichtspagina .item a.leesverder:visited{}
.overzichtspagina .item a.leesverder:hover, .overzichtspagina .item a.leesverder:active{ }



/* #################### PRODUCTFICHE DETAIL ##################### */
.buttonrow{
	display: block;
	/*padding-bottom: 15px;*/
	margin-bottom: 15px;
}
#printpage{
	display: block;
	float: left;
	margin-right: 10px;
	width: 150px;
}
		.fr #printpage{
			width: 170px;
		}

#mailpage{
	display: block; 
	float: left;
	width: 180px;}

#printpage a, #mailpage a{	text-decoration: none; display: block; height: 23px; color: #fff;}
#printpage a{
	background-image: url(../gfx/interface/btn.print.leftside.normal.gif);
	background-repeat: no-repeat;
	padding: 5px 0 0 30px;}
	
#mailpage a{
	background-image: url(../gfx/interface/btn.mail.leftside.normal.gif);
	background-repeat: no-repeat;
	padding: 5px 0 0 30px;}
	
#printpage a .buttonstopper, #mailpage a .buttonstopper{
	/*display: inline-block;*/
	width: 13px;
	height: 28px;
	background-image: url(../gfx/interface/btn.mail.stopper.normal.gif);
	background-repeat: no-repeat;
	float: right;
	margin-top: -5px;
	/*margin-top: -18px;*/
}
 #IE6 #printpage a .buttonstopper, #IE6 #mailpage a .buttonstopper,
 #IE7 #printpage a .buttonstopper, #IE7 #mailpage a .buttonstopper{
	margin-top: -18px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ /* TARGETS SAFARI 3 */
	#printpage a .buttonstopper,
	#mailpage a .buttonstopper
	{ margin-top: -5px !important;  }
}

#printpage a:hover, #printpage a:active{
	background-image: url(../gfx/interface/btn.print.leftside.hover.gif);}
#mailpage a:hover, #mailpage a:active{
	background-image: url(../gfx/interface/btn.mail.leftside.hover.gif)}
#printpage a:hover .buttonstopper, #printpage a:active .buttonstopper,
#mailpage a:hover .buttonstopper, #mailpage a:active .buttonstopper{background-image: url(../gfx/interface/btn.mail.stopper.hover.gif);}

#productfiche{
	width: 695px;
}

#productfiche #row1{
	display: block;
	float: left;
	width: 325px;
}

.journaal #productfiche #row1{
	width: 400px;
}
#productfiche #row2{
	display: block;
	width: 325px;
	float: right;
	/*background-color: Orange;*/
}
.journaal #productfiche #row2{
	width: 275px !important;
	}
.journaal #IE6 #productfiche #row2{
	width: 283px !important;
	margin-right: 0px;
	}
.journaal #IE7 #productfiche #row2{
	width: 283px !important;
	margin-right: -7px;
	}

#productfiche .titel{
	font-weight: bold;
	color: #189304;
}

#productfiche img{border: 1px solid #189304;}
#productfiche .silverpanel{
	display: block;
	width: 305px;
	background-image: url(../gfx/interface/productfiche.kader.silver.top.gif);
	background-repeat: no-repeat;
	padding: 5px 10px 0 10px;
	margin-bottom: 10px;
}

#productfiche .silverpanel .bottomstopper{
	display: block;
	height: 31px;
	width: 325px;
	background-image: url(../gfx/interface/productfiche.kader.silver.bottom.gif);
	background-repeat: no-repeat;
	margin-left: -10px;
}

#productfiche .greenpanel{
	display: block;
	width: 305px;
	background-image: url(../gfx/interface/productfiche.kader.green.top.gif);
	background-repeat: no-repeat;
	padding: 5px 10px 0 10px;
	margin-bottom: 10px;
}

#productfiche .greenpanel .bottomstopper{
	display: block;
	height: 31px;
	width: 325px;
	background-image: url(../gfx/interface/productfiche.kader.green.bottom.gif);
	background-repeat: no-repeat;
	margin-left: -10px;
}


/* #################### DOWNLOADS ##################### */
.downloadsindex a{
	text-decoration: none;
	color: #474747;
	display: block;
	padding: 10px;
	background-image: url(../gfx/sidenav/divider.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.downloadsindex a:hover, .downloadsindex a:active{
	background-color: #1E8E0B;
	color: #fff;
}


.greenpanel .bestellen, .greenpanel .downloaden, .greenpanel .website{
	display: block;
	margin-top: 10px;}
.greenpanel .bestellen a, .greenpanel .downloaden a, .greenpanel .website a{
	text-decoration: none;
	color: #000;
}

.greenpanel .bestellen a:link, .greenpanel .bestellen a:visited,
.greenpanel .downloaden a:link, .greenpanel .downloaden a:visited,
.greenpanel .website a:link, greenpanel .website a:visited{
	color: #000;
}

.greenpanel .bestellen a:hover, .greenpanel .bestellen a:active,
.greenpanel .downloaden a:hover, .greenpanel .downloaden a:active,
.greenpanel .website a:hover, greenpanel .website a:active{
	color: red;
}

.greenpanel .bestellen{
	background-image: url(../gfx/interface/ico.bestellen.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 21px;
	padding-top: 10px;
}

.greenpanel .downloaden{
	background-image: url(../gfx/interface/ico.downloaden.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 24px;
	padding-top: 3px;
}

.greenpanel .website{
	background-image: url(../gfx/interface/ico.website.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	height: 24px;
	padding-top: 7px;
	
}



/* #################### JOURNAAL / CONSUMENTEN ##################### */

.scrollrow{
	overflow: auto;
	width: 345px !important;
	height: 400px;
	border: 0px solid red;
	/*margin-left: 10px;*/
}

#IE6 .scrollrow{
	width: 355px !important;
}
#IE7 .scrollrow{
	width: 355px !important;
	/*margin-left: 7px;*/
}

.journaal .scrollrow{
	/*width: 295px !important;*/
	/*background-color: aqua;*/
	}
.journaal #IE6 .scrollrow{
	/*width: 305px !important;*/
}
.journaal #IE7 .scrollrow{
	/*width: 305px !important;*/
	/*margin-left: 7px;*/
}

.journaal #productfiche #row2 .scrollrow{
	/*width: 345px !important;*/
	}

.scrollrow .silverpanel .bottomstopper{
	display: block;
	height: 20px !important;
	width: 325px;
	background-image: url(../gfx/interface/productfiche.kader.silver.bottom.short.gif) !important;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-left: -10px;
}

.journaal #productfiche #row2.scrollrow .silverpanel .bottomstopper{
	display: block;
	height: 20px !important;
	width: 256px;
	background-image: url(../gfx/interface/journaal.rechterkolom.kader.silver.bottom.gif) !important;
	background-repeat: no-repeat;
	background-color: #fff;
	margin-left: -10px;
}

.journaal #productfiche #row2.scrollrow .silverpanel{
	display: block;
	width: 236px;
	background-image: url(../gfx/interface/journaal.rechterkolom.kader.silver.top.gif) !important;
	background-repeat: no-repeat;
	padding: 5px 10px 0 10px;
	margin-bottom: 10px;
}
.journaal #productfiche #row2.scrollrow .silverpanel .introteksten{
		width: 140px;
}
.journaal #productfiche #row2.scrollrow .silverpanel .introteksten .buttonrow {
	padding-bottom: 10px;
}
.journaal #productfiche #row2.scrollrow .silverpanel .introteksten .buttonrow .playbutton{
		float: none !important;
		display: block;
		margin-bottom: -10px !important;
		padding-bottom: 0px;
}
.scrollrow .silverpanel .introimage{
	display: block;
	float: left;
	width: 80px;
	margin: 0px 0 0 0px;
	/*background-color: Orange;*/
	}
.scrollrow #IE6 .silverpanel .introimage{
	margin-left: 7px;
}
.scrollrow .silverpanel .introteksten{
	display: block;
	float: right;
	width: 200px;
	padding-right: 10px;
}	
.scrollrow #IE6 .silverpanel .introteksten{width: 530px; }	
.scrollrow .silverpanel .introimage img{
	border: 1px solid #828282;
}

.buttonrow{	margin-bottom: 0px;}
.buttonrow .playbutton{
	/*display: block;*/
	padding: 2px 0 5px 35px;
	background-image: url(../gfx/interface/ico.play.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	text-decoration: none;
}

.buttonrow .playbutton:hover, .buttonrow .playbutton:active{
	background-image: url(../gfx/interface/ico.play.hover.gif);}
	
	
#specials .buttonrow .playbutton{
	background-image: url(../gfx/interface/ico.play.ongreen.gif);
	}

#specials .buttonrow .playbutton:hover, #specials .buttonrow .playbutton:active{
	background-image: url(../gfx/interface/ico.play.hover.ongreen.gif);}
	
	
	
/* #################### HOMEPAGE ################# */
.homepanel{
	display: block;
	width: 200px;
	background-image: url(../gfx/interface/homepanel.green.top.gif);
	background-repeat: no-repeat;
	padding: 1px 10px 0 10px;
	margin-top: 10px;
	margin-bottom: 0 !important;
	margin-left: -20px;
}

.homepanel .bottomstopper{
	display: block;
	height: 26px;
	width: 220px;
	background-image: url(../gfx/interface/homepanel.green.bottom.gif);
	background-repeat: no-repeat;
	margin-left: -10px;
}
.homepage #player1{
	margin-left: -10px;
	width: 330px;
	
}
.homepage #productfiche{
	margin-bottom: 0px !important;
	padding-right:0
}
.homepage #productfiche #row1{
	display: block;
	float: left !important;
	/*width: 350px;*/
	width: 400px;
	margin-right: 0;
}
.homepage #productfiche #row2{
	display: block;
	/*width: 340px !important;*/
	width: 290px !important;
	float: right;
	/*margin-left: 10px;*/
	padding-top: 45px;
	margin-right: 0;
}
.homepage #IE6 #productfiche #row2{
	margin-left: 5px !important;
	/*width: 340px !important;*/
	width: 290px !important;

}

.homepage .scrollrow{
	overflow: hidden;
	/*width: 225px !important;*/
	width: 175px !important;
	border: 0px solid red;
	height: auto !important;
	/*margin-left: 10px;*/
}
.homepage #IE6 .scrollrow{
	/*width: 235px !important;*/
	width: 145px !important;
	padding-right: 0px !important;
}
.homepage #IE7 .scrollrow{
	/*width: 235px !important;*/
	width: 185px !important;
	/*margin-left: 20px;*/
}
.homepage .scrollrow .silverpanel{
	background-image: url(../gfx/interface/homepanel.silver.top.gif) !important;
}
.homepage #IE6 .scrollrow .silverpanel{
	/*margin-right: 0 !important;*/
}
.homepage .scrollrow .silverpanel .bottomstopper{
	background-image: url(../gfx/interface/homepanel.silver.bottom.gif) !important;
}
.homepage #IE6 .scrollrow .silverpanel .bottomstopper{
	width: 285px !important;
}
.homepage .scrollrow .silverpanel .introteksten{
	display: block;
	width: 270px;
	/*width: 290px;*/
	padding-right: 10px;
	text-align: left !important;
	float: none;
	/*
	background-color: aqua;*/
	}	
.homepage #IE6 .scrollrow .silverpanel .introteksten{
	/*width: 530px;*/
	/*background-color: orange;*/
	width: 265px;
	
	}	

.homepage #productfiche .introteksten .contentrow{
	margin-bottom: 10px;
}

.homepage #productfiche .introteksten .introimage{
	margin-right: 10px;
}
.homepage #specials .silverpanel{
	background-image: url(../gfx/interface/homepage.special.green.top.gif) !important;
}
.homepage #specials .silverpanel .bottomstopper{
	background-image: url(../gfx/interface/homepage.special.green.bottom.gif) !important;
	height: 30px !important;
}

.homepage #specials .silverpanel .introteksten{
	/*width: 255px;*/
}
#volgendeuitzending{
	display: block;
	width: 665px;
	background-image: url(../gfx/interface/homepanel.big.green.top.gif);
	background-repeat: no-repeat;
	padding: 1px 10px 0 10px;
	margin-top: 10px;
	margin-bottom: 0 !important;
	margin-left: 0px;
}

#volgendeuitzending .bottomstopper{
	display: block;
	height: 31px;
	width: 685px;
	background-image: url(../gfx/interface/homepanel.big.green.bottom.gif);
	background-repeat: no-repeat;
	margin-left: -10px;
}


#journaalspecials.scrollrow{
	width: 695px !important;
	height: 220px;
}

#IE7 #journaalspecials.scrollrow{
	width: 685px !important;
	padding-right: 10px;
}

#journaalspecials .silverpanel{
	float: left;
	display: block;
	width: 305px;
	background-image: url(../gfx/interface/productfiche.kader.silver.top.gif);
	background-repeat: no-repeat;
	padding: 5px 10px 0 10px;
	margin-bottom: 10px;
	margin-right: 0 !important;
}

#journaalspecials .right{
	float: right;
	/*margin-right: 3px;*/
}
#IE6 #journaalspecials .left{
	margin-right: 10px;
}
#journaalspecials .silverpanel .bottomstopper{
	display: block;
	height: 31px;
	width: 325px;
	background-image: url(../gfx/interface/productfiche.kader.silver.bottom.gif);
	background-repeat: no-repeat;
	margin-left: -10px;
}


#langswitch{
	display: block;
	float: right;
	margin-right: 25px;
	font-size: 125%;
}