/*
Theme Name: FDCI Theme
Theme URI: http://www.info.nl
Description: Theme specially developed for FDCI
Version: 1
Author: info.nl	
Author URI: http://www.info.nl
Tags: fdci
*/

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

:focus{}


/* Typography - Garuda is a verdana substitute for Linux users
-------------------------------------------------------------- */
body {font-size:62.5%; line-height:normal; background:#fff;}
/* font must also be set for the form elements in order to work correctly */
body, input, select, textarea {font-family: Arial, Verdana, Helvetica, Garuda, Sans-serif; color:#333;}
address {font-size:1.1em; line-height:1.3em}

/* Default link style
-------------------------------------------------------------- */
a	{color:#333;  text-decoration:none;}
a:focus, 
a:hover	{text-decoration:underline; color:#ee4035;}
a img	{border:none;}
a.more {text-decoration:none; padding-left:10px; background:url(images/icons.gif) no-repeat 0 -2px;}
	a.more:hover span{text-decoration:underline;}
	.home a.more {clear:left; display:block;}


/* Headings
-------------------------------------------------------------- */
h1 {font-family:arial; color:#EC3F33;}
h2,h3,h4,h5 {font-family:arial; color:#009BCA;}

h1 {font-size:1.2em;}
h2 {font-size:2.2em; font-weight:normal; padding:5px 0 15px;}
#intro h2 {color:#fff;}
h2 a {color:#009BCA;}
h3 {font-size:1.8em; font-weight:normal; padding-bottom:5px;}
	.home h3 {font-family:georgia, arial;}
h4 {font-size:1.5em; font-weight:normal; padding-bottom:10px;}
h5 {font-size:1em; padding-bottom:15px;}


/* Paragraph 
-------------------------------------------------------------- */
p {margin:0; padding:0 0 1em 0; font-size:1.1em; line-height:2em;}
p.last {padding:0;}
p img.left {margin:4px 10px 4px 0;}
p img.right {margin:4px 0 4px 10px;}
p.focus {font-size:1.5em; line-height:1.2em}
p.postmetadata {margin-top:-0.5em;}
p.block {padding-bottom:.5em}

/* Table 
-------------------------------------------------------------- */
table {border-collapse:collapse; border-spacing:0;}
caption, th, td	{text-align:left;}
table, td, th	{vertical-align:middle;}


/* List items 
-------------------------------------------------------------- */
li ul, li ol {margin:0; padding:0 0 0 2em; font-size:100%;}
ul, ol {margin:0; padding:0 0 1.5em 2em; font-size:1.1em; line-height:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul.link {padding-left:0;}
ul.link li {padding-left:10px; background:url(images/icons.png) no-repeat 0 -12px; margin-left:0; list-style-type:none;}
	#intro ul.link li {background-position:0 4px;}

/* HTML horizontal hr 
-------------------------------------------------------------- */
div.hr {height:2px; margin:0 0 5px; background:#ccc;;}
	div.hr hr {display:none;}
	div.hr.w600 {width:600px;}
	div.hr.dotted {background:none; border-bottom:1px dotted #999;}
	div.hr.white {background:#fff;}
	
div.vr {width:1px; float:left; height:150px; background:url(images/vr.gif) no-repeat 0 0; margin:50px 20px 0 0;}

/* Global Classes 
-------------------------------------------------------------- */
.clear {clear:both;}
.clearfix {width:100%; overflow:auto;}

.left {float:left;}
.right {float:right;}


.nopadding		{padding:0;}
.nomargin		{margin:0;}
.nowrap			{white-space:nowrap;}
.noindent		{margin-left:0; padding-left:0;}
.nobullet		{list-style:none; list-style-image:none;}
.print-only {display:none;}

.hide	{display:none;}

.textbrowser	{position:absolute; left:-999em !important;}

.copy {text-transform:uppercase;}

/* Grid */
	/* 
		basis grid 
		4 koloms grid
	*/
	#page {margin:0; position:relative;  width:100%;}

#header {position:relative; height:210px; padding-top:40px; width:960px; margin:0 auto; z-index:9; }
/* .home #header {height:360px;} */
	
	#contentwrapper {width:100%; overflow:hidden; clear:left;}
	#maincontent {float:left; width:600px; margin-right:20px;}
	
	.wrapper {width:100%; overflow:hidden;}
	.wrapper-two {float:left; overflow:hidden; width:620px;}
	
	.columns-three {width:940px;}
	.columns-two {width:600px;}
	.column {float:left; margin-right:20px; width:290px;}
		.column.form-steps {margin-right:0; width:240px;}
	
	#footer {width:960px; margin:0 auto;}
		#footer p {font-size:0.9em; color:#999;}
	
/* header */
#headerimg {width:960px; height:142px; margin:0 auto; background:url(images/logo_s.gif) no-repeat;  text-indent:-1000em;}
/*  .home #headerimg {width:600px; height:290px; margin:0 auto; background:url(images/logo.gif) no-repeat;} */

#nav ul {list-style-type:none; font-family:georgia; padding:0; font-size:1.5em; position:absolute; bottom:5px;}
#nav ul li {float:left; margin-right:20px; position:relative;}
	#nav ul li.active .arrow {background:url(images/icons.png) no-repeat 0 -91px; display:block; position:absolute; width:16px; height:14px; z-index:100; left:50%; margin-left:-8px; top:27px;}
	#nav ul li.active a {color:#ee4035;}

/* homepage elements 
******************************************************/
#quote {color:#fff; font-family:georgia; overflow:hidden; padding:20px 0 50px; position:relative; width:100%; background:url(images/bg_red.png) repeat-x 0 0;}
	.content {width:960px; margin:0 auto;}
	#quote ul {list-style-type:none; padding:0;}
	blockquote { font-family:georgia; font-size:3.2em; font-style:italic; font-weight:normal; padding-bottom:5px;}
	.home #quote blockquote {font-size:4em; line-height:1em; padding-bottom:3px;}
		.home #quote blockquote a {color:#fff;}
	#quote span.credits {color:#000;}
	#quote .carousel ul li {height:auto !important;}
	
	/* small photo's under the quotes */
	ul.avatars {bottom:0px; margin:0; padding:0; zoom:1; line-height:0; font-size:0; position:absolute;}
	ul.avatars li {float:left; height:40px; line-height:0; zoom:1; font-size:0;  margin-right:10px; position:relative; width:40px;}
	ul.avatars li span {border:5px solid #fff; line-height:0; zoom:1; font-size:0; bottom:-20px; display:block; position:absolute; background:#333;}
	ul.avatars li img {width:32px; background:#fff; line-height:0; font-size:0; zoom:1; height:32px;  opacity:.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
	ul.avatars li.active img {opacity:1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	ul.avatars li.active span {bottom:0;}

/* the blue intro part at the homepage */
#intro {color:#fff; padding:20px 0 10px; clear:both; position:relative; width:100%; background:url(images/bg_blue.png) repeat-x 0 0;}
	.home #intro { border-top:8px solid #fff;}
#intro p {font-size:1.5em; line-height:1.5em;}
.intro-btm {width:100%; height:20px; background:url(images/shade_on_white.png) repeat-x 0 0; margin-bottom:1em;}
	.intro-btm .arrow {width:960px; height:20px; margin:0 auto; background:url(images/icons.png) no-repeat 15px -36px;}
	
#intro .arrow {width:960px; height:20px; margin:-20px auto 0; background:url(images/icons.png) no-repeat 15px -91px;}
#intro ul.link {font-size:1.2em;}
	#intro ul.link li {background-position:0 6px;}
.column.padding {padding-top:50px}

/* address block on homepage */
span.sub {font-size:1em; color:#999; display:inline-block; padding-bottom:1em; width:200px;}
address {line-height:2em; font-size:1.2em;}
address a {color:#0099C9}

/* berichten overzicht pagina */
.posts h2 {padding-bottom:0;}
.posts span.sub {padding-bottom:4px}
.thumb {border:1px solid #ccc; padding:5px; width:100px;}
.thumb img {width:100px;}
.credits p {color:#999;}

/* single bericht pagina */
.column .photo {margin-bottom:100px;}
.column .photo span {padding:5px; border:1px solid #ccc; display:inline-block;}
.column .photo span img {max-width:300px;}
.column blockquote {color:#009CC8; padding:10px 16px; font-family:georgia; font-size:2em; font-style:italic; line-height:1.3em; background:url(images/accolade.gif) no-repeat 0 0;}
.single .column {width:305px;}

/* 404 pagina */
.search-form {margin-bottom:2em;}
.search-form input {width:250px; border:1px solid #ccc; font-size:1.1em; padding:2px; line-height:1.5em;}