﻿/*
#showCase
{
	width: 678px;
	height: 250px;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 0 15px 0;
}
#showCase .overzicht
{
	width: 678px;
	height: 231px;
	float: left;
	overflow: hidden;
	padding-top: 20px;
}
#showCase .item
{
	cursor: text;
	width: 678px;
	height: 230px;
	padding-top: 20px;
}
#showCase .item img
{
	height: 250px;
	left: 213px;
	position: absolute;
	top: 0px;
	width: 465px;
}
#showCase .item a
{
}
#showCase .item a:hover
{
	text-decoration: none;
}



#showCase .active span
{
	cursor: pointer;
}

#showcase_logo
{
	position: absolute;
	left: 207px;
	top: 216px;
}
*/

#showCase{
width:950px;
height:226px;
position:relative;
}
#showCase .overzicht{
width:244px;
height:207px;
float:left;
}
#showCase .schaduw{
background:url(/img/w/schaduw.png) left top repeat-y;
height:225px;
width:19px;
position:absolute;
left:225px;
top:0;
}
#showCase .case{
width:225px;
height:44px;
cursor:pointer;
border:solid 1px #ffffff;
border-width:0 0 1px 0;
background:#E6E6E6;
}
#showCase .case#case5{
height:45px;
}
#showCase .case.laatste{
border:solid 1px #E6E6E6;
border-width:0 0 1px 0;
}
#showCase .case.active{
background:#E0141C;
}
#showCase .case.laatste.active{
border:solid 1px #E0141C;
border-width:0 0 1px 0;
}
#showCase .case h2{
border:none;
color:#7D7D7D;
margin:0;
padding:0;
height:44px;
width:225px;
text-transform: none;
}
#showCase .case h2 a{
color:#7D7D7D;
padding:12px 25px 11px 25px;
display:block;
font-size:15px;
}
#showCase .case.active a,
#showCase .case.active h3{
color:#ffffff;
font-size:18px;
}
#showCase .case.active a{
font-size:15px;
}
#showCase .case h2 a:hover{
text-decoration:none;
}
#showCase .item{
display:none;
font-weight:bold;
cursor:text;
position:absolute;
left:226px;
top:0px;
width:724px;
}
#showCase .case .pijl,
#showCase .case .balk{
display:none;
}
#showCase .active .balk{
bottom:1px;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:20px;
height:38px;
left:225px;
padding:13px 20px 0;
position:absolute;
width:684px;
z-index:4;
background:url(/img/w/balk_bg.png) left top repeat-x;
}
#carousel .pijl {
}
#carousel .selected .pijl {
    background: url("/img/w/pijl.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    left: 225px;
    position: absolute;
    width: 13px;
    z-index: 15;
}
.item1 .pijl {
    top: 14px;
}
.item2 .pijl {
    top: 59px;
}
.item3 .pijl {
    top: 104px;
}
.item4 .pijl {
    top: 149px;
}
.item5 .pijl {
    top: 194px;
}


/* Caroufredsel variant */
#carousel{
width:950px;
height:225px;
position:relative;
overflow:hidden;
clear:left;
}
#carousel .afbeelding {
text-align:left;
}
.restyle #carousel{
height:224px;
}
#carousel .nav{
width:225px;
height:225px;
float:left;
}
.restyle #carousel .nav{
width:308px;
}
.restyle .caroufredsel_wrapper{width:642px!important;}
#carousel .nav h2{
border:none;
color:#7D7D7D;
margin:0;
padding:0;
height:44px;
width:225px;
text-transform:none;
background:#E6E6E6;
border-bottom:1px solid #fff;
}
.restyle #carousel .nav h2{
width:308px;
}
#carousel .nav h2.laatste{
border-bottom:1px solid #E6E6E6;
}
#carousel .nav h2.laatste.selected{
border-bottom:1px solid #E0141C;
}
#carousel .nav h2 a{
color:#7D7D7D;
padding:12px 25px 11px 25px;
display:block;
font-size:15px;
}
#carousel .nav h2 a:hover{
text-decoration:none;
}
#carousel .nav h2.selected,
#carousel .nav h2.selected a{
color:#ffffff;
background:#E0141C;
}
#carousel .schaduw{
background:url(/img/w/schaduw.png) left top repeat-y;
height:225px;
width:19px;
position:absolute;
left:225px;
top:0;
z-index:10;
}
#carousel .item{
position:relative;
width:725px;
height:225px;
}
#carousel .balk{
bottom:1px;
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:20px;
height:38px;
right:0px;
bottom:0px;
padding:13px 20px 0;
position:absolute;
width:685px;
z-index:4;
background:url(/img/w/balk_bg.png) left top repeat-x;
}
.restyle #carousel .balk{
height:36px;
padding:9px 20px 0 20px;
}
#carousel .balk h3{
color:#FFFFFF;
font-size:18px;
}
#carousel .balk h3 a{
color:#FFFFFF;
font-size:18px;
}
.restyle #carousel .balk h3 a{
font-weight:normal;
}
#carousel .balk h3 a:hover{
text-decoration:none;
}
#carousel .pijl{
/*display:none;*/
}
#carousel .selected .pijl{
display:block;
position:absolute;
background:url(/img/w/pijl.png) left top no-repeat;
width:13px;
height:16px;
z-index:15;
left:225px;
}
.item1 .pijl{
top:14px;
}
.item2 .pijl{
top:59px;
}
.item3 .pijl{
top:104px;
}
.item4 .pijl{
top:149px;
}
.item5 .pijl{
top:194px;
}



