/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Johan Adriaans
      Author: Johan Adriaans
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- Text / dark grey    #4F4C4C
- Purple light        #E5E1EE
- Purple medium       #BEB3D4
- Purple dark         #826EAC
- Brown light         #EFECD9
- Brown medium        #B3A84F
- Brown dark          #6A6724

\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
html, body { height: 100%; }
html .container { color: #4f4c4c; font-family: Arial,Helvetica,sans-serif; line-height: 1.8em; }
body { margin: 0; font-size: 1.1em; background-color: #BEB3D4; }
.container h1, .container h2, .container h3, .container h4, .container h5 { color: #4f4c4c; font-family: Bookman, serif; margin-top: 10px; }
.container h1 { font-size: 1.6em; }
.container h2, .container h3, .container h4 { font-size: 1.3em; }
/* body p { margin: 0; padding: 0; } -- Uitgezet op aanvraag van beheerder */
.container a:link, .container a:visited, .container a { color: #826EAC; }
.container table { width: 100%; border: 1px solid #ddd; }
.container table td, .container table th { border-color: #eee; padding: 0.2em 0.4em; }
div.container div#main button, div.container div#main button:hover { width: 155px; height: 35px; font-style: italic; font-size: 0.9em; border: 0; background: url(../img/background.button.jpg) no-repeat top left; padding: 0 0 3px 0; }
div.container div#main button:hover { background-position: bottom left; color: #6A6724; }
.strong, 
.bold { font-weight: bold; }

/**************************************/
/*              HEADER                */
/**************************************/
div#headerImage   { background: url(../img/background.header.jpg); height: 233px }
div#headerContent { background: #181C1F url(../img/background.headerContent.gif) repeat-x top; padding-top: 15px; padding-bottom: 15px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/

/******** Top menu **********/
div#top ul.menu { list-style: none; padding: 0; margin: 16px 30px; float: right; }
div#top ul.menu li { float: left; margin-left: 4px; }
div#top ul.menu li a:link, div#top ul.menu li a:visited,
div#top ul.menu li a { border: 1px solid #c5bbd8; color: #BEB3D4; text-decoration: none; padding: 3px 6px 1px 6px; }
div#top ul.menu li a:hover { color: white; background-color: #c5bbd8; }

/******** Main menu *********/
div#menu ul.menu { list-style: none; padding: 0; margin: 1px;}
div#menu ul.menu li { float: left; margin: 1px; }
div#menu ul.menu li a:link, div#menu ul.menu li a:visited,
div#menu ul.menu li a { color: white; font-family: helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; width: 156px; height: 38px; line-height: 38px; display: block; background-color: #b3a84f; text-align: center; }
div#menu ul.menu li a.current,
div#menu ul.menu li a:hover { background-color: #756f35; }
/* Purple items main */
div#menu ul.menu li.item-5 a:link, div#menu ul.menu li.item-5 a:visited, div#menu ul.menu li.item-5 a,
div#menu ul.menu li.item-6 a:link, div#menu ul.menu li.item-6 a:visited, div#menu ul.menu li.item-6 a { background-color: #634a97;}
div#menu ul.menu li.item-5 a.current, div#menu ul.menu li.item-6 a.current,
div#menu ul.menu li.item-5 a:hover, div#menu ul.menu li.item-6 a:hover { background-color: #413166; }
/* Sub items */
div#menu ul.sub { visibility: hidden; overflow: hidden; width: 280px; list-style: none; padding: 0; margin: 2px 0; z-index: 1; position: absolute; border: 1px solid #e5e5e5; background-color: #f2f1e2; }
div#menu ul.sub li { float: none; margin: 0px; padding: 0; }
div#menu ul.sub li a:link, div#menu ul.sub li a:visited,
div#menu ul.sub li a { width: 100%; color: #6b6825; font-family: helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: normal; height: 25px; line-height: 25px; display: block; background-color: transparent; text-align: left; padding: 3px 20px 2px 15px; }
div#menu ul.sub li a.current { background-color: #CCC26D; color: white; border-top: 1px solid white;  border-bottom: 1px solid white; }
div#menu ul.sub li a:hover { background-color: #B3A84F; color: white; }
/* Purple items sub */
div#menu ul.menu li.item-5 ul, div#menu ul.menu li.item-6 ul { background-color: #E5E1EE; }
div#menu ul.menu li.item-5 ul li a:visited, div#menu ul.menu li.item-5 ul li a:link, div#menu ul.menu li.item-5 ul li a,
div#menu ul.menu li.item-6 ul li a:visited, div#menu ul.menu li.item-6 ul li a:link, div#menu ul.menu li.item-6 ul li a { background-color: transparent; color: #826EAC; }
div#menu ul.menu li.item-5 ul li a.current,
div#menu ul.menu li.item-6 ul li a.current,
div#menu ul.menu li.item-5 ul li a:hover,
div#menu ul.menu li.item-6 ul li a:hover { background-color: #634a97; color: white; }
/* Hack to hide excess items */
div#menu li.mainitem { display: none; }
div#menu li.item-1,div#menu li.item-2,div#menu li.item-3,
div#menu li.item-4,div#menu li.item-5,div#menu li.item-6 { display: block; }

/********* Breadcrumbs ***********/
div.container div.breadcrumbs { margin: 5px 0 10px 0; }
div.container div.breadcrumbs, div.container div.breadcrumbs a, div.container div.breadcrumbs a:visited { color: #b3a84f; font-family: Bookman, serif; font-weight: bold; text-decoration: none; }
div.container div.breadcrumbs a:hover { text-decoration: underline; color: #6A6724; }

/********* Footer menu ***********/
div#footer ul { list-style: none; padding: 0; margin: 0 5px; }
div#footer ul li { float: left; margin-left: 10px; display: inline; width: 225px; }
/* Main items */
div#footer ul li a:link, div#footer ul li a:visited,
div#footer ul li a { color: #634A97; text-decoration: none; font-weight: bold; }
div#footer ul li a:hover { color: white; }
/* Sub items */
div#footer ul ul { margin: 0px; }
div#footer ul ul li { margin-left: 0px; margin: 0; line-height: 1.2em; padding: 5px 0;}
div#footer ul ul li a:link, div#footer ul ul li a:visited,
div#footer ul ul li a { text-decoration: underline; font-weight: normal; font-size: 0.9em; line-height: 0.5em; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
div#site { background-color: #ffffff; position: relative; min-height: 100%; }
div#main { padding-top: 5px; padding-bottom: 15px; }

/* Submenu items & Related pages */
div.NavigationToolsModule div.relatedAction,
div.NavigationToolsModule div.submenuAction { background-color: #B3A84F; color: white; padding: 1px 10px 10px 10px; margin: 10px 0; }
div.NavigationToolsModule div.relatedAction h3,
div.NavigationToolsModule div.submenuAction h3 { color: white; font-family: Arial, Sans-serif; }
div.NavigationToolsModule div.relatedAction a:visited,
div.NavigationToolsModule div.submenuAction a:visited,
div.NavigationToolsModule div.relatedAction a,
div.NavigationToolsModule div.submenuAction a { color: white; }
div.NavigationToolsModule div.relatedAction ul,
div.NavigationToolsModule div.submenuAction ul { list-style: none; margin: 0px;  }

/* Related pages
div.NavigationToolsModule div.relatedAction { margin: 10px 0; }
div.NavigationToolsModule div.relatedAction ul { list-style: none; margin: 0px;  }
/*

/* Afspraak/Advies blok */
div.afspraakLezingBlok { background-color: #e4e0ed; padding: 10px; color: white; margin-bottom: 10px; width: 330px; }
div.afspraakLezingBlok p, div.afspraakLezingBlok h3 { padding: 8px; color: white; text-align: center; }
div.afspraakLezingBlok h3 { margin: 0px; }
div.afspraakLezingBlok p { margin: 0px; font-size: 12px; line-height: 15px; }
div.afspraakLezingBlok p a, div.afspraakLezingBlok p a:link, div.afspraakLezingBlok p a:visited { color: white; font-weight: bold; font-style: italic; }
div.afspraakLezingBlok div.boekje   { margin: 0 0 10px 0; padding: 0px; width: 330px; height: 156px; background: url(/data/upload/images/banner2010.jpg) no-repeat; }
div.afspraakLezingBlok div.boekje p { padding: 85px 10px 0 140px; }
div.afspraakLezingBlok div.lezing   { float: left; margin: 0; width: 160px; height: 160px; background: url(../img/background.block.brown.jpg) no-repeat; }
div.afspraakLezingBlok div.afspraak { float: right; margin: 0; width: 160px; height: 160px; background: url(../img/background.block.purple.jpg) no-repeat; }
div.afspraakLezingBlok div.stamrecht   { margin: 0 0 10px 0; padding: 0px; width: 330px; height: 156px; background: url(../img/background.block.stamrecht.jpg) no-repeat; }
div.afspraakLezingBlok div.stamrecht p { padding: 100px 0 0 0; text-align: center; font-size: 1.2em; }

/* Vragen/Stamrecht BV blok */
div.vragenBlok { background-color: #EFECD9; padding: 10px; color: #6A6724; margin-bottom: 10px; height: 80px; }
div.vragenBlok p, div.vragenBlok h3 { color: #6A6724; font-size: 12px; }
div.vragenBlok h3 { margin: 0px; font-size: 1.2em; }
div.vragenBlok div.blok1 { float: left; margin: 0; width: 160px; }
div.vragenBlok div.blok2 { float: right; width: 160px; }

/* Home - Bestel het gratis boek - blok */
div.homeBoek    { margin: 10px 0; padding: 0px; width: 473px; height: 222px; background: url(/data/upload/images/banner2010-big.jpg) no-repeat; }
div.homeBoek h2 { padding: 20px 10px 0 170px; text-align: center; color: black; font-size: 20px; font-weight: lighter; font-family: Arial, sans-serif; }
div.homeBoek p  { padding: 70px 95px 0 200px; text-align: right; color: white; line-height: 1.2em; font-size: 1.1em; }

/* Uitgelicht blokje */
div.uitgelicht { background-color: #EFECD9; padding: 10px 30px 20px 30px; margin-bottom: 10px; }

/* Kantonrechters formule */
div.kantonrechterberekenaar table { width: 90%; border: 0px; background-color: white; }
div.kantonrechterberekenaar table td { border: 0px; padding: 0.2em 0.3em; }
div.kantonrechterberekenaar form  { background-color: white; }
div.kantonrechterberekenaar input  { width: 50px; }
div.kantonrechterberekenaar select { width: 100px; }
div.kantonrechterberekenaar label { display: block; text-align: right; font-weight: normal; color: #6A6724; }
div.kantonrechterberekenaar button { margin: 0px; }
div.kantonrechterberekenaar div.resultContainer { display: none; overflow: hidden; }
div.kantonrechterberekenaar div.resultContainer p { color: #6A6724; font-size: 0.9em; margin: 0; text-align: center; }
div.kantonrechterberekenaar div.resultContainer div#kantonResult { font-size: 2.5em; font-weight: bold; color: #6A6724; margin: 10px; text-align: center; }
div.kantonrechterberekenaar table.kantonrechterresult { margin-top: 20px; width: 99%; margin-left: 1px; border: 1px solid #DDDDDD; }
div.kantonrechterberekenaar p#kantonrechterresultmessage { font-size: 1.05em; font-weight: bold; }
table.kantonrechterresult thead tr { font-weight: bold; text-align: center; }
table.kantonrechterresult tbody tr { text-align: center; }
table.kantonrechterresult tbody tr.odd { background-color: #EFECD9; }
table.kantonrechterresult tbody tr.bold { font-weight: bold; }

/* Forms */
div.FormModule div.viewAction { padding-bottom: 40px; }

/**************************************/
/*               FOOTER               */
/**************************************/


/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce { font-size: 1.3em; font-family: Arial,Helvetica,sans-serif; ; color: #4f4c4c; } 
body#tinymce td, body#tinymce pre { font-family: Arial,Helvetica,sans-serif; font-size: 1em; color: #4f4c4c; }
body#tinymce { background-color: white; }