/** TOC
* - Standaard
* - Containers
* - Header ( headerimg, overlay, adres en print bttn )
* - Menu
* - Submenu
* - Sitemap ( link )
* - Sitemap ( content )
* - Grote letters
* - Kruimelpad
* - Contact
* - Agenda
* - Widgets
* - MaandTips
* - Content
******************************************************************************************************/

/** Standaard
******************************************************************************************************/
*             { margin:0; padding:0; font-family:Tahoma; font-size:11px;}
html, body    { border:none; height:100%;}
html          { overflow-y:scroll;}
body          { background-color:#CAD1CA;}
img, fieldset { border:0;}
input         { margin:1px 0 0 0; border:1px solid #EC008C;}
input.button  { padding:3px; border:1px solid #EC008C;}

table { border-collapse:collapse; border-spacing:0;}
td    { vertical-align:top;}

#icstats { visibility:hidden; display:none; height:0px;}

/** Containers
******************************************************************************************************/
#container        { width:800px; margin:12px auto 12px auto; padding:0 0 15px 0; background:#ffffff;}
#container-header { width:800px; height:175px;}
#container-menu   { width:800px; height:36px; background:url(../images/menuBG.gif) repeat-x;}

#container-sitemap { position:absolute; margin:0 0 0 700px; z-index:4;}

#container-kruimelpad    { width:401px; height:25px; margin:15px 0 0 186px;}
#container-grote-letters { width:180px; height:32px; padding:8px 0 0 0; margin:-40px 0 0 645px;}
#container-print { width:180px; height:32px; padding:8px 0 0 0; margin:-40px 0 0 550px;}
#container-print a { cursor:pointer;}
#container-submenu { width:175px;float:left; min-height:1px;}

#container-limiter { clear:both; height:0px;}

/** Header ( headerimg, overlay, adres en print bttn )
******************************************************************************************************/
#header-overlay           { position:absolute; z-index:2; width:800px;}
#header-overlay div       { width:373px; height:76px; float:right; background:#ffffff; color:#EC008C; padding:0 15px 0 0; text-align:right;}
#header-overlay div p     { width:373px; height:52px; text-align:right; color:#EC008C; margin:24px 0 0 0;}
#header-overlay a img     { width:412px; height:105px; float:left;}
#header-image             { width:800px; height:99px; position:absolute; margin:76px 0 0 0; z-index:1;}

/** Menu
******************************************************************************************************/
#menu             { list-style:none;}
#menu li          { display:block; float:left;}
#menu li a        { display:block; font-size:13px; height:36px; text-align:center; line-height: 36px; width:100px; color:#ffffff; text-decoration:none; border-right:2px solid #ffffff;}
#menu li:hover,
#menu li.selected { background:url(../images/menuBGSelected.gif) repeat-x;}

/** Submenu
******************************************************************************************************/
#submenu                  { list-style:none; width:175px;}
#submenu li               { border-bottom:dashed 1px #f365b8;}
#submenu li.blauw         { color:#29ABE2 !important; padding:0 0 3px 20px !important;}
#submenu li.blauw,
#submenu li a             { text-decoration:none; color:#EC008C; font-size:13px; display:block; padding:3px 0 3px 20px;}
#submenu li.subselected a { color:#ffffff; background:#EA0D8C;}
#submenu li a:hover       { color:#ffffff; background:#f49ec3;}
#submenu li.submenu-leeg  { padding:3px 0 3px 20px; font-size:13px; display:block;}

/** Sitemap ( link )
******************************************************************************************************/
#container-sitemap a { font-size:13px; display:block; color:#ffffff; text-align:right; text-decoration:none; width:85px; padding:0 15px 0 0; height:36px; line-height:36px;}

/** Sitemap ( content )
******************************************************************************************************/
.sitemap ul li a     { text-decoration:none; font-weight:normal; color:#EA0E8C; padding-left:20px;}
.sitemap ul .firstLi { padding-top:5px; padding-bottom:5px;}
.sitemap ul ul li    { padding-top:0px;}
.sitemap li a        { text-decoration:none; font-weight:bold; color:black;}
.sitemap ul,
.sitemap             { list-style-type:none;}
#sitemapdiv          { margin:0 0 0 0;}
#sitemapdiv h1       { width:575px !important;}

/** Grote letters
******************************************************************************************************/
#container-grote-letters a { cursor:pointer;}

/** Kruimelpad
******************************************************************************************************/
#container-kruimelpad,
#container-kruimelpad a       { color:#ED3898; text-decoration:none; font-size:13px;}
#container-kruimelpad a:hover { text-decoration:underline;}

/** Contact
******************************************************************************************************/
#contact_form table tr td:first-child { width:150px;}
#contact_form input,
#contact_form textarea                { margin:1px 0 0 0; width:300px; border:1px solid #EC008C;}
#contact_form textarea                { height:75px;}
#contact_form input.button            { width:100px;}

/** Widgets
******************************************************************************************************/
#widgets               { float:left; z-index:100; margin:0 0 0 15px; width:200px; height:500px;}
#widgets .singleWidget { height:90px;}
#widgets .doubleWidget { height:180px;}

#widgets .widget_blauw,
#widgets .widget_roze   { margin:0 0 5px 0; padding:5px; text-decoration:none; background-position: bottom right; background-repeat: no-repeat;}
#widgets .widget_blauw  { background-color:#29ABE2; background-image:url(../images/imgArrowBlauwWidget.jpg);}
#widgets .widget_roze   { background-color:#EC2B91; background-image:url(../images/imgArrowPaarsWidget.jpg);}

#widgets .widget_blauw h2,
#widgets .widget_roze h2  { color:#ffffff; text-decoration:none; font-size:12px; margin:0 0 8px 0;}

#widgets .widget_blauw p,
#widgets .widget_roze p   { color:#ffffff; text-decoration:none; width:200px; font-size:16px; font-weight:bold;}

/** MaandTips
******************************************************************************************************/
#content p.maandTips   { color:#EA0D8C; border-top:dashed 1px #EA0D8C; border-bottom:dashed 1px #EA0D8C; font-size:15px; font-weight:bold; padding-top:4px; padding-bottom:4px; width:370px; padding-left:140px;}
#content div.tips      { padding-top:7px; padding-bottom:7px; height:135px; cursor:pointer;}
/** #content div.tips img  { float:left; width:130px; height:130px; padding-right:5px;} **/
#content div.tips h3   { color:#EA0D8C;}
#content div.tips p    { color:black; font-size:12px;}
#content div.tips_line { width:369px; margin-left:140px; border-top:dashed 1px #EA0D8C;}


/** Boeken tips - per maand
******************************************************************************************************/

/* CONTENT */
#content img.tipImg { float:right; margin:0 0 0 10px;}

/* BLOKS */
#content div.boekenTipsBlok                  { cursor:pointer; width:100%; margin:0 0 5px 0; border-top:1px dashed #EA0D8C;}
#content div.boekenTipsBlok div.img          { background:#ffffff; float:left; margin:-1px 0 0 0; padding:0 0 0 10px; width:110px;}
#content div.boekenTipsBlok div.img img      { margin:0 auto 0 auto;}
#content div.boekenTipsBlok div.txt          { width:450px; float:left; padding:10px 10px 10px 5px;}
#content div.boekenTipsBlok div.txt h3       { color:#EA0D8C;}
#content div.boekenTipsBlok div.limiter      { clear:both;}

/** Content
******************************************************************************************************/
#content        { line-height:16px; float:left; margin:0 0 20px 16px; min-height:520px;}
#content p,
#content        { font-size:12px; color:black;}
#content h1     { font-size:17px; background-color:#EA0E8C; color:white; height:35px; line-height:35px; padding:0 0 0 10px; margin-bottom:17px;}
#content h2     { font-size:17px; font-weight:bold; margin-bottom:5px;}
#content h3     { font-size:15px; font-weight:bold; margin-bottom:3px;}
#content .roze  { color:#EA0D8C;}
#content .blauw { color:#29ABE2;}

#content ul,#content ol { margin:0 0 0 15px;}
#content li  { padding:0 0 0 8px; font-size:12px; color:black;}

#content h1.dokter   { background-image:url(../images/imgH1_1.jpg); background-position:bottom right; background-repeat:no-repeat;}
#content h1.schouder { background-image:url(../images/imgH1_2.jpg); background-position:bottom right; background-repeat:no-repeat;}

#content .home_boven       { background-image:url(../images/imgHomeBoven.jpg); background-position:bottom right; background-repeat:no-repeat; width:420px; height:148px; background-color:#EC2B91; color:white;}
#content .home_boven a span,
#content .home_boven a     { font-size:17px; color:white; text-decoration:none;}
#content .homeLinksOnder   { background-image:url(../images/imgHomeLinksOnder.jpg); background-position:bottom right; background-repeat:no-repeat; width:180px !important; height:148px; background-color:#29ABE2; color:white;}
#content .homeLinksOnder a { font-size:17px; color:white; text-decoration:none;}

#content .homeRechtsOnder   { background-image:url(../images/imgHomeRechtsOnder.jpg); background-position:top left; width:180px; height:148px; background-color:#29ABE2; color:white;}
#content .homeRechtsOnder a { font-size:17px; color:white; text-decoration:none;}
#content .home_tabel td a   { font-size:17px; color:white; text-decoration:none;}

.soort { font-size:14px; font-weight:bold; color:white !important; text-decoration:none;}

.home_tabel    { width:600px;}
.home_tabel td { border:solid 4px white; padding:8px; color:white; vertical-align:bottom;}

.blauwe_achtergrond { background-color:#29ABE2;}
.roze_achtergrond   { background-color:#EC2B91;}

.title { color:#EF539F !important; font-size:20px; padding-bottom:5px; margin-bottom:5px;}