body 
{
color: #59564b;
font-family: arial;
font-size: 11px;
background: url("afbeeldingen/background.jpg") top left repeat-x #ffffff;
text-align: center;
}


* {
margin:0;
padding:0
}

#container
{
width: 915px;
height: 900px;
margin-left: auto; margin-right: auto;
}

#header
{
background-color: transparent;
}

#header img
{
margin-top: 15px
}

*html #header
{
}

#content
{
background-color: #ffffff;
position: relative;
top: 0px;
left: 0px;
width: 915px;
height: 500px
}

*html #content
{
top: -2px;
}

#content img
{
border: 1px solid #848074;
margin-right: 15px
}

#left
{
position: absolute;
top: 0px;
left: 0px;
width: 155px;
height: 380px;
background: url(afbeeldingen/verloop.jpg) top right no-repeat #ffffff;
text-align: right;
}

#rightaanbieding
{
position: absolute;
top: 0px;
left: 620px;
width: 295px;
height: 355px;
background-color: #ffffff;
text-align: left;
}

#right
{
position: absolute;
top: 0px;
left: 695px;
width: 200px;
background-color: transparent;
text-align: left;
}
#right-hoehetwerkt img
{
border: none;
margin: 0px
}

#right-hoehetwerkt
{
position: absolute;
top: 0px;
left: 690px;
width: 200px;
background-color: #ffffff;
text-align: center;
border: 1px solid #848074;
}



#right img
{
margin-bottom: 2px
}

#aanbieding
{
width: 269px;
border-left: 1px solid #848074;
border-bottom: 1px solid #848074;
border-right: 1px solid #848074;
}

*html #aanbieding
{
width: 271px;
margin-top: -3px
}

#left ul
{
list-style-type: none;
margin: 0px 1px 0px 0px;
padding-right: 0px;
font-size: 14px;
color: #59564b;
text-align: right;
}

#left ul li
{
background: url("afbeeldingen/backgroundlist.gif") no-repeat bottom left;
line-height: 30px;
margin-bottom: 1px
}

*html #left ul li a:link, *html #left ul li a:visited, *html #left ul li a:active
{
padding-right: 12px;
}

#left ul li a.mouseBeOffMe {

text-decoration: none;
color: #59564b;
padding: 7px 16px 7px 0px;
margin-right: 6px
}

#left ul li a.mouseBeDown {
color: #52a4c9;
text-decoration: none;
padding: 7px 16px 7px 0px;
margin-right: 6px
}

#left ul li a.mouseBeOnMe {
border-right: solid 6px #52a4c9;
text-decoration: none;
padding: 7px 16px 7px 0px;
color: #59564b
}

#left ul li a.mouseBeUp {
text-decoration: none;
padding: 7px 16px 7px 0px;
color: #59564b;
margin-right: 6px
}

#left ul li a.mouseBeOffMeAanbieding {
text-decoration: none;
padding: 7px 16px 7px 0px;
font-style: italic;
color: #d76432;
margin-right: 6px
}

#left ul li a.mouseBeOnMeAanbieding {
border-right: solid 6px #52a4c9;
text-decoration: none;
padding: 7px 16px 7px 0px;
font-style: italic;
color: #d76432;
}

#left ul li a.mouseBeDownAanbieding {
color: #52a4c9;
text-decoration: none;
padding: 7px 16px 7px 0px;
font-style: italic;
margin-right: 6px
}

#left ul li a.mouseBeUpAanbieding {
text-decoration: none;
padding: 7px 16px 7px 0px;
font-style: italic;
color: #d76432;
margin-right: 6px
}

#text
{
background-color: #ffffff;
position: absolute;
top: 0px;
left: 155px;
width: 525px;
text-align: left;
}

#textindex
{
background-color: #ffffff;
position: absolute;
top: 0px;
left: 155px;
width: 465px;
text-align: left;

}

#text h1, #textindex h1
{
font-size: 18px;
margin: 0px 0px 15px 30px;
color: #52a4c9
}

#text h2
{
font-size: 11px;
margin-left: 30px;
padding-right: 30px
}

#text h2.table
{
font-size: 11px;
margin-left: 0px;
padding-right: 30px
}

#text p.bold
{
font-weight: bold;
}

#text p, #textindex p
{
font-size: 11px;
margin-left: 30px;
margin-bottom: 15px;
padding-right: 30px;
line-height: 16px
}


#text p.blue, #textindex p.blue
{
color: #52a4c9
}

#text p.blue-bold, #text ul.blue-bold
{
color: #52a4c9;
font-weight: bold
}

#text p.verplicht
{
font-size: 10px
}

#text table
{
font-size: 12px;
margin-left: 30px;
padding-right: 30px;
width: 480px;
line-height: 16px
}

#textindex table
{
font-size: 12px;
margin-left: 30px;
padding-right: 30px;
width: 440px;
color: #52a4c9;
}

*html #textindex table
{
width: 410px;
}

td
{
vertical-align: top;
padding-bottom: 10px;
}

#textindex table td p
{
margin: 0px;
padding: 0px 0px 10px 0px;
}

#text table td p.aanbieding
{
margin: 0px;
padding: 5px 0px 10px 0px;
line-height: 18px;
width: 180px
}

#text a, #textindex a, #rightaanbieding a, #right-hoehetwerkt a
{
text-decoration: none
}

#text a:link, #textindex a:link, #rightaanbieding a:link, #right-hoehetwerkt a:link {color: #000000}
#text a:visited, #textindex a:visited, #rightaanbieding a:visited, #right-hoehetwerkt a:visited {color: #000000}
#text a:hover, #textindex a:hover, #rightaanbieding a:hover, #right-hoehetwerkt a:hover {color: #848074}
#text a:active, #textindex a: active, #rightaanbieding a:active, #right-hoehetwerkt a:active {color: #000000}

#text ul
{
font-size: 11px;
margin: 0px 0px 15px 30px;
list-style-type: none;
line-height: 16px
}

#text ul.blue, #textindex ul.blue
{
font-size: 11px;
margin: 0px 0px 15px 45px;
list-style-type: square;
color: #52a4c9
}

#text textarea
{
width: 290px;
height: 150px;
border: 1px solid #dedddb;
}

#text input
{
height: 20px;
border: 1px solid #dedddb;
} 

#text input.button
{
width: 175px;
height: 29px;
border: 1px solid #dedddb;
background-color: #52a4c9;
color: #ffffff;
font-weight: bold
} 

#rightaanbieding h1
{
font-size: 28px;
color: #d76432;
text-align: center;
margin: 0px 15px 10px 0px
}

#text h1.aanbieding
{
color: #d76432;
}

#rightaanbieding h1.prijs, #text h1.prijs
{
font-size: 26px;
text-align: right;
margin: 10px 15px 10px 0px;
color: #d76432;
}

#aanbieding p
{
font-size: 11px;
margin: 0px 10px 10px 15px;
color: #848074;
line-height: 18px
}

#aanbieding h2
{
font-size: 11px;
margin: 0px 10px 10px 15px;
padding-top: 15px;
color: #848074;
line-height: 18px
}

#voorbeeldkleuren img
{
border: none;
margin-right: 10px
}

#voorbeelden
{
margin-left: 30px
}

#voorbeelden img
{
border: none;
margin-right: 12px
}