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

* {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 100%;
	line-height: 20px;
}

.clear {
	clear: both;
}

/* TOP */

.absolute-top {
	width: 100%;
	min-width: 960px;
	background-color: #3d3d3f;
	height: 13px;
}

.top {
	width: 100%;
	min-width: 960px;
	height: 84px;
	background-color: #202020;
	border-bottom: 1px solid #FFFFFF;
}

.top-container {
	margin: 0 auto;
	width: 960px;
	height: 73px;
}

.logo {
	float: left;
	margin-left: 10px;
}

.logo a img {
	border: 0;
}

.logo img {
	margin-top: 14px;
}

.menu {
	float: right;
	line-height: 14px;
	margin-right: 10px;
}

.menu ul {
	margin: 0;
	padding: 0;
	margin-top: 31px;
	line-height: 14px;
}

.menu ul li {
	float: left;
	margin-left: 18px;
	list-style-type: none;
}

.menu ul li h2 a {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

/* MENU LAVA LAMP */
 .lavaLampBottomStyle {
    position: relative;
    height: 29px;
    padding: 5px 0;
    margin: 10px 0;
    overflow: hidden;
	font-family: Georgia, Arial;
	font-size: 17px;
}

.lavaLampBottomStyle li {
    float: left;
    list-style: none;
}

.lavaLampBottomStyle li.back {
    border-bottom: 1px solid #FFFFFF;
    width: 9px;
    height: 15px;
    z-index: 1;
    position: absolute;
	margin-left: 0px;
	padding-top: 5px;
}

.lavaLampBottomStyle li a {
    text-decoration: none;
    color: #FFFFFF;
    outline: none;
    text-align: center;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 25px;
    position: relative;
    overflow: hidden;
	text-decoration: none;
} 
  
.lavaLampBottomStyle li h2 a:hover, .lavaLampBottomStyle li h2 a:active, .lavaLampBottomStyle li h2 a:visited {
    border: none;
}    

/* HEADER */
.header {
	width: 100%;
	min-width: 960px;
	height: 378px;
	background-image: url('../images/bg-header.jpg');
	background-repeat: repeat-x;
	background-position: top;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.header-container {
	width: 960px;
	height: 378px;
	margin: 0 auto;
}

/* BILLY SLIDER */
ul, ul li {
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.indicators {
	z-index: 10; 
	margin-top: -35px;
	position: absolute;
	margin-right: 0px;
	padding: 0;
	width: 960px;
	float: right;
}

.subindicators {
	z-index: 10; 
	margin-top: -115px;
	position: absolute;
	margin-right: 0px;
	padding: 0;
	width: 960px;
	float: right;
}
 
div#billy_indicators {
	margin: 0 0 13px 20px;
	float: left;
}
 
div#billy_indicators li {
	display: block;
	background-image: url('../images/indicator-white.png');
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
	float: left;
}
	
div#billy_indicators li a {
	display: block;
	width: 8px;
	height: 8px;
}	
	
div#billy_indicators li.active { 
	background-image: url('../images/indicator-blue.png'); 
}
		
#billy_clip { 
	width: 960px; 
	position: relative; /* For IE */
	overflow: hidden;
	height: 378px;
	margin: 0;
}
 
ul#billy_scroller {
	width: 96000px;
	height: 378px;
}
	
ul#billy_scroller li {
	width: 960px;
	height: 378px;
	float: left;
}

/* SUB HEAEDER */

.subheader {
	width: 100%;
	min-width: 960px;
	height: 280px;
	background-image: url('../images/bg-subheader.jpg');
	background-repeat: repeat-x;
	background-position: top;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.subheader-container {
	width: 960px;
	height: 280px;
	margin: 0 auto;
}

.subheader-img {
	width: 480px;
	height: 280px;
	float: left;
}

.subheader-text {
	float: left;
	width: 470px;
	padding-right: 10px;
	margin-top: 15px;
}

.subheader-text h1 {
	color: #C9A605;
	font-size: 36px;
	margin-top: 50px;
	margin-bottom: 10px;
}

.subheader-text h2 {
	color: #333333;
	font-size: 24px;
	margin-bottom: 20px;
}

.subheader-text p.small {
	font-size: 12px;
	margin-left: 5px;
}

.subheader-text a {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.subheader-text a:hover {
	color: #C9A605;
}

/* KRUIMELPAD */
.kruimelpad {
	width: 100%;
	min-width: 960px;
	height: 20px;
	background-color: #FFFFFF;
	margin-top: 10px;
}

.kruimelpad-container {
	width: 950px;
	margin: 0 auto;
	font-size: 11px;
	color: #333333;
	padding-left: 10px;
	border-bottom: 1px solid #f0f0f0;
}

.kruimelpad-container a {
	color: #C9A605;
	text-decoration: none;
}

.kruimelpad-container a:hover {
	text-decoration: underline;
}

/* CONTENT */
.content {
	width: 100%;
	min-width: 960px;
	/*background-image: url('../images/bg-content.jpg');
	background-repeat: repeat-x;*/
	background-color: #FFFFFF;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 30px;
}

.content-container {
	width: 960px;
	margin: 0 auto;
}

.short-links {
	width: 960px;
	background-color: #FFFFFF;
}

.short-links-container {
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	margin-top: 6px;
	border-bottom: 1px solid #cecece;
}

.short-links-blocks-container {
	width: 960px;
	/*border-bottom: 1px solid #cecece;*/
	padding-bottom: 25px;
	padding-top: 15px;
}

.short-links-block {
	float: left;
	width: 220px;
	border-right: 1px solid #cacaca;
	padding: 0 10px;
}

.short-links-block-last {
	float: left;
	width: 220px;
	padding: 0 0 0 10px;
}

.short-links-block-last .icon,
.short-links-block .icon {
	float: left;
	margin-right: 10px;
}

.short-links-block-last .title,
.short-links-block .title {
	padding-top: 15px;
}

.short-links-block .title h1,
.short-links-block-last .title h1 {
	color: #F2C500;
	font-size: 18px;
	width: 140px;
	display: inline;
}

.short-links-block .text,
.short-links-block-last .text {
	font-size: 12px;
	line-height: 16px;
	margin-right: 10px;
	margin-top: 10px;
	height: 60px;
}

.short-links-block .text a,
.short-links-block-last .text a {
	color: #333333;
	text-decoration: underline;
}

.short-links-block .text a:hover,
.short-links-block-last .text a:hover {
	color: #C9A605;
	text-decoration: none;
}

.short-links-block .link,
.short-links-block-last .link {
	margin-top: 5px;
	color: #C9A605;
}

.short-links-block .link a,
.short-links-block-last .link a {
	color: #C9A605;
	text-decoration: underline;
}

.short-links-block .link a:hover,
.short-links-block-last .link a:hover {
	color: #333333;
	text-decoration: none;
}

.left-content {
	float: left;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 40px;
	width: 672px;
}

.left-block {
	width: 680px;
	margin-bottom: 30px;
}

.left-block h1 {
	font-size: 24px;
	color: #C9A605;
	margin-bottom: 12px;
	border-bottom: 1px solid #cecece;
	padding-bottom: 5px;
}

div.left-block-left,
p.left-block-left {
	float: left;
	width: 325px;
	margin-right: 15px;
}

div.left-block-right,
p.left-block-right {
	float: left;
	width: 325px;
	margin-left: 15px;
}

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

.left-block p {
	margin-bottom: 12px;
}

.left-content a {
	color: #333333;
	text-decoration: underline;
}

.left-content a:hover {
	color: #C9A605;
	text-decoration: none;
}

.recent-project-1,
.recent-project-2 {
	float: left;
	width: 202px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.recent-project-3 {
	float: left;
	width: 202px;
	margin-bottom: 30px;
}

.recent-project-new {
	position: absolute;
	margin-left: 154px;
}

.recent-project-img {
	width: 208px;
	height: 142px;
	background-image: url('../images/bg-preview.jpg');
	padding: 3px;
}	

.recent-project-img img {
	border: 1px solid #cacaca;
}

.recent-project-title h1 {
	font-size: 18px;
	color: #C9A605;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 0;
	padding-bottom: 0;
	height: 30px;
}

.recent-project-link a {
	font-size: 11px;
	text-decoration: none;
	font-style: italic;
	color: #333333;
}

.recent-project-link a:hover {
	color: #C9A605;
}

.recent-project-text {
	font-size: 11px;
}

.recent-project-info {
	margin-top: 10px;
	font-size: 11px;
}

.recent-project-info a {
	color: #333333;
	text-decoration: underline;
}

.recent-project-info a:hover {
	color: #C9A605;
	text-decoration: none;
}

/* HET TEAM */
.profiel {
	width: 670px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cecece;
}

.profiel-img {
	float: left;
	display: inline;
	padding: 4px;
	width: 152px;
	background-color: #FFFFFF;
	border: 1px solid #cecece;
	margin-right: 10px;
}

.profiel-img img {
	border: 1px solid #cecece;
}

.profiel-name h1 {
	font-size: 18px;
	margin-bottom: 5px;
	border-bottom: 0;
	padding-bottom: 0;
}

.profiel-function {
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

.profiel-quote {
	margin-bottom: 5px;
}

.profiel-email a {
	color: #333333;
	text-decoration: none;
}

.profiel-email a:hover {
	color: #C9A605;
}

/* DE LOCATIE */
.locatie-img img {
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
}

.locatie-img img a {
	border: 0;
}

.map-form {
	margin-top: 10px;
}

/* FORMS */ 
td.tdt {
	width: 150px;
	padding-bottom: 5px;
}

input {
	margin-right: 5px;
}

.inpt {
	font-family: arial, helvetica;
	padding: 2px 4px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #999999;
	width: 250px;
	letter-spacing: 0.5px;
}

.inpt:focus {
	border: 1px solid #C9A605;
	background-color: #eeeeee;
	color: #434343;
}

.txt {
	width: 330px;
	height: 100px;
	font-family: arial, helvetica;
	padding: 2px 4px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 11px;
	color: #999999;
	line-height: 16px;
	letter-spacing: 0.5px;
}

.txt:focus {
	border: 1px solid #C9A605;
	background-color: #eeeeee;
	color: #434343;
}

.verzend {
	font-family: arial, helvetica;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	color: #000000;
	width: 75px;
	padding: 2px 0;
	font-size: 11px;
	letter-spacing: 0.5px;
}

.verzend:hover {
	border: 1px solid #C9A605;
	background-color: #eeeeee;
	color: #434343;
	cursor: pointer;
}

span.warning {
	color: #FF0000;
	font-weight: bold;
}

/* PORTFOLIO */
.portfolio-block {
	width: 696px !important;
}

.boxgrid-shadow {
	float: left;
	width: 208px;
	height: 270px;
	background-image: url('../images/bg-preview.jpg');
	background-position: top;
	background-repeat: no-repeat;
	padding: 3px;
	margin-right: 18px;
	margin-bottom: 58px;
}

.boxgrid { 
	width: 200px; 
	height: 125px; 
	background:#161613; 
	border: solid 1px #cecece; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

.boxgrid p{ 
	padding: 0 10px; 
	color:#FFFFFF; 
	font-weight:bold; 
	font:12px Arial, sans-serif; 
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	/*background: #202020; */
	height: 125px; 
	width: 100%; 
	background-image: url('../images/bg-block.png');
}

.captionfull .boxcaption {
	bottom: 125px;
	left: 0;
}

.captionfull .boxcaption h1 {
	color: #333333;
	font-size: 16px;
	margin: 10px;
}

.captionfull .boxcaption p {
	color: #333333;
}

.captionfull .boxcaption a {
	color: #333333;
	text-decoration: underline;
}

.captionfull .boxcaption a:hover {
	color: #C9A605;
	text-decoration: none;
}

.portfolio-project-title h1 {
	font-size: 18px;
	color: #C9A605;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 0;
	padding-bottom: 0;
	margin-top: 20px;
	height: 30px;
}

.portfolio-project-link {
	margin-bottom: 5px;
}

.portfolio-project-link a {
	font-size: 11px;
	text-decoration: none;
	color: #999999;
	background-image: url('../images/yellow-list-item.jpg');
	background-position: .1em .3em;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.portfolio-project-link a:hover {
	color: #C9A605;
}

.portfolio-project-text {
	font-size: 11px;
	height: 65px;
}

.portfolio-project-info {
	margin-top: 10px;
	font-size: 11px;
}

.portfolio-project-info a {
	color: #333333;
	text-decoration: underline;
}

.portfolio-project-info a:hover {
	color: #C9A605;
	text-decoration: none;
}

.portfoliolink-block {
	height: 24px;
	margin-bottom: 5px;
	float: right;
	margin-top: -10px;
	margin-bottom: 30px;
	margin-left: 4px;
}

.portfoliolink-block h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

.portfoliolink-block h2 span {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C9A605;
	padding: 4px;
}

.portfoliolink-block h2 a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C9A605;
	padding: 4px;
	display: block;
}

.portfoliolink-block h2 a:hover {
	background-color: #3d3d3f;
}

.portfolio-project-case a {
	text-decoration: none;
}

span.case {
	float: left;
    margin: 5px 0 10px 0;
    padding: 5px 12px 5px 20px;
   	background-color: #C9A605;
	cursor: pointer;
	text-decoration: none;
	height: 13px;
}

span.case img.arrow {
	position: absolute;
	margin-top: 3px;
	margin-left: -10px;
}

.right-block .portfolio-project-case a,
.portfolio-project-case a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 23px;
}

.right-block .portfolio-project-case a span.case {
	float: left;
    margin: 0 0 0 0;
    padding: 5px 12px 5px 20px;
   	background-color: #C9A605;
	cursor: pointer;
	text-decoration: none;
	height: 13px;
}

.portfoliolink-block span.case {
	float: left;
    margin: 5px 0 10px 0;
    padding: 5px 12px 5px 20px;
   	background-color: #CCCCCC;
	cursor: pointer;
	text-decoration: none;
	height: 13px;
}

/* PORTFOLIO FOTOGRAFIE */

.fotografie-block {
	margin-top: 20px;
	width: 696px !important;
}

.fotografie-thumb {
	float: left;
	width: 208px;
	height: 142px;
	background-image: url('../images/bg-preview.jpg');
	padding: 3px;
	margin-right: 18px;
	margin-bottom: 18px;
}

.fotografie-thumb a img {
	border: 1px solid #cecece;
}

/* PORTFOLIO HUISSTIJL */
.huisstijl-preview {
	margin-top: 20px;
}

.huisstijl-preview img {
	margin-bottom: 10px;
	border: solid 1px #cecece; 
}

/* RIGHT CONTENT */
.right-content {
	float: left;
	width: 228px;
	margin-right: 10px;
	margin-top: 30px;
}

.right-block {
	width: 208px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cecece;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}	

.right-block h1 {
	font-size: 20px;
	color: #C9A605;
	margin-top: 4px;
	margin-bottom: 12px;
}

.right-block h3 {
	margin-top: 20px;
	font-size: 20px;
}

.right-block p {
	margin-bottom: 20px;
}

.right-block ul {
	margin: 0;
	padding: 0;
}

.right-block ul li {
	list-style-type: none;
	background-image: url('../images/yellow-list-item.jpg');
	background-position: .1em .6em;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.right-block a {
	color: #333333;
	text-decoration: none;
}

.right-block a:hover {
	color: #C9A605;
}

.link-block {
	height: 24px;
	margin-bottom: 5px;
}

.link-block h2 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

.link-block h2 span {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C9A605;
	padding: 4px;
}

.link-block h2 a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C9A605;
	padding: 4px;
}

.link-block h2 a:hover {
	background-color: #3d3d3f;
}

img.twitter {
	position: absolute;
	margin-top: -40px;
	margin-left: 145px;
}

/* TWITTER */
.twtr-hd,
.twtr-ft {
	display: none;
}

.twtr-img img {
	display: none;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	font-family: Arial, Helvetica;
	font-size: 12px;
	margin-left: -48px;
}

a.twtr-timestamp,
a.twtr-timestamp:hover,
a.twtr-reply,
a.twtr-reply:hover,
a:hover.twtr-reply {
	color: #000000 !important;
	text-decoration: none !important;
	visibility: hidden !important;
}

.twtr-widget twtr-widget-profile {
	height: 50px !important;
}

/* SUBMENU RIGHT */
.submenu-block {
	width: 228px;
	margin-left: 0px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.submenu-block h1 {
	font-size: 20px;
	color: #C9A605;
	margin-top: 4px;
	margin-bottom: 12px;
}

.submenu-block ul.submenu {
	margin: 0;
	padding: 0;
}

.submenu-block ul.submenu li {
	list-style-type: none;
	border-bottom: 1px solid #cacaca;
	margin-left: -10px;
	width: 228px;
}

.submenu-block ul.submenu li a {
	height: 32px;
	width: 203px;
	background-color: #FFFFFF;
	display: block;
	padding-left: 25px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	background-image: url('../images/yellow-list-item.jpg');
	background-position: 1.2em 1.0em;
	background-repeat: no-repeat;
	line-height: 34px;
}

.submenu-block ul.submenu li a:hover {
	background-color: #fcf9f9;
	color: #C9A605;
}

/* ACTIVE SUBMENU */
#over-studio-gusto .content .content-container .right-content .submenu-block ul.submenu li a.over-studio-gusto,
#team .content .content-container .right-content .submenu-block ul.submenu li a.team,
#missie .content .content-container .right-content .submenu-block ul.submenu li a.missie,
#werkwijze .content .content-container .right-content .submenu-block ul.submenu li a.werkwijze,
#nieuws .content .content-container .right-content .submenu-block ul.submenu li a.nieuws,
#vacatures .content .content-container .right-content .submenu-block ul.submenu li a.vacatures,
#contact .content .content-container .right-content .submenu-block ul.submenu li a.contact,
#locatie .content .content-container .right-content .submenu-block ul.submenu li a.locatie,
#vraag .content .content-container .right-content .submenu-block ul.submenu li a.vraag,
#offerte .content .content-container .right-content .submenu-block ul.submenu li a.offerte,
#diensten .content .content-container .right-content .submenu-block ul.submenu li a.diensten,
#identiteit .content .content-container .right-content .submenu-block ul.submenu li a.identiteit,
#marketing .content .content-container .right-content .submenu-block ul.submenu li a.marketing,
#grafisch .content .content-container .right-content .submenu-block ul.submenu li a.grafisch,
#fotografie .content .content-container .right-content .submenu-block ul.submenu li a.fotografie,
#websites .content .content-container .right-content .submenu-block ul.submenu li a.websites,
#ecommerce .content .content-container .right-content .submenu-block ul.submenu li a.ecommerce,
#online .content .content-container .right-content .submenu-block ul.submenu li a.online,
#portfolio .content .content-container .right-content .submenu-block ul.submenu li a.portfolio,
#webdesign .content .content-container .right-content .submenu-block ul.submenu li a.webdesign,
#webshop .content .content-container .right-content .submenu-block ul.submenu li a.webshop,
#grafisch-ontwerp .content .content-container .right-content .submenu-block ul.submenu li a.grafisch-ontwerp,
#online-marketing .content .content-container .right-content .submenu-block ul.submenu li a.online-marketing {
	background-color: #fcf9f9;
	color: #C9A605;
	/*background-image: url('../images/white-list-item.png');*/
}

/* REFERENTIES */
.referenties {
	width: 940px;
	margin-left: 10px;
	margin-right: 10px;
}

.referenties h1 {
	font-size: 24px;
	color: #C9A605;
	margin-bottom: 12px;
}

.referenties-block {
	border: 4px solid #cacaca;
	width: 932px;
	background-color: #FFFFFF; 
}

.referenties .link-block {
	float: right;
	margin-top: 10px;
}

img.a {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 55;
}
 
img.b {
	position: relative;
	left: 0;
	top: 0;
}

.hoverpicture webdesign_t {
	float: left;
	width: 155px;
	height: 80px;
}

.portpic {
	margin: 0;
	float: left;
	position: relative;
}
	
.footer {
	width: 100%;
	min-width: 960px;
	background-color: #f0f0f0;
	color: #333333;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-container {
	width: 940px;
	margin: 0 auto;
}

.footer-block {
	float: left;
	width: 173px;
	margin-right: 20px;
}

.footer-block a,
.footer-block-contact a {
	color: #333333;
	text-decoration: none;
}

.footer-block a:hover,
.footer-block-contact a:hover {
	text-decoration: underline;
}

.footer-block h2 {
	width: 173px;
	border-bottom: 1px solid #333333;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.footer-block h2 a,
.footer-block h2 a:hover,
.footer-block-contact h2 a,
.footer-block-contact h2 a:hover {
	text-decoration: none;
}

.footer-block ul {
	margin: 0;
	padding: 0;
}

.footer-block ul li {
	list-style-type: none;
	display: block;
}

.footer-block-contact {
	float: left;
	width: 168px;
}

.footer-block-contact h2 {
	width: 168px;
	border-bottom: 1px solid #333333;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.bottom {
	width: 100%;
	min-width: 960px;
	background-color: #3d3d3f;
	height: 26px;
}

.bottom-container {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 4px;
}

.bottom-container a {
	color: #FFFFFF;
	text-decoration: none;
}

.bottom-container a:hover {
	color: #C9A605;
}

.bottom-container .left {
	float: left;
}

.bottom-container .right {
	float: right;
}

.bottom-container .right2 {
	float: right;
	margin-left: 5px;
}

.bottom-container a img {
	border: 0;
}

/* PORTFOLIO PREVIEWS */
.portfolio-preview {
	margin-top: 20px;
	margin-bottom: 50px;
}

.indicators-port {
	z-index: 10; 
	position: absolute;
	margin-right: 0px;
	padding: 0;
	width: 680px;
	float: right;
}

div#portfolio_indicators {
	margin: 10px 0 20px 0;
	float: right;
}
 
div#portfolio_indicators li {
	display: block;
	background-image: url('../images/indicator-grey.png');
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
	float: left;
}
	
div#portfolio_indicators li a {
	display: block;
	width: 8px;
	height: 8px;
}	
	
div#portfolio_indicators li.active { 
	background-image: url('../images/indicator-blue.png'); 
}
		
#portfolio_clip { 
	width: 680px; 
	position: relative; /* For IE */
	overflow: hidden;
	height: 600px;
}
 
ul#portfolio_scroller {
	width: 6800px;
	height: 600px;
}
	
ul#portfolio_scroller li {
	width: 680px;
	height: 600px;
	float: left;
}

#portfolio_scroller li span.header_img {
	float: left;
	width: 680px;
	top: 0;
	margin-right: 20px;
}

#portfolio_scroller li span.header_img img {
	border: 1px solid #cecece;
}

.portfolio-detail-block {
	width: 680px;
}

.portfolio-detail-left {
	float: left;
	width: 250px;
}

.portfolio-detail-left a {
	color: #333333;
	text-decoration: underline;
}

.portfolio-detail-left a:hover {
	color: #C9A605;
	text-decoration: none;
}

.portfolio-detail-right {
	float: left;
	width: 430px;
}

.portfolio-detail h2,
.portfolio-detail-right h2 {
	font-size: 20px;
	color: #C9A605; 
	margin-bottom: 10px;
}

.portfolio-detail-title {
	color: #C9A605;
	display: block;
	font-weight: bold;
}

/* NIEUWS */

.news-block {
	width: 680px;
	margin-bottom: 10px;
}

.news-block p.news-date {
	font-size: 10px;
	color: #C9A605;
	margin-bottom: 0;
}

/* VACATURES */

p.bold {
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}

ul.list-items {
	margin-bottom: 10px;
}

ul.list-items li {
	background-image: url('../images/yellow-list-item.jpg');
	background-repeat: no-repeat;
	background-position: .1em .6em;
	padding-left: 20px;
}

.map {
	margin-bottom: 20px;
}





/* LIGHTBOX */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* STEDEN / DORPEN */

ul.webdesign-steden {
	margin-bottom: 15px;
}

ul.webdesign-steden li {
	list-style-type: none;
	background-image: url('../images/yellow-list-item.jpg');
	background-position: .1em .6em;
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 320px;
	float: left;
}

ul.webdesign-provincie {
	margin-bottom: 15px;
}

ul.webdesign-provincie li {
	list-style-type: none;
	background-image: url('../images/yellow-list-item.jpg');
	background-position: .1em .6em;
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 320px;
	float: left;
}

ul.diensten-li li {
	list-style-type: none;
	background-image: url('../images/yellow-list-item.jpg');
	background-position: .1em .6em;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.contactform h2 a {
	text-decoration: none;
}