/*
	general styles for Hapin:
	default paragraps, link colors,
	various tools , etc
*/

body{
	alt-color: #6C443A;
	color:#370000;
}

a 		{ color:#A74D16; text-decoration: none; }
a:active 	{ color:#A74D16; text-decoration: underline; }
a:visited 	{ color:#A74D16; text-decoration: underline; }
a:hover 	{ color:#A74D16; text-decoration: underline; }
a.more 		{ color:#370000; text-decoration: none; }
a.more:hover 	{ color:#A74D16; text-decoration: none; }
a.more:active 	{ color:#370000; text-decoration: underline; }

a img { border:0px; }

p {
	margin-bottom: 0.8333em;
}
small, .small {
	font-size:0.9em;
}
em {
	font-size:0.9em;
}

h1{
	font-size: 1.8em;
	x-color: #370000;
	x-margin:0 0 .2em 0;
}

h2{
	font-size: 1.2em;
	x-color: #370000;
	x-margin:0 0 .2em 0;
}

h3{
	font-size: 1.4em;
	margin:0;
}

h4{
	font-size: 1em;
	x-color: #370000;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

h6 {
	font-size:1em;
	font-weight:bold;
	background-color:#a74d16;
	color:white;
	padding:.25em;
}

td { vertical-align:top; }

blockquote, 
blockquote p {
	font-style: italic;
	margin-bottom: 0.8333em;
}



.back-link {
	float: right;
}
.back-link a {
	background: transparent url("../files/images/icons/icon-leesmeer-links.gif") no-repeat 0 0.1667em;
	padding-left: 1.25em;
	margin-right: 0.8333em;
}

ul {
	list-style-image: url("../files/images/icons/pijltje-rechts-rood-ie.gif");
	margin-bottom: 0.8333em;
	margin-left: 1.25em;
}



ul.links {
	list-style-image: url("../files/images/icons/icon-leesmeer-ie.gif");
	padding-left:1em;
}
ul.links li {
	vertical-align: middle;
	padding-left: 0.4167em;
}
ul.links a {
	color: #930;
	font-weight: bold;
	text-decoration: none;
}
ul.links a:hover {
	text-decoration: underline;
}


/**
 * forms
 */
form .line {
	clear: both;
	padding: 0.4167em;
}
form .line label {
	display: block;
	font-weight: bold;
	float: left;
	width: 16.6666em;
}
form .line input.text {
	border: 0.0833em solid #333;
	float: left;
	width: 24.9999em;
}
form .line input.text.postcode {
	width: 5.8333em;
}
form .line textarea {
	border: 0.0833em solid #333;
	float: left;
	width: 24.9999em;
	height: 8.3333em;
}
form .line input.submit {
	border: 0.0833em solid #333;
	float: left;
	width: 8.3333em;
}

/** 
	columns and inserts
**/

div.insert-right {
	background-color:#8E1D0D;
	color:white;
	float:right;
	margin:1em 0 3em 1em;
	padding:2em 1em;
	width:30%;
}

div.insert-right a { color:#370000; }
div.insert-right ul.links { list-style-image:none; }
div.insert-right ul.links a { color:white; font-weight:normal; }

div.insert-left {
	background-color:#8E1D0D;
	color:white;
	float:left;
	margin:1em 1em 3em 0;
	padding:2em 1em;
	width:40%;
}

div.insert-left a { color:#370000; }
div.insert-left ul.links { list-style-image:none; }
div.insert-left ul.links a { color:white; font-weight:normal; }

div.column-left {
	float: left;
	width: 59%;
	padding:1em 0 3em 0;
	margin:1em 1% 0 0;
}

div.column-right {
	background: #8E1D0D;
	float:left;
	width:38%;
	margin:1em 0 3em 0;
	padding:1em 1%;
	color:#FFFFFF;
}

div.column-right a { color:#370000; }
div.column-right ul.links { list-style-image:none; }
div.column-right ul.links a { color:white; font-weight:normal; }

/**
	inline images 
**/

/* img 	{ margin: 0; } */
img.left 		{ clear:left; float:left; margin: .2em 1em .2em 0 }
img.right 		{ clear:right; float:right; margin: .2em 0 .2em 1em }

/**
	img rounded corners
	dave woods:
	http://www.dave-woods.co.uk/index.php/adding-rounded-corners-to-images-using-css/
**/

.rimgtl { top: 0; left: 0; }
.rimgtr { top: 0; right: 0; background-position: 16px 0; }
.rimgbl { bottom: 0; left: 0; background-position: 0 16px; }
.rimgbr { bottom: 0; right: 0; background-position: 16px 16px; }
* html .rimgtr { right: -1px; }
* html .rimgbl { bottom: -1px; }
* html .rimgbr { bottom: -1px; right: -1px; }