/*
Title	: Home
Author	: Vincent Kessels, vincent@roquin.nl
--------------------------------------------------------*/

/* jCarousel
--------------------------------------------------------*/	
@import url("jcarousel.css");
@import url("jcarousel-skin.css");

/* General
--------------------------------------------------------*/
.ui-tabs-hide {
	display: none;
	}
	
body {
	background: #ffffff url(../images/css/bg-home.gif) repeat-x left top;
	}

#header-logo span {
	cursor: default;
	}

#container-content-teasers ul {
	font-size: 1.2em;
	}
	
#container-content-teasers ul p {
	font-size: 1em;
	}

#layout-container {
	background: none;
	}

#container-content {
	padding-bottom: 0;
	}

#content-image {
	background: url(../images/css/bg-mainimage-home.gif) no-repeat left top;
	}
	
#content-image #image-wrap {
	background: url(../images/css/home-mainimage.jpg) no-repeat left top;
	height: 240px;
	width: 710px;
	}

#content-image #content-introtext {
	padding: 10px 20px;
	width: 450px;
	}
	
#content-image #content-introtext h1 {
	color: #ffffff;
	margin-bottom: 0;
	}
	
#content-image #content-introtext p {
	color: #ffffff;
	}
	
.frame-banner {
	background: url(../images/css/frame-banner-home.gif) no-repeat left top;
	}
	
.frame-banner .banner-wrap {
	height: 240px;
	overflow: hidden;
	width: 220px;
	}
		
/* Teasers
--------------------------------------------------------*/	
#container-content-teasers {
	overflow: auto;
	padding-bottom: 50px;
	padding-top: 5px;
	width: 100%;
	}

#teasers-events {
	background: url(../images/css/tabs-line.gif) no-repeat 189px top;
	float: left;
	margin-right: 20px;
	overflow: auto;
	width: 420px;
	}
	
#teasers-news {
	float: left;
	margin-right: 20px;
	width: 280px;
	}

#teasers-projects {
	float: left;
	height: 300px;
	overflow: hidden;
	width: 220px;
	}
	
/* Latest events - Titles
--------------------------------------------------------*/	
#latest-events-titles-wrap {
	background: url(../images/css/tabs-line.gif) no-repeat 189px top;
	float: left;
	width: 190px;
	margin-right: 10px;
	padding-top: 10px;
	}
	
#latest-events-titles li {
	border-right: 1px solid #c6c6c6;
	cursor: pointer;
	padding: 1px 0;
	}
	
#latest-events-titles .ui-tabs-selected {
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #ffffff;
	padding: 0;
	}

#latest-events-titles a {
	color: #333333;
	cursor: pointer;
	display: block;
	padding: 6px 5px;
	}
	#latest-events-titles a:hover {	
		color: #f1540f;
/*		font-weight: bold;*/
		text-decoration: none;
		}
	
#latest-events-titles em {
	color: #818da0;
	display: block;
	font-size: 0.9em;
	font-style: normal;
	}
	
#latest-events-titles a:hover em {
	color: #204561;
	font-weight: normal;
	}

/* Latest events - Teasers
--------------------------------------------------------*/	
#latest-events-teasers-wrap {
	float: left;
	width: 220px;
	}
	
.latest-event-teaser .events-image {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	margin-bottom: 0.4em;
	padding: 2px;
	}
	
.latest-event-teaser table {
	margin-bottom: 0.4em;
	}
	
.latest-event-teaser p {
	margin-bottom: 0;
	}
	
/* Latest news
--------------------------------------------------------*/		
#latest-news-teaser {
	margin-bottom: 1em;
	}

#latest-news-teaser h3 a {
	color: #204561;
	}
	#latest-news-teaser h3 a:hover {
		color: #f1540f;
		text-decoration: none;
		}
	
#latest-news-teaser p {
	margin-bottom: 0;
	}
	
#latest-news-list li {
	background: url(../images/css/arrow-black.gif) no-repeat left 5px;
	margin-bottom: 0.8em;
	padding-left: 10px;
	}
	
#latest-news-list a {
	color: #204561;
	font-weight: bold;
	}
	#latest-news-list a:hover {
		color: #f1540f;
		text-decoration: none;
		}

/* Latest projects
--------------------------------------------------------*/	
.latest-project-teaser .project-image {
	background: #ffffff;
	border: 1px solid #dcdcdc;
	margin-bottom: 0.4em;
	padding: 2px;
	}

.latest-project-teaser p {
	margin-bottom: 0;
	}