/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	img { 
		border:0px;
	}

	.clear {
		clear:both;
	}
	
	p {
		margin:0 0 10px 0;
	}
	
	body {
		font-size:12px;
		color:#000000;
		font-family:arial, verdana, sans-serif;
		background: #e0e1db url(../images/layout/basic_background.jpg) no-repeat 50% 0;
	}
	
	div#centerThis {
		width:980px;
		margin:0px auto;
	}

	div#top {
		float:left;
		width:960px;
		padding:0 10px;
		height:85px;
	}
	
	div#space_top {
		width:300px;
		height:85px;
		float:left;		
	}
	

	div#logo {
		float:left;
		height:85px;
		width:125px;
		background:#e0e1db url(../images/layout/basic_logo.jpg) no-repeat 0% 0%;
	}
	
	div#logo a{
		display:block;
		float:left;
		width:125px;
		height:85px;
		text-decoration:none;
	}
	
	div#mainmenu {
		float:left;
		margin:0;
		width:960px;
		height:23px;
		padding:0 10px;
	}	

	div#header {
		width:960px;
		background-color:#001668;
		float:left;
		padding:0 10px;
	}



	div#content {
		width:960px;
		background-color:#FFFFFF;
		float:left;
		padding:20px 10px 10px 10px;
		float:left;
		min-height:400px;
	}
	
	h1.main {
		margin: 0 0 0 10px;
	}
	
	
	div#bottom {
		width:980px;
		float:left;
		padding:0 0 30px 0;
		float:left;
		height:50px;
		background:url('../images/layout/basic_bottom_background.jpg') no-repeat 50% 0%;
	}	
	
	div#skyline {
		width:100%;
		clear:both;
		float:left;
		height:225px;
		background:#000000 url('../images/layout/footer_background.jpg') no-repeat 50% 0%;
	}
	
	div#footer {
		width:100%;
		clear:both;
		height:20px;
		background-color:#000000;
		float:left;
		font-size:9px;
		color:#FCFCFC;
		text-align:center;
		line-height:20px;
	}	

	div#footer a {
		color:#FCFCFC;
		text-decoration:none;
		padding:0 5px;
	}

	div.row  {
		float:left;
		margin:0 0 0 0;
		padding:0 0 15px 0;
	}
	
	/*****************************************************************************************
	** Portfolio																			**
	*****************************************************************************************/	
	div.portfolio-listitem {
		width:220px;
		padding:5px 10px;
		float:left;
	}
	
	div.portfolio-listitem-recent {
		width:205px;
		padding:10px 0;
		float:left;
	}

	div.portfolio-listitem-description {
		float:left;
		width:70px;
		height:135px;
		margin-left:10px;
		margin-top:10px;
		font-size:10px;
	}
	
	div.portfolio-listitem h2{
		font-size:13px;
		display:block;
		border-bottom:5px solid #B3C9EF;
		color:#486fb6;
		margin:0;
	}
	
	div.portfolio-listitem-thumbnail {
		width:220px;
		height:100px;
		background-color:#eeeeee;
		float:left;
		margin:0 0 4px 0;
		overflow:hidden;
	}
	
	div.portfolio-listitem p.omschrijving_beknopt {
		display:block;
		height:50px;
		width:220px;
		float:left;
		overflow:hidden;
	}
	
	div.portfolio-listitem p.right a {
		text-decoration:none;
		color:#486fb6;
	}
	
	
	div#portfoliocats ul {
		display:block;
		float:left;
		margin:10px;
		width:940px;
		height:35px;
	}
	
	div#portfoliocats ul li {
		float:left;
		list-style-type:none;
		font-size:20px;
	}
	
	div#portfoliocats ul li a {
		text-decoration:none;
		color:#486fb6;
		display:block;
		padding:5px;
	}
	
	div#portfoliocats ul li a:hover,
	div#portfoliocats ul li a.active {
		background-color:#486fb6;
		color:#FFFFFF;
	}
	
	li.withslash {
		padding:0 35px 0 0;
		background:url('../images/layout/portfolio_slash.jpg') no-repeat top right;
	}	
	
	div.col640 {
		width:600px;
		padding:10px;
		float:left;
	}
	
	ul#portfolioslides {
		background-color:#B3C9EF;
		display:block;
		height:236px;
		margin:0;
		overflow:hidden;
		padding:7px;
		width:586px;
	}

	ul#portfolioslides li {
		display:block;
		float:left;
		height:236px;
		list-style-type:none;
		margin:7px;
		overflow:hidden;
		padding:0;
		width:586px;
	}
	
	div#portfolioslides-nav {
		float:left;
		margin: 0 0 10px;
	}
	
	div#portfolioslides-nav a {
		background-color:#B3C9EF;
		color:#486FB6;
		display:block;
		float:left;
		height:16px;
		line-height:16px;
		margin:6px 5px 2px 0;
		text-align:center;
		text-decoration:none;
		width:19px;
	}
	
	div#portfolioslides-nav a.activeSlide {
		border:1px solid #486FB6;
		height: 14px;
		width:17px;
		line-height:14px;
	}
	
	div.portfolio-detail-summary {
		clear:left;
		margin:0 0 10px;
		font-weight:bold;
	}
	
	div.portfolio-detail-discription {
		margin: 0 0 10px;
	}
	
	div.portfolio-detail-discription a {
		color: #486FB6;
	}
	
	div.colPortfolio300 {
		background-color:#F9F6F5;
		float:left;
		margin:0;
		min-height:550px;
		width:300px;
		margin-top:10px;
	}
	
	div.colPortfolio300 div.portfolio-listitem {
		height:126px;
	}
	
	div#columWrapperPortfolio {
		float:left;
		margin:10px 0 0;
		min-height:400px;
		width:960px;
	}
	
	
	div#portfolio-recent {
		border-top:10px solid #B3C9EF;
		float:left;
		width:300px;
		margin-left:10px;
	}
	
	div.colPortfolio300 h2{
		margin-left:10px;
	}
	
	div#portfolio-recent ul {
		padding:0 -5px;
	}
	
	div#portfolio-recent ul li {
		float:left;
		list-style-type:none;
		margin:0 0 20px;
	}
	
	div.portfolio-listitem {
		height:186px;
		width:206px;
	}
	
	div.portfolio-listitem-thumbnail {
		background-color:#000000;
		float:left;
		height:100px;
		width:206px;
	}
	
	div#portfolio-recent h3 {
		color:#486FB6;
		display:block;
		float:left;
		font-size:14px;
		font-weight:normal;
		margin:8px 0 15px 10px;
	}
	
	div.naarportfoliodetailrecent {
		background-color:#B3C9EF;
		color:#486FB6;
		display:block;
		float:right;
		font-size:11px;
		height:16px;
		line-height:14px;
		margin:8px 0 0;
		padding:0 6px;
		text-decoration:none;
	}
	/*****************************************************************************************
	** Quote																				**
	*****************************************************************************************/	
	
	div#quote {
		width:485px;
		height:75px;
		float:left;
		margin: 10px 50px 0 0;
	}
	
	div.quote_sign_left {
		width:40px;
		height:50px;
		background:#e0e1db url(../images/layout/quote_quote_left.jpg) no-repeat 0% 0%;
		float:right;
		margin: 0 7px 0 0;
	}
	
	div.quote_text {
		height:50px;
		float:right;
		font-family:'Times new roman', sans-serif;
		font-size:21px;
		letter-spacing:-1px;
		max-width:395px;
		text-align:center;
	}		
	
	div.quote_reference {
		width:400px;
		float:right;
		height:15px;
		text-align:right;
		margin:5px 40px 0 0;
		font-size:10px;
	}	
	
	div.quote_sign_right {
		width:40px;
		height:50px;
		background:#e0e1db url(../images/layout/quote_quote_right.jpg) no-repeat 0% 0%;
		float:right;
		margin: 0 0 0 5px;
	}

	.twitterdate {
		color:#B3C9EF;
		font-size:9px;
		text-style:italic;
		float:right;
		clear:both;
		margin:1px 5px 5px 0px;
	}	

	
	/*****************************************************************************************
	** TABBED MENU 																			**
	** based on: 																			**
	** http://www.wpdesigner.com/2007/06/20/how-to-create-overlapping-tabs					**
	*****************************************************************************************/	
	
	div#mainmenu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	div#mainmenu ul li{
		float: left;
		margin: 0 0 0 0;
		background: url('../images/layout/navtab.png') no-repeat 100% 0;
	}

	div#mainmenu ul li a{
		display: block;
		padding: 0 34px 0 0px;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
	}
	
	div#mainmenu ul li a span {
		display:block;
		height:23px;
		line-height:25px;
		background-color:#486fb6;
	}	

	div#mainmenu ul li a:hover{
		text-decoration: none;
		color:#FFFFFF;
	}

	div#mainmenu ul li.first a {
		padding: 0 34px 0 17px;
		background:url('../images/layout/navtab_first.png') no-repeat 0 0;
		color:#FFFFFF;
		text-decoration:none;
	}

	div#mainmenu ul li.first a span {
		display:block;
		height:23px;
		line-height:25px;
		background-color:#486fb6;
	}

	div#mainmenu ul li#firstcurrent{
		background: url('../images/layout/navtab_current.png') no-repeat 100% 0;
	}

	div#mainmenu ul li#firstcurrent a {
		background:url('../images/layout/navtab_current_first.png') no-repeat;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	div#mainmenu ul li#firstcurrent a span {
		display:block;
		height:23px;
		line-height:25px;
		background-color:#001668;
	}	

	div#mainmenu ul li#current{
		margin-left:-34px;
		background: url('../images/layout/navtab_current.png') no-repeat 100% 0%;
	}
	
	div#mainmenu ul li#current a{
		padding: 0 34px;
		background:url('../images/layout/navtab_current_left.png') no-repeat;
		color: #FFFFFF;
	}
	
	div#mainmenu ul li#current a span {
		display:block;
		height:23px;
		line-height:25px;
		background-color:#001668;
	}	

	div#mainmenu ul li.last{
		background: url('../images/layout/navtab_last.png') no-repeat right top;
	}
	
	div#mainmenu ul li.last a{
		padding: 0 25px 0 0;
	}
	
	div#mainmenu ul li.last a span {
		display:block;
		height:23px;
		line-height:25px;
		background-color:#486fb6;
	}	

	div#mainmenu ul li#lastcurrent{
		margin-left: -34px;
		background:url('../images/layout/navtab_current_last.png') no-repeat right top;
	}
	
	div#mainmenu ul li#lastcurrent a{
		padding: 0 25px 0 34px;
		background: url('../images/layout/navtab_current_left.png') no-repeat;
		color: #FFFFFF;
	}

	div#mainmenu ul li#lastcurrent a span {
		display:block;
		height:23px;
		line-height:25px;
		background-color:#001668;
	}	
	
	/*****************************************************************************************
	** CAROUSEL 																			**
	** http://sorgalla.com/projects/jcarousel/ 												**
	*****************************************************************************************/

	div#carousel-container {
		width:960px;
		float:left;
		padding:20px 0 20px 0;
	}

	.jcarousel-control {
		padding:5px 10px 0 0;
		height:20px;
		float:right;
	}

	.jcarousel-control a{
		width:17px;
		height:17px;
		display:block;
		float:left;
		margin:0 0 0 4px;
		background-color:#FFFFFF;
		color:#001668;
		text-decoration:none;
		text-align:center;
		line-height:17px;
		fot-size:11px;
	}
	/**
	 * This <div> element is wrapped by jCarousel around the list
	 * and has the classname "jcarousel-container".
	 */
	.jcarousel-container {
		position: relative;
	}

	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0 10px;
		overflow: hidden;
		position: relative;
		width:940px;
		height:250px;
		float:left;
		background-color:#FF00FF;
	}

	#mycarousel,
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		display:none;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}

	#mycarousel li,
	ul.jcarousel-list li {
		float: left;
		list-style: none;
		list-style-type: none;
		/* We set the width/height explicitly. No width/height causes infinite loops. */
		width: 940px;
		height: 250px;
		background-color:#FFCC00;
		display:inline;
		margin:0;
		padding:0;
	}

	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {
		z-index: 3;
		display: none;
	}

	.jcarousel-prev {
		z-index: 3;
		display: none;
	}	
	
	/* ---------------------- */
	/* slide templates */
	div.st_1 {
		width:230px;
		height:230px;
		margin:10px;
		float:left;
		/* background-color:#FF0000; */
		position:relative;
	}
	
	div.st_1 h2{
		font-size:15px;
		font-weight:bold;
		margin:0 0 10px 0;
	}

	div.st_1 p{
		margin:0 0 10px 0;
	}
	
	div.st_1 p.link {
		position:absolute;
		top:200px;
		width:230px;
	}

	div.st_1 p.link a{
		padding:4px 10px;
		background-color:#001668;
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		float:right;
		margin: 0 0 0 5px;
	}	
	
	/* ---------------------- */

	
	div#submenu {
		background-color:#001668;
		float:left;
		margin:0;
		width:960px;
		padding:0 10px;	
		height:35px;	
	}	
	
	div#columWrapper {
		width:890px;
		margin:0px;
		float:left;
		background-color:#FFFFFF;
		margin:0px 5px;
	}

	div#firstColum {
		width:220px;
		margin:10px;
		float:left;
		min-height:100px;		
	}

	div#secondColum {
		width:460px;
		margin:10px;
		float:left;
	}	

	div#secondColum p {
		margin:5px 0 8px 0;
	}
	
	div#thirdColum {
		width:220px;
		margin:10px;
		float:left;
		min-height:100px;
	}
	
	div#twocol-secondColum {
		width:700px;
		margin:10px;
		float:left;
	}

	div.half-col {
		margin:10px;
		float:left;
		width:460px;
		min-height:100px;		
	}

	/*****************************************************************************************
	** Nieuws 																				**
	*****************************************************************************************/		
	div.news_list_item {
		float:left;
		margin:5px 0 0 0;
		padding:15px 15px 33px 15px;
		background:#B3C9EF url('../images/layout/news_list_shadow.jpg') no-repeat 0 100%;
	}

	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;
		width:200px;
		color:#000000;
		margin:0px 0px 10px 0px;	
		padding:10px;	
	}

	div.block h1 {
		font-size:13px;
		font-weight:bold;
		margin:2px 0px;
	}
	
	div.block p {
		font-size:11px;
		margin:0px 0px 2px 0px;
	}

	.homeblock220 {
		display:block;
		float:left;	
		width:220px;
		padding:0;
		margin:0px 10px;
	}
	
	.homeblock460 {
		display:block;
		float:left;	
		width:460px;
		padding:0;
		margin:0px 10px;
	}	
	
	body.contact div.homeblock460 {
		margin:0px 10px 20px 0;
	}	
	
	span.firstrow{
		display:block;
		width:220px;
		height:160px;
		overflow:hidden;
	}	
	
	span.secondrow{
		display:block;
		height:130px;
		overflow:hidden;
	}
	
	.homeblock460 h1,
	.homeblock460 h2, 
	.homeblock220 h2,
	.general300 h2 {
		font-size:17px;
		display:block;
		border-bottom:5px solid #B3C9EF;
		color:#486fb6;
		margin: 0 0 3px 0;
	}

	.homeblock460 p,
	.homeblock220 p {
		margin:3px 0 10px 0;
	}
	
	.general300 {
		width:300px;
		float:left;
		margin:0 10px 10px 10px;
	}
	
	ul.nieuws {
		margin:5px 0 0 0;
	}

	ul.nieuws li {
		margin:0 0 7px 0;
		list-style-type:none;
	}

	ul.nieuws li a {
		text-decoration:none;
		color:#000000;
	}

	ul.nieuws li a:hover {
		text-decoration:none;
		color:#486fb6;
	}	
	
	p.rightlink {
		display:block;
		text-align:right;
	}
	
	p.rightlink a {
		color:#486fb6;
		text-decoration:none;
	}
	
	div.homerow  {
		float:left;
		margin:0 0 0 0;
		padding:0 0 15px 0;
	}
	
	div.bottomblockleft {
		float:left;
		height:40px;
		overflow:hidden;
		margin:5px 0 0 50px;
	}
	
	div.bottomblockright {
		float:right;
		height:40px;
		overflow:hidden;
		margin:5px 50px 0 0;
	}	
	
	div.bottomblockright h3,
	div.bottomblockleft h3 {
		font-size:11px;
		font-weight:bold;
		color:#486fb6;
	}
	
	ul#ontheweb {
		margin:0px;
		
	}
	ul#ontheweb li {
		margin:0px;
		list-style-type:none;
		float:left;
	}
	
	ul#ontheweb li a {
		margin:0px;
		padding:0 10px 0 0;
		text-decoration:none;
		font-size:10px;
		color:#486fb6;
	}

	.block220 {
		display:block;
		float:left;	
		width:220px;
		padding:0;
		margin:0px 10px;
	}
	
	.block460 {
		display:block;
		float:left;	
		width:460px;
		padding:0;
		margin:0px 10px;
	}

	.block460 h1,
	.block220 h2  {
		font-size:17px;
		display:block;
		border-bottom:5px solid #B3C9EF;
		color:#486fb6;
		margin: 0 0 3px 0;
	}

	.block460 p,
	.block220 p {
		margin:3px 0 10px 0;
	}	

	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
/*
	div#mainmenu ul {
		display:block;
		float:left;	
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#mainmenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#mainmenu ul li a {
		padding:0 10px;
		height:30px;
		float:left;
		line-height:30px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		background-color:#3F71D2;
	} */
	

	div#submenu ul {
		list-style-type:none;
		float:left;
		width:900px;
		padding:0 10px;	
	}
	
	div#submenu ul li {
		list-style-type:none;
		position:relative;
		float:left;
		height:35px;
	}	
	
	div#submenu ul li a {
		padding:0 10px;
		height:35px;
		float:left;
		line-height:35px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
	}
	
	div#submenu ul li a:hover {

		/* background-color:#08268F; */
		background: url('../images/layout/submenu_active.jpg') no-repeat 50% 100%;
	}

	div#submenu ul li a.current {
		background: url('../images/layout/submenu_active.jpg') no-repeat 50% 100%;
	}

	
	.right {
		text-align:right;
	}
	
	p.latestportfolio a {
		text-decoration:none;
		color:#000000;	
	}
	
	p.latestportfolio a:hover {
		text-decoration:none;
		color:#486fb6;
	}

	
	
	/*****************************************************************************************
	** Contact, Offerte formulier & GoogleMaps												**
	*****************************************************************************************/

	form#form {
		width:455px;
		float:left;
		display:block;
		margin:2px;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		display:block;
		float:left;
		width:125px;
		margin:2px;
	}
	
	div.formrecord INPUT[type="text"] {
		width:300px;
	}
	
	input#contact-submit{
		margin-right:15px;
	}
	
	div.formrecord textarea {
		width:300px;
		height:150px;
	}
	
	div.formrecord sup {
		margin-right:110px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div#googledirectionsPrint {
		width:430px; 
		float:left; 
		clear:both; 
		margin:0 0 10px 0; 
		text-align:center;
		display:none;
	}
	
	div.googledir {
		width:460px;
	}	
	

	div.contact-block{
		float:left;
		padding:10px 10px 33px 10px;
		background:#B3C9EF url('../images/layout/news_list_shadow.jpg') no-repeat 0 100%;
		width:440px;
	}
	
	div.contact-block h1,
	div.contact-block h2 {
		color:#FFFFFF;
		margin:0;
		position:relative;
		font-size:23px;
		letter-spacing:-2px;
	}	
	
	div.googledir {
		width:430px;
	}
	
	div.contact-block p {
		margin:3px 0 6px 0;
	}