/*	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
---------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:1em 0;
	padding:0;
}
li, dd {
	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:georgia;
	color:#958C5E;
	line-height:1.7;
}
abbr, acronym {
	cursor:help;
}

/* Headings
---------------------------------------- */
h1, h2, h3 {
	font-family:georgia;
}
h1, h2 {
	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;
}
img.row_end, .tabs 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:hover img.foto, a img.current {
	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;
}

/* Tables
---------------------------------------- */
table {
	width:100%;
	border-bottom:1px solid #D2C060;
}
th, td {
	padding:4px;
	vertical-align:top;
}
td {
	border-top:1px dotted #D2C060;
}
tr.new-section td {
	border-top-style:solid;
}

/* 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/stalhouderij.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#header p#title strong {
	display:block;
	height:120px;
	background:url(../img/gui/huifkar.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:georgia;
	font-size:110%;
	text-decoration:none;
	text-align:center;
	color:#695D1F;
}
#nav_home a { width:60px; margin-left:0; }
/*#nav_koetsen a { width:75px; }*/
#nav_huifkartochten a { width:100px; }
#nav_paardentram a { width:100px; }
/*#nav_fotogalerij a { width:85px; }*/
/*#nav_gastenboek a { width:95px; }*/
/*#nav_links a { width:60px; }*/
/*#nav_info a { width:50px; }*/
#nav_contact a { width:70px; }
#nav_trekpaard a { width:90px; }
#nav_chevaldetrait a { width:130px; }
#nav_drafthorse a { width:130px; }
#nav li a:hover {
	text-decoration:underline;
	color:#958C5E;
}
#page_home #nav_home a,
/*#page_koetsen #nav_koetsen a,*/
#page_huifkartochten #nav_huifkartochten a,
#page_paardentram #nav_paardentram a,
/*#page_fotogalerij #nav_fotogalerij a,*/
/*#page_gastenboek #nav_gastenboek a,*/
/*#page_links #nav_links a,*/
/*#page_info #nav_info a,*/
#page_contact #nav_contact a,
#page_trekpaard #nav_trekpaard a,
#page_chevaldetrait #nav_chevaldetrait a,
#page_drafthorse #nav_drafthorse a {
	background:url(../img/gui/arrow_up.gif) no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}
#nav_drafthorse img { /* little flags */
	border:0;
}

#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 p, ul.links li h3 {
	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;
}