/*	Copyright 2004 Geert De Deckere. All Rights Reserved.

	CSS Listing order:
	* Whitespace reset
	* Body
	* Misc. elements
	* Headings
	* Images
	* Image Links
	* Links
	* Forms
	* Page structure
	* Guestbook
	* Links
	* Misc. classes
---------------------------------------- */

/* Whitespace reset
---------------------------------------- */
address {
	margin:1em 0;
	padding:0;
}
fieldset {
	margin:1em 0;
	padding:0;
}
dl {
	margin:1em 0;
	padding:0;
}
ol {
	margin:1em 0;
	padding:0;
}
ul {
	margin:1em 0;
	padding:0;
}
label {
	margin:1em 0;
	padding:0;
}
blockquote {
	margin:1em 0;
	padding:0;
}
pre {
	margin:1em 0;
	padding:0;
}
p {
	margin:1em 0;
	padding:0;
}
h6 {
	margin:1em 0;
	padding:0;
}
h5 {
	margin:1em 0;
	padding:0;
}
h4 {
	margin:1em 0;
	padding:0;
}
h3 {
	margin:1em 0;
	padding:0;
}
h2 {
	margin:1em 0;
	padding:0;
}
h1 {
	margin:1em 0;
	padding:0;
}
dd {
	margin-left:2.5em;
}

li {
	margin-left:2.5em;
}

/* Body
---------------------------------------- */
body {
	margin:0;
	padding:26px 0;
	background:#E2D799 url("../img/gui/bg_body.gif") repeat 50% 0;
	font-family:verdana,sans-serif;
	font-size:70%;
	text-align:center;
	color:#695D1F;
}

/* Misc. Elements
---------------------------------------- */
hr {
	display:none;
}
blockquote {
	clear:both;
	margin:1.5em;
	padding:1px 1em;
	background:#FCFBF1 url("../img/gui/bg_main-content.gif") no-repeat 0 0;
	border-left:2px solid #E7DDA8;
	font-family:Times New Roman;
	color:#958C5E;
	line-height:1.7;
}
acronym {
	cursor:help;
}

abbr {
	cursor:help;
}

/* Headings
---------------------------------------- */
h3 {
	font-family:verdana;
}
h2 {
	font-family:verdana;
}
h1 {
	font-family:verdana;
}
h2 {
	clear:both;
	margin:1.25em 0 .25em;
	font-size:183%;
	font-weight:normal;
}
h1 {
	clear:both;
	margin:1.25em 0 .25em;
	font-size:183%;
	font-weight:normal;
}
h3 {
	clear:both;
	margin-top:1.25em;
	font-size:110%;
	font-weight:bold;
	color:#958C5E;
}

/* Images
---------------------------------------- */
img {
	background:#fff;
}
img.foto {
	margin:.5em 0;
	padding:4px;
	border:1px solid #DED18A;
}
/* CSS for thumbs (img width: 80px): */
img.left {
	float:left;
	margin:0 20px 10px 0;
}
.tabs img.left {
	margin-right:10px;
}
img.right {
	float:right;
	margin:0 0 10px 20px;
}
.tabs img.right {
	margin-left:10px;
}
.tabs img.row_end {
	margin-left:0;
	margin-right:0;
}

img.row_end {
	margin-left:0;
	margin-right:0;
}

/* Image links
---------------------------------------- */
a img.foto {
	border-color:#79B00B;
}
a:visited img.foto {
	border-color:#90D10D;
}
a img.current {
	padding:1px;
	border-width:4px;
}
a:hover img.foto {
	padding:1px;
	border-width:4px;
}
a img.current {
	cursor:default;
}

/* Links
---------------------------------------- */
a {
	color:#649309;
}
a:visited {
	color:#79B00B;
}
a:hover {
	text-decoration:none;
}
a.arrow {
	padding-left:8px;
	background:url("../img/gui/arrow_right.gif") no-repeat 0 55%;
	font-weight:bold;
}

/* Forms
---------------------------------------- */
.textfield {
	width:250px;
}
.checkbox {
	vertical-align:middle;
}
textarea {
	width:306px;
}
select {
	font-family:verdana,sans-serif;
}
p.row label {
	float:left;
	margin:0;
	width:110px;
}
p.row input {
	float:right;
	width:190px;
}
p.row span.alert {
	clear:both;
	float:right;
	padding-left:0;
	padding-right:15px;
	background-position:100% 50%;
}
span.alert {
	display:block;
}

/* Page structure (wrapper, header, nav, content, footer)
---------------------------------------- */
#wrap {
	margin:0 auto;
	width:760px;
	background:#FCFBF1 url("../img/gui/paper_middle.gif") repeat-y 50% 160px;
	text-align:left;
}

#header {
	padding:40px 40px 0;
	background:url("../img/gui/paper_top.gif") no-repeat 50% 0;
}
#header p#title {
	margin:0;
	background:url("../img/gui/horton-builders.gif") no-repeat 0 0;
	text-indent:-9999px;
}
#header p#title strong {
	display:block;
	height:120px;
	background:url("../img/gui/horton-building.jpg") no-repeat 100% 0;
}

#nav {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0;
	padding:3px 0;
}
#nav li a {
	display:block;
	padding:.6em 0;
	background:none;
	border:none;
	font-family:verdana;
	font-size:110%;
	text-decoration:none;
	text-align:center;
	color:#695D1F;
}
#nav_home a { width:70px; }
#nav_koetsen a { width:80px; }
#nav_homes a { width:120px; }
#nav_fotogalerij a { width:100px; }
#nav_gastenboek a { width:100px; }
#nav_links a { width:70px; }
#nav_info a { width:60px; }
#nav_contact a { width:80px; }
#nav li a:hover {
	text-decoration:underline;
	color:#958C5E;
}
#page_contact #nav_contact a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_info #nav_info a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_links #nav_links a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_gastenboek #nav_gastenboek a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_fotogalerij #nav_fotogalerij a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_homes #nav_homes a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_koetsen #nav_koetsen a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#page_home #nav_home a {
	background:url("../img/gui/arrow_up.gif") no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#content {
	margin:0 40px;
	border-top:1px solid #D2C060;
	line-height:1.5;
}
#main-content {
	float:left;
	padding:0 30px 10px 0;
	width:310px;
	background:url("../img/gui/bg_main-content.gif") no-repeat 0 0;
	border-top:2px solid #E7DDA8;
}
#sub-content {
	float:right;
	padding:0 15px 10px;
	width:310px;
	min-height:200px;
	background:#F1ECCD url("../img/gui/bg_sub-content.jpg") no-repeat 0 0;
	border-top:2px solid #DED18A;
	border-bottom:1px solid #E7DDA8;
}
.doublecolumn {
	width:155px; /* used for creating double columns in content area */
}

#footer {
	clear:both;
	margin-bottom:-1px;	/* hide 1px rounding error */
	padding:20px 40px 30px;
	background:url("../img/gui/paper_bottom.gif") no-repeat 50% 100%;
	text-align:center;
	color:#958C5E;
}
#footer p {
	margin-bottom:0;
	line-height:1.5;
}

/* Tabs
---------------------------------------- */
ul.tabs {
	margin-bottom:0;
	background:url("../img/gui/dot_d2c060.gif") repeat-x 0 100%;
	list-style:none;
	line-height:1;
}
ul.tabs li {
	margin:0;
}
ul.tabs li a {
	float:left;
	margin:0 0 1px 0;
	padding:8px 10px;
	background:#F1ECCD;
	border:1px solid #D2C060;
	border-width:1px 1px 0 0;
}
ul.tabs li.first a {
	border-left-width:1px;
}
ul.tabs li a:hover {
	background:#FCFBF1;
}
ul.tabs li.current a {
	margin-bottom:0;
	padding-bottom:9px;
	background:#FCFBF1;
	text-decoration:none;
	cursor:default;
}
div.tabs {
	margin-bottom:1em;
	padding:10px 9px 2px 10px;
	background:#F1ECCD url("../img/gui/gradient1.gif") repeat-x 0 0;
	border-left:1px solid #D2C060;
}
ul.spaced li {
	margin-bottom:1em;
}

/* Guestbook
---------------------------------------- */
ul.guestbook {
	border-top:2px solid #E7DDA8;
	list-style:none;
}
ul.guestbook li {
	margin:0;
	padding:1em 0;
	border-bottom:2px solid #E7DDA8;
}
ul.guestbook em {
	color:#958C5E;
	font-style:normal;
}

/* Links
---------------------------------------- */
ul.links {
	
}
ul.links li {
	margin-bottom:2em;
}
ul.links li h3 {
	margin:.5em 0;
}

ul.links li p {
	margin:.5em 0;
}

/* Misc. classes
---------------------------------------- */
.clearfix:after {
	content:'.'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.skip {
	position:absolute;
	top:0;
	left:-9999px;
	font-size:small;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.alert {
	padding-left:15px;
	background:url("../img/gui/alert.gif") no-repeat 0 50%;
	color:#950B1B;
}
.detail {
	color:#958C5E;
}