/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}
	
	img {
		border:0;
	}
	
	body {
		font-size:12px;
		color:#000000;
		font-family:arial, verdana, sans-serif;
		background:#F1EDEE url('../images/layout/background.jpg') no-repeat scroll 50% 0; 		
	}
	
	.clear {
		clear:both;
	}
	
	div#centerThis {
		width:980px;
		margin:0px auto;
		visibility: hidden;
	}
	
		div#header {
			width:980px;
			height:105px;
			margin:10px 0;
			float:left;
		}
	
			div#mainmenu {
				background-color:#00CCE4;
				float:right;
				margin:30px 20px 0 0;
				height:30px;
				padding:6px;
					
			}
	
		div#content {
			background-color:#FFFFFF;
			float:left;
			width:960px;
			margin:0;
			padding:0 10px 20px 10px;
		}
	
			div#visual {
				width:940px;
				margin:10px;
				float:left;
				height:320px;
			}

			div#columWrapper {
				width:960px;
				margin:10px 0 0 0;
				float:left;
				min-height:400px;
			}

				div.col640 {
					width:640px;
					margin:0;
					float:left;
					background-color:#FEFEFE;
				}				
				
				div.col940 {
					width:940px;
					margin:10px;
					float:left;
					background-color:#FEFEFE;
				}
			
				div.colHome300 {
					width:300px;
					margin:0 0 0 10px;
					float:left;
					background-color:#f9f6f5;
					height:489px;
				}
				
				#dvd div.colHome300 {
					width:300px;
					margin:0 0 0 10px;
					float:left;
					background-color:#f9f6f5;
					height:596px;
				}
				
				
				div.colPortfolio300 {
					width:300px;
					margin:0;
					float:left;
					background-color:#f9f6f5;
					min-height:550px;
				}				

		div#footer {
			width:980px;
			height:200px;
			margin:0;
			background:#8c817d url('../images/layout/shadow_infooter.jpg') repeat-x 0 0;
			float:left;
			color:#FFFFFF;
		}

	div#submenu {
		background-color:#3F71D2;
		float:left;
		margin:0px 5px;
		width:890px;		
	}
	
	
	/*****************************************************************************************
	** Footer 																				**
	*****************************************************************************************/		
	
	div.footblock {
		float:left;
		width:200px;
		min-height:100px;
		padding:10px;
		margin:20px 0 20px 20px;
	}	
	
	div.footblock h3 {
		font-size:14px;
		margin-bottom:7px;
	}
	
	
	div.footblock ul {
		margin:0;
		padding:0;
	}
	
	div.footblock ul li ul { 
		margin:0 0 0 10px;
		padding:0;
		
	}
	
	div.footblock ul li {
		margin: 2px 0 4px 0;
		list-style-type:none;
	}
	
	div.footblock ul li a { 
		color:#FAF6F5; 
		text-decoration:none;
	}	
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;	
	}

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

	div#home_techblog {
		width:300px;
		margin:0 10px;
		background-color:#FEFEFE;
		border-top:10px solid #ff6e00;
		float:left;
		height:275px;
	}
	
	div#home_techblog h2 {
		color:#FF6E00;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:240px;
		float:left;
	}
	
	div#home_techblog h3 {
		color:#000000;
		font-size:15px;
		margin:4px 0 4px 0;
		display:block;
		clear:both;
	}
		
	div#home_techblog p {
		color:#000000;
		margin:0 0 4px 0;
	}

	div#home_techblog p a {
		color:#FF6E00;
		text-decoration:none;
	}	
	
	div#home_techblog p img {
		border:1px solid #FF6E00;
		padding:6px;
		float:left;
		margin-right:5px;
		margin-bottom:5px;
	}

	
	div#home_weblog {
		width:300px;
		margin:0 10px;
		background-color:#FEFEFE;
		border-top:10px solid #00CCE4;
		float:left;
		height:275px;
	}
	
	div#home_weblog h2 {
		color:#00CCE4;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:240px;
		float:left;
	}
	
	div#home_weblog h3 {
		color:#000000;
		font-size:15px;
		margin:4px 0 4px 0;
	}
		
	div#home_weblog p {
		color:#000000;
		margin:0 0 4px 0;
	}

	div#home_weblog p a {
		color:#00CCE4;
		text-decoration:none;
	}	
	
	div#home_weblog p img {
		border:1px solid #00CCE4;
		padding:6px;
		float:left;
		margin-right:5px;
		margin-bottom:5px;
	}

	
	div#home_latestdvd {
		width:620px;
		margin:0 10px 0 10px;
		border-top:10px solid #DFE4E1;
		float:left
	}
	
	div#home_latestdvd h2 {
		color:#c7d1cb;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:550px;
		float:left;
	}
	
	ul#latestdvd {
		margin:0;
		padding:0;
		float:left;
	}
	
	ul#latestdvd li {
		list-style-type:none;
		float:left;
		margin-right:12px;
	}	
	
	ul#latestdvd li.last {
		margin-right:0;
		float:right;
	}	
	
	ul#latestdvd li a img {
		padding:7px;
		background-color:#DFE4E1;
	}

	
	div#home_latestvideo {
		width:280px;
		margin:0;
		padding:0 10px;
		border-top:10px solid #8c817d;
		float:left;
		height:275px;
	}
	
	div#home_latestvideo h2 {
		color:#8c817d;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:220px;
		float:left;
	}
	
	div#home_latestvideo h3 {
		color:#000000;
		font-size:15px;
		margin:4px 0 4px 0;
		display:block;
		clear:both;
	}
		
	div#home_latestvideo p {
		color:#000000;
		margin:0 0 4px 0;
	}

	div#home_latestvideo p a {
		color:#FF6E00;
		text-decoration:none;
	}	
	
	div#home_latestvideo p img {
		border:1px solid #FF6E00;
		padding:6px;
		float:left;
		margin-right:5px;
		margin-bottom:5px;
	}

	
	div#home_twitter {
		width:280px;
		margin:0;
		padding:0 10px;
		border-top:10px solid #8c817d;
		float:left
	}
	
	div#home_twitter h2 {
		color:#8c817d;
		font-size:17px;
		margin:7px 0 1px 0;
		display:block;
		width:220px;
		float:left;
	}
	
	div#home_twitter p {
		color:#000000;
		margin:0 0 2px 0;
		display:block;
		float:left;
		height:59px;
	}

	div#home_twitter p a {
		color:#FF6E00;
		text-decoration:none;
	}

	span.twitterdate {
		clear:both; 
		color:#00CCE4;
		display:block;
		font-size:9px;
		
	}
	
	div#dvd_zoeken {
		width:280px;
		margin:0 0 10px 0;
		padding:0 10px;
		border-top:10px solid #8c817d;
		float:left;
	}	
	
	div#dvd_zoeken h2 {
		color:#8c817d;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:280px;
		float:left;
	}	
	
	div#dvd_zoeken label {
		float:left;
		clear:both;
		display:block;
		width:280px;
		margin:5px 0 2px 0;
	}

	div#dvd_zoeken input.textinput {
		float:left;
		clear:both;
		display:block;
		width:280px;
		margin:5px 0 2px 0;
	}

	input.submitLightBlue {
		padding:3px 6px;
		background-color:#00CCE4;
		color:#FFFFFF;
		font-size:11px;
		border:0px solid;
		float:right;
		margin: 3px 0 0 5px;
	}
	

	div.meer {
		float:right;
		height:16px;
		margin:8px 0 0 0;
	}
	
	div.meer a{
		display:block;
		padding:0 6px;
		background-color:#dfe4e1;
		color:#949494;
		height:16px;
		line-height:14px;
		font-size:11px;
		text-decoration:none;
	}

	.addMarginRight {
		margin-right:10px;
	}
		


	
	/*****************************************************************************************
	** 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 {
		background-color:#4FE0F3;
	}	
	
	div#mainmenu ul li a.current {
		background-color:#FFFFFF;
		color:#FF6E00;
	}
	

	div#submenu ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#submenu ul li {
		list-style-type:none;
		position:relative;
		display: inline;
	}	
	
	div#submenu ul li a {
		padding:0 10px;
		height:25px;
		float:left;
		line-height:22px;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
	}
	
	div#submenu ul li a:hover,
	div#submenu ul li a.current {
		background-color:#3579fd;
	}


	/*****************************************************************************************
	** Blog page 																			**
	*****************************************************************************************/

	div.blog {
		float:left;
		margin:0;
	}
	

	div.blog h1 {
		margin:0 0 30px 0;
		float:left;
		clear:both;
	}


	div.blog p {
		margin:0 0 15px 0;
	}


	div.blog ol,
	div.blog ul{
		margin:0 0 20px 15px;
	}	
	
	div.blog ol li,
	div.blog ul li {
		padding:0 0 7px 0;
	}	

	div#latest-blogs  {
		margin:0;
		padding:0 10px 20px 10px;
		float:left;
		border-top:10px solid #FF6E00;		
	}
	
	div#latest-blogs ul {
		margin:0;
		list-style-type:none;
		float:left;
		clear:both;
	}
	
	div#latest-blogs ul li {
		padding:0 0 10px 15px;
		list-style-type:none;
	}
			
	ul.techblog li {
		background: url('../images/layout/back-list-techblog-items.jpg') no-repeat 0 4px;
	}	
	
	ul.techblog li a {
		text-decoration:none;
		color:#FF6E00;
	}

	div#blog_content {
		border-top:10px solid #DFE4E1;
		float:left;
		margin:0 10px;
		width:380px;
	}		
	
	div#blog_content h1 {
		color:#C7D1CB;
		display:block;
		float:left;
		font-size:17px;
		margin:8px 0 2px 0;
		clear:both;
		width:380px
	}

	div#latest-blogs h2 {
		color:#FF6E00;
		display:block;
		float:left;
		font-size:17px;
		margin:8px 0 2px;
		width:220px;
		clear:both;
	}
	
	div.listview-blog {
		margin:10px 0 20px 0;
		float:left;
		clear:both;
		width:380px;
	}
	div.listview-blog h2 {
		font-size:16px;
	}
	div.listview-blog p a {
		padding:5px 0;
	}
	div.listview-blog p.blog-details {
		color:#C0C0C0;
		font-size:10px;
	}
	div.listview-blog p.blog-details a {
		display:block;
		float:right;
		font-size:12px;
		text-decoration:underline;
		color:#FF6E00;
	}

	
	/*****************************************************************************************
	** DVD page 																			**
	*****************************************************************************************/
	div#dvd_content {
		border-top:10px solid #DFE4E1;
		float:left;
		margin:0 10px;
		width:620px;
	}	

	div#dvd_content h1 {
		color:#c7d1cb;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:550px;
		float:left;
	}
	
	ul#dvdlist {
		margin:0;
		padding:0;
		float:left;
	}
	
	ul#dvdlist li {
		list-style-type:none;
		float:left;
		margin-right:12px;
		margin-top:6px;
		margin-bottom:6px;
	}

	ul#dvdlist li a	{
		display:block;
		float:left;
	}
	
	ul#dvdlist li.last {
		margin-right:0;
		float:right;
		margin-top:6px;
		margin-bottom:6px;		
	}	
	
	ul#dvdlist li img,
	ul#dvdlist li a img {
		padding:7px;
		background-color:#DFE4E1;
	}
	
	div#dvdnavigatie {
		margin:0 0 10px 0;
		float:left;
		width:620px;
	}
	
	div#dvdnavigatie_links {
		margin:0;
		float:left;
		width:100px;
	}	
	
	
	div#dvdnavigatie_midden {
		margin:0;
		float:left;
		width:420px;
		text-align:center;
	}	
	
	div#dvdnavigatie_rechts {
		margin:0;
		float:right;
		width:100px;
		text-align:right;		
	}

	
	a.navbutton {
		padding:3px 6px;
		background-color:#00CCE4;
		color:#FFFFFF;
		font-size:11px;
		border:0px solid;	
		text-decoration:none;
		text-align:center;
		/* display:block; */
		width:90px;
	}
		
	a.navbuttonactive {
		padding:3px 6px;
		background-color:#FF6E00;
		color:#FFFFFF;
		font-size:11px;
		border:0px solid;	
		text-decoration:none;
		text-align:center;
		/* display:block; */
		width:90px;
	}

	
	div#dvd_details {
		width:280px;
		margin:10px 0;
		padding:0 10px;
		border-top:10px solid #8c817d;
		float:left;
	}	
	
	div#dvd_details h2 {
		color:#8c817d;
		font-size:17px;
		margin:8px 0 2px 0;
		display:block;
		width:280px;
		float:left;
	}	
	
	div#dvd_details h3 {
		color:#8c817d;
		font-size:15px;
		margin:6px 0 4px 0;
		display:block;
		width:280px;
		float:left;
	}
	
	div.detail_Wrapper {
		position:relative;
		float:left;
		height:357px;
		width:280px;
		margin-bottom:10px;
		margin:0;
		padding:0;
	}	

	div#dvd_details p {
		font-size:12px;
		float:left;
		display:block;
		overflow:auto;
	}

	div#dvd_details p img {
		margin: 0 8px 3px 0;
		padding:4px;
		float:left;
	}

	div.detail_extraWrapper {
		position:relative;
		float:left;
		height:50px;
		width:280px;
		margin-bottom:10px;
		margin:0;
		padding:0;
	}
	
	div.detail_extra {
		float:left;
		width:100px;
		line-height:20px;
	}
	
	div.detail_extra {
		float:left;
		width:200px;
		height:50px;
	}	
	div.detail_rating {
		float:left;
		width:80px;
		height:50px;
		font-size:40px;
		font-weight:bold;
		text-spacing:5px;
		color:#8c817d;
	}

	div.detail_carousel {
		left:0;
		margin:0;
		overflow:hidden;
		padding:0;
		position:relative;
		top:0;
		z-index:1;
		height:415px;
		width:280px;
	}
	
	div.detail_carousel_item {
		float:left;
		height:415px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		width:280px;
		display:none;
	}	
	
	
	/*****************************************************************************************
	** Video 																				**
	*****************************************************************************************/
	
	div#playerContainer {
		width:640px;
		float:left;
	}		
	
	div#videoplayer {
		float:left;
	}
	
	div#player {
		width:630px;
		height:380px;
		margin:5px;
		float:left;
	}

	div#clipselector {
		width:630px;
		float:left;
		margin:0px 5px 5px 5px;
		padding:0;
	}	

	div.clips {
		background-color:#F0F0F0;
		float:left;
		height:120px;
		margin:0 1px 1px 0;
		padding:2px;
		width:204px;
		/* clear:both; */
	}		
	
	div.clips h1{
		margin:3px;
		font-size:14px;
		font-weight:bold;
	}
	
	div.clipImage {
		width:75px;
		height:75px;
		float:left;
		margin:0 2px 2px 0;
		text-align:center;
		font-size:10px;
		/* background-color:#FFFF00; */
	}	
	
	div.clipImage img{
		margin:0px 0px 1px 0px;
		border:0px solid;
	}

	div.clipDescription {
		width:115px;
		height:75px;
		float:left;
		margin:0 2px 2px 0;
		/* background-color:#FFFF00; */
	}
	
	div.clipTime {
		width:75px;
		height:16px;
		float:left;
		margin:0 2px 2px 0;
		text-align:center;
		font-size:10px;
		/* background-color:#FFFF00; */
	}	
	
	div.clipViewlink {
		width:115px;
		height:16px;
		float:left;
		margin:0 2px 2px 0;
		text-align:right;
		/* background-color:#FFFF00; */
	}

	div.clipViewlink a{
		color:#b10102;
		text-decoration:none;
	}
	
	
	
	/*****************************************************************************************
	** Portfolio 																			**
	*****************************************************************************************/
	div#portfolio-detail h1 {
		color:#c7d1cb;
		font-size:22px;
		margin:8px 0 2px 0;
		display:block;
		width:620px;
		float:left;
	}
	
	 div#portfoliocats {
	 	width:940px;
	 	float:left;
	 	clear:both;
	 	margin:0 0 10px 10px;
	 }
	
	div#portfoliocats ul {
		float:left;
		
	}
	
	div#portfoliocats ul li {
		float:left;
		list-style-type:none;
		padding:4px 20px 4px 0;
	}	
	
	div#portfoliocats ul li.withslash {
		background:url('../images/layout/portfolio_slash.jpg') no-repeat right top;
	}

	div#portfoliocats ul li a {
		font-size:18px;
		display:block;
		padding:4px 6px;
		text-decoration:none;
		color:#00CCE4;
	}

	div#portfoliocats ul li a.active,
	div#portfoliocats ul li a:hover {
		background-color:#00CCE4;
		color:#FFFFFF;
	}		
	
	 ul.portfolio {  
	     list-style: none;  
	     position: relative;  
	     margin: 0;  
	     padding: 0;  
	     margin:0;
	 }  
	 
	 ul.portfolio li{  
	     display: block;  
	     overflow: hidden;  
	     padding: 7px;  
	     cursor: pointer; 
		 float: left;  
	     margin:10px; 
	     background-color:#DFE4E1;
	     margin-right: none; 
	     width:206px;
	}

	div.portfolio-listitem {
		width:206px;
		height:156px;
	}
	 
	div.portfolio-listitem-thumbnail {
		float:left;
		width:206px;
		height:136px;
		background-color:#000000;
	}

	div.portfolio-listitem h2 {
		font-size:13px;
		font-weight:normal;
		float:left;
		margin-top:5px;
	}
	
	ul.portfolio li a div.portfolio-listitem h2 {
		text-decoration:none;
		color:#949494;
	}
	
	div.naarportfoliodetail {
		float:right;
		height:16px;
		margin:8px 0 0 0;
		display:block;
		padding:0 6px;
		background-color:#949494;
		color:#DFE4E1;
		height:16px;
		line-height:14px;
		font-size:11px;
		text-decoration:none;
	}
		
	div.naarportfoliodetailrecent {
		float:right;
		height:16px;
		margin:8px 0 0 0;
		display:block;
		padding:0 6px;
		background-color:#949494;
		color:#DFE4E1;
		height:16px;
		line-height:14px;
		font-size:11px;
		text-decoration:none;
	}
	
	div#portfolio-detail {
		padding:0 0 10px 10px;
		float:left;
	}
	
	div.portfolio-detail-images {
		width:620px;
		height:275px;
		float:left;
		margin:0 0 10px 0;
	}
	
	ul#portfolioslides {
		float:left;
		height:236px;
		width:606px;
		margin:0;
		padding:7px;
	    display: block;  
	    overflow: hidden;  
	    background-color:#DFE4E1;
	}
	
	ul#portfolioslides li{
		float:left;
		height:236px;
		width:606px;
		list-style-type:none;
		margin:7px;
		padding:0;
	    display: block;  
	    overflow: hidden;  
	}	
	
	div#portfolioslides-nav {
		float:left;
	}
	
	div#portfolioslides-nav a {
		display:block;
		background-color:#DFE4E1;
		color:#949494;
		float:left;
		height:16px;
		width:19px;
		line-height:16px;
		margin:6px 5px 2px 0;
		text-decoration:none;
		text-align:center;
	}	
	
	div.portfolio-detail-summary {
		width:620px;
		float:left;
		margin:0 0 10px 0;
		font-size:15px;
		font-weight:bold;
		font-style:italic;		
	}
	
	div.portfolio-detail-discription {
		width:620px;
		float:left;
		margin:0;
	}

	div.portfolio-detail-discription p {
		margin:3px 0 10px 0;
	}
	
	div#portfolio-recent{
		float:left;
		border-top:10px solid #8C817D;
	}
	
	div#portfolio-recent h2 {
		color:#8C817D;
		display:block;
		float:left;
		font-size:17px;
		margin:8px 0 15px 10px;
		width:200px;	
	}	
	
	div#portfolio-recent h3 {
		color:#8C817D;
		display:block;
		float:left;
		font-size:14px;
		margin:8px 0 15px 10px;
		font-weight:normal;
	
	}	
	
	div#portfolio-recent ul {
		padding:20px 45px;
	}
	
	div#portfolio-recent ul li {
		list-style-type:none;
		float:left;
		margin:0 0 20px 0;
	}
	
	div.naarportfoliodetailrecent {
		float:right;
		height:16px;
		margin:8px 0 0 0;
		display:block;
		padding:0 6px;
		background-color:#8C817D;
		color:#f9f6f5;
		height:16px;
		line-height:14px;
		font-size:11px;
		text-decoration:none;
	}