/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Johan Adriaans
      Author: Johan Adriaans
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
purple          #8a1cad
purple light    #ad60c6
orange          #ff8a00
green           #80c90d
grey            #7a7b7d

\**************************************/
.purple          { background-color: #8a1cad } 
.purple-light    { background-color: #ad60c6 }
.orange          { background-color: #ff8a00 }
.green           { background-color: #80c90d }
.grey            { background-color: #7a7b7d }

/**************************************/
/*              GLOBALS               */
/**************************************/
html, body                { height: 100%; width: 100%; margin: 0; padding: 0; }
body                      { background: #ff8a00 url(../img/background.main.jpg) no-repeat center; margin: 0; padding: 0; font-size: 1.0em; font-family: verdana,arial; }
div#site h1,
div#site h2,
div#site h3,
div#site h4,
div#site h5               { color: #80c90d; font-family: Arial; margin-top: 0.56em }
body p, 
body .container p         { margin: 0; padding: 0; }
.container a:link, 
.container a:visited,     
.container a              { color: #000; }
.container table,
.container table th,
.container table td       { border-left: none; border-top:none; border-right:none; border-bottom:none;}

.Contact-me {}

/**************************************/
/*              HEADER/FOOTER         */
/**************************************/
div#headerImage           { height:320px; background-color: #8a1cad;}
div#header                { height: 75px; background-color: #8a1cad; text-align:right }
div#header a#logo         { position:absolute; top:15px; left:20px; background: url( ../img/logo.gif ) no-repeat; width: 352px; height: 60px }
div#header div#contact    { color: #FFF; font-size:11px; text-align:right; width:200px; float:right; margin: 15px 20px 0px 0px; }
div#footer                { background: url( ../img/background.footer.jpg) no-repeat; text-align: center; height: 40px; color:#FFF; padding-top:52px;font-size: 11px; line-height:12px; }


/**************************************/
/*             NAVIGATION             */
/**************************************/
ul.menu                   { list-style: none; padding: 0; margin: 0; height: 34px; }
ul.menu li                { float: left; display: none; margin: 0; }
ul.menu li a:link,ul.menu li a:hover,
ul.menu li a:visited,
ul.menu li a              { width: 110px; height: 24px; display: block; background-color:#ad60c6; text-align: center; margin-left: 8px; cursor:pointer; font-weight: bold; font-size: 15px; font-family: Arial, Verdana; line-height: 21px; color: white; text-decoration: none; }
ul.menu li.current a,
ul.menu li a:hover        { background-color: #80c90d; }
ul.menu li.menu_1,
ul.menu li.menu_2,
ul.menu li.menu_3,
ul.menu li.menu_4,
ul.menu li.menu_5,
ul.menu li.menu_6,
ul.menu li.menu_7,
ul.menu li.menu_8         { display:block; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
div#site                  { background-color: #FFF; position: relative; color:#000; z-index:0;  }
div#main                  { padding-top: 30px; padding-bottom: 30px; }
div#section_left img      { border: 1px solid #2b3b67; }
div.iziContent            { margin-bottom: 20px }

/* Berekenaar Widget */
.container div.block-top { width: 286px; height: 53px; background: url(../img/berekenaar-widget-top.gif) no-repeat; }
.container div.block-body { width: 286px; text-align: center; padding: 5px 0 0 0; background: url(../img/berekenaar-widget-body.gif) repeat-y; }
.container div.block-body p { padding: 0 20px; }
.container div.block-bottom { width: 286px; height: 23px; background: url(../img/berekenaar-widget-bottom.gif) no-repeat; }

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


/**************************************/
/*            EDITOR CONTENT          */
/**************************************/
body#tinymce, 
body#tinymce td, 
body#tinymce pre          { font-family: Verdana,"Liberation Sans",Helvetica,Arial,sans-serif; font-size: 1.2em; }
body#tinymce              { background: #FFF; color: #000; }

.container .right { float: right; padding: 0; }
.container .left { float: left; padding: 0; }