@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------*/
/*--- Resetting most html elements ------*/
/*-------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
/*--- Styling page ---*/
body, html {
	margin: 0 auto;
	text-align: center;
	font-size: 0.87em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7em;
}
body {
	background:url(afbeeldingen/bg_body.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
body.body2 {
	background:url(afbeeldingen/bg_body2.jpg);
	background-repeat:no-repeat;
}

/* -------- Balk Styling Boven  ------- */

#siteWrapper {
	margin: 0 auto;
	background-image:url(afbeeldingen/topbar_bg_blue.jpg);
	background-repeat:repeat-x;
	line-height:1.9em;
}
#siteWrapper #siteContent {
	margin: 0 auto;
	width:990px;
	height:25px;
	padding-left:75px;
}
#siteWrapper #siteContent .right {
	float:right;
	/*width:300px;*/
	padding-right:80px;
}
#siteWrapper #siteContent .right p {
	float:left;
	padding-right:6px;
	color:#FFF;
	padding-left:6px;
}
#siteWrapper #siteContent .right .twitter {
	float:left;
	margin-top:4px;
	width:15px;
	height:15px;
	text-decoration:none;
	display:block;
	background-image:url(afbeeldingen/twitter.gif);
	background-position:15px 0;
	text-indent:-9999px;
	margin-right:5px;
}
#siteWrapper #siteContent .right .twitter:hover, .twitter:active {
	background-position:0 0;
}
#siteWrapper #siteContent .right .meer {
	margin-right:5px;
	float:left;
	margin-top:4px;
	width:15px;
	height:15px;
	text-decoration:none;
	display:block;
	background-image:url(afbeeldingen/fb.gif);
	background-position:15px 0;
	text-indent:-9999px;
}
#siteWrapper #siteContent .right .meer:hover, .meer:active {
	background-position:0 0;
}
#siteWrapper #siteContent .right a {
	color:#FFF;
	text-decoration:none;
}
#siteWrapper #siteContent .right a:hover {
	text-decoration:underline;
}
#siteWrapper div {
	text-align: left;
}
#siteWrapper div div {
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
}

/* --- Balk boven Navigatie --- */

#siteWrapper #siteContent #navcontainer {
	float:left;
	margin: 0 auto;
	color:#FFF;
}
#siteWrapper #siteContent #navlist {
	list-style: none;
	padding: 0;
}
#siteWrapper #siteContent #navlist li {
	display: block;
	float: left;
	margin: 0;
	text-align:center;
}
#siteWrapper #siteContent #navlist li a {
	display: block;
	width: 100%;
	text-decoration: none;
	background:url(afbeeldingen/siteContent_regular.jpg);
	background-repeat:repeat-x;
	height:25px;
	padding-left:10px;
	padding-right:10px;
	border-right:#003333 1px solid;
}
#siteWrapper #siteContent #navlist .padding {
	padding-top:5px;
}

#siteWrapper #siteContent #navlist a {
	color:#FFF;
	background: url(afbeeldingen/siteContent_regular.jpg);
	background-repeat:repeat-x;
}
#siteWrapper #siteContent #navlist li a:hover, #navlist a:hover {
	color:#FFF;
	font-weight:bold;
	background:url(afbeeldingen/siteContent_hover.jpg);
	background-repeat:repeat-x;
}
#siteWrapper #siteContent #navlist #toptitle {
	background:url(afbeeldingen/siteContent_regular.jpg);
	background-repeat:repeat-x;
	padding-right:10px;
	border-right:#003333 1px solid;
	height:25px;
}

/*----------
Starting Page Styling
-----------*/

#pageWrapper {
	margin: 0 auto;
	width: 990px;
}
#pageWrapper div {
	text-align: left;
}
#pageWrapper div div {
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
}
/*----------
Header
-----------*/

#pageWrapper #header {
	height: 82px;
	padding-top:13px;
	margin-left:35px;
}
#pageWrapper #header .news {
	padding-right:50px;
	padding-top:27px;
}


#pageWrapper #header .contactHome {
	width:100px;
	height:21px;
 	text-decoration:none;
 	display:block;
  	background-image:url(http://face-id.be/public/stylesheets/v2/afbeeldingen/contact.png);
  	background-position:100px 0;
  	text-indent:-9999px;
}
#pageWrapper #header .contactHome:hover, .contactHome:active {
	background-position:0px 0;
}


#pageWrapper #header .homeLogo {
	width:195px;
	height:60px;
 	text-decoration:none;
 	display:block;
  	background-image:url(http://www.face-id.be/public/stylesheets/v2/afbeeldingen/fid_logo.png);
  	background-position:0 0;
  	text-indent:-9999px;
}
#pageWrapper #header .homeLogo:hover, .homeLogo:active {
	background-position:0px 0;
}

/*-------------
SlideShow
---------------*/

#pageWrapper #slideshowWrapper {
	position: relative;
	height:326px;
}
/* ----------------
Breadcrumb
------------------*/

#pageWrapper .breadcrumb {
	background: url(afbeeldingen/bg_breadcrumb.png);
	height:42px;
	padding-top:5px;
	padding-left:35px;
	color:#01505F;
}
#pageWrapper .breadcrumb a {
	color:#01505F;
	text-decoration:none;
	border-bottom:thin solid;
}
#pageWrapper .breadcrumb a:hover {
	color:#01505F;
	text-decoration:none;
	border-bottom:thin dashed;
}
/* ---------------
Content
-----------------*/

#pageWrapper #contentWrapper {
	color:#333;
	margin-top: 20px;
	margin-left:30px;
	margin-right:30px;
	font-size:1em;
}
#pageWrapper #contentWrapper .left {
	width: 680px;
	float:left;
}
#pageWrapper #contentWrapper a {
	color:#01505F;
	text-decoration:none;
}
#pageWrapper #contentWrapper a:hover {
	color:#01505F;
	text-decoration:none;
	border-bottom:1px solid;
}
#pageWrapper #contentWrapper .left ul {
	list-style:inside;
	padding-left:10px;
}
#pageWrapper #contentWrapper .left ol {
	list-style:inside;
	list-style-type:decimal;
	padding-left:10px;
}
#pageWrapper #contentWrapper .right {
	width: 220px;
	float:right;
}
#pageWrapper #contentWrapper .right a {
	color:#01505F;
	text-decoration:none;
}
#pageWrapper #contentWrapper .right ul {
	list-style:inside;
	margin-bottom:0.75em;
}
#pageWrapper #contentWrapper .right a:hover {
	color:#cbd300;
	text-decoration:none;
	border-bottom:1px #cbd300;
}
#pageWrapper #contentWrapper h1, #pageWrapper #contentWrapper h2, #pageWrapper #contentWrapper h3, #pageWrapper #contentWrapper h4, #pageWrapper #contentWrapper h5, #pageWrapper #contentWrapper h6 {
	font-weight:bold;
	color: #01505f;
}
#pageWrapper #contentWrapper h1 {
	font-size: 1.3em;
	margin-bottom: 0.75em;
}
#pageWrapper #contentWrapper p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#pageWrapper #contentWrapper h2 {
	font-size: 1.2em;
	margin-bottom: 0.75em;
	font-weight:bold;
}
#pageWrapper #contentWrapper h3 {
	font-size: 1.1em;
	margin-bottom: 0.75em;
	margin-top:1em;
	font-weight:bold;
}

/* ---- Pagination ---- */

#pageWrapper #contentWrapper #pagination {
	padding:5px;
	float:left;
	width:910px;
	border-top-style:solid;
	border-width:1px;
	border-color:#CCC;
}
#pageWrapper #contentWrapper #pagination a {
	color:#01515F;
}
#pageWrapper #contentWrapper #pagination a:hover {
	color:#CBD300;
}
#pageWrapper #contentWrapper #pagination b {
	color:#CBD300;
	font-weight:bold;
}
#pageWrapper #contentWrapper #pagination2 {
	padding:5px;
	float:left;
	width:480px;
}
#pageWrapper #contentWrapper #pagination2 a {
	color:#01515F;
}
#pageWrapper #contentWrapper #pagination2 a:hover {
	color:#CBD300;
}
#pageWrapper #contentWrapper #pagination2 b {
	color:#CBD300;
	font-weight:bold;
}

/* ------------------
Tag Cloud styling
--------------------- */
#pageWrapper #contentWrapper #portHeadWrapper{
	border-bottom: solid #CCC;
	float:left;

	border-width:1px;
	margin-bottom:25px;
	padding-bottom:15px;
}

#pageWrapper #contentWrapper #portHeadWrapper #tagfilter{
	position:relative;
	margin-top:20px;

}

#pageWrapper #contentWrapper #portHeadWrapper #tagfilter ul.tagger{
}

#pageWrapper #contentWrapper #portHeadWrapper #tagfilter ul li{
	display:inline-block;
	margin-right:10px;
	margin-bottom:15px;

}

#pageWrapper #contentWrapper #portHeadWrapper #tagfilter ul li a{
	color:#333;
	padding:6px;
	/* background-color:#DFDFDF;*/
	text-decoration:none;
	border-bottom:none;
	
}

#pageWrapper #contentWrapper #portHeadWrapper  #tagfilter ul li a:hover{
	/*color:#FFF;
	background-color:#01515F;*/
	color:#01515F;
}


/* -----------------
Portfolio Filter
--------------------- */

#pageWrapper #contentWrapper #portfolioFilter ul li{
	
	float:left;
	display:inline-block;
	margin-bottom:15px;
	margin-right:15px;
}
/*
#pageWrapper #contentWrapper #portfolioFilter ul li:hover{

	background-color:#01515F;
		padding:5px 5px 5px 0px;;
	margin-bottom:10px;
} */


#pageWrapper #contentWrapper #portfolioFilter ul li a {
	color:#333;
	padding:6px;
	background-color:#DFDFDF;
}
#pageWrapper #contentWrapper #portfolioFilter ul li a:hover {
	color:#FFF;
	background-color:#01515F;
	border-bottom:none;
}
/* ----------------
Navigation
------------------*/

#pageWrapper #navigation {
	background: url(afbeeldingen/bg_nav.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
	height:175px;
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
	line-height:1.6em;
}
#pageWrapper #navigation h2 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0.45em;
}
#pageWrapper #navigation ul {
	margin-bottom:0.75em;
}
#pageWrapper #navigation ul li {
	list-style:inside;
	list-style-type:square;
}
#pageWrapper #navigation a {
	color:#FFF;
	text-decoration:none;
}
#pageWrapper #navigation a:hover {
	color:#cbd300;
}
#pageWrapper #navigation .meer a {
	text-decoration:none;
	border-bottom:none;
	color:#cbd300;
}
#pageWrapper #navigation .meer a:hover {
	color:#01515F;
	padding:3px;
	background-color:#cbd300;
}
.tewerk {
	width:209px;
	height:29px;
	background:url(afbeeldingen/onswerk.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.klanten {
	width:209px;
	height:29px;
	background:url(afbeeldingen/klanten.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.nieuwsberichten {
	width:209px;
	height:29px;
	background:url(afbeeldingen/nieuwsberichten.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.nieuwsberichten2 {
	width:209px;
	height:29px;
	background:url(afbeeldingen/portfolio.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#logoShowWrapper {
	width:200px;
	height:80px;
	margin-bottom:0.50em;
}
#logoShow div {
	width:200px;
	height:80px;
}
#pageWrapper #navigation #col1, #pageWrapper #navigation #col2, #pageWrapper #navigation #col3, #pageWrapper #navigation #col4 {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	padding-top:15px;
	width: 200px;
	height: 145px;
}
#pageWrapper #navigation #col1 p {
	margin-bottom:0.75em;
}
#pageWrapper #navigation #col1, #pageWrapper #navigation #col2, #pageWrapper #navigation #col3 {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
#pageWrapper #navigation #col2 ul li {
	padding-left:15px;
}
#logoShow {
	padding-top:5px;
	width:200px;
}
#pageWrapper #navigation #col3 ul {
	width: 200px;
	height: 80px;
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style:none;
}
#pageWrapper #navigation #col3 li {
	list-style:none;
}
/* -------------------
Footer
---------------------*/

#pageWrapper #footer {
	margin-left:40px;
	margin-top:10px;
	margin-bottom:50px;
	color:#333;
	font-size:0.87em;
}

#pageWrapper #footer a{
	color:#01515F;
	text-decoration:none;
}

#pageWrapper #footer a:hover{
	color:#01515F;
	text-decoration:none;
	border-bottom:none;
	text-decoration:underline;
}
#pageWrapper #footer .meer {
	margin-top:1px;
	width:15px;
	height:15px;
	text-decoration:none;
	display:block;
	background-image:url(afbeeldingen/fb.gif);
	background-position:15px 0;
	text-indent:-9999px;
}
#pageWrapper #footer .meer:hover, .meer:active {
	background-position:0 0;
}
#pageWrapper #footer .twitter {
	margin-top:1px;
	width:15px;
	height:15px;
	text-decoration:none;
	display:block;
	background-image:url(afbeeldingen/twitter.gif);
	background-position:15px 0;
	text-indent:-9999px;
}
#pageWrapper #footer .twitter:hover, .twitter:active {
	background-position:0 0;
}
#pageWrapper #footer .social {
	background:url(afbeeldingen/socialbg.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:26px;
	padding-left:10px;
	font-size:0.87em;
}
#pageWrapper #footer .social li {
	padding-top:4px;
	padding-right:4px;
	display:inline;
	float:left;
}
#pageWrapper #footer .contact {
	width:83px;
	height:25px;
	text-decoration:none;
	display:block;
	background-image:url(afbeeldingen/contact_sprite.jpg);
	background-position:83px 0;
	text-indent:-9999px;
}
#pageWrapper #footer .contact:hover, .contact:active {
	background-position:0 0;
}
/*________________________________
Portfolio
______________________________*/

#pageWrapper #contentWrapper .portfolio {
	width:920px;
	height:107px;
	margin-bottom:2.5em;
	float:left;
	position:relative;
}
#pageWrapper #contentWrapper .portfolio a.title {
	font-size:1.1em;
	background-color:#999;
}
#pageWrapper #contentWrapper .portfolio a {
	margin-top:10px;
	color:#01505f;
	text-decoration:none;
}
#pageWrapper #contentWrapper .portfolio a:hover {
	color:#CBD300;
	text-decoration:none;
}
#pageWrapper #contentWrapper .portfolio .info {
	width:230px;
	float:left;
	margin-right:40px;
}
#pageWrapper #contentWrapper .portfolio .info a {
	font-size:1.1em;
	font-weight:bold;
}
#pageWrapper #contentWrapper .portfolio .info a:hover {
	font-size:1.1em;
	color:#FFF;
	padding:5px 5px 5px 0px;
	background-color:#01505F;
	font-weight:bold;
}
#pageWrapper #contentWrapper .portfolio .afbeelding1 {
	width:303px;
	float:left;
}
#pageWrapper #contentWrapper .portfolio .afbeelding2 {
	width:303px;
	float:right;
}
/* News specifications */

#pageWrapper #contentWrapper .left .article {
	background:url(afbeeldingen/news_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:15px;
	padding-bottom:25px;
}
#pageWrapper #contentWrapper .left .article .articletitle a {
	font-size:1.2em;
	color:#01505F;
	padding:7px 7px 7px 0px;
	font-weight:bold;
	text-decoration:none;
}
#pageWrapper #contentWrapper .left .article .articletitle a:hover {
	font-size:1.2em;
	color:#FFF;
	background-color:#01505F;
	text-decoration:none;
}
#pageWrapper #contentWrapper .left .article .date {
	color:#CCCCCC;
	font-style:italic;
}
/* -- end of new specifications */



/* Algemene Classes ( Links styling etc.) */

.download {
	text-decoration:none;
}
.download a:hover {
	text-decoration:none;
}
/* SlideShow Portolio Detail */

/* Begin Project info V2 */

#pageWrapper #contentWrapper .projectInfo2 {
	color:#333;
	width:215px;
	float:left;
}
#pageWrapper #contentWrapper .projectInfo2 li {
	margin-bottom:0.95em;
}
#pageWrapper #contentWrapper .projectInfo2 a {
	color:#333;
	padding:5px;
	background-color:#DFDFDF;
}
#pageWrapper #contentWrapper .projectInfo2 a:hover {
	color:#FFF;
	background-color:#01515F;
	padding:5px;
	text-decoration:none;
}
#pageWrapper #contentWrapper .projectInfo2 .links {
	margin-top:25px;
}
#pageWrapper #contentWrapper .projectInfo2 .links ul {
	margin-top:15px;
}
#pageWrapper #contentWrapper .projectInfo2 .bezoek {
}
#pageWrapper #contentWrapper .projectInfo2 .bezoek a {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#DFDFDF;
	color:#333;
}
#pageWrapper #contentWrapper .projectInfo2 .bezoek a:hover {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#01515F;
	color:#FFF;
}
/* End van Project info V2 */

#pageWrapper #contentWrapper #portfolioNav {
	margin-top:15px;
	float:right;
	width:685px;
	height:25px;
	margin-top:15px;
}
#pageWrapper #contentWrapper .linkback {
	float:left;
	margin-right:45px;
}
#pageWrapper #contentWrapper .linkback a {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#DFDFDF;
	color:#333;
}
#pageWrapper #contentWrapper .linkback a:hover {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#01515F;
	color:#FFF;
}
#pageWrapper #contentWrapper .backportfolio {
	float:left;
	margin:auto 0;
}
#pageWrapper #contentWrapper .backportfolio a {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#DFDFDF;
	color:#333;
}
#pageWrapper #contentWrapper .backportfolio a:hover {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#01515F;
	color:#FFF;
}
#pageWrapper #contentWrapper .linkNext {
	float:right;
}
#pageWrapper #contentWrapper .linkNext a {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#DFDFDF;
	color:#333;
}
#pageWrapper #contentWrapper .linkNext a:hover {
	padding:5px 10px 5px 10px;
	text-decoration:none;
	background-color:#01515F;
	color:#FFF;
}
/* Svw Portfolio slider  */

#images {
	float:right;
}
/*preload classes*/
.svw {
	width: 50px;
	height: 20px;
	background: #fff;
}
.svw ul {
	position: relative;
	left: -999em;
}
/*core classes*/
.stripViewer {
	position: relative;
	overflow: hidden;
	margin: 0 0 1px 0;
}
.stripViewer ul { 
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li {
	float:left;
}
.stripTransmitter {
	overflow: auto;
	width: 1%;
	float:right;
}
.stripTransmitter ul {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}
.stripTransmitter ul li {
	width: 20px;
	float:left;
	margin: 0 1px 1px 0;
}
.stripTransmitter a {
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #DFDFDF;
	color: #666;
	text-decoration: none;
	display: block;
	border-bottom:none;
}
.stripTransmitter a:hover, a.current {
	background: #CCC;
	color: #FFF;
	border-bottom:none;
}

/* END OF SLIDER SVW BETA */

/* Klanten Quotes */

#pageWrapper #contentWrapper .quotes {
	width:420px;
	margin-top:20px;
	margin-bottom:20px;
}
#pageWrapper #contentWrapper .quote {
	float:left;
	padding-bottom:5px;
}
#pageWrapper #contentWrapper .quotes .quote blockquote {
	padding:15px 10px 10px 20px;
	background:url(afbeeldingen/quote.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border-left-style:dashed;
	border-color:#01515F;
	border-width:1px;
}
#pageWrapper #contentWrapper .quotes .client {
	float:left;
	margin-bottom:15px;
	color:#666;
	padding-left:20px;
	font-size:0.85em;
	font-style:italic;
	color:#01515F;
}

/* End Of Klanten Quotes */

/* Sitemap Styling */

#pageWrapper #contentWrapper #sitemap { }

#pageWrapper #contentWrapper #sitemap a { color:#333; border-bottom:none;}

#pageWrapper #contentWrapper #sitemap a:hover { color:#01515F; border-bottom:none; text-decoration:underline;}

#pageWrapper #contentWrapper #sitemap ul{ margin-bottom:1em; }

#pageWrapper #contentWrapper #sitemap ul li{ list-style:inside; list-style-type:none; font-size:1.2em; font-weight:bold;}

#pageWrapper #contentWrapper #sitemap ul li ul li{ font-size:0.80em; padding-left:15px; }

#pageWrapper #contentWrapper #sitemap ul li ul li:a{ color:#000; }

/* End of Sitemap Styling */

#pageWrapper #contentWrapper .testlist{
	float:left;
	width:230px;
	margin-right:25px;
	display:inline-block;
	}