@import url(submenu.css);
@import url(form_inschrijven.css);

html, body { margin: 0; padding: 0; }
body { background: #dcdddf url("img/bgvervolg.jpg") center top no-repeat; font-family: arial,sans-serif; font-size: 11px; }

body.home { background-image: url("img/bghome.jpg"); }

h1,h2,h3 { margin: 0; padding: 0; line-height: 1.5; }
h1 { font-size: 18px; font-weight: normal; color: #cf7429; }
h2 { font-size: 18px; font-weight: normal; color: #c6b30c; }
h3 { font-size: 14px; font-weight: bold; color: #cf7429; }

.menu, #images { margin: 0; padding: 0; list-style-type: none; }
#images li { padding: 4px 0 11px 0; }
a img { border: none; }
p { margin: 0; padding: 0 0 15px 0; }
p.lead { font-weight: bold; }
a { color: #cf7429; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { margin: 0 auto; width: 796px; }

.home #header { float: none; }
#header { width: 163px; float: left; padding-bottom: 12px; background: url("img/bottom_163.png") bottom left no-repeat;  position: relative; z-index: 30;}
#header div { background: #FFF; }
#header ul { font-weight: bold; font-size: 12px; }
#header li { margin: 0 7px; border-bottom: 1px solid #fbebdc; }
#header li a { color: #cf7429; text-decoration: none; display: block; text-align: right; padding: 9px 7px 8px 7px; }
#header li a.empty { cursor: default; }
#header li.active a { color: #c6b30c; }
#header li a:hover { background: #fbebdc; }

#ctright { float: right;  width: 618px; }

#ctmenu { position: relative; height: 65px; }
.home #ctmenu { position: absolute; top: 0; right: 0; }
#ctmenu div { position: absolute; top: 0; right: 0; width: 240px; background: url("img/topmenu.png") top left no-repeat; text-align: center; color: #FFF;  font-weight: bold; font-size: 12px; line-height: 30px; }
#ctmenu a { color: #FFF; text-decoration: none; padding: 0 8px; }
#ctmenu a:hover { color: #000; }


#breadcrumb { background: url("img/top_618.png") top left no-repeat; height: 12px; padding: 20px 20px 0 20px; color: #cf7429; }
#breadcrumb a { font-weight: bold; padding: 0 2px; }
#breadcrumb img { margin-right: 5px; }
#content { background: #FFF; padding: 20px; }

#content #text { float: left; width: 400px; line-height: 1.5; }
#content #images { float: right; width: 172px; padding-top: 70px; }

div.foot { background: url("img/bottom_618.png") bottom left no-repeat; height: 12px; }
div.foot hr { display: none; }

#footer { clear: both; text-align: right; padding: 10px 0; }
#footer a { font-weight: bold; color: #444; }


/**
 * Homepage specific
 */
#ctbot a.block { display: block; background: #c6b30c; color: #FFF; font-weight: bold; text-transform: uppercase; line-height: 24px; padding: 0 10px; text-decoration: none; }
#ctbot a.block:hover { background: #FFF; color: #c6b30c; }

#cttop { position: relative; zoom: 1;  z-index: 10;  }
#quickmenu { position: absolute;  z-index: 1; bottom: 0; right: 0; width: 619px; background: url("img/snelmenu.png"); height: 79px; font-size: 14px; font-weight: bold; }
#quickmenu .menu { height: 37px; padding: 6px; line-height: 37px; }
#quickmenu .phone { line-height: 30px; padding: 0 337px 0 79px; text-align: center; color: #cf7429; }
#quickmenu .phone span { color: #c6b30c; }

#quickmenu .qm, #quickmenu .qt, #qoptions { position: absolute; top: 6px; margin: 0; padding: 0; line-height: 35px; }
#quickmenu .qm { left: 20px; color: #c6b30c; }
#quickmenu .qt { right: 20px; border: 1px solid #999; height: 35px; overflow: hidden; }
#qoptions { width: 375px;  left: 178px; list-style-type: none; height: 37px; overflow: hidden; z-index: 13; }
#qoptions:hover, #qoptions.iehover { height: auto; }
#qoptions:hover li,  #qoptions.iehover li { display: block; }
#qoptions li { font-weight: normal; display: none; background: #FFF; list-style-type: none; margin: 0; padding: 0 20px; color: #000; font-size: 12; border: 1px solid #999; cursor: pointer;}
#qoptions li.current { display: block; font-weight: bold; }

#ctbot { padding-top: 15px; }
#ctbot .news { float: left; width: 240px; background: url("img/top_240.png") no-repeat top left; padding-top: 20px; }
#ctbot .news dd a { color: #cf7429; font-weight: bold; white-space: nowrap; }
#wrapper .news a.block { padding-left: 20px; }
#ctbot .news dl { margin: 0; padding: 0; background: #FFF; padding: 0 20px 0 20px; }
#ctbot .news dt { margin: 0; padding: 0; color: #cf7429; font-weight: bold; line-height: 20px; font-size: 12px;  }
#ctbot .news dd { margin: 0; padding: 0 0 15px 0; line-height: 1.4;  }

#ctbot .content { float: right; width: 540px; position: relative; padding: 10PX 0 24px 0; background: url("img/top_540.png") no-repeat top left;  }
#ctbot .content h2 { color:  #cf7429; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-bottom: 4px; }
#ctbot .content h2 strong { color: #c6b30c; font-size: 16px; font-weight: bold; }
#ctbot .content .inner { background: #FFF; }
#ctbot .content .inner div { width: 260px; float: left; padding-left: 10px; background: #FFF; }
#ctbot .content .inner div img { float: right; margin: 2px 10px 10px 10px; }
#ctbot .content .inner div .block { position: absolute; bottom: 0; left: 0; width: 250px; }
#ctbot .content .inner .right .block { left: 270px; }