@charset "UTF-8";
/* CSS Document */

body, html {
font-family: Verdana, Arial;
font-size: 12px;
margin: 0px;
height: 100%;
width: 900px;
margin-left: auto;
margin-right: auto;
background-image: url(images/body_background.gif);
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #dedede;
}

h1 {
font-family: Verdana, Arial;
font-size: 16px;
margin-left: 10px;
}

h2 {
font-family: Verdana, Arial;
font-size: 12px;
margin-left: 10px;
}

q {
font-family: "Times New Roman", Times, serif;
font-size: 40px;
color: #999;
}

p {
font-family: Verdana, Arial;
margin: 0px 5px 10px 10px;
font-size: 12px;
}

p.center {
text-align: center;
}

img {
border: 0px;
margin-left: auto;
margin-right: auto;
}

img.floatRight { 
float: right; 
margin: 4px; 
}

div.bottom {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
margin-top: 500px;
padding: 0 0 0 0;
}

label {
width: 170px;
float: left;
}

hr {
height: 0;
width: 75%;
border: 0;
border-top: 1px solid #666;
}

#wrapper {
background-color: #FFF;
background-image:url('http://www.marcwoods.nl/images/div_background.png');
width: 100%;
text-align: left;
}

#header {
height: 100px;
width: 896px;
margin-left: -21px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFF;
text-shadow: -1px -1px 0 #000;
letter-spacing: 8px;
padding: 191px 0px 0px 46px;
background-image: url(images/header_index.png);
background-repeat: no-repeat;
}

#links {
float: left;
width: 430px;
}

#rechts {
float: left;
width: 430px;
}

#guestbookdiv {
float: left;
width: 850px;
margin-left: 50px;
}

#sliderdiv {
float: left;
width: 420px;
margin-left: 225px;
}

#contact {
position: fixed;
height: 0px;
width: 0px;
left: 0px;
top: 40%;
}

#kolom1 {
float: left;
width: 300px;
}

#kolom2 {
float: left;
width: 300px;
}

#kolom3 {
float: left;
width: 300px;
}

#footer {
color: #FFF;
height: 343px;
width: 942px;
margin-left: -21px;
clear: both;
font-size: 10px;
text-shadow: -1px 1px 0 #000;
background-image: url(images/footer_background.png);
background-repeat: no-repeat;
}

#foot_kolom1 {
float: left;
width: 230px;
padding: 0px 0px 0px 50px;
}

#foot_kolom2 {
float: left;
width: 620px;
padding: 52px 5px 0px 0px;
text-align: right;
}

#sub_foot_kolom1 {
float: left;
width: 214px;
height: 175px;
border-right: 1px dashed #CCC;
padding: 15px 5px 0px 0px;
margin: 20px 0 0 50px;
text-align: left;
}

#sub_foot_kolom2 {
float: left;
width: 214px;
height: 175px;
border-right: 1px dashed #CCC;
padding: 15px 5px 0px 0px;
margin: 20px 0 0 0;
text-align: left;
}

#sub_foot_kolom3 {
float: left;
width: 215px;
height: 175px;
border-right: 1px dashed #CCC;
padding: 15px 5px 0px 0px;
margin: 20px 0 0 0;
text-align: left;
}

#sub_foot_kolom4 {
float: left;
width: 214px;
height: 175px;
padding: 15px 5px 0px 0px;
text-align: left;
margin: 20px 0 0 0;
}

/*TEKST LINKJES*/
a.tekst:link{
color: #333;
}

a.tekst:visited{
color: #333;
}

a.tekst:hover{
color: #999;
}

a.tekst:active{
color: #333;
}

/*FOOTER LINKJES*/
a.footer:link{
color: #FFF;
}

a.footer:visited{
color: #FFF;
}

a.footer:hover{
color: #999;
}

a.footer:active{
color: #FFF;
}

/*SLIDER*/
.coin-slider {
width: 400px;
overflow: visible;
zoom: 1;
position: relative;
}

.coin-slider a {
text-decoration: none;
outline: none;
border: none;
}

.cs-buttons {
font-size: 0px;
padding: 10px;
float: left;
}

.cs-buttons a {
margin-left: 5px;
height: 10px;
width: 10px;
float: left;
border: 1px solid #B8C4CF;
color: #B8C4CF;
text-indent: -1000px;
}

.cs-active {
background-color: #B8C4CF;
color: #FFFFFF;
}

.cs-title {
width: 250px;
padding: 10px;
background-color: #000000;
color: #FFFFFF;
}

.cs-prev, .cs-next {
background-color: #000000;
color: #FFFFFF;
padding: 0px 10px;
}


/*MENUBALK*/
#nav, #nav ul {
padding: 0 0 0 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 141px;
}

#nav ul {
position: absolute;
width: 100px;
left: -1000px;
font-size: 12px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
color: #CCC;
background-position: 0 0;
}

#nav a {
display: block;
height: 22px;
text-align: center;
margin: 6px 0 0 0;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: 5px;
}

ul a{
color: #FFF;
cursor: pointer;
}

ul a:hover{
color: #CCC;
cursor: pointer;
}

ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #FFF;
}

ul ul li:hover{
background-color: #A01115;
}

ul ul li{
background-color: #BC2024;
padding: 0 0 0 2px;
border-top: 1px solid #FFF;
border-left: 0;
font-size: 13px;
}

/* IE only hack */
* html ul li, * html ul ul li{
border-bottom: 1px solid #FFF;
}

* html ul ul li{
border-top: 0;
}