@charset "UTF-8";


.hidden { display: none; }

#onderschrift_home {
    clear: both;
}


img.logo_home {
    position: absolute;
    width: 104px;
    height: 130px;
    left: 822px;
    top: 12px;
    display: block;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
        	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html, body {
	height:100%; /* Max 100% hoogte in IE */
	max-height:100%; /* Max 100% hoogte in browsers */	
}




body {
	font-size: 100.1%;
}


.klant_text object {
    margin: 0 0 12px 3px;
}



#frame {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 968px;
	background: #fff url("/images/back2.png") no-repeat center 159px;
}

#frame.home {
	background: #fff url("/images/back2.png") no-repeat center 308px;
}

#home_big {
	position: relative;
	left: 4px;
	padding-top: 160px;
	width: 960px;
	height: 148px;
	border-bottom: 1px solid #cdcdcd;
}


#vervolg_big {
	position: relative;
	left: 4px;
	padding: 163px 0 0 0;
	width: 960px;
	border-bottom: 1px solid #cdcdcd;
}

#vervolg_big img {
	vertical-align: bottom;
	margin-top: -328px;
}

#vervolg_big.grotefoto img {
	vertical-align: bottom;
	margin-top: -510px;
}

#vervolg_big #big_text {
	width: 370px;
	padding-left: 540px;
	position: relative;
	min-height: 311px;
	height:auto !important;
 	height:311px;
	font: 13px/20px Verdana, Arial, sans-serif;
	color: #565759;
}

#content {
	position: relative;
	width: 810px;
	text-align: left;
	padding: 25px 0 0 100px;
	left: 0;
	font: 13px/20px Verdana, Arial, sans-serif;
	color: #565759;
}

#content.home {
	position: relative;
}

#content.home #text {
	width: 475px;
	float: left;
}

#content.home #home_banners {
	float: right;
   
}

#home_banners .banner {
	background: url("/images/banner_home_back.png") no-repeat 0 bottom;
	width: 280px;
	margin-bottom: 20px;
clear: both;
}

#home_banners .banner h2 {
	background: url("/images/banner_home_top.png") no-repeat 0 0;
	padding: 10px;
	font: 16px/18px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
}

#home_banners .banner p {
	padding: 0 10px 18px;
	color: #484b4f;
	font: 12px/16px Verdana, Arial, sans-serif;
}

#home_banners .banner img {
	float: right;
	margin: 0 11px 5px 0;
}


h1#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -999em;
	width: 968px;
	height: 150px;
	background: url("/images/logo.png") no-repeat 0 10px;
	z-index: 10;
}

#frame.home h1#logo {
	height: 150px;
}


#naw {
	position: absolute;
	left: 46px;
	top: 44px;
	z-index: 100;
}

#naw p {
	color: #272e34;
	font: 12px/17px Trebuchet MS, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#naw a {
	color: #272e34;
	margin-left: 20px;
	border: none;
	text-decoration: underline;
}

#naw a:hover {
	color: #002c76;
	text-decoration: none;
}



#text {
	padding-top: 20px;
}

h1 {
	font: normal 26px/28px Verdana, Arial, sans-serif;
	color: #0b1d61;
	padding-bottom: 10px;
	
}



h1#direct {
	color: #7b7a24;
	padding-top: 50px;
}	

h1#uitdagend {
	color: #691a4c;
	padding-top: 50px;
}	

h1#vakmanschap {
	color: #2f584b;
	padding-top: 50px;
}
	
h1#scherpe_randjes {
	color: #295b8f;
	padding-top: 50px;
}	

h1#betrokken {
	color: #8c1919;
	padding-top: 50px;
}	

h1#onze_klanten {
	color: #0b1d61;
	padding-top: 50px;
}

h1#fotografie {
	color: #716e1f;
	padding-top: 50px;
}	
	


h1#secundair {
	color: #b3b4b4;
	padding-top: 50px;
}	

h2 {
	padding: 10px 10px 10px 10px;
	font: 16px/18px Trebuchet MS, Verdana, Arial, sans-serif;


	color: #000;
}



h3 {

	font: 13px/15px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}



p {
	padding: 0 0 18px;
}


a {
	color: #042F78;
	border-bottom: 1px dotted #042F78;
	text-decoration: none;
}

a.noborder, a.noborder:hover {
	border-bottom: none;
}

a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


div.clear {
	clear: both;
}

div.hr {
	clear: both;
	height: 15px;
	background: url(/images/stippels.png) repeat-x 0 0;
	margin-bottom: 1em;
	margin-left: 110px;
}

div.hr hr {
  display: none;
}

/* ============= KLANTEN ================== */




#vervolg_klanten {
	padding: 25px 0 0 50px;
}


#vervolg_klanten p {
	font: 13px/20px Verdana, Arial, sans-serif;
	padding: 0 53px 0 5px;
}

#vervolg_klanten ul {
	font: 13px/20px Verdana, Arial, sans-serif;
}

#vervolg_klanten .hidden {
	display: none;
}

#vervolg_klanten .klant {
	width: 280px;
	margin:  0 7px 0 3px;
	float: left;
	font: 13px/20px Verdana, Arial, sans-serif;
	color: #1e2227;
	position: relative;
	background: url("/images/banner_home_back.png") no-repeat 0 bottom;
}

#vervolg_klanten .klant_text {
	width: 550px;
	margin-right: 30px;
	float: left;
	font: 13px/16px Trebuchet MS, Arial, sans-serif;
	color: #1e2227;
}


#vervolg_klanten .klant_text_foto {
	margin-right: 30px;
	float: left;
	font: 13px/16px Trebuchet MS, Arial, sans-serif;
	color: #1e2227;
}


#vervolg_klanten .klant_bijschrift {
	width: 290px;
	margin:  0 48px 0 0;
	float: left;
	font: 13px/20px Verdana, Arial, sans-serif;
	color: #565759;
	position: relative;
        float: right;
}

#vervolg_klanten .klant_bijschrift h2 {
    font: normal 16px/18px Verdana, Arial, sans-serif;
	color: #0b1d61;
    padding: 0 0 10px;
}

#vervolg_klanten .klant_bijschrift p {
	padding: 0 0 18px;
}

div.klant_top {
        background: #f00 url("/images/banner_home_top.png") no-repeat 0 0;
        height: 3px;
}

.klant h2 {
	padding: 10px;
	font: 16px/18px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
	background: url("/images/banner_home_top.png") no-repeat 0 0
}

.klant h3 {
	padding: 0px 10px 8px 10px;
	font: bold 13px/15px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
}

#vervolg_klanten .klant p {
	padding: 0 11px 10px 10px;
}

.klant table td {
        padding-right: 120px;
}

.klant img {
        float: right;
	padding: 0 1px 1px 0;
        margin: 0 0 0 -20px;
}

.klant img.foto {
	float: none;
	padding: 0;
	margin: -5px 10px 5px;
	border: 1px solid #cecece;
} 

.klant_text h2 {
	padding: 10px 0 10px 4px;
	font: 16px/18px Trebuchet MS, Verdana, Arial, sans-serif;
	color: #000;
}

#vervolg_klanten .klant_text p {
	padding: 0 0 10px 4px;
	
}

.klant_text img {
	padding: 0 0 10px;
}

.klant .foto_rechts {
	float: right;
	margin: 3px 0 10px 10px;
}


div.vervolgspeler {
        margin-left: 3px; 
}


/* ============== FOTOGRAFIE ================ */


#vervolg_klanten .thumbs {
	width: 300px;
	margin:  0;
	float: left;
	font: 13px/20px Verdana, Arial, sans-serif;
	color: #565759;
	position: relative;
}


#vervolg_klanten .thumbs a img {
	float: left;
	border: 1px solid #b1b1b1;
}

#vervolg_klanten .thumbs a:hover img {
	border: 1px solid #0B1D61;
}

#vervolg_klanten .thumbs img.landscape {
	width: 88px;
	margin: 0 10px 10px 0;
}

#vervolg_klanten .thumbs img.portrait {
	height: 88px;
	width: 59px;
	margin: 0 14px 0 15px;
}


#vervolg_klanten .klant_text p.albumfoto_landscape {
	padding: 0;
	line-height: 16x;
}


#vervolg_klanten .klant_text p.albumfoto_portrait {
	padding: 0 0 0 183px;
	line-height: 16x;
}


.thumbs hr {
	clear: both;
	border: 1px solid #fff;
	height: 1px;
}


.klant_text img.albumfoto_landscape {
	border: 1px solid #b1b1b1;
	margin: 0;
	padding: 0;
}

.klant_text img.albumfoto_portrait {
	border: 1px solid #b1b1b1;
	width: 361px;
	height: 544px;
	margin: 0 0 0 183px;
	padding: 0;
}






/* ============= HOOFD NAVIGATIE ================== */

#mainnav {
	position: absolute;
	left: 35px;
	top: 139px;
	height: 37px;
	width: 732px;
z-index: 20;
}


#mainnav ul {
	list-style: none;
	text-indent: -999em;
}

#mainnav li {
	display: inline;
}

#mainnav ul li a {
	padding: 0;
	text-decoration: none;
	height: 37px;
	display: block;
	margin-right: 2px;
	border: none;
}

#mainnav ul li#home a {
	background: url(/images/but_home.png) no-repeat 0 0;
	width: 60px;
	float: left;
}



#mainnav ul li#uitdagend a {
	background: url(/images/but_uitdagend.png) no-repeat 0 0;
	width: 87px;
	float: left;
}

#mainnav ul li#direct a {
	background: url(/images/but_direct.png) no-repeat 0 0;
	width: 60px;
	float: left;
}

#mainnav ul li#vakmanschap a {
	background: url(/images/but_vakmanschap.png) no-repeat 0 0;
	width: 107px;
	float: left;
}

#mainnav ul li#randjes a {
	background: url(/images/but_randjes.png) no-repeat 0 0;
	width: 121px;
	float: left;
}

#mainnav ul li#betrokken a {
	background: url(/images/but_betrokken.png) no-repeat 0 0;
	width: 87px;
	float: left;
}
#mainnav ul li#klanten a {
	background: url(/images/but_klanten.png) no-repeat 0 0;
	width: 104px;
	float: left;
}

#mainnav ul li#fotografie a {
	background: url(/images/but_fotografie.png) no-repeat 0 0;
	width: 90px;
	float: left;
}

#mainnav ul li#home a:hover, #mainnav ul li#uitdagend a:hover, #mainnav ul li#direct a:hover, #mainnav ul li#vakmanschap a:hover, #mainnav ul li#randjes a:hover, #mainnav ul li#betrokken a:hover, #mainnav ul li#klanten a:hover, #mainnav ul li#fotografie a:hover {
	background-position: 0 -37px;
}

#mainnav ul li#home.active a, #mainnav ul li#uitdagend.active a, #mainnav ul li#direct.active a, #mainnav ul li#vakmanschap.active a, #mainnav ul li#randjes.active a, #mainnav ul li#betrokken.active a, #mainnav ul li#klanten.active a, #mainnav ul li#fotografie.active a {
	background-position: 0 -37px;
}





/* ============= SECUNDAIRE NAVIGATIE ================== */


#secnav {
	position: absolute;
	right: 176px;
	top: 44px;
	width: 600px;
	z-index: 11;
}


#secnav ul {
	list-style-type: none;
	color: #000;
	padding: 0;
}

#secnav li {
	float: right;
}


#secnav li a {
	padding: 2px 7px;
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration:none;
	border: none;
	border-right: 1px solid #000;
}

#secnav li a.last {
	border: none;
}

#secnav li a:hover, #secnav li.active a {
	color: #000;
}






#footer {
	font: 11px/11px Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	margin: 20px 0 0 0;
	text-align: center;
	padding: 10px 0 0;
	height: 39px;
	clear: both;
	background: url(/images/footer_back.png) no-repeat 0 0;
}

#footer_geencontent {
	font: 11px/11px Arial, Helvetica, sans-serif;
	position: relative;
	top: 20px;
	margin: 0px 0 0 0;
	text-align: center;
	padding: 10px 0 0;
	height: 39px;
	clear: both;
	background: url(/images/footer_back_geencontent.png) no-repeat 0 0;
}

#twitter {
    margin-top: 6px;
}

#twitter img {
    float: left;
    margin: 2px 10px 10px 0;
}

.panorama {
    border: 1px solid #888;
    margin-left:4px;
    width:542px;
    height: 360px;
    padding: 0;
}

.klant_text .panorama object {
    margin: 0;
}

.panorama.home {
    float: left;
    margin-left:100px;
    border: 1px solid #888;
    width: 478px;
    height: 318px;
}





.feedproxy {
	background: url("/images/blogback.png") no-repeat 0 0;
	width: 280px;
	max-height: 130px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	clear: both;
    	overflow: auto;
border-bottom: 1px solid #cecece;
}

.feedproxy h2 {
	color: #fff;
	background: url("/images/blogger.png") no-repeat 10px 7px;
	padding: 10px 10px 10px 40px;
	margin-top: 1px;
}

.feedproxy a {
	color: #cecece;
	border-bottom: 1px dotted #cecece;
text-decoration: none;
}

.feedproxy a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

ul.hfeed {
    	list-style: none outside none;
    	margin: 0;
    	overflow: hidden;
    	padding: 0;
}
	ul.hfeed li {
		padding: 0 10px 3px;
	}