/* CSS Document */

/********************************************** Sitesupport Online Communication ***********************************************


/* Splash Block sfeer 	*/

#splash-block-sfeer{

}

#splash-block-shade-top{
	background:url(/site/img/bg/splash-block-sfeer-shade-top.png) no-repeat;
	width:586px;
	height:6px;
	float:left;
}

#splash-block-sfeer-shade-content{
	background:url(/site/img/bg/splash-block-sfeer-shade-center.png) repeat-y;
	margin:0 0 0 0;
	float:left;
	width:586px;
	height:330px;
}

#splash-block{
	padding:0 0 0 5px;
	margin:0;
	float:left;
	height:330px;
	float:left;
}

#splash-block-shade-bottom{
	background:url(/site/img/bg/splash-block-sfeer-shade-bottom.png) no-repeat;
	width:586px;
	height:9px;
	float:left;
	margin-bottom:14px;
}

/* inhoud splash block sfeer */

.block-sfeer{
	height:330px;
	float:left;
	background:url(/site/img/content/splash-sfeer/splash-sfeer-01.jpg) no-repeat;
}

#block-sfeer-content{
	padding:0px;
	background-color:#55328a;
	opacity:0.9;
	margin-top:114px;
	margin-left:167px;
	width:407px;
	height:215px;
	border-top:#9370c9 solid 1px;
	
	filter: Alpha(Opacity=80); 
}

#block-sfeer-text{
	float:left;
	padding:2px 20px 0px 25px;
	color:#FFFFFF;
	margin:0px;
}

#splash-block h1{
	font:"avenir";
	font-size:24px;
	font-weight:normal;
	padding:16px 0 16px 0;
	margin:0;

}

.splash-block-h1-bold{
	font-weight:bold;
	margin:0;
	padding:0px;
}

#block-sfeer-text p {
	color:#fff;
	font-family:"Arial";
	font-size:12px;
	line-height:16px;
	font-weight:lighter;
	letter-spacing:0.04em;
	margin:0;
	padding:0px;
	font-style: normal;
	height:66px;
}

/* inhoud splash block sfeer -  clickable content  	*/

#block-button-wrapper{
	width: 406px;
}

#block-sfeer-content a {
	color:#fff;
	background:url(/site/img/arrows/arrow-big-closed-white.png) 10px 10px no-repeat;
	background-color:#7451aa;
	font:'Avenir';
	font-weight:bold;
	font-size:14px;
	display:inline;
	margin: 1px 0 0 1px;
	float:left;
	padding-left:27px;
	padding-right:15px;
	padding-top:6px;
	padding-bottom:5px;
	text-decoration:none;
	max-height:17px;
}

#block-sfeer-content a:hover {
	color:#fff;
	background-color:#865fc4;
	font:'Avenir';
}

/*  Einde splash block sfeer   	*/

/*  Block - Slider			  	*/

#block-slider{
	float:left;
}

#block-slider-shade-top{
	background:url(/site/img/bg/splash-block-slider-shade-top.png) no-repeat;
	width:787px;
	height:6px;
	margin:0;
	padding:0px;
	float:left;
}

#block-slider-shade-center{
	background:url(/site/img/bg/splash-block-slider-shade-center.png) repeat-y;
	width:787px;
	height:293px;
	margin:0;
	padding:0;
}

#block-slider-shade-bottom{
	background:url(/site/img/bg/splash-block-slider-shade-bottom.png) no-repeat;
	width:787px;
	height:8px;
	float:left;
}
/*  Block - Slider - inhoud */

#featured{
	color:#FFF;
	width:773px;
	position:absolute;
	height:292px;
	background:#FFFFFF;
	/*background:#55328a;*/
	z-index:1;
	margin: 0 0 0 6px;
	padding:0;
}

.panel-content {
	float: left;
	width: 579px;
	height: 293px;
	margin:0;
	padding:0;
}

.slider-panel {
	display:compact;
	color: #fff;
	font-weight:bolder;
	font-size:15px;
	width:219px; 
	height:0px;
	padding:0;
	margin:0;
}

.ui-tabs-nav{
	margin:0;
	padding:0;
	float:left;
}

#block-slider-content-wrapper {
	background-color:#55328a;
	width: 407px;
	height:92px;
	margin-left:149px;
	margin-top:199px;
	opacity: 0.90;
	float:left;
	border-top:solid 1px #9370c9;
	filter: Alpha(Opacity=80); 
}

#featured .ui-tabs-panel {
	width:569px;
	height:295px;
	position:relative;
	overflow:hidden;
	top:0;
	margin-left:209px;	
	z-index:-1;
	padding:0px
	margin:0px;	
	
}

#featured .ui-tabs-hide {
	display:none;
}

#featured ul.ui-tabs-nav{
	position:absolute;
	background:#55328a;
	list-style:none;
	width:219px;
	height:292px;
	z-index:1;
	left:0;
	top:0;
	padding:0px;
	margin:0;
}

#featured ul.ui-tabs-nav li {
	font:Avenir;
	font-size:15px;
	font-weight:bolder;
	height:73px;
	width:219px;
	margin:0;
	padding:0; 
}


#featured li.ui-tabs-nav-item a{ 
	display: block;
	color: #fff;  
	background: #55328a;
	outline: none;
	text-decoration: none;
	border-top:solid #9370c9 1px;
	height:20px;
	width:178px;
	margin:0;
	padding:18px 20px 32px 21px;

}

#featured li.ui-tabs-nav-item a:hover{
	background:#7451aa;
	height:22px;
	width:178px;
	margin:0;
	padding:18px 20px 32px 21px;
}

#featured li.ui-tabs-selected { /*Selected tab style*/
	border-bottom:none;
	background:#7451aa;
	margin:0;
	height:21px;
	padding:18px 40px 31px 21px;
	border-top:solid #9370c9 1px;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:url(/site/img/arrows/arrow-big-closed-purple.png)  no-repeat;
	border:none;
	background-position:219px 28px;
	height:19px;
	/*width:180px;*/
	width:178px;
	margin:0;
	padding:18px 40px 32px 21px;

}

/* Block - Slider - text */
  
 #block-slider-content{
	width:556px;
	height:298px;
	margin:0 0 0 8px;
	padding:0;
	float:left;
	z-index:-1;
}
 
#block-slider-content-text {
	float: left;
	width: 335px;
	padding-left: 27px;
	padding-top: 16px;
	padding-right:40px;
	font-family:Arial,"Georgia", Times New Roman, Times, serif;
	font-style: italic;
	font-size: 11px;
	font-weight:normal;
	line-height:1.3em;
	letter-spacing:0.05em;
}

/* Block - Slider - lees meer */

.block-slider-lees-meer {
	font-family: "Avenir";
	display: inline; 
	position: absolute; 
	background:url(/site/img/arrows/arrow-big-closed-white.png) 10px 9px no-repeat;
	background-color:#7451aa;
	top: 267px; 
	right: 5px;
	color: #fff;
	padding: 5px 20px 4px 26px;
	text-decoration: none;
	font-size: 14px;	
	font-weight:bold;
}

/* featured a:hover zorgt ervoor dat .block-slider-lees-meer, een hover krijgt.*/

#featured a:hover{
	color:#fff;
	background-color:#9370c9;
}

#featured h2 {
	margin:0;
	padding:0;
}

/* volgende opmaak zorgt dat de positionering van de banners aan rechter kant goed past.*/

#splash-right-colum{
	width:200px;
	float:left;
	margin-top:-6px;
	margin-left:3px;
}

.banner-img {
	border:none;
	padding:none;
	margin-bottom:0px;
	display:block;
}

.banner-img a{
	margin:0px;
	padding:0px;
	border:none;
}