/* 
   css Copyright (c) 2009 by Woningbouwwijzer. All rights reserved.
   
   */



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

body {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-size: 13px; /* as recommended in CSS guide */
	background: #301400 url(achtergrond.png) top center repeat-y;
	color:#301400;
	word-wrap:break-word;
	line-height:1.4em;
}

/* sans-serif font for headings & sitemenu */
#sitemenu, h2, h3, h4, h5, h6, #title p, .collection-navigation {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
}

h5, h6 {
	font-size: 15px;
	margin-bottom: 2.8em;
}

img {
	border:0px #000 none;
}

a, a:active {
	color:#947139;
}

a:hover {
	color:#301400;
}

.article p, .pagelet p {
	margin-bottom: 0px;
}

/* paginabreedte en achtergrond */
#page {
	width:776px;
	margin:0px auto;
	padding:0px;
	background:url(achtergrond.png);
}

#page-top {
	background: url(top.png) center top no-repeat;
	margin-bottom: 0px;
}

#title {
	background: transparent top right no-repeat;
	overflow: none;
	position: none;
	height: 93px; /* Ruimte tussen tabmenu en bovenzijde wordt hier geregeld */
	text-align:none;
	color: none;
	margin-bottom: 14px;
}

/*
.has-logo h1, .has-logo #title p  {
	margin-right:100%;
	width:100%;
}
*/

* html #title {
	background-image: none;
}


#title h1 {
	position: absolute;
	bottom: 30px;
	left: 40px;
	right: 0px;
	font-size: 0%;
	text-shadow:none;
}

#title p {
	position: absolute;
	bottom: 6px;
	left: 20px;
	right: 20px;
	font-style: italic;
	text-shadow: none;
}

#title h1 a {
	color: none;
	text-decoration: none;
	display:block;
} 

#title img {
	float: left;
	margin: 16px 128px 0px 12px;
}


ul, ol, dd {
	padding-left:20px;
}

dt {
	font-style: italic;
}


/*
TABMENU
*/


#sitemenu ul {
	margin:10px 0px 46px 26px;
	list-style:none;
	background: transparant;
	height: 27px; /* hiermee kun je de ruimte tussen tabmenu en platte tekst regelen */
	line-height: 15px;
	/*
	overflow:hidden;
	padding: 0px; 
	*/
}

#sitemenu ul li {
	float: left;
}

#sitemenu ul a, #sitemenu ul .currentPage .in {
	text-transform: none;
	text-decoration: none;
	color: #947139; /* menu tekstkleur inactief */
	background: #F6EFE7;
	border-right: 1px solid #947139;
	display: block;
	white-space: nowrap;
	padding: 0px 8px;
}

#sitemenu .currentPage .in, #sitemenu .currentParent a {
	background: #947139;
	color:#947139 !important;
}

#sitemenu a:hover {
	color: #301400;
}

* html #sitemenu a:hover {
	background: #301400;
	}

#sitemenu .currentParent a:hover {
	color: #301400 !important;
}


/* 
MAIN PART 
*/

.article, .general-index, .no-callouts {
	margin-top: 0px;
	margin-bottom:40px;
	padding:0px 0px 10px 61px; /* Marges platte tekst: top bottom right left */
}

.listing-index {
	margin-bottom: 1em;
	padding: 0px 6px;
}

.general-index .article {
	margin-left:15px;
	margin-right:15px;
	padding:0px;
	border:0px none;
	background:transparent;
	clear:left;
	margin-bottom: 1em;
}

.article-info {
	clear:left;
}


.article-info .timestamp {
	clear:left;
	text-align:left;
	background: #301400 top right no-repeat;
	padding: 1px 0.7em;
	margin: 3px 0px 0px 0px;
}

* html .article-info .timestamp {
	background-image: none;
}

/* rubriekskop boven tekst */
#main h2 {
	color:#301400;
	font-weight: bold;
	margin-left: 36px;
	margin-bottom: 14px;
	text-align:left;
	padding:0px 6px;
	border-bottom: none;
}

/*
SIDEBAR & CALLOUTS
*/
body.allow-sidebar #main {
	margin-right:220px;
	padding-top:1px;
}

/* kolom rechts */
#sidebar {
	margin-top:10px;
	margin-right:10px;
	width:230px;
	float:right;
}

.pagelet {
	margin-bottom:15px;
	padding:0px 0px 2px 0px;
	overflow:hidden;
}

.pagelet h4 {
	margin:0px 0px 2px 0px;
	color: #F6EFE7;
	background: none;
	padding:1px 6px;
}

* html .pagelet h4 {
	background-image: url(corner-topright.gif);
}

.pagelet.bordered {
	border-style: solid;
	border-color: #301400;
	border-width: 1px 1px 1px 1px;
}

.pagelet.bordered h4 {
	border-width: 1px 1px 1px 1px;
}

.pagelet-body {
	background-color: #none;
	margin:0px 6px;
}


.callout {
	width:200px;
	float:left;
	margin: 0px 10px 0px 0px ;
}

.callout .pagelet.bordered {
	margin-left:-1px;
}



/* IE 6 Hack */
/* Hides from IE5-mac \*/
* html .gridItem img {
	position: relative;
	top:0px;
}

* html .gridItem h3 {
	position: relative;
	top: 0px;
}
/* End hide from IE5-mac */


.collection-navigation {
	font-weight: bold;
}

.collection-navigation a {
	text-decoration: none;
}



/* 
PAGE BOTTOM
*/
#page-bottom {
	margin-top:40px;
	margin-bottom:20px
	padding: 20px 0em;
	height: 80px;
	line-height:1.4em;
	background: url(onder.png) center top no-repeat;
	text-align: center;	
}

* html #page-bottom {
	background: url(onder.png) center top no-repeat;
}


/*
OTHER
*/
.article-thumbnail {
	float:left;
}
/* 
SANDVOX INTERNALS
	
these should be present in every style sheet to ensure that certain classes used by Sandvox to hide and clear elements are respected.
Don't change them unless you have very good reason to do so.
*/

.clear {clear: both; height: 0;}
#main .clear {clear:left;}
.hidden {display:none;}
img.narrow {float: right; margin: 0em 0em 0.8em 0.8em;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}