/**
 * The default front-end stylesheet
 *
 * @package 	DigiCMS v3.x
 * @file		style/site/style.css
 * @version		3.0.0
 * @author		Digitalization
 * @email		info@digitalization.nl
 * @link		http://www.digitalization.nl/
 * @copyright	All code copyright 2009,2010 by Digitalization
 */

/* GENERAL *********************************************************************************************************************/
* {
	margin:				0px;
	padding:			0px;
	outline:			none;
}

html, body {
	height:				100%;
}

/* Text throughout the site*/
body, td, th, p, div, a {
	font-family: 		Helvetica, Arial, sans-serif;
	font-size: 			12px;
	color: 				#000000;
	line-height:		18px;
}

/* Rulers */
hr {
	border: 			1px dotted #777777;
	border-style: 		none none dotted;
	margin-top:			10px;
	margin-bottom:		10px;
}

/* No border for images */
img {
	border: 			none;
}

/* Default paragraph text */
p {
	padding-bottom:		0px;
	line-height:		18px;
}

/* Links */
a {
	color:				#707173;
	text-decoration:	none;
}

a:hover {
	text-decoration:	none;
}

/* Headers */
h1 {
	font-size:			16px;
	color:				#9d0202;
	font-weight:		bold;
}

h2 {
	font-size:			12px;
	color:				#9d0202;
	font-weight:		bold;
}

h3 {
	font-size:			12px;
	color:				#9d0202;
	font-weight:		bold;
}

/* Spans */
span.grey {
	color:				#707173;
	font-size:			11px;
	letter-spacing:		0px;			
}

/* Images */
img.general_thumb {
	margin-bottom:		4px;
}

/* LAYOUT STRUCTURE ************************************************************************************************************/
body {
	background:			#fff;
}

div#container {
	position:			absolute;
	width:				1020px;
	height:				594px;
	left:				50%;
	top:				50%;
	margin-left:		-510px;
	margin-top:			-297px;
	background:			#fff;
	border:				0px solid black;
}

div#left_container {
	position:			absolute;
	width:				740px;
	padding:			21px 20px 21px 20px;
	height:				552px;
	background:			#fff;
	overflow:			auto;
}

div#left_scroll_container {
	position:			absolute;
	width:				345px;
	height:				552px;
	top:				0px;
	left:				395px;
	padding:			21px 20px 21px 20px;
	background:			#fff;
	overflow:			auto;
	border:				0px solid blue;
}

div#projects_frame {
	width:				618px;
	height:				532px;
	float:				right;
	background:			#fff;
	text-align:			right;
}

div#projects_subcontents {
	float:				right;
	margin-top:			6px;
}

div#right_container {
	position:			absolute;
	left:				780px;
	width:				200px;
	padding:			21px 20px 21px 19px;
	border-left:		1px solid #000;
	height:				552px;
	background:			#fff;
}

div#menu {
	position:			absolute;
	top:				100px;
	width:				300px;
}

div#footer_menu {
	position:			absolute;
	top:				506px;
}

/* MENU ***************************************************************************************************************/
div#menu ul, div#footer_menu ul { 
	display: 			block; 
	list-style: 		none; 
	width:				300px;
}

div#menu ul ul { 
	display: 			none; 
	width:				292px;
	margin-bottom:		0px;
	margin-left:		8px;
}

div#menu ul li.active > ul, div#menu ul li.path > ul, div#footer_menu ul li:hover > ul { 
	display: 			block
}

div#menu ul li, div#footer_menu ul li {
	width:				300px;
	margin-right:		5px;
}

div#menu ul li:hover a, div#menu ul li.active a, div#menu ul li.path a {
	color:				#000;
}

div#footer_menu ul li:hover a, div#footer_menu ul li.active a {
	color:				#000;
}

div#menu ul li.path ul li a, div#menu ul li.active ul li a {
	color:				#737373;
}

div#menu ul li.path ul li.path a, div#menu ul li.active ul li.active a, div#menu ul li ul li:hover a {
	color:				#000;
}

div#menu ul li ul li {
	height: 			20px;
	cursor:				pointer;
}

div#menu a, div#footer_menu a {
	display:			block;
	width:				300px;
	height: 			14px;
	padding:			5px;
	padding-left:		2px;
	color:				#737373;
}

/* NEWS ***************************************************************************************************************/
div.news_preview_container {
	width:				340px;
	margin-bottom:		0px;
}

div.news_preview_date {
	width:				50px;
	float:				left;
}

div.news_preview_contents {
	width:				273px;
	float:				left;	
}

/* TEMP */
p.item_date {
	font-size:		11px;
	color:			gray;
	margin:			0px;
}

img.item_image, img.item_thumb {
	margin-right:	10px;
	margin-bottom:	2px;
	float:			left;
}

/* HELPERS **********************************************/
div#slideshow {
	position:			absolute;
	width:				618px;
	height:				532px;
	left:				132px;
}

div.projects_pictogram {
	float:				left;
	margin:				0px;
}

div.projects_pictogram_spacer {
	float:				left;
	width:				14px;
	height:				64px;
}

div#slideshow img {
    position:			absolute;
    top:				0;
    left:				0;
    z-index:			8;
	opacity:			0.0;
	filter:				alpha(opacity=0)
}

div#slideshow img.active {
    z-index:			10;
}

div#slideshow img.last-active {
    z-index:			9;
}

div.search_results_container {
	width:				325px;
	margin-bottom:		4px;
}

div.search_results_category {
	width:				75px;
	float:				left;
}

div.search_results_title {
	width:				250px;
	float:				left;	
}

/* OVERLAY AND POPUPS */
div#overlay {
	display:			none;
	position:			absolute;
	width:				100%;
	height:				100%;
	left:				0;
	top:				0;
	background:			#aaa url('../../images/system/overlay.png');
	z-index:			999;
	opacity: 			0.50;
	filter:				alpha(opacity=50);
}

div#popup {
	display:			none;
	position:			absolute;
	width:				340px;
	/* do not specify a height unless you want it fixed */
	top:				50%;
	left:				50%;
	margin:				-110px 0 0 -210px;
	background:			#fff;
	border:				1px solid #737373;
	padding:			10px;
	z-index:			1000;
}

div#popup_header {
	margin:					0 0 10px 0;
	padding:				5px 10px;
	background:				#737373;
	height:					18px;
}

div#popup_header div#popup_title {
	float:					left;
	color:					#000;
	font-size:				13px;
	letter-spacing:			1px;
	width:					310px;
}

div#popup h1 div#close {
	float:					left;
	margin-right:			10px;
	padding-top:			4px;
}

div#popup div#close a {
	color:					#000;
	text-decoration:		none;
}