/* ------------------------------------------------------ */
/* Copyright 2008 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/

@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");
@import url("menu.css");

body {
	background-color: #DCD3C7;
	background-repeat:repeat;
	background-position:left top;
	background-image:url(../images/bg/background.jpg);
	color: #666666;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
	margin-top:10px;
}

a { color: #F68933; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline;	}
i, em {font-style:italic;}
/*
div#content strong{ color:#34B4E4;}
div#content i,
div#content em{ color:#F68933; }
*/
.blauw { color:#34B4E4; }
.oranje { color:#F68933; }

/*** - Basic structure - ***/
div#container {
	position: relative;
	width: 760px;
	margin: 0 auto;
	background:url(../images/bg/container.gif) repeat-y;
}
div#left {
	position:relative;
	float:left;
	width:147px;
	padding:20px 8px;
}
div#content {
	position:relative;
	float:left;
	background:#FFFFFF;
	width:340px;
	padding:20px 17px;
}
div#right {
	position:relative;
	float:left;
	width:207px;
	padding:20px 8px;
}

/*** - Headers - ***/
div#header {
	width:740px;
	height:155px;
	padding:60px 0px 0px 20px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:left top;
}
div#header blockquote {
	font-size: 1.7em;
	color: #34B4E4;
	width:130px;
}
div#header em {
	font-size: 1.2em;
	color: #F68933;
}
body#lezingen_clinics div#header {background-image: url(../images/headers/dit_is_fier.jpg);}
body#dit_is_fier div#header {background-image: url(../images/headers/dit_is_fier.jpg);}
body#home div#header {background-image: url(../images/headers/home.jpg);}
body#hoe_werkt_fier div#header {background-image: url(../images/headers/hoe_werkt_fier.jpg);}
body#portfolio div#header {background-image: url(../images/headers/portfolio.jpg);}
body#bestellen div#header {background-image: url(../images/headers/portfolio.jpg);}
body#actueel div#header {background-image: url(../images/headers/nieuws.jpg);}
body#contact_route div#header{background-image: url(../images/headers/contact.jpg);}
body#fier_holdings div#header {background-image: url(../images/headers/fierholdings.jpg);}
body#in_de_media div#header {background-image: url(../images/headers/dit_is_fier.jpg);}
body#fier_management div#header {background-image: url(../images/headers/fiermanagement.jpg);}
body#keukenvanhaastrecht div#header {background-image: url(../images/headers/portfolio.jpg);}
body#subsidie_support div#header {background-image: url(../images/headers/subsidie_support.jpg);}
body#vacatures div#header {background-image: url(../images/headers/vacatures.jpg);}

#flashheader { position: absolute; z-index:1; top:0; right:0; margin-top:16px;}

/*** - Content - ***/
div#content h1 {
	font-size: 1.5em;
	color: #34B4E4;
	margin-bottom:0.7em;
}
div#right h2,
div#left h2 {
	font-size: 1.5em;
	color: #F68933;
	margin-bottom:0.7em;
}
div#content strong {
	font-weight:bold;
}
div#content p {
	margin-bottom:1.5em;
	line-height:1.5em;
}
div.hr {
	border-top: solid 1px #CACACA;
	height:30px;
}
div#content ul{
	margin: 5px 0;
}
div#content ul li{
	margin:2px 15px;
	list-style:disc
}
/*** - Contactpersonen - ***/
a.lees_meer {background:url(../images/menu/triangle.gif) no-repeat right 8px; display:block; width:70px; margin:4px 0px;}

/*** - Portfolio - ***/
body#bestellen div#content,
body#portfolio div#content,
body#actueel div#content{
	width:562px;
}
body#bestellen div#container,
body#portfolio div#container,
body#actueel div#container {
	background:url(../images/bg/container_large.gif) repeat-y;
}
body#bestellen div#right,
body#portfolio div#right,
body#actueel div#right {
 display:none;
}

div.news,
div.portfolio{
	position:relative;
	margin-bottom: 10px;
	padding-bottom:1px;
}
div.news .intro{
	padding-bottom:10px;
	margin-right:150px;
}
div.portfolio .intro{
	position:relative;
	padding: 0px 6px;
	padding-left: 100px;
	padding-bottom: 55px;
}
div.portfolio .title{
	position:relative;
	display:block;
	margin: 5px 0;
	color:#34B4E4;
	font-weight:bold;
}
#portfolio_content{
	position:relative;
	padding-top: 20px;
}

div.news .mask_portfolio,
div.portfolio .mask_portfolio{
	position:absolute;
	left:0px;
	
	width: 90px;
	height: 90px;
	
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/bg/mask.gif);
	
	z-index:2;
}

div.news .image,
div.portfolio .image{
	position:absolute;	
	left:0px;
	
	width: 90px;
	height: 90px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center center;
	
	z-index:1;
}
div.news .image,
div.news .mask_portfolio{
	left:auto;
	right: 20px;
}

div.portfolio .link{
	position:relative;
	display:block;
	text-align:right;
	padding: 6px;
	border-bottom: 1px solid #CACACA;

}
div.portfolio a.leesmeer{ font-weight:bold;}

a.terug {float:left; }
a.bestel {float:right; font-weight:bold;}
a.submit {font-weight:bold;}
/*** - News - ***/
body#actueel .portfolio{
	float:left;
	margin-bottom: 10px;
}
body#actueel .hr{ clear:both;}
div#content span.date{
	display:block;
	margin: 5px 0;
	color:#34B4E4;
	font-weight:bold;
}
div#content span.news_title{
	display:block;
	margin: 5px 0;
	font-weight:bold;
}
div#content div.news a{
	margin: 5px 0;
}
body#actueel a.terug{
	margin: 5px 0;
}

/*** - Left - ***/
div#left span.date {
	color:#34B4E4;
	font-weight:bold;
	background:url(../images/icons/date.gif) no-repeat left;
	padding-left:14px;
}
div#left span.news_title {
	font-weight:bold;
	padding-left:14px;
	display:block;
}

div#left p {
	padding-left:14px;
	line-height:1.5em;
}

div#left a.lees_verder {
	padding-left:14px;
	font-weight:bold;
}

div#left div.hr {
	border-top: solid 1px #CACACA;
	margin:10px 14px;
	height:auto;
}
/*** - Right - ***/
div.doordenker {  width: 183px; height: 223px; padding: 10px; }
div.doordenker p  { margin-bottom:1em; line-height:1.5em; }
div.doordenker .title{ margin-bottom: 10px; }
div.doordenker .title a { font-weight:bold; font-size:1.2em; color:#FFF; }
div.doordenker a.afbeelding { float:left; margin-right: 5px; }
div.doordenker a.lees_verder{ background:url(../images/icons/lees_verder.gif) no-repeat; display:block; height:18px; width:91px; text-indent:-9999px; display:inline; clear: both; float:right }
div.doordenker a:hover.lees_verder{ background:url(../images/icons/lees_verder_over.gif) no-repeat; }

a.pop_hein_small{ background:url(../images/icons/hein_vergeer_small.gif) no-repeat; display:block; height:18px; width:163px; text-indent:-9999px; display:inline; clear: both; float:right }
a:hover.pop_hein_small{ background:url(../images/icons/hein_vergeer_small_over.gif) no-repeat; }

a.pop_hein{ background:url(../images/icons/hein_vergeer.gif) no-repeat; display:block; height:18px; width:297px; text-indent:-9999px; display:inline; clear: both; float:right }
a:hover.pop_hein{ background:url(../images/icons/hein_vergeer_over.gif) no-repeat; }


/*** - Footer - ***/
div#footer {
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	background:#F68933;
	clear: both;
	position:relative;
	color:#000000;
	height:3em;
	font-size:10px;
}

div#footer ul {
	padding:7px 20px;
}

div#footer ul li {
	float: left;
	padding-right:8px;
}

div#footer ul li.first {
	float: left;
	text-transform:uppercase;
	color:#FFFFFF;
	padding-right:69px;	
}

div#footer ul li em {
	color:#FFFFFF;
}

div#footer ul li a {
	color:#000000;
	text-decoration:underline;
}

div#footer ul li a:hover {
	text-decoration:none;
}