*, a img, ul { padding:0; margin:0; border:0;  }
a { text-decoration:none; color:#0c93d9; font-weight:bold; }
a:hover{ text-decoration:underline; }
li { list-style:none; }
.contentlist{margin-left:20px; margin-top:10px; margin-bottom:10px;  border:0;}
.contentlistitem { list-style:disc; }
.clear { clear:both; }
.floatRight { float:right; }
.hide { display:none; }
center { height:100%; }


/* =MAIN ELEMENTS */
html{ background: #FFFFFF; height:100%; overflow: -moz-scrollbars-vertical; }
body { font-family: Arial; font-size:12px; color:#515151;  height:100%; text-align:left; background-image:url('../images/layout/bg.gif'); font-smooth:always; background-repeat:repeat-x;  line-height: 18px;  }
h1 { font-weight:normal; font-size:22px; color:#0c93d9; text-align:left; margin:0px; padding:0px; margin-bottom:20px; text-transform: uppercase; }
h2 { font-weight:normal; font-size:19px; color:#262626; text-align:left; margin:0px; padding:0px; margin-bottom:20px; }
h3 { font-weight:bold; font-size:13px; color:#8e8e8e; text-align:left; margin:0px; padding:0px; margin-bottom:5px; text-transform: uppercase;}


.portfolio_item { font-weight:normal; font-size:13px; color:#0c93d9; text-align:left; margin:0px; padding:0px; margin-bottom:10px; margin-left:7px;}

input { border: 1px solid #c6d9e9; font-size:20px;  padding-top:3px; padding-bottom:3px; padding-left:3px; }
textarea { border: 1px solid #c6d9e9; font-size:20px;  padding-top:3px; padding-bottom:3px; padding-left:3px; font-family: Arial; }
.formLabel{ font-weight:bold; font-size:13px; padding-right:15px;}
.button { border:0; background-color:#0c93d9; color:#FFFFFF; text-transform:uppercase; font-size:12px; *font-size:11px; cursor:hand; cursor:pointer; padding:3px 5px 3px 5px; line-height:15px; font-weight:bold;  }
hr { color:#bbbbbb; background-color:#bbbbbb; height:1px; margin:20px 0 10px 0; }

/* custom */
.subbg{  background-image:url('../images/layout/bg-sub.jpg'); height:180px; background-color: #fff; padding-bottom /*\**/: -800px\9; }
.wrapper{ width:980px ;  margin:0; text-align:left;  }
.header { width:100%; height:102px; background-image:url('../images/layout/header.jpg'); background-repeat:no-repeat;}
.header-sub { width:100%; height:152px;   background-image:url('../images/layout/header-sub.jpg'); background-repeat:no-repeat; }
.slogan { width:100%; text-align:center;  margin-top:-30px; position:relative; }
h6 { margin:0; padding:0; color:#0c93d9; font-weight:bold; font-size:16px; letter-spacing:.6px; text-align:center; }

.navigation { float:right; }
.menuitem { float:left; margin-right:1px;  cursor:pointer; *cursor:hand; line-height:0px; font-size:0px; text-decoration:none;}

.logoRoll{ width:177px; height:64px; position:absolute; top:16px; margin-left:21px;  background-color:; zoom: 1; opacity: 0; }
.logoRoll:hover{ background-color:;  }

.menu_home{  width:84px; height:72px; background-image:url('../images/layout/home.gif'); background-repeat:no-repeat; display:block; background-position:23px 49px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;  }
.menu_home:hover{ background-image:url('../images/layout/home-roll.gif'); background-color:#0c93d9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6; zoom: 1; opacity: 0.6;  filter: alpha(opacity = 60); }
.menu_home_active{ width:84px; height:72px;  background-repeat:no-repeat; display:block; background-position:23px 49px; background-image:url('../images/layout/home-roll.gif'); background-color:#0c93d9;}

.menu_diensten{  width:105px; height:72px; background-image:url('../images/layout/diensten.gif'); background-repeat:no-repeat; display:block; background-position:23px 49px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.menu_diensten:hover{ background-image:url('../images/layout/diensten-roll.gif'); background-color:#0c93d9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
.menu_diensten_active{ background-image:url('../images/layout/diensten-roll.gif'); background-color:#0c93d9; background-repeat:no-repeat; display:block; width:105px; height:72px; background-position:23px 49px;}

.menu_portfolio{  width:111px; height:72px; background-image:url('../images/layout/portfolio.gif'); background-repeat:no-repeat; display:block; background-position:23px 49px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.menu_portfolio:hover{ background-image:url('../images/layout/portfolio-roll.gif'); background-color:#0c93d9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
.menu_portfolio_active{ background-image:url('../images/layout/portfolio-roll.gif'); background-color:#0c93d9; background-repeat:no-repeat; display:block; width:111px; height:72px; background-position:23px 49px;}
.menu_prijzen{  width:111px; height:72px; background-image:url('../images/layout/portfolio.gif'); background-repeat:no-repeat; display:block; background-position:23px 49px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.menu_prijzen:hover{ background-image:url('../images/layout/portfolio-roll.gif'); background-color:#0c93d9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
.menu_overons{  width:111px; height:72px; background-image:url('../images/layout/overons.gif'); background-repeat:no-repeat; display:block; background-position:23px 49px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.menu_overons:hover{ background-image:url('../images/layout/overons-roll.gif'); background-color:#0c93d9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
.menu_overons_active{ background-image:url('../images/layout/overons-roll.gif'); background-color:#0c93d9; background-repeat:no-repeat; display:block; width:111px; height:72px; background-position:23px 49px;}

.menu_contact{  width:105px; height:72px; background-image:url('../images/layout/contact1.gif'); background-repeat:no-repeat; display:block; background-position:23px 49px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
.menu_contact:hover{ background-image:url('../images/layout/contact1-roll.gif'); background-color:#0c93d9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
.menu_contact_active{ background-image:url('../images/layout/contact1-roll.gif'); background-color:#0c93d9; background-repeat:no-repeat; display:block; width:105px; height:72px; background-position:23px 49px; }



.dienstblok1{ background-image:url('../images/layout/dienst_no.gif'); width:978px; height:137px; margin-top:35px; padding-left:13px;  }
.dienstblok2{ background-image:url('../images/layout/dienst_no.gif'); width:978px; height:136px; margin-top:25px; padding-left:13px; text-align:left }
.dienstfloat { float:left; margin-top:9px; width:303px; margin-right:17px; cursor:hand; cursor:pointer; line-height: 15px;}
.diensttitel { margin-bottom:5px; }
.dienst_leesmeer{color:#616161; background-color:#F3F3F3; padding:3px; padding-left:6px; padding-right:6px; margin-left:14px; float:right;}

.footer1{ background-image:url('../images/layout/footerbg.gif'); background-repeat:repeat-x; width:100%; background-color:#f7f7f6; float: left;}
.subfooter{padding-top:15px; padding-bottom:5px; color:#999; font-size:9px; font-weight:normal; }
.subfooter h1{text-align:center; color:black; font-size:14px;}
.footer_blok{ width:300px; float:left;padding-top:25px; }
.footer_titel{ margin-bottom:20px; }
.contact_lbl { width:43px; color:#8d8d8d; font-weight:bold; float:left; line-height:20px; }
.contact_field{ color:#3b3b3b;line-height:20px; }
.contact_field a{ color:#3b3b3b; font-weight:normal; }
.newsitem{ border-top:1px solid #bbbbbb;  width:100%; }
.newsitem a { color:#3b3b3b; font-weight:bold; line-height:35px; display:block;  }
.newsitem a:hover{ background-color:#efeeee; }

#twitter_update_list { margin-top:-10px; }
#twitter_update_list li {  float:left; border-bottom:1px solid #bbbbbb; margin-bottom:10px; padding-bottom:10px; }
#birdnapping span.entry-meta{  display:block; font-style:italic; font-size:smaller;   }
#birdnapping span.entry-meta a{ color:#3b3b3b; }
#birdnapping .follow { font-weight:bold; }

#contact_blok{ margin-left:15px; _margin-left:5px; background-image:url('../images/layout/contactbg.gif'); background-repeat:no-repeat; background-position:bottom right; }
#nieuws_blok { padding-left:20px; }
#waarom_blok { margin-left:21px;  }

.subcontainer{ margin-top:70px;  }

.portfolio_itembg { width:863px; background-color:#e9f4f9; padding:20px; margin-bottom:35px; border-top:1px solid #bde2f5; margin-left:40px; }
/*h3 { color:#0c93d9; font-size:24px; font-weight:normal; }*/
.project_title h1{color:#0c93d9; font-size:24px; font-weight:normal; width:290px; float:left;}
.portf_sub { color:#727272; font-size:11px; }
.portf_content{ font-size:12px; color:#3b3b3b; margin-top:25px; width:375px; line-height:17px; }
.overons_content{ font-size:12px; color:#3b3b3b; margin-top:25px; width:550px; line-height:17px; }
.btnOpenSite{ width:119px; height:29px; background-image:url('../images/layout/btn_openwebsite.jpg'); margin-top:25px; display:block; cursor:hand; cursor:pointer; }
.btnOpenSite:hover{ progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); zoom:1; }
	
.btnContact{ width:301px; height:29px; background-image:url('../images/layout/btn_contact.jpg'); margin-top:25px; display:block; cursor:hand; cursor:pointer; }
.btnContact:hover{ progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); zoom:1; } 
.portfThumb{ float:left;	width:217px; margin-right:20px; color:#49595f; line-height:16px;  font-weight:normal; text-decoration:none;}
.portfThumb:hover{ color:#000000; text-decoration:none; }

.portfThumbImg{ width:217px;	height:140px; z-index:98; border:2px solid #E8E8E8;}

.imgThumbReadMore{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);

/*	background-image:url('../images/work/moreinfo-small.png');
*/	background-repeat:no-repeat;
	
	/*position:absolute;*/	
	z-index:99;
	cursor:hand; cursor:pointer;
	zoom: 1;
	
	
}
h4{ color:#ff3716; font-size:18px; font-weight:normal; margin-bottom:7px; margin-top:15px; }
h5{color:#0c93d9; font-size:14px; font-weight:bold; margin-bottom:7px; margin-top:5px }

.smallArrow{ background-image:url('../images/layout/icon_smallarrow.gif'); background-repeat:no-repeat; width:8px; height:7px; margin-right:7px; }
.portf_dienst_text{ background-image:url('../images/layout/icon_smallarrow.gif'); background-repeat:no-repeat; background-position:3px; width:100%; padding-left:20px; font-weight:bold; }
.portf_dienst_text a{color:#3b3b3b; font-weight:bold; text-decoration:none;}
.backLink{ margin-left:40px;  }
.backLink:hover{ color:#666; text-decoration:none; }
.lb_pic{border:1px solid #0c93d9; margin-left:6px; margin-top:10px;}


.btnChat:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8; zoom: 1;  filter: alpha(opacity = 80); } }


#portfolio_images{ float:left; width:419px;  }
#slideshow{ background-image:url('../images/work/portfImgBg.jpg'); width:419px; height:297px; background-repeat:no-repeat; float:left;  }


#slideshow IMG {
    position:absolute;
    
    z-index:8;
    opacity:0.0;
	margin-top:13px; margin-left:13px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

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

.inpContact{ width:800px; }

/* SCROLLER */
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 960px;	 
	height:265px;	
	*margin-bottom:20px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;	
	padding-left:6px;
}

/* custom positioning for navigational links */
a.prev {
	margin-top:130px;	float:left; margin-left:-40px; position:relative; 
}

a.next {
	margin-top:56px;	float:right; margin-left:960px; *margin-left:0px;
}



/* single item */
.item {
	float:left;
	width:321px;
	height:220px;
	/*background:#ffffff 0 146px;*/
	color:#727273;	
	cursor:pointer;
	font-size:11px;
	margin-right:1px;
	text-align:center
	background-image:none;
	font-weight:normal;
	background-repeat:no-repeat;
}

.item:hover
{
	color:#000;
	text-decoration:none;
}

/* style when mouse is over the item */
#thumbs div.hover {
	/*background-color:#E8E8E8;
	border-bottom:1px solid #0c93d9;*/
	color:#000;
	text-decoration:none;
}

/* style when element is active (clicked) */
/*#thumbs div.active {
	background-color:#E8E8E8;
	cursor:default;
}*/

.item_img
{
	width:293px; height:166px; z-index:98; padding-left:8px; padding-top:17px;	background-repeat:no-repeat; background-position:center;
}

#thumbs p {
	margin:5px 13px 0px 6px;				
}

#thumbs h1 {
	font-weight:bold;
	color:#0c93d9;
	font-size:13px;
	margin-left:6px;
	margin-top:5px;
	line-height:11px;
	margin-bottom:11px;
}

.imgReadMore{
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
/*	background-image:url('../images/layout/moreinfo.png');
	background-repeat:no-repeat;
	width:258px;
	height:155px;
*/	/*position:absolute;*/	
	z-index:99;
	cursor:hand; cursor:pointer;	
	
	zoom:1;
	margin-top:-13px;
}

address { font-style:normal; }

.tagcloud {
	height:auto; min-height:195px; min-width:325px; 
	
}

.tagcloud a {
	font-weight:normal;	
}

.tagcloud a:hover {
	text-decoration:underline;
} 

.dienst_foto{
	float:left;
	margin-right:5px;
}

.dienst_titel{
	color:#4d4d4d;
	padding-top:2px;
	text-transform: none;
	font-size: 18px;
}

.portfolio_contact{
	background-color:#69c5ec;
	width:280px;
	color:white;
	font-size:12px;
	padding:10px;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
}

.portfolio_contact b{
	color:black;
}

.portfolio_links{
	float:right;
	margin-right:40px;
	color:#0c93d9;
}

.portfolio_links a{
	font-size:14px;
	font-weight:normal;
}
#ticker {
	height:150px;
	width:300px;
	overflow:hidden;
	padding:6px 10px 14px 10px;
	;
}
#ticker li {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	height:150px;
	padding:5px;
}
#ticker a {
	 color:#0c93d9;
	font-weight:bold;
}

#ticker .news-title  { color:#3b3b3b; font-weight:bold; line-height:25px; display:block;  }

#ticker .news-text {
	display:block;
	color:#666666;
	font-style:italic;
}

/* =CATEGORIE MENU */


/* =NEW PAGES */
.new_portfolio, .new_diensten {
	width: 100%;
	background-color: white;
}

.new_portfolio .new_addthis, .new_diensten .new_addthis {
	width: 100%;
	text-align:right;
}

.new_portfolio .new_addthis div, .new_diensten .new_addthis div {
	float:right;
	width: 405px;
}

.new_portfolio #portfolio_left, .new_diensten #diensten_left {
	float:left;
	width: 190px;
}

.new_portfolio #portfolio_right, .new_diensten #diensten_right {
	float:left;
	width: 710px;
	padding-left: 50px;
}

.offerte_aanvraag{  margin-top: 20px;}

.offerte_aanvraag a{
	color: #000;
	font-size: 18px;
	border-bottom: 1px solid #dc0005;
	font-weight: normal;
	line-height: 22px;
}
.offerte_aanvraag a:hover{
	text-decoration:none;
	color: #dc0005;
}

.new_portfolio #portfolio_left , .new_diensten #diensten_left {
	
}
.new_portfolio #portfolio_left , .new_diensten #diensten_left {
	border:none;	
}


.samenwerken{
	margin-top: 30px;
	border: none;
	width: 190px;
	height: 88px;
	background: url('../images/layout/samenwerken.png') no-repeat top left;
	display: block;
}

.samenwerken:hover {
	background-position: bottom left;
}


.mini_portfolio
{
	width: 750px;
	height: 395px;
	background: url('../images/layout/diensten_itemsbg.gif') no-repeat top left;
	margin-top: 25px;
	padding-left: 10px;
	margin-bottom: 18px;
}

.mini_portfolio .item{
	float: left;
	width: 315px;
	height: 152px;
	background: url('../images/layout/mportf_item_bg.jpg') no-repeat top left;
	margin-left: 20px;
	margin-top: 27px;
	display: block;
}

.mini_portfolio .item:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;
}

.mini_portfolio .item img{
	margin-left: 18px;
	margin-top: 12px;
}

.btnPortfolio
{
	background: url('../images/layout/btnPortfolio.gif') no-repeat top left;
	display: block;
	width: 136px;
	height: 38px;
	float: right;	
}

.btnPortfolio:hover
{
	background-position: bottom left;
}


/* QUOTE */

.quote {
	float:right;
	text-align: left;
	margin-left: 45px;
	margin-bottom: 35px;
}

.quote .balloon{
	width: 231px;
	background-color: #e2f5ff;
	color: #638394;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	padding: 17px;
	
}

.quote .bottom{	
	width: 240px;
	height: 15px;
	background: url('../images/layout/quote-bottom.gif') no-repeat top right;	
}

.quote .user{
	color: #000;
	font-size: 11px;
	text-transform: uppercase;
	font-style: normal;
	padding-top: 15px;
	padding-right: 10px;
	text-align: right;
}


#slider_3D{  
	margin-bottom: 15px;
	width:720px;
	height:305px;
}

.tick
{
	width:14px; height: 16px;
	background: url('../images/layout/1314705068_102.png') no-repeat center left;
	float: left;
	margin-right: 5px;
	
}

/* MENU */

.catMenu{
	width:190px;
	border-top:  1px solid #dfdfdf;
	
}

.catMenuItem{ 
	text-transform: uppercase; 
	font-weight: bold;
	color: #65686b;
	font-size: 14px;
	height: 24px;
	display: block;
	width: 162px;
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 28px;
	border-bottom:  1px solid #dfdfdf;
	padding-top: 12px;
	
	
	/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6; zoom: 1; opacity: 0.6;  filter: alpha(opacity = 60); */
	
	
}

.catMenuItem:hover, .catMenu #active
{
	/* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1; zoom: 1; opacity: 1;  filter: alpha(opacity = 100); */
	color: #000000;
}



/*** NEW PORTFOLIO ***/


#frame {
	z-index:0;
	width:799px;
	height:379px;
}

/*
	Slideshow
*/

.slides {
	z-index:100;
	background-image:url(../images/layout/frame.png);
	padding:21px 0px 0px 49px;
	display:block;
	width:799px;
	background-position:top left;
	height:379px;
	background-repeat:no-repeat;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:724px;
	overflow:hidden;
	position:relative;
	display:none;
	height:341px;
	margin-left:-10px;
	margin-top:-8px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:724px;
	height:341px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

.slides .next,.slides .prev {
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	float:left;
	margin-top:-180px;
}

.slides .next {
	margin-left:720px;
}

/*
	Pagination
*/

.pagination {
	margin:30px 0px 0px 680px;
	width:30px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/layout/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


.project_data{
	width:730px;
	margin-left:40px;
	margin-top:-20px;
	color:#515151;
	font-family:Arial;
	font-size:12px;
}

.project_data .diensten{
	margin-top:20px;
}

.project_data .diensten a{
	display:inline-block;
	color:#656363;
	font-weight:normal;
	font-size:10px;
	float:left;
	margin-right:10px;
	text-decoration:none;
}
.project_data .diensten a img{
	float:left;
}

.project_data .diensten a div{
	background-image:url(../images/layout/button-bg.jpg);
	background-repeat:repeat-x;
	float:left;
	padding:3px 5px 0px 5px;
	height:20px;
	
}

.openwebsite{
	float:right;
	margin-right:10px;
	margin-top:-10px;
}


/* PORTFOLIO BANNER */


#opel {
	width:300px;
	height:250px;
	background-image:url(/novation/images/work/banner_opel.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;
}

#jimmobile {
	width:300px;
	height:250px;
	background-image:url(/novation/images/work/banner_jimmobile.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;
}

#keytrade
{
	width: 300px;
	height:600px;
	background-image:url(/novation/images/work/keytrade_banner1.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;	
}

#keytrade2
{
	width: 728px;
	height:90px;
	background-image:url(/novation/images/work/banner_keytrade2.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;
	margin-top: 25px;	
}

#jimmobile2 {
	width:300px;
	height:250px;
	background-image:url(/novation/images/work/banner_jimmobile2.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;
	margin-top: 25px;	

}


#interparking {
	width:300px;
	height:250px;
	background-image:url(/novation/images/work/banner_interparking.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;
	margin-top: 25px;	

}

#loreal_indestr {
	width:500px;
	height:399px;
	background-image:url(/novation/images/work/banner_loreal.jpg);
	text-align:center;
	cursor:pointer;
	margin-bottom: 15px;
	margin-top: 25px;	

}