*{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: Arial;
}

html { background-color: #000;}

body,html {
  text-align:left;
  margin:0;
  color: #000000;
  min-height: 840px;
}

.italic { font-style: italic; }
.bold { font-weight: bold; }
.wit { color: #fff; }
.melding { margin-right: 60px;padding: 10px; }
.fout { border: 2px solid #d60c03; background: #fff;}
.goed { border: 2px solid #03c648; background: #fff;}
.rood { color: #d60c03; }

#pagewrapper {
  width: 990px;
  margin: 0px auto;
  text-align: left;
}

/* Achtergrond afbeeldingen */
#bgintro { background-color: #000; }
#bghome { background: url(/gfx/bg-home.jpg) center top no-repeat fixed; }
#bgzinvolheid { background: url(/gfx/bg-zinvolheid.jpg) center top no-repeat fixed; }
#bgzinen { background: url(/gfx/bg-zin-en.jpg) center top no-repeat fixed; }
#bganderen { background: url(/gfx/bg-anderen.jpg) center top no-repeat fixed; }
#bgboeken { background: url(/gfx/bg-boeken.jpg) center top no-repeat fixed; }
#bgjouwleven { background: url(/gfx/bg-levenalskunstwerk.jpg) center top no-repeat fixed; }
#bginterview { background: url(/gfx/bg-interview.jpg) center top no-repeat fixed; }
#bggedichten { background: url(/gfx/bg-gedichten.jpg) center top no-repeat fixed; }
#bgagenda { background: url(/gfx/bg-agenda.jpg) center top no-repeat fixed; }
#bgcontact { background: url(/gfx/bg-contact.jpg) center top no-repeat fixed; }
#bgcontactrest { background: url(/gfx/bg-contact-rest.jpg) center top no-repeat fixed; }

/* Intro */
#intro { margin: 0px auto; margin-top: 4px; padding: 4px; border: 1px solid #3f3f3f; width: 800px; height: 532px; }
#skipintro { border-bottom: 1px solid #3f3f3f; font-size: 10px; height: 20px; width: 816px; margin: 0px auto; text-align: center; margin-top: 4px; }
#skipintro a:link,#skipintro a:visited,#skipintro a:active { color:#60605f; text-decoration: none; }
#skipintro a:hover { color: #fff; text-decoration: none; }

/* Home */
#homelogo { background: url(/gfx/home-logo.png) no-repeat; width: 179px; height: 181px; margin: 0px auto; margin-top: 140px;}
#homeemmers {
  position: fixed;
  width: 129px;
  height: 235px;
  margin-top: 188px;
  margin-left:120px;
}
#homefooter { color: #fff; text-align: center;}
#homefooter a:link,#homefooter a:visited,#homefooter a:active { color: #ffffff; text-decoration: none; }
#homefooter a:hover { color: #fff; text-decoration: underline;}

/* Hoofdmenu HOME */
#homehoofdmenu { padding-top: 190px; margin: 0px 0px 0px 280px; height: 100px; }
#homehoofdmenu ul {  float: left; width: 190px; list-style: none; padding: 5px 0px 5px 0px; letter-spacing: 1px;}
#homehoofdmenu ul li { padding-left: 10px; margin-bottom: 2px;}
#homehoofdmenu ul.roze { border-left: 14px solid #e2007a; }
#homehoofdmenu ul.groen { border-left: 14px solid #97be0d; }
#homehoofdmenu ul.blauw { border-left: 14px solid #009ee0; }
#homehoofdmenu ul li a:link,#homehoofdmenu ul li a:visited,#homehoofdmenu ul li a:active { color: #a7a8aa; text-decoration: none; text-transform: uppercase; }
#homehoofdmenu ul li a:hover { color: #464646;}
#homehoofdmenu ul.roze li.active a,#homehoofdmenu ul.roze li a:hover { color: #e2007a; }
#homehoofdmenu ul.groen li.active a,#homehoofdmenu ul.groen li a:hover { color: #97be0d; }
#homehoofdmenu ul.blauw li.active a,#homehoofdmenu ul.blauw li a:hover { color: #009ee0; }

/* Hoofdmenu REST */
#hoofdmenuwrapper { width: 990px; margin: 0px auto; background-color: #fff;}
#hoofdmenu { padding: 20px 0px 0px 260px; position: fixed; left: auto; right: auto;background-color: #fff; height: 87px; text-align: left;}
#hoofdmenu ul {  float: left; width: 190px; list-style: none; padding: 5px 0px 5px 0px; letter-spacing: 1px;}
#hoofdmenu ul li { padding-left: 10px; margin-bottom: 2px;}

#hoofdmenu ul.roze { border-left: 4px solid #d0d1d2; }
#hoofdmenu ul.groen { border-left: 4px solid #d0d1d2; }
#hoofdmenu ul.blauw { border-left: 4px solid #d0d1d2; }

#hoofdmenu ul:hover.roze,#hoofdmenu ul.rozeactief{ border-left: 4px solid #e2007a; }
#hoofdmenu ul:hover.groen,#hoofdmenu ul.groenactief { border-left: 4px solid #97be0d; }
#hoofdmenu ul:hover.blauw,#hoofdmenu ul.blauwactief { border-left: 4px solid #009ee0; }

#hoofdmenu ul li a:link,#hoofdmenu ul li a:visited,#hoofdmenu ul li a:active { color: #a7a8aa; text-decoration: none; text-transform: uppercase; font-size: 11px;}
#hoofdmenu ul li a:hover { color: #464646;}
#hoofdmenu ul.roze li.active a,#hoofdmenu ul.roze li a:hover { color: #e2007a; }
#hoofdmenu ul.groen li.active a,#hoofdmenu ul.groen li a:hover { color: #97be0d; }
#hoofdmenu ul.blauw li.active a,#hoofdmenu ul.blauw li a:hover { color: #009ee0; }

/* Content */
#content { line-height: 19px; color: #646567; padding-top: 160px; padding-left: 260px; }
#content p { margin-bottom: 20px; }
#content a:link,#content a:visited,#content a:active { color: #e03b89; text-decoration: none; }
#content a:hover { color: #e03b89; text-decoration: underline;}

/* Footer */
#footer { position: fixed; left: auto; right: auto; bottom: 10px; width: 100%; border-bottom: 1px solid #d0d1d2; border-top: 1px solid #d0d1d2; margin: 26px 0px 0px 0px; background: url(/gfx/footer-bg.png); padding: 20px; text-align: center; }
#footer a:link,#footer a:visited,#footer a:active { font-size: 11px; color: #646567; text-decoration: none; }
#footer a:hover { color: #a2daf4; text-decoration: underline;}

/* Interview */
#interview { width: 614px;  padding: 30px 0px 50px 54px; overflow: hidden; }
#interview {  background: url(/gfx/interview-bg.png); }
#interview h1 { color: #3a3a3a; font-size: 20px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#interview h2 { color: #009ee0; font-size: 22px; margin-bottom: 5px; }
#interview p { padding-right: 224px; }
#interview a:link,#interview a:visited,#interview a:active { color: #009ee0; }
#interview a:hover { color: #006b98; }
#interview .bio { background-color: #c9cacc; width: 360px; height: 118px; margin-bottom: 20px; }
#interview .bio img { margin-right: 10px; }
#interview .text { font-style: italic; padding: 10px; }
#interview .grijs { font-size: 12px;color: #646567; }
#interview .citaat { font-size: 21px; text-align: center; color: #009ee0;}
#interviewsubmenu ul { position: fixed; float: right; width: 130px; list-style: none; color: #e2007a; margin: 25px 20px 0px 430px; }
#interviewsubmenu ul li { text-align: center;}
#interviewsubmenu ul li a:link,#interviewsubmenu ul li a:visited,#interviewsubmenu ul li a:active { color: #646567; text-decoration: none; font-size: 11px;}
#interviewsubmenu ul li a:hover,#interviewsubmenu ul li.active a { color: #009ee0;}
#interviewbottom {  background: url(/gfx/interview-bottom-bg.png) no-repeat; height: 49px; width: 668px; }

/* Zinvolheid */
#zinvolheid { width: 491px;  height: 491px; padding: 40px 0px 20px 54px; overflow: hidden; }
#zinvolheid1 { width: 491px;  padding: 40px 0px 20px 54px; }
#zinvolheid {  background: url(/gfx/zinvolheid-content-bg.png) no-repeat; }
#zinvolheid1 { background: url(/gfx/zinvolheid-content-bg1.png) repeat-y; }
#zinvolheid h1,#zinvolheid1 h1 { color: #3a3a3a; font-size: 20px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#zinvolheid p, #zinvolheid1 p { padding-right: 204px; }
#zinvolheidsubmenu ul { position: fixed; float: right; width: 130px; list-style: none; color: #e2007a; margin: 0px 20px 0px 340px; }
#zinvolheidsubmenu ul li a:link,#zinvolheidsubmenu ul li a:visited,#zinvolheidsubmenu ul li a:active { color: #646567; text-decoration: none; text-transform: uppercase; font-size: 11px;}
#zinvolheidsubmenu ul li a:hover,#zinvolheidsubmenu ul li.active a { color: #e2007a;}
#zinvolheidbottom {  background: url(/gfx/zinvolheid-content-bg1-bott.png) no-repeat; padding-bottom: 100px; height: 55px; width: 545px; }

/* Zin en */
#zinen { width: 491px;  padding: 30px 0px 20px 54px; overflow: hidden; background: none; }
#zinen h1 { color: #e2007a; font-size: 20px; margin: 0px 0px 20px 170px; text-transform: uppercase; }
#zinen p { display: block; padding-right: 54px; margin-left: 170px; }
#zinen .grijs { font-size: 20px;color: #646567; }
#zinensubmenu ul { position: fixed; float: left; width: 130px; list-style: none; color: #e2007a; margin: 140px 0px 0px 0px; }
#zinensubmenu ul li { text-align: center; }
#zinensubmenu ul li a:link,#zinensubmenu ul li a:visited,#zinensubmenu ul li a:active { color: #646567; text-decoration: none; font-size: 11px;}
#zinensubmenu ul li a:hover,#zinensubmenu ul li.active a { color: #e2007a;}

/* Anderen */
#anderen { width: 491px;  padding: 0px 0px 20px 0px; background: none; }
#anderen h1 { color: #3a3a3a; font-size: 20px; margin: 0px 0px 20px 10px; text-transform: uppercase; }
#anderen h2 { color: #4e4e50; font-size: 18px; margin: 0px 0px 10px 10px; }
#anderen p { display: block; width: 240px; padding-left: 10px;}
#anderensubmenu ul { position: fixed; float: right; width: 130px; list-style: none; color: #e2007a; margin: 39px 20px 0px 445px; }
#anderensubmenu ul li { text-align: center; }
#anderensubmenu ul li a:link,#anderensubmenu ul li a:visited,#anderensubmenu ul li a:active { color: #ffffff; text-decoration: none; font-size: 11px;}
#anderensubmenu ul li a:hover,#anderensubmenu ul li.active a { color: #97be0d;}

/* Boeken & films */
#boeken { padding: 0px 0px 20px 0px; background: none; }
#boeken h1 { color: #3a3a3a; font-size: 20px; margin: 0px 0px 20px 370px; text-transform: uppercase; }
#boeken h2.film { background: url(/gfx/boeken-filmh2-bg.jpg) no-repeat; color: #97be0d; font-size: 18px; margin: 0px 0px 10px 370px; padding: 10px 0px 0px 50px; height:31px; text-transform: uppercase; }
#boeken h2.boek { background: url(/gfx/boeken_films_boek_h2.jpg) no-repeat; color: #97be0d; font-size: 18px; margin: 0px 0px 10px 370px; padding: 10px 0px 0px 50px; height:31px; text-transform: uppercase; }
#boeken p { display: block; width: 370px; padding-right: 54px; padding-left: 370px; }
#boeken .grijs { font-size: 14px;color: #646567; }

#boekensubmenu ul.kiessubject { margin-left: 134px;}
#boekensubmenu ul.kiessubject li { float: left; text-transform: uppercase;}
#boekensubmenu ul.kiessubject li.tussen { border-left: 3px solid #646567; margin-right: 6px; margin-left: 7px;}

#boekensubmenu ul.items { margin-top: 140px;}
#boekensubmenu ul { position: fixed; float: left; width: 130px; list-style: none; color: #e2007a; margin: 100px 0px 0px 115px; }
#boekensubmenu ul li { text-align: center; color: #ffffff; }
#boekensubmenu ul li a:link,#boekensubmenu ul li a:visited,#boekensubmenu ul li a:active { color: #ffffff; text-decoration: none; font-size: 11px;}
#boekensubmenu ul li a:hover,#boekensubmenu ul li.active a { color: #97be0d;}

/* Jouw leven */
#jouwleven { background: url(/gfx/levenalskunstwerg-topbg.png) top center no-repeat; min-height: 363px; padding-top: 133px;}
#jouwleven table{ color: #fff; margin-left: 250px; }
#succesjouwleven { margin-left: 250px; background: #fff; height: 103px; width: 550px; margin-bottom: 27px; padding: 10px; color: #97be0d;}
#jouwleven .td1 { padding: 1px; padding-right: 20px; padding-left: 20px; }
#jouwleven .td2 { padding: 1px; }
#jouwleven input { width: 350px; height: 16px; border: 1px solid #d0d1d1; font-size: 11px; font-family: arial; padding-top: 3px; padding-left: 3px;}
#jouwleven textarea { width: 350px; height: 50px; border: 1px solid #d0d1d1; font-size: 11px; font-family: arial; padding-top: 3px; padding-left: 3px;}
#jouwleven .submit { width: 100px; border: 2px solid #fff; padding-bottom: 5px; height: 25px; cursor: pointer;}
#jouwleven .watisdit { margin-left: 235px; margin-top: 7px;}
#jouwleven .items {  padding-top: 10px; width: 668px; margin-left: 190px; margin-top: 10px; background: url(/gfx/levenalskunstwerg-bg.png); }
#jouwleven .itemsbottom {   margin-left: 190px;background: url(/gfx/levenalskunstwerg-bgbottom.png) no-repeat; height: 49px; width: 668px; }
#jouwleven .item { width: 590px; padding: 20px 20px 10px 20px; }
#jouwleven .lijn { width: 625px; margin: 0px 20px 0px 20px; border-top: 1px solid #cfcfd0;}
#jouwleven a:link,#jouwleven a:visited,#jouwleven a:active { color: #97be0d; text-decoration: none; }
#jouwleven a:hover { text-decoration: underline;}
#jouwleven .groen { color: #97be0d; }
#jouwleven .hlizitem { margin-bottom: 10px; }


/* Gedichten */
#gedichten { padding: 120px 0px 20px 0px; overflow: hidden; background: none; }
#gedichten h1 { color: #009ee0; font-size: 20px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#gedichten p { display: block; padding-right: 54px; width: 300px; }
#gedichtensubmenu { position: fixed; float: left; width: 130px; list-style: none; color: #646567; margin: 100px 0px 0px 340px; }
#gedichtensubmenu img { border: 0px; }
#gedichten ul { position: fixed; float: right; width: 130px; list-style: none; color: #e2007a; margin: 25px 20px 0px 430px; }
#gedichten ul li { text-align: center;}
#gedichten a:link,#gedichten a:visited,#gedichten a:active { color: #646567; text-decoration: none; font-size: 11px;}
#gedichten a:hover { color: #009ee0;}

/* Agenda */
#agenda { width: 614px;  padding: 30px 0px 50px 54px; overflow: hidden; }
#agenda {  background: url(/gfx/interview-bg.png); }
#agenda h1 { color: #3a3a3a; font-size: 20px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#agenda h2 { color: #009ee0; font-size: 22px; margin-bottom: 5px; }
#agenda p { padding-right: 104px; }
#agenda .item { background: url(/gfx/agenda-item-bg.png) 0px 20px no-repeat; border-bottom: 1px solid #cfd0d1; padding-top: 20px; padding-left: 50px; }
#agenda p.titel { margin-bottom: 0px; }
#agenda span.blauwetekst { text-transform: uppercase; color: #009ee0;}
#agendabottom { padding-bottom: 100px; background: url(/gfx/interview-bottom-bg.png) no-repeat; height: 49px; width: 668px; }

/* Contact */
#contact { width: 214px;  padding: 60px 0px 0px 60px; overflow: hidden; }
#contact h1 { color: #a2daf4; font-size: 20px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#contact p { color: #d1d2d4;}
#contact a:link,#contact a:visited,#contact a:active { color: #a2daf4; text-decoration: none; font-size: 11px;}
#contact a:hover { color: #a2daf4; text-decoration: underline; }

/* Contact rest */
#contactrest { width: 614px;  padding: 30px 0px 50px 54px; overflow: hidden; background: url(/gfx/interview-bg.png);}
#contactrest h1 { color: #a2daf4; font-size: 20px; margin: 0px 0px 20px 0px; text-transform: uppercase; }
#contactrest p { padding-right: 54px; }
#contactrest a:link,#contactrest a:visited,#contactrest a:active { color: #a2daf4; text-decoration: none; }
#contactrest a:hover { color: #a2daf4; text-decoration: underline; }
#contactrest .terug { float: right; margin-right: 70px;}
#contactrestbottom {  background: url(/gfx/interview-bottom-bg.png) no-repeat; height: 49px; width: 668px; }
#contactrest .contactinput { width: 350px; height: 18px; padding: 3px 0px 0px 3px; }
#contactrest .contacttextarea { width: 350px; height: 100px; padding: 3px 0px 0px 3px; }
#contactrest .contactsubmit { float: right; background: url(/gfx/contact-submit.png) no-repeat; border: 0px; width: 284px; height: 48px; cursor: pointer; margin-top: 20px;}
#contactrest .td1 { width: 150px; }

/* Tooltip */
#tooltip{
  position:absolute;
  border:1px solid #333;
  background:#97be0d;
  width: 300px;
  padding:2px 5px;
  color:#333;
  display:none;
  text-align: left;
}