/*
// @@@
// @@ Author: Bas van Dorst
// @@ Date: 2008-03-07
// @@ Last change: 2008-03-07
// @@ Version: 1
// @@ Revision: 0
// @@ Copyright: Ecommany B.V.
// @@ Description: 
// @@$
*/

/* html */
*,html {
	padding: 0;
	margin: 0;
}

/* Body */
body {
	width:100%;


	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
	background-color:#000000;
	color: #FFFFFF;
	
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

/* Banner voor de homepage */
#banner {
	position: absolute;

	width: 350px;
	height: 350px;	
	
	float:right;
	
	top:0px;
	right: 0px;
	
	z-index:1;
}

/*
#banner {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true sizingMethod=nonscale src='/images/banner_gezocht.png');}
#banner[id] {background-image: url(/images/banner_gezocht.png);}
*/
/* Container om de gehele website heen */
#container {
	position: absolute;
	width:100%;
	height: 100%;
	
	top:0px;
	
	z-index:5;
}

/* Container waarbinnen alle content valt */
#container_main {
	position:relative;
	width: 800px;
	
	padding-top:70px;
	margin:0px auto;
}

/* Awards aan de linkerkant bij werken */
#awards {
 	position: relative;
	float: left;
	width: 100px;
	height: 300px;
	
	margin-left: -100px;
}

/* Linkerkant */
#left {
	position: relative;
	float: left;
	width: 250px;
	height: 685px;
}

/* Rechterkant */
#right {
	position: relative;
	float: left;
	width: 550px;	
}

/* Rechterkant bij `nieuws` opdelen in 2 delen, left */
div.left {
	width: 270px;
	float: left;
}

/* Rechterkant bij `nieuws` opdelen in 2 delen, right */
div.right {
	width: 270px;
	float: right;
	padding-left: 10px;
	position:absolute;
	left:270px;
}

/* Projectinformatie bij werken, links */
#project_info {
	position:absolute;
	width: 190px;
	bottom:0px;
	margin:0px;
	padding: 0px 30px 0px 10px;
}

/* `lees meer` bij projectinformatie */
#project_info_more {
	position:absolute;
	bottom: 0px;
	height:20px;
	font-weight: bold;
}

.right_back {
	float:right;
}

/* Inhoud `lees meer` bij projectinformatie */
#project_info_more p {
	margin:0px;
	padding: 0px;	
}

/* Inhoud `lees meer` bij projectinformatie */
#project_info_text p.project_info_text_readmore {
	text-align:right;
	margin-right: 10px;
	position:relative;
	height:60px;
}

/* Menu van de website */
#menu {
	margin-left: 10px;
	
	font-size: 14px;
	font-weight:bold;
}

/* Menu lijst-items van de website */
#menu li {
	padding-bottom: 8px;
	list-style: none;
}

/* Foto's zichtbaar */
.visible {
	visibility:visible;
	display:block;
	float:left;
}

/* Foto's niet-zichtbaar */
.notvisible {
	visibility:hidden;
	display:block;
	float:left;
}

/* Bijschrift bij de foto's */
#bijschrift {
	width: 390px;
	float: left;
	padding-top: 10px;
}

/* Navigatie onder de foto's */
#navigatie {
	float: left;
	padding-top: 10px;
}

/* Nieuws datum */
#nieuws p.datum {
	font-size: 9px;
	margin: 0px;
	padding:0px;
}

/* Nieuws titel */
#nieuws h2 {
	padding-bottom: 0px;
}

/* Paragraaf */
p {
	padding-bottom:15px;
	line-height:22px;
}


/* h1, voor anker & strijbos */
h1 {
	display: none;
	visibility: hidden;
}

/* h2, voor titel v/d pagina */
h2 {
	padding-bottom:15px;

	font-size: 14px;
	font-weight: bold;
	color: #FEFE3E;
}

/* h3, voor titel werken, links */
h3 {
	font-weight: bold;
	font-size: 13px;
	color: #FEFE3E;
	padding-bottom:10px;
}

/* image margin top,bottom */
#nieuws img {
	margin-top: 7px;
	margin-bottom: 5px;
}

/* Hyperlinks in de doorlopende tekst */
a:link{ color:#999999; text-decoration:none;}
a:active{ color:#999999; text-decoration:none;}
a:visited{ color:#999999; text-decoration:none;}
a:hover{ color:#FFFFFF; text-decoration:none;}

/* Hyperlinks in het menu/project informatie */
#menu a:link, #project_info_more a:link{ color:#FFFFFF; text-decoration:none;}
#menu a:active, #project_info_more a:active{ color:#FFFFFF; text-decoration:none;}
#menu a:visited, #project_info_more a:visited{ color:#FFFFFF; text-decoration:none;}
#menu a:hover, #project_info_more a:hover{ color:#999999; text-decoration:none;}

/* Geselecteerde hyperlinks in het menu */
#menu a:link.selected, #project_info_more a:link.selected{ color:#FEFE3E; text-decoration:none;}
#menu a:active.selected, #project_info_more a:active.selected{ color:#FEFE3E; text-decoration:none;}
#menu a:visited.selected, #project_info_more a:visited.selected{ color:#FEFE3E; text-decoration:none;}
#menu a:hover.selected, #project_info_more a:hover.selected{ color:#FEFE3E; text-decoration:none;}