/* Start of CMSMS style sheet 'CSS - DeLaarstukken' */
/* Peter Tindemans, InTouch Reclame en Internetoplossingen - www.intouchdesign.nl - Februari 2010 */

/* Algemeen */

html {
	margin: 0px;
	padding: 0px;
}
	
body {
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:22px;
	color: #827B68;
	background-color: #F6F4E8;
}

* {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
}

.clear {
	clear: both;
}

img { border-style: none; }

a:link,a:visited,a:active,a:hover { color: #99999c; outline:none; text-decoration: none;}

.hide { position: absolute; top: -9999px; left: -9999px; }

div.container {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: top;
	background: url([[root_url]]/images/shadow_box.png) no-repeat;
}


/* Headers */

h1 {
	font-size: 33px;
	color: #776841;
}

h2 {
	font-size: 42px;
	color: #6E6E6E;
}

h3 {
	font-size: 24px;
	color: #666666;
text-decoration: none;
}

h4 {
	font-size: 22px;
	color: #4d4d4d;
}

h5 {
	font-size: 24px;
	color: #666666;
}

/* Forms */

.cms_textfield_counter {
	border: 1px #d1d0cc solid;
	background: #f6f5f1;
	width: 38px;
	color: #000;
	height: 22px;
	padding-left: 4px;
}

.cms_messagefield {
	border: 1px #d1d0cc solid;
	background: #f6f5f1;
	width: 250px;
	color: #000;
	height: 120px;
	padding-left: 4px;
}

.cms_button {
	border: 1px #d1d0cc solid;
	background: #f6f5f1;
margin-top: 10px;
padding: 5px 6px 5px 6px;
}

.cms_field {
	border: 1px #d1d0cc solid;
	background: #f6f5f1;
	width: 190px;
	color: #000;
	height: 22px;
padding-left: 4px;
}

.guestbook_controls {
margin-left: 14px;
}


/* Cufon */

.cufon-loading h1 { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}


div#logobox {
	float: left;
margin-top:10px;
}

/* Menu */

div#menubox {
	width: 545px;
	height: 40px;
	margin: 33px 0px 0px 0px;
	float:right;
}

div#menubox ul {
	font-size:21px;
	color: #000;
list-style-type:none;
margin:0;
padding-left:0;
}

div#menubox li {
	margin-left: 11px;
	float: left;
color: #000;
}


/* Login label */

.login {
width: 180px;
height: 48px;
float: right;
margin-right: 4px;
}

.facebook {
width: 50px;
height: 48px;
float: right;
margin-right: 4px;
}


/* Content */

div#header {
	position: absolute;
	width: 100%;
	height: 630px;
	background:url([[root_url]]/images/bg_main_home.jpg) #FFF center repeat-x;
	z-index: 20;
}

div#main {
	width: 1000px;
	display:table;
height:auto;
margin-bottom: 100px;
	background:url([[root_url]]/images/bg_main.png) #40422d center;	
}

div#footer {
	position: absolute;
	width: 100%;
	height: 55px;
	background:url([[root_url]]/images/bg_footer.jpg) #FFF top center repeat-x;
	z-index: -10;
}

/* Frontpage */

div#front_blocks {
height: 155px;
margin: 10px 0px 10px 0px;
clear: both;
}

div#front_block1 {
width: 318px;
height:155px;
float:left;
margin-left: 5px;
margin-right: 3px;
}

div#front_block2 {
width: 318px;
height:155px;
float:left;
margin-right: 3px;
}

div#front_block3 {
width: 300px;
height:155px;
float:left;
}

/* Boxes */

div#mainboxes {
	width: 990px;
	height: 300px;
	margin-top: 10px;
}

div.mainbox {
	width: 330px;
display:table;
height:auto;
	float: left;
	background: url([[root_url]]/images/bg_mainbox.png);
}

div#active_box {
	width: 520px;
height: 500px;
	float:left;
	background: url([[root_url]]/images/active_box.png);
}

div#active_content {
margin: 72px 0px 0px 72px;
width: 401px;
height: 309px;
background: #FFF;
overflow:hidden;
}

div#content {
	width: 380px;
	margin: 10px 0px 90px 3px;
}

div#content_holder {
	margin: 130px 0px 0px 0px;
}

div#content_box {
	width: 430px;
	display:table;
height:auto;
	float:left;
}

div#content_footer {
height: 30px;
	background: url([[root_url]]/images/content_footer.png) no-repeat;
}

div#content_footer_holder {
height: 20px;
margin-left: 10px;
padding-top: 10px;
}

/* Slider */

div#main {
	position: relative;
	z-index: 30;
	width: 1000px;
	height: 400px;
	margin-top: 135px;
	padding: 20px 20px 0px 20px;
	background: url([[root_url]]/images/shadow_slider.png) no-repeat;
}

div#main_box {
display:table;
height:auto;
width: 970px;
	background: #f8f5ee url([[root_url]]/images/bg_holder.png) top
}

div#holder_bottom {
	position: absolute;
	height: 50px;
	top: -150px;
	background: url([[root_url]]/images/bg_holder_bottom.png) repeat-x;
}

/* Cataloger */

.category_items {
border-top: 1px dotted #CCC;
display: table;
margin-top: 25px;
margin-bottom: 5px;
}

#item_image {
border: 1px solid #CCC;
float: left;
}

.catalog_item {
clear: both;
}

.item_content {
float: left;
width: 325px;
padding-right: 25px;
margin-bottom: 30px;
}

.item_images {
float: left;
}

#item_controls {
clear: both;
}

.item_thumbnails {
border: 2px solid #CCC;
margin: 0px 0px 3px 10px;
}

.item_thumbnails_box {
float: right;
}

.portfolio_cell {
	width: 388px;
	float: left;
	padding-bottom: 13px;
	margin:13px 0px 0px 0px;
	border-bottom: dotted 1px #ccc;
}
.portfolio_image {
	float:right;
	margin: 0px 0px 0px 20px;
	width:auto;
}
.portfolio_description {
	float:left;
	margin-bottom: 0px;
	width: 190px;
	margin: 0px 0px 0px 0px;
}

.item_attribute_name {
font-weight:bold;
}

.postthumb {
border:1px solid #CCCCCC;
}

/* Occasion Tabs */

#page-wrap { width: 950px; margin: 10px; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

/* Specific to example two */

#example-two .list-wrap { background: #f9f8f8; padding: 18px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: #D9AC42; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { border-top:3px solid #D9AC42; width: 115px; float: left; margin: 0 2px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 10px 5px 10px 5px; background: #363535; color: white; font-size: 20px; text-transform:uppercase; text-decoration: none; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #f9f8f8 !important; color: #827B68; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #464646; }

/* End of 'CSS - DeLaarstukken' */