/* GEWONE KLEUR VOOR H1 ENZOW: CC0000 */
html, body {
    margin: 0 auto;  
    padding: 0;
    text-align:center;
    background: url(../_img/site_tile.gif) #601a15;
}
html {
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; 
    font-size:62.5%;
    color:#000;
}
#wrapper {
    clear: both;
	position: relative;
	text-align: center;
	width: 900px;
	min-height: 630px;
	margin: 20px auto;
	padding:0;
}
a#home_logo {
    position:absolute;
    z-index:2;
    top: 27px;
    left: 39px;
    outline: none;
}
#header {
    width: 900px;
    height: 150px;
    text-align: left;
    margin: 0;
    padding: 0;
	background:url(../_img/header_1_bg.gif) top left no-repeat;
}
h1#site_header { 
    position:absolute;
    text-align: left;
    width: 798px;
    height: 69px;
    z-index:2;
    margin: 0;
    padding: 0;
    top: 72px;
    left: 105px;
	background:url(../_img/site_title.png) top left no-repeat;
}
.text_links { display: none; }
#slogan {
    text-align: left;
    position: absolute;
    top: 150px;
    left: 0;
    z-index: 2;
    width: 900px;
    height: 50px;
    margin: 0;
    padding: 0;
    background: url(../_img/site_subtitle_bg.png) top left no-repeat;
}
#vlinder {
    position: absolute;
    top: -110px;
    left: -90px;
    z-index: 5;
    width: 193px;
    height: 175px;
    background: url(../_img/vlinder.png) top left no-repeat;
}
h2#site_subtitle { 
    position: absolute;
    top: 10px;
    left: 105px;
    width: 375px;
    height: 18px;
/*    margin: 10px 0 0 105px; */
    margin: 0;
    padding: 0;
    background: url(../_img/site_subtitle.gif) top left no-repeat;
}

/* -------- NAVIGATIE ---------- */
#site_nav {
    float: left;
    width: 226px;
}
#site_nav ul  {
    list-style: none;
    list-style-image: none;
    padding: 0;
    font-size: 1.5em;
    margin: 20px 0 0 12px;
    background: none;
}
#site_nav ul li {
    padding: 3px 0;
    list-style: none;
    list-style-image: none;
    background: none;
    background: url(../_img/menu_li1_bg.gif) left bottom no-repeat;
}
#site_nav ul li:hover, #site_nav ul li.active { 
    background: url(../_img/menu_li1_bg.gif) left bottom no-repeat #fff; 
}
#site_nav ul li.active a { color: #000; }
#site_nav ul li.active ul a { color: #633333; }
#site_nav ul ul li:hover { 
    background: url(../_img/menu_li_bg.gif) left center no-repeat #fff;
}
#site_nav ul li.active ul li a:hover { color: #000; }
#site_nav ul ul li { 
    padding: 3px 0 3px 10px;
    background: url(../_img/menu_li_bg.gif) left center no-repeat;
}
#site_nav ul ul li.active { 
    background: url(../_img/menu_li_bg.gif) left center no-repeat #fff;
}
#site_nav ul ul { 
    margin: 0;
    font-size: 1em;
}

#site_nav li a {
    outline: none;
    text-decoration: none;
    color: #633333;
}
#site_nav li a:hover { 
    color: #000; 
}

/* -------- CONTENT BLOKKEN ---------- */
#site_content_holder {
    width: 900px;
    min-height: 400px;
    padding: 0;
    position:absolute;
    z-index: 1;
    top: 190px;
    left: 0;
    text-align:left;
    float: left;
    background: url(../_img/main_bg.gif) left bottom no-repeat;
}
#site_text {
    position: relative;
    float: left;
    width: 419px;
    margin-left: 1px;
    padding: 25px 15px;
    font-size: 1.2em;
    line-height: 1.6em;
}
#site_text h1 {
    margin: 0 0 5px 0;
    color: #633333;
    font-size: 1.2em;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #633333;
}
#site_img {
    width: 224px;
    padding: 0;
    margin: 0;
    height: 420px;
    float:left;
}

#site_text p {
    margin:0;
}
a#page_previous, a#page_next {
    position: absolute;
    top: -25px;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
}
a#page_previous {
    left: 210px;
    padding: 2px 5px 3px 10px;
    background: url(../_img/page_previous.gif) left center no-repeat;
}
a#page_previous:hover { color: #009e33; }
a#page_next {
    right: 210px;
    padding: 2px 10px 3px 5px;
    background: url(../_img/page_next.gif) right center no-repeat;
}
a#page_next:hover { color: #572425; }
/* FOOTER */
#footer_holder {
    clear: both;
    position: relative;
    width: 900px;
    margin: 0;
    padding: 0;
}
#footer {
    position: absolute;
    top: -5px;
    left: 0;
    width: 900px;
    margin: 0;
    padding: 0 0 6px 0;
    background: url(../_img/footer_bottom_bg.gif) bottom left no-repeat;
}
#footer p {
    width: 900px;
    padding: 10px 5px 0 5px;
    color: #fff;
    margin:0;
    background: url(../_img/footer_top_bg.gif) top left no-repeat;
}
#footer p a { color: #fff; }
#footer p a:hover { text-decoration: underline; }

/* TYPO */
a {
    color:  #633333;
    text-decoration: underline;
}
a:hover { text-decoration: none; }

input, textarea {
    border:1px solid #ccc;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; 
    font-weight:normal;
    font-size:12px;
    color:#444;
}
/* LIST */
ul { 
    margin:3px 0 3px 5px;
    padding-left: 0;
    margin-top:0;
    list-style: none;
}
li {
    font-size:1em;
    line-height:1.2em;
    text-align:left;
    padding-left: 10px;
    background-image: url(../_img/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
ul li a {
    color:#003958;
    text-decoration:underline;
}
ul li a:hover {
    color:#003958;
    text-decoration:none;
}
.end_it {
    clear:both;
    height:1px;
    font-size:1px;
}