/************************ carousel component *************************************/
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */
/***********************************************/
/* GENERAL CSS                                 */
/* This css is identical to all portals        */
/* All title specific colors are in color.css  */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	
    
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#ffffff;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}

.carousel-component { 
    padding:8px 16px 4px 16px;
    margin:10px 0 10px 0;
}

.carousel-component .carousel-list li { 
    margin:4px;
    width:94px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
    height:93px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    display:block;
    border:1px solid #e2edfa;
    outline:none;
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
    border:1px solid #999;
    display:block;
    margin: 0px 15px 0px 15px;
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    top:40px;
    z-index:3;
    cursor:pointer; 
    left:5px; 
}

.carousel-component .carousel-next { 
    position:absolute;
    top:40px;
    z-index:3;
    cursor:pointer; 
    right:5px; 
}

/************************ Skinning *************************************/

.yui-sam-skin .yui-navset .yui-nav li {
    margin-right:0; /* space between tabs */
    padding-top:1px; /* gecko: make room for overflow */
    zoom:1;
}

.yui-sam-skin .yui-navset .yui-nav .selected { 
    margin-bottom:-1px; /* for overlap */
}

.yui-sam-skin { 
    margin: 10px 0; /*verkleint vanwege witruimte rechterkolom*/
    clear: both;
}

.yui-sam-skin .yui-navset .yui-nav a {
	background:#e5e5e5 url("../images/specialsTab_background.gif") repeat-x; /* tab background */
	border-left:solid 1px #e5e5e5;
	border-right:solid 1px #e5e5e5;
	border-bottom:none;
	color:#212121;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.yui-sam-skin .yui-navset .yui-nav a em {
	cursor:hand;
	padding:0.5em;
	top:-1px; /* for 1px rounded corners */
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e5e5e5;
	padding:-0.7em -0.75em; /* UNraise selected tab */
}

.yui-sam-skin .yui-navset .yui-nav .selected a,
.yui-sam-skin .yui-navset .yui-nav a:focus,
.yui-sam-skin .yui-navset .yui-nav a:hover {
    background:#ffffff; /* selected tab background */
}

.yui-sam-skin .yui-navset .yui-nav .selected a em {
    padding:0.7em 0.75em; /* raise selected tab */
}

.yui-sam-skin .yui-navset .yui-nav .selected a,
.yui-sam-skin .yui-navset .yui-nav a:hover,
.yui-sam-skin .yui-navset .yui-nav a:focus, 
.yui-sam-skin .yui-navset .yui-nav a:hover em,
.yui-sam-skin .yui-navset .yui-nav a:focus em,
.yui-sam-skin .yui-navset .yui-nav .selected a em {
    border-color:#e5e5e5; /* selected tab border color */
}

.yui-sam-skin .yui-navset .yui-nav {
border-bottom:1px solid #E5E5E5;
max-height:27px;
overflow:hidden;
position:relative;
    zoom:1;
}

.yui-sam-skin .yui-navset .yui-content {
    border-top:none; /* color between tab list and content */
}

.yui-sam-skin .yui-navset .yui-content div {
    border-left:1px solid #e5e5e5; /* content border */
	border-right:1px solid #e5e5e5; /* content border */
	border-bottom:1px solid #e5e5e5; /* content border */
    padding:0.25em 0 0.25em 0; /* content padding */
	text-align:center;
	/*margin-bottom:20px;*/
	margin-bottom:10px;
	height:100%;
}

.yui-sam-skin .yui-navset .yui-content div div { /* kill inheritance */
    border:0; 
    padding:0;
	overflow:hidden;
}


/************************** controls and styles ***********************/

/* resets */

.yui-navset .yui-nav ul,
.yui-navset .yui-nav ul li {
    margin:0;
    padding:0;
} 

/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }
.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */

.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */

.yui-nav,
.yui-nav li {
    padding:5px 0;
    padding:0;
    list-style:none;
}
.yui-navset li em {
    font-style:normal;
    font-weight: bold;
}

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }

.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }


.yui-sam-skin .yui-navset .yui-content div div p,
.yui-sam-skin .yui-navset .yui-content div div h4
 {
text-align:left;
}

/************************** uitzonderingen voor weergave in contentLeft  ***********************/
#contentLeft #extricated h4{
margin:0;
padding:0;
}
#contentLeft .rightColContainer{
clear:none;
float:left;
margin:0 10px 10px 0;
width:290px;
}
/*#contentLeft .yui-sam-skin{
clear:none;
float:left;
margin:0 10px 10px 0;
width:290px;
}*/
#contentLeft .yui-sam-skin  .inner h4{
padding: 0 5px;
}
#contentLeft .yui-sam-skin h6{
font-size:1.1em;
font-weight:normal;
}

#contentLeft .yui-sam-skin  li.headlines-grey {
background-color: #fff;
}
#contentLeft .yui-sam-skin span.smalltime{
margin:0 6px 0 0;
padding:2px;
height:auto;
}
#contentLeft .yui-content div.hidden {
display:none;
}
#contentLeft .yui-sam-skin .yui-navset .yui-nav{
max-height:27px;
overflow:hidden;
}