html{
height:100%;
background: #e6e6e6 url('../images/html-bg.jpg') repeat-x center top;
padding: 0;
}
body{
width: 964px;
margin: 0 auto;
padding: 0;
font: 11px "Arial";
color: #787878;
background: url('../images/bottom.jpg') no-repeat left bottom;
}
br.clear {
clear: both;
font-size: 0.1em;
}
/* Container */
div#container { background: url('../images/container-bg.jpg') repeat-y; height: 1500px;}
/* Top */
div#top { height: 72px; background: url('../images/top.jpg') no-repeat; }
/* Header */
div#header { height: 122px; background: url('../images/header.jpg') no-repeat; }
/* Headmenu*/
div#header ul { margin: 0; padding: 91px 0 0 17px; width: 700px; float: left; list-style: none; }
div#header ul li { padding: 0 9px; float: left; }
div#header ul a { text-decoration:none; margin:0 2px; height:31px; line-height:31px; float:left; display:block; padding-left: 8px; font-size: 14px; font-weight: bold; color: #FFF; cursor:pointer; }
div#header ul a span { height:31px; display: block; padding-right:8px; }
div#header ul a.on { height:31px; line-height:31px; background: url('../images/topmenu-on.jpg') left top no-repeat; }
div#header ul a.on span { background: url('../images/topmenu-on.jpg') right top no-repeat; color: #812749; }
/* Adres */
div#header address { line-height: 18px; color: #FFF; font-style: normal; padding: 18px 0 0 80px; float: left; width: 150px;}
div#header address a { color: #FFF; text-decoration: none; }
div#header address a:hover { text-decoration: underline; }
/* Topmenu */
ul.topmenu { height: 34px; background: url('../images/topmenu.jpg') no-repeat; margin: 0; padding: 0 0 0 23px; list-style: none;}
ul.topmenu li { display: inline; float: left;padding: 0 15px 0 13px; background: url('../images/sub-scheiding.jpg') no-repeat right center; line-height: 32px; height: 32px; font-size: 12px; }
ul.topmenu li a { height:32px; line-height:32px; float:left; display:block;color: #787878; text-decoration: none; }
ul.topmenu li a:hover { color: #a80c6f; font-weight: bold; background: url('../images/sub-hover.jpg') no-repeat center bottom; }
/* Container */
div#container { background: url('../images/container-bg.jpg') repeat-y; height: auto; }
/* Container (Tweede layer) */
div#container2 { background: url('../images/container-2-bg.jpg') no-repeat; height: auto; padding: 10px 0 0 0;}
/* Container (Bovenste layer) */
div#container3 { background: url('../images/left-bg.jpg') repeat-y 769px 0; height: auto; padding: 0 0 0 15px; }
/* Linker deel */
div#left { width: 754px; height: auto; float: left; padding: 3px 0 0 2px; }
div#left img.top-img { background: #FFF; padding: 0 2px 15px 0;}
/* Wrappers */
div.wrapper { float: left; height: auto; }
div.wrapper.welkom { width: 290px; padding: 0 0 0 12px; }
div.wrapper.welkom p { width: 277px; line-height: 23px; margin: 0; padding: 0 0 23px 0; }
div.wrapper.index2 { width: 214px; padding: 0 0 0 7px; }
div.wrapper .box { background: #f6f6f6; padding: 12px 13px; margin: 0 0 8px 0;}
div.wrapper.index2 .box p { margin: 0; padding: 0; line-height: 18px; }
div.wrapper.index2 .box ul { margin: 0; padding: 0px 0 0 15px; width: 169px; list-style: none; }
div.wrapper.index2 .box ul li { padding: 13px 6px; background: url('../images/index-li-bg.jpg') repeat-x left top; line-height: 18px; }
div.wrapper.index2 .box ul li span { display: block; background: url('../images/index-dot.jpg') no-repeat 0px 8px; text-indent: 8px; }
div.wrapper.index2 .box ul li.first { background: none; }
div.wrapper.index2 .box p.more { text-align: right; line-height: 12px;}
div.wrapper.index2 .box p.more a { color: #a80c6f; text-decoration: none; font-weight: bold;}
div.wrapper.index2 .box p.more a:hover { color: #c85ba0; }
div.wrapper.index2 .box p.more a span { background: url('../images/index-dot.jpg') no-repeat left center; padding: 0 0 0 7px;}
div.wrapper.index2 .box.news p { line-height: 18px; }
div.wrapper.index2 .box.news h3 { font-family: "Lucida Bright"; font-size: 19px; margin: 0; padding: 1px 0 2px 0; font-weight: normal; line-height: 18px;}
div.wrapper.index2 .box.news h3 a { color: #787878; text-decoration: none;}
div.wrapper.index2 .box.news h3 a:hover { color: #a80c6f; text-decoration: none;}
/* Subpage */
div.wrapper.sub { width: 490px; float: left; padding: 0 30px 0 44px; }
div.wrapper.sub p { line-height: 23px; text-align: justify; padding: 0 0 20px 0; margin: 0;}
div.wrapper.sub h2 { line-height: 23px; margin: 0; font-size: 11px; color: #a80c6f; padding: 0; }
/*CUSTOM*/
div.wrapper.sub ul { line-height: 23px;}
div.wrapper a { color: #a80c6f; text-decoration: none;}
div.wrapper a:hover { color: #a80c6f; text-decoration: underline;}
/* Subpage */
div.wrapper.portf { width:670px; float: left; padding: 0 30px 0 44px;}
div.wrapper.portf p { line-height: 23px; text-align: justify; padding: 0 0 20px 0; margin: 0;}
div.wrapper.portf h2 { line-height: 23px; margin: 0; font-size: 11px; color: #a80c6f; padding: 0; }
div.wrapper.portf .portfolio { background: url('/images/boek.jpg'); width:671px; height:509px;}
div.wrapper.portf .portfolioTxt { width:282px; height:450px; margin-left:50px; margin-top:30px; overflow: auto; position:absolute;font-size:16px;}
div.wrapper.portf .portfolioIMG { width:270px; height:450px; margin-left:350px; margin-top:30px; overflow: hidden; position:absolute;}
/* Headings */
h1 { color: #a80c6f; line-height: 1em; font-size: 31px; font-weight: normal; margin: 0; }
h4 { color: #a80c6f; line-height: 1em; font-size: 14px; font-weight: normal; margin: 0; }
/* Rechter Deel */
div#right { width: 184px; height: auto; float: left; padding: 0; }
div#right img { border: none; }
/* Formulier */
div#right form { width: 162px; padding: 10px 0 0 10px; }
div#right label { display: block; color: #a80c6f; padding: 10px 0 2px 0; }
div#right input.txt { border: none; background: url('../images/right-input.jpg') no-repeat; padding: 6px 10px 0 10px; height: 16px; width: 142px; font: 11px "Arial"; color: #787878; }
div#right textarea { border: none; background: url('../images/right-textarea.jpg') no-repeat; padding: 6px 10px 6px 10px; height: 30px; width: 142px; font: 11px "Arial"; color: #787878; }
div#right input.button { float: right; padding: 10px 0 0 0; }
/* Footer */
div#footer { height: 28px; padding: 10px 0 0 587px; }
div#footer a { width: 52px; display: block; height: 38px; }
div#footer a span { display: none; }