/* The CSS that's required to position the footer */

html {
height: 100%;
}
body {
height: 100%;
}
#nonFooter {
position: relative;
min-height: 100%;
}
* html #nonFooter {
height: 100%;
}
#footer {
position: relative;
margin: 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer {
margin-top: -5.4em;
}

body {
margin : 0;
padding : 0;
font : 73% arial, "Trebuchet MS", verdana, helvetica, sans-serif;
color : #000;
background : #FFEABD url(images/background.jpg) center repeat-y;
}
			/*WRAPPER*/
#container {
height: 100%;
margin: 0 auto;
padding : 0;
width : 780px;
}
			/*TOP BANNER*/
#banner {
margin : 10px auto;
padding : 0;
width : 750px;
height : 130px;
color : #000;
background : #bbc893 url(images/banner_knoop.jpg) no-repeat center;
}
#banner h1 {
padding : 30px 0 15px 80px;
font-size : 175%;
letter-spacing : 5px;
color : #57642f;
background : transparent;
}

#banner h1 span {
margin:10px auto;
height:30px;
display:block;
font-size : 0.8em;
letter-spacing : 3px;
color : #57642f;
background : transparent;
}
			/*TOP MENU*/
#menu {
margin : 0 auto;
padding : 5px 10px;
width : 730px;
height : 20px;
font-weight : bold;
letter-spacing: 3px;
background : #B87756 ;
color : #b3b3ad;
}
#menu_list {
margin : 0;
padding : 0;
text-align : left;
}
#menu_list li {
margin : 0;
padding : 0 5px 0 0;
display : inline;
}
#menu_list a {
font-size : 1.2em;
text-decoration : none;
background : inherit;
color : #fff;
}
#menu_list a:hover {
font-size : 14px;
background : inherit;
color : #000;
}

#menu_list a.current {
font-size : 14px;
background : inherit;
color : #000;
}




			/*MAIN CONTENT*/
#content {
float : left;
margin : 0;
padding : 5px;
width : 510px;
line-height : 1.7em;
background : inherit;
color : #333;
}
html > body div#content {
margin-left : 14px;
}
#left_content {
float : left;
width : 243px;
}
#main_content {
clear : both;
padding-top : 0;
}
#right_content {
float : right;
width : 243px;
}
			/*SIDEBAR*/
#sidebar {
float : right;
width : 220px;
margin : 0 14px 10px 0;
padding : 5px;
line-height : 1.7em;
color : #333;
background : #f9f9f9;
}
.side ul {
list-style-type : none;
padding : 0;
margin : 0;
}
.side li {
list-style-image : url(images/db_red.gif);
padding-left : 0.5em;
margin: 10px;
}
#sidebar a:link, #sidebar a:visited {
background : inherit;
color : #57642F;
text-decoration : none;
}
#sidebar a:hover {
background : inherit;
color : #333;
text-decoration : underline;
}
			/*FOOTER*/
#footer {
clear : both;
width : 750px;
padding : 5px;
font-size : 0.9em;
background : #DEB86D  ;
color : #333;
text-align:center;
}
#footer a { color:#8b0000}
			/*SCROLLBAR*/
div.scroll {
overflow : auto;
height : 10em;
width : 180px;
border : 1px solid #a0ad78;
padding : 1em;
background : #f9f9f9;
color : #666;
margin : 0 0 0 10px;
}
			/*LINKS*/
a:link, a:visited {
background : inherit;
color : #E05222;
text-decoration : none;
}
a:hover {
background : inherit;
color : #333;
text-decoration : underline;
}
a img {
border : none;
}
			/*TYPOGRAPHY*/
h1 {
padding : 5px 0 5px 0;
font-size : 140%;
clear:left;
}
h2 {
padding : 10px;
font-size : 110%;
text-transform : uppercase;
}
h3 {
padding : 5px;
font-size : 120%;
text-transform : uppercase;
}
h4 {
font-size : 90%;
text-transform : uppercase;
}
h1,h2,h3,h4 {
letter-spacing: 3px;
font-weight : bold;
color : #57642f;
background : inherit;
}

.naar_boven {
margin-top: 0; 
margin-right:20px; 
text-align:right;
}

.naar_boven span {
	font-size:90%;
	font-weight:bold;
	color:#c00;
	margin: 0 3px;
}

/***********************
	  Images
************************/

/* images sidebar with dropped shadow*/
.Img_outer { width: 310px; background: #d2dfff; margin-top: 15px; }
 
.Img_middle { background: #a0522d; }
 
.Img_inner { background: #deb86d; }
 
.Img_inner p {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font: normal 13px/1.2em arial, helvetica, sans-serif;
	background: #fff;
	padding: 4px;
	margin: 0;
	text-align:center;
}
.Img_inner img {
	border: 0;
}
 
.Img_middle, .inner, p {
	position: relative;
	left: -1px;
	top: -1px;
}

.imgFloatLeft {
float : left;
padding : 5px;
margin : 0 10px 10px 0;
border : 1px solid #44443f;
}
.imgfloatRight{
float : right;
padding : 5px;
margin : 0 10px 10px 10px ;
border : 1px solid #44443f;
}

.news {
font-size : 90%;
}
.clear {
clear: both;
overflow: hidden;
width: 0;
height: 0;
}

.clearLeft {
clear: left;
}

.clearRight {
clear: right;
}


blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}