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

html { height: 100%; }

body { height: 100%;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #87795D;
	letter-spacing: 1px;
	background: #87795D;
	margin: 0px;
	padding: 0px;
	}
	
.clearer { clear: both; }

#container {
	width: 925px;
	position: relative;
	min-height: 100%;
	background: url(../images/background.jpg);
	margin: auto;
	-moz-box-shadow: 0px -15px 15px #111;
	-webkit-box-shadow: 0px -15px 15px #111;
	box-shadow: 0px -15px 15px #111;
	}
	
* html #container {
	height: 100%;
	}
	
#header {
	height: 120px;
	width: 925px;
	}
	
#menu {
	width: 222px;
	background:url(../images/menutop.jpg) no-repeat;
	padding-top: 132px;
	float: left;
	}
	
ul#nav {
	width: 116px;
	padding: 0px;
	margin: 0px 0px 0px 70px;
	list-style: none;
	}
	
ul#nav li { 
	width: 116px;
	background: url(../images/menuknop1.jpg) no-repeat; 
	}

ul#nav li.spiegel {
	background: url(../images/menuknop2.jpg) no-repeat; 
	}	
	
ul#nav li a {
	height: 30px;
	width: 116px;
	padding-top: 8px;
	display: block;
	font: bold 14px 'Buda', arial, serif;
	letter-spacing: 0px;
	text-align: center;
	color: #87795D;
	text-decoration: none;
	}

ul#nav li a.over, ul#nav li a:hover {
	color: #B1BE2C;
	}
	
ul#nav li a.active, ul#nav li a:active {
	color: #B1BE2C;
	}
	
ul#nav li a.current, ul#nav li a:current {
	color: #B1BE2C;
	}
	
ul#nav li.menu-end {
	height: 38px;
	width: 116px;
	display: block;
	background-image: url(../images/menu-end.jpg);
	background-repeat: no-repeat;
	background-position: 6px 0px; 
	}
	
#content {
	width: 570px;
	float: left;
	margin-left: 20px;
	}
	
#content #quote {
	width: 570px;
	text-align: right;
	margin-top: 40px;
	}

#content #quote h3 {
	font: normal 24px 'Buda', arial, serif;
	color: #87795D;
	margin: 0px;
	padding: 0px;
	}

#content #quote h4 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #B1BE2C;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	}
	
#content #text {
	width: 570px;
	margin-top: 50px;
	}
	
#content #text .gallery {
	width: 560px;
	height: 195px;
	border: 1px solid #87795D;
	padding: 4px;
	}
	
#content #text .tekstkolom2 {
	width: 287px;
	float: left;
	margin-top: 20px;
	}

#content #text .tekstkolom {
	width: 600px;
	float: left;
	margin-top: 20px;
	}

#content #text .kaders {
	float: left;
	width: 240px;
	margin-left: 42px;
	}
	
#content .kaders .kader {
	border: 1px solid #87795D;
	padding: 10px;
	margin-top: 20px;
	} 
	
#content .kaders .kader a {
	color: #B1BE2C;
	float: right;
	font-weight: bold;
	} 
	
#content .kaders .kaderloos {
	margin-top: 20px;
	} 
	
#content .kaders .kaderloos .socialmedia {
	float: right;
	}
	
h2 {
	font: bold 18px 'Buda', arial, serif;
	text-transform: uppercase;
	color: #B1BE2C;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px;
	}
	
h1 {
	font: bold 22px 'Buda', arial, serif;
	text-transform: uppercase;
	color: #B1BE2C;
	letter-spacing: 0px;
	padding: 0px;
	margin: 0px;
	}

p a {
	color: #B1BE2C;
	}
	
#twitter {
	float: right;
	}	
	
.watikkanmenu {
	width: 565px;
	height: 35px;
	background:url(../images/portfoliomenu.jpg) no-repeat;
	}

.watikkanmenu ul {
	margin: 0px;
	padding: 0px;
	}

.watikkanmenu ul li {
	list-style: none;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	}	
	
.watikkanmenu ul li a {
	font: bold 14px 'Buda', arial, serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 2px 15px 0px 15px;
	display: block;
	border-right: 1px solid #fff;
	}
	
.watikkanmenu ul li a.over, .watikkanmenu ul li a:hover, .watikkanmenu ul li a.active {
	color: #87795D;
	}

.portfoliomenu {
	width: 565px;
	height: 35px;
	background:url(../images/portfoliomenu.jpg) no-repeat;
	}

.portfoliomenu ul {
	margin: 0px;
	padding: 0px;
	}

.portfoliomenu ul li {
	list-style: none;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	}	
	
.portfoliomenu ul li a {
	font: bold 14px 'Buda', arial, serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 2px 15px 0px 15px;
	display: block;
	border-right: 1px solid #fff;
	}
	
.portfoliomenu ul li a.over, .portfoliomenu ul li a:hover, .portfoliomenu ul li a.active {
	color: #87795D;
	}
	
.portfolioitem {
	margin-top: 20px;
	}

.portfolioitem table {
	border: 1px solid #87795D;
	color: #fff;
	float: left;
	margin-right: 20px;
	}
	
.clearer { clear: both; }
	
#footerspacer {
	height: 100px;
	width: 925px;
	display: block;
	}	
	
#footer {
	width: 925px;
	height: 112px;
	background:url(../images/footer.png);
	position: fixed;
	bottom: 0px;
	}
	
#footer span.copyright {
	float: left;
	color: #fff;
	margin-top: 88px;
	margin-left: 240px;
	}
	
#footer #addthis {
	float: left;
	display: block;
	margin-top: 88px;
	margin-left: 50px;
	}
	
#footer #addthis a {
	color: #fff;
	}
	
.hidden { display:none; }