* {margin:0;padding:0;border:0}

body 
{
background-image: url(afbeeldingen/bg.gif);
color: #fff;
font-family: trebuchet ms, sans-serif;
}

#outer-wrapper
{
text-align: center;
width: 100%;
}

#outer
{
margin-left: auto;
margin-right: auto;
text-align: left;
height:500px;
width: 934px;
color: #fff;
font-size:13px;
}



#logindeel h1
{
font-size: 14px;
padding-left: 50px;
width: 360px;
float: left;
white-space:nowrap;
}


#logindeel
{
background: url(afbeeldingen/logindeel-bg.gif) top center no-repeat;
overflow:hidden;
height: 55px;
}



#logindeel input
{
width: 142px;
height: 18px;
border: 1px solid #636;
color: #636;
padding: 2px 0px 0px 2px
}

#logindeel #button
{
width: 93px;
height: 22px;
border: 1px solid #636;
background-color: #636;
color: #fff;
margin-right: 10px;
padding: 0px;
cursor: hand;
}

#logindeel a
{
color: #fff;
font-size: 11px;
text-decoration: underline;
}

#logindeel a:hover
{
text-decoration: none;
}

#logindeel a#wachtwoord
{
margin-left: 163px;
}

#logindeel a#registreren
{
margin-left: 40px
}

#content
{
background: url(afbeeldingen/content-bg.gif) top center repeat-y;
height:453px;
width: 934px;
}

#left
{
float:left;
background: url(afbeeldingen/left-bg.gif) top left no-repeat;
width: 178px;
height: 323px;
}

#left ul
{
margin-left: 18px;
list-style-type: none;
line-height: 20px;
font-size: 14px;
}

#left ul#hoofdnav
{
margin-top: 18px;
}

#left ul#accountnav
{
margin-top: 20px
}

#left a
{
text-decoration: none;
color: #fff;
}

#left a:hover
{
color: #c09
}

#home #navhome, #werkwijze #navwerkwijze, #voorbeelden #navvoorbeelden, #teksten #navteksten,
#prijzen #navprijzen, #vragen #navvragen, #collecties #navcollecties, #ervaringen #navervaringen, #overons #navoverons, 
#nieuws #navnieuws, #voorwaarden #navvoorwaarden, #contact #navcontact, #account #navaccount
{
color: #9c3;
cursor: default;
font-weight: bold;
}


#left a#navaccount
{
font-weight: bold;
margin-top: 20px
cursor:pointer;
}

#navwerkwijze
{
margin-left: 1px
}

#navvoorbeelden
{
margin-left: 2px
}

#navteksten
{
margin-left: 3px
}

#navprijzen
{
margin-left: 4px
}

#navvragen
{
margin-left: 5px
}

#navcollecties
{
margin-left: 6px
}

#navervaringen
{
margin-left: 7px
}

#navnieuws
{
margin-left: 8px
}

#navoverons
{
margin-left: 9px
}

#navvoorwaarden
{
margin-left: 10px
}

#navcontact
{
margin-left: 11px
}

#navaccount
{
margin-left: 13px
}

#text
{
width: 520px;
overflow: auto;
height: 340px;
position:relative;
top:10px;
left: 30px;
background-color: #06c;
}

#module
{
width: 500px;
overflow: auto;
position:relative;
top:0px;
left: 0px;
background-color: #06c;
}

#text h1
{
font-size: 17px;
margin-bottom: 20px;
}

#text h2
{
font-size: 15px;
margin-bottom: 8px;
margin-right: 10px
}

#text p
{
margin-bottom: 15px;
margin-right: 10px
}

#text table
{
margin-bottom: 15px
}

#text table td
{
vertical-align: top;
padding-right: 20px
}

.teksten td
{
padding: 10px;
border: 1px solid #fff;
text-align: center;
width: 210px
}

#text ul
{
margin-bottom: 15px;
padding-left: 20px;
padding-right: 10px;
list-style-type: square
}

#text ol
{
margin-bottom: 15px;
padding-left: 25px;
padding-right: 10px;
}

#text a, #module a
{
color: #fff
}

#text a:hover, #module a:hover
{
text-decoration: none
}

#text .tip, #text .testimonial
{
font-style: italic
}

#text img.collectie
{
border:1px solid #fff;
margin: 0px 30px 10px 0px
}

#text td.info, #text td.tweeluik, #text td.drieluik
{
width: 200px
}

input, textarea
{
width: 265px;
color: #06c;
font-family: trebuchet ms, sans-serif;
}

input.button
{
cursor: pointer;
font-weight: bold;
background-color: transparent;
border: 1px solid #fff;
color: #fff
}

#right
{
float: right;
}

#footer
{
margin-left: 28px
}