/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

.roestbruin{ color: #c85b0f;}
.lichtblauw{ color: #5ebed8;}
.donkerbruin{ color: #624a20;}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: #333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
} 

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

 
#container{ 
 width:936px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
 position:relative; 
 height:200px; 
 width:100%;
 display:block;
 overflow:auto;
} 
 
 #content{
	position: relative;
	display:block;
}
 
 #first, #second, #third, #index, #mainbar, #footer, #sixcolums {
 	position: relative;
	 float: left;
	 top: 0px;
	 margin: 18px 18px 18px 0px;
 }
 #first, #second, #third, #header {
	 margin: 18px 18px 0px 0px;
 }
 
 #first, #second, #third, #index {
	 background-color: #fff;
 }

 #index, #mainbar, #sixcolums {
	 margin-bottom: 0;
 }
 #mainbar, #sixcolums {
	 margin-top: 0;
 }
 #third {
	 margin-right: 0;
 }
 
 #connect {
	 position: absolute;
	 top: 0;
	 height: 18px;
	 background-color: #fff;
 }
 
 #mainbar,
 #footer
{
	clear:both;
	background-repeat: repeat;
	background-image: url(img/streepwit.gif);
}

 #mainbar {
 	height: 42px;
	text-align: center;
}

 #footer,
 .addresColumn {
 	height: 49px;
}

.addresColumn {
	float: left;
	padding: 0 7px; 
	width: 107px;
	font-style: normal;
	font-size: 9px;
	line-height: 15px;
	background-color: white;
}

.col-content{
	margin: 5px;
}
.no-margin{
	margin: 0;
}

#logo,
#name,
#button_portfolio,
#button_fijnedag,
#button_search, 
#button_twitter,
#button_facebook {
	float: left;
	margin-right: 18px; 
	height: 42px;
	font-family: "Coda Caption", serif;
	font-size: 18px;
	line-height: 45px;
	color: #c85b0f;
}

#logo,
#button_search,
#button_twitter,
#button_facebook {
	width: 42px;
	margin-right: 0;
}
#logo {
	background-image: url(img/logo.ico)
}
#name {
	width: 258px;
	background-color: white;
	color: #c85b0f;
}
#button_search,
#button_twitter,
#button_facebook {
	float: right;
	margin-left: 0px;
	background-color: #FEFEFE;
}
#button_twitter {
	background-image: url(img/logo_twitter.svg)
}
#button_facebook {
	background-image: url(img/logo_facebook.svg)
}


#button_portfolio,
#button_fijnedag {
	font-size: 16px;
	background-color: #5ebed8;
	color: #fff;
}
#button_portfolio.selected,
#button_fijnedag.selected,
#button_portfolio.selected a,
#button_fijnedag.selected a {
	background-color: #fff;
	color: #c85b0f;
}

 
.col-w-1{
 width:141px; 
 }
.col-w-2{
 width:300px; 
 }
.col-w-3{
 width:459px; 
 }
.col-w-4{
 width:618px; 
 }
.col-w-5{
 width:777px; 
 }
.col-w-6{
 width:936px; 
 }
 
.col-p-1{
 left:0px; 
 }
.col-p-2{
 left:159px; 
 }
.col-p-3{
 left:318px; 
 }
.col-p-4{
 left:477px; 
 }
.col-p-5{
 left:636px; 
 }
.col-p-6{
 left:795px; 
 }
.margin-18 {
	margin-top: -18px;
}

h2 {
	font-size: 16px;
	margin-bottom: 7px;
}

p,
.credits {
	font-size: 13px;
	margin-bottom: 14px;
}

strong {
	font-weight: 700;
}

.credits {
	color: #5ebed8;
}

.filters {
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	text-align: justify;
	margin-bottom: 7px;
}

.portfolio-social {
	float: left;
	width: 21px;
	height: 21px;
}
 
a {
	 color: #c85b0f;
	 text-decoration: none;
}
a.white {
	 color: #fff;
}

.filters a:hover {
	 background-color: #888;
	 color: #fff;
}
 
img.intro{
	width: 300px;
}
img.portfolio {
	width: 618px;
}