html, body {
	padding:0px; margin:0px;
}

.contact a, .pagina a { text-decoration:none; color:#FFFFFF; border-bottom:1px dotted #FFFFFF; }
a:hover { text-decoration:none; border-bottom:0px; }
h1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; }
h2 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; }
h3 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; }

.p10 { padding:10px; }
.p20 { padding:20px; }

.container {
	width:100%; height:550px;
	/* 615256 5a7374*/
	/* background-image:url(img/bg.jpg); background-repeat:repeat;*/
	position:absolute; top:15%;
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height:18px;
}
.header {
	width:100%; height:100px;
	background-color:#FFFFFF;
}
.header_block {
	width:850px; height:100px; margin:0 auto;
}

.logo {
	width:300px; height:100px; float:right;
}
.logo img {
	float:right; padding:10px;
}

#test {
	width:850px; height:450px;
}

.tekst {
	width:350px; height:360px;
	margin:10px; padding:20px; padding-top:5px;
}

.home {
	width:800px; height:450px; margin:0 auto;
	border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;
	background-color:#514045;
}

#status {
	background: url('images/status-bg.jpg') #F4F4EA no-repeat top center;
	line-height: 30px;
	font-size: 10px;
	height: 50px;
}

#status .wrap {
	padding: 0px 20px 0px 20px;
	width: 920px;
}


.block_1 {
	width:150px; float:left;
}
.block_2 {
	width:650px; float:right;
	text-align:left; color:#FFFFFF;
}

/* pagina */
.pagina {
	width:800px; height:450px;
	border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;
	background-color:#514045; margin:0 auto;
}
.pagina_1 {
	width:450px; float:left;
	padding:25px;
}
.pagina_2 {
	width:100px; float:right;
	text-align:left; color:#FFFFFF;
	padding:20px;
}

/* contact */
.contact {
	width:800px; height:450px; margin:0 auto;
	background-color:#514045;
	border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;
}
.contact_1 {
	width:350px; padding:25px; float:left;
}
.contact_2 {
	width:350px; padding:25px; float:right;
	text-align:left; color:#FFFFFF;
}
.contactform { margin-top:30px; }
.contactform input {
	width:130px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
	padding:3px; border:0px; background-color:#e5e1e2;
}
.contactform textarea {
	width:230px; height:120px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
	padding:3px; border:0px; background-color:#e5e1e2;
}

/* portfolio */
.portfolio {
	width:800px; height:450px;
	margin:0 auto;
}


div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}

h2.album-date {
	margin-top: 6px;
}
p.album-description {
	margin-top: 20px;
}
div.meta {
	margin-top: 10px;
	font-size: 0.8em;
}
div.meta ul {
	margin: 0;
	padding: 0;
}
div.meta li {
	float: left;
	padding: 0;
	margin-right: 10px;
	width: 240px;
	list-style: none;
}

div.content { /* blok met grote foto en navigatie */
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:600px;
	height:450px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}

/* start/stop controls  */
.bottom {
	width:100%; height:20px; line-height:30px;
	margin-top:5px;
}

div.controls {
	width:780px; height:20px;
	text-align:left;
	margin:0 auto;
}
div.controls a {
	line-height:20px; margin-right:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
	text-decoration:none; float:left;
	cursor:pointer;
}
div.controls a:hover {
	color:#000000;
}
div.controls img { border:0px; }
div.ss-controls {
}
div.nav-controls {
}

div.loader {
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 550px;
	background-color:#FFFFFF;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	display: block;
}
div.slideshow img {
	border: none;
	display: block;
	height:450px;
	border:0px;
	border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}

/* linker gedeelte */
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	   padding:10px; margin-top:20px;
}

.thumb img { width:50px; } /* thumbs */
.thumbn {
	width:50px; height:50px;
	display:block;
	background-position:center; background-repeat:no-repeat;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 3px;
	list-style: none;
	text-align: center;
}
a.thumb {
	display: block;
	border: 2px solid #ffffff;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

/* navigation */
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
	display:none; /* topnav uitzetten */
}
div.navigation div.bottom {
	margin-top: 12px;
}

/* pagination */
div.pagination a, div.pagination span.current {
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
	float: left;
	padding: 4px; line-height:16px;
}
div.pagination a:hover {
	background-color: #eee; color:#333333;
	text-decoration: none;
	padding:4px;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}


li { list-style: none; }

#menu {
	font-family: Georgia, Times New Roman, serif;
	height: 60px; width:500px;
	float:left; padding-top:20px;
}

#menu LI {
	line-height: 30px;
	font-size: 18px;
	cursor: pointer;
	float: left;
}

#menu LI A {
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	display: block;
	color: #2F2F2F;
	cursor:pointer;
}

#menu LI A:hover {
	color: #d2cfc0;
	padding: 0px 10px 0px 10px;
}

#menu LI UL LI A {
	padding: 0px 10px 0px 10px;
	font-size: 13px;
	color: #514045;
}

#menu LI UL LI A:hover {
	text-decoration: none;
	background: transparent;
	color:#000000;
	padding: 0px 10px 0px 10px;

}

#menu UL LI UL {
	position: absolute;
	display: none;
	width: 460px;
}

#menu UL LI:hover UL, #menu UL LI A:hover UL, #menu LI.sfhover UL { display: block; }

#menu .sel, #menu .actual {
	background: url('images/menu-item-sel.jpg') repeat-x;
	padding: 0px 10px 0px 10px;
	color:#B0A998;
	cursor:pointer;
}
#menu .sel:hover { color:#d2cfc0; }

#menu .neutral {
	background: transparent !important;
	color: #BC1C1C !important;
}

#menu .sub-overons { margin-left: -50px; }
#menu .sub-portfolio { margin-left: -100px; }
#menu .sub-contact { margin-left: -100px; }


.submenu { margin-bottom: 10px; }
.submenu LI {
	font-family: Georgia, Times New Roman, serif;
	margin-bottom: 1px;
	background: #B0A998;
	font-size: 14px;
	line-height: 20px;
	color: #F4F4EA;
}
.submenu LI A {
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	display: block;
	height: 20px;
	color: #2F2F2F;
}
.submenu LI A:hover {
	background: url('images/submenu-item-over.gif') #B0A998 repeat-x;
	color: #F4F4EA;
}
.submenu .sel { 
	padding: 0px 10px 0px 10px;
	background : #B0A998;
	display: block;
}
.submenu LI UL LI {
	background: url('images/icon-arrow.gif') #CFC7B5 no-repeat 15px 10px;
	padding-left: 10px;
}
.submenu LI UL LI A:hover {
	background: transparent;
	color: #F4F4EA;
}
.submenu LI UL .sel {
	background: url('images/icon-arrow.gif') #B0A998 no-repeat 15px 10px;
	padding: 0px 10px 0px 10px;
}