@charset "utf-8";

/* ################################################### */

/* # version:   1.0                                           # */

/* # author:    Norman van der Mull                  # */

/* # e-mail:    norman@ibuildings.nl                 # */

/* # website:   http://www.ibuildings.nl            # */

/* ################################################### */


/* ### GLOBAL RESET ### */

  html, body                          { width: 100%; height: 100%; }
  body,div,dl,dt,dd,ul,ol,li,
  h1,h2,h3,h4,h5,h6,

  pre,form,fieldset,input,textarea,blockquote
  {
    margin: 0;
    padding: 0;
  }

  *                                   { line-height: 160%; }

  li, dd                              { margin-left: 8%; }

  fieldset                            { padding: 0; border: 0; position: relative; display: block; }

  input                               { line-height: 100%; }

/* ########   CLEARFIX   ######## */

#paragrafen:after,
#paragrafenSmall:after,
#canvas:after,
#panels:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#paragrafen,
#paragrafenSmall,
#canvas,
#panels
{
	display: inline-block;
}

html[xmlns] #canvas,
html[xmlns] #paragrafen,
html[xmlns] #paragrafenSmall,
html[xmlns] #panels
{
	display: block;
}

* html #canvas,
* html #paragrafen,
* html #paragrafenSmall,
* html #panels
{
	height: 1%;
}


/* ### HEADERS ### */


h1
{
}


h2
{
  font-size: 1.5em;
  line-height: 1.3em;
  color: #646567;
  margin-bottom: 1em;
  letter-spacing: -0.5px;
}

.links h2
{
  margin-left: 80px;
}



h3
{
  color: #636466;
  font-size: 1.25em;
  margin-bottom: 8px;
}

/* CLEARFIX */




/* EINDE HEADERS */


body
{
  background: #fff;
  color: #646567;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 0.75em;
}

a, a:visited {
  color: #646567;
  font-family: 'trebuchet ms', verdana, arial;
  text-decoration: none;
}

#wrapper
{
  margin: 0px auto;
  width: 854px;
  position: relative;
  min-height: 100%;
 /*   height: 100%; */
  text-align: left;
}

#header
{
  position: relative;
  padding-top: 126px;
}

#header h1
{
  position: absolute;
  left: 0;
  top: 13px;
  width: 140px;
  height: 100px;
  display: block;
  background:  url(../img/zebi/mainSprite8.png) no-repeat left top;
  z-index: 100;
}

#header h1 a
{
  display: block;
  height: 94px;
}


#header h1 span
{
  display: block;
  text-indent: -99999999px;
}

#header ul#breadCrumb
{
  clear: both;
  display: block;
  border-top: 1px solid #BCBDBF;
  border-bottom: 1px solid #BCBDBF;
  height: 20px;
  margin: 0;
  padding: 0;
  margin-bottom: 18px;
  font-weight: bold;
  position: relative;
}

#header ul#breadCrumb li a
{
  background-image: url(../img/zebi/icons.png);
  background-repeat: no-repeat;
  background-position: -10px -207px;
  display: block;
  color: #646567;
  text-decoration: none;
  height: 18px;
  padding-left: 18px;
  float: left;
}

#header ul#breadCrumb li a#start
{
  background-color: #E0081D;
  background-position: -10px -137px;
}

#header ul#breadCrumb li a#first
{
  background-position: -10px -137px;
}

#header ul#breadCrumb li.breadCrumbSep
{
  left: -5px;
  width: 2px;
}

#header ul#breadCrumb li
{
  display: block;
  height: 18px;
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  position: relative;
}

#header p#mededelingBox
{
  position: absolute;
  right: 0;
  top: 92px;
  color: #E5371A;
  white-space: nowrap;
  font-size: .85em;
}


#header ul#modifyFontSize
{
  position: absolute;
  right: 7px;
  top: 24px;
  margin: 0;
  padding: 0;
}

#header ul#modifyFontSize li
{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background: url(../img/zebi/mainSprite8.png) no-repeat left top;
  width: 30px;
  height: 60px;
}


#header ul#modifyFontSize li a span
{
  text-indent: -99999999px;
  display: block;
}

#header ul#modifyFontSize li a
{
  display: block;
  height: 100%;
  width: 100%;
}

#header ul#modifyFontSize li.normal
{
  background-position: -9px -136px;
}

#header ul#modifyFontSize li.bigger
{
  background-position: -39px -136px;
  width: 32px;
}



.marker
{
  border: 3px dashed gray;
  margin-bottom: 12px;
  float: right;
  width: 253px ! important;
}

.bottomMarker
{
  margin-bottom: 12px;
  float: right;
  width: 253px ! important;
}

#skipLink
{
  display: none;
}

#canvas
{
  position: relative;
  padding-bottom: 80px;
  width: 854px;
  display: block;
}

div.boxColumn
{
  width: 260px;
  float: left;
  margin-left: 36px;
  position: relative;
}

div.boxColumn .paragraph
{
  width: 245px;
}

div.boxColumn div.box h2
{
  padding-top: 2px;
  height: 35px;
  overflow: hidden;
  line-height: 1.6em;
}

#bannerTitle
{
  position: absolute;
  left: 0px;
  top: -35px;
  line-height: 1.6em;
  color:#FFFFFF;
  font-size:16pt;
  margin:0;
  padding-left:12px;
  width: 247px;
  font-weight: bold;
}

div.firstColumn
{
  margin-left: 0px;
}

div.box
{
  float: right;
  width: 259px;
  width: 224px;
  background: url(../img/zebi/mainSprite8.png) no-repeat -261px bottom;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 4px;
  clear: right;
}

div.topBox
{
  height: 190px;
  overflow: hidden;
}


div.closed ul
{
  display: none;
}

div.box h3
{
  background: url(../img/zebi/mainSprite8.png) no-repeat -261px -824px;
  margin: 0;
  font-size: 10pt;
  padding: 4px 0 0 12px;
  height: 32px;
  text-transform: uppercase;
  letter-spacing: -.05em;
  color: #646567;
}

body#home div.box h3:hover
{
  cursor: move;
}

body#home div.box h3 a:hover
{
  cursor: move;
}

div.box div.paragraph
{
  padding: 10px 6px;
}

div.box div.slideShowParagraph
{
  padding: 0px 6px;
}

#leftPanel
{
  float: left;
  width: 200px;
  margin-right: 14px;
}

#leftPanel img
{
  width: 196px;
}


#paragrafen
{
  width: 600px;
  float: left;
  position: relative;
}

#paragrafenSmall
{
  width: 388px;
  float: left;
  overflow: hidden;
}

#paragrafenSmall div.paragraph
{
  width: 100%;
}

/*
#paragrafen .links img
{
  float: left;
  width: 100px;
  margin-right: 12px;
}


*/

#panels
{
  width: 226px;
  float: left;
  margin-left: 24px;
}

div.box div.innerPanel
{
  background: transparent ! important;
  padding: 12px;
  padding-top: 4px;
}


div.box div.drag
{
  position: absolute;
  right: -8px;
  top: -4px;
  height: 19px;
  width: 19px;
  background-image: url(../img/zebi/icons.png);
  background-repeat: no-repeat;
  background-position: -7px -276px;
}


div.boxColumn div.box div.hover,
div.boxColumn div.box div.drag:hover
{
  background-position: -53px -276px;
  cursor: pointer;
}

div.boxColumn div.closed div.hover,
div.boxColumn div.closed div.drag:hover
{
  background-position: -30px -276px;
  cursor: pointer;
}

div.box h2
{
  background-image: url(../img/zebi/panelHeader.png);
  background-repeat: no-repeat;
  background-position: left top;
  color: #fff;
  font-size: 16pt;
  padding-left: 12px;
  margin: 0;
  height: 37px;
}


div.box ul
{
  margin: 0 0 8px 12px;
  padding: 0;
}

/*
div.paragraph ul
{
  margin: 0 0 8px 0;
  padding: 0;
}
*/

div.box ul li
/*
div.paragraph ul li
*/
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.box ul li a,
div.paragraph ul li a
{
  display: block;
  text-decoration: none;
  color: #646567;
}

div.box ul li a:hover,
div.paragraph ul li a:hover
{
  color: #000;
}


div.boxColumn div.box
{
  width: 259px;
  background: url(../img/zebi/mainSprite8.png) no-repeat left bottom;
}

div.boxColumn div.box h3
{
  background: url(../img/zebi/mainSprite8.png) no-repeat left -824px;
}


div.boxColumn div.box h3 a,
div.boxColumn div.box h3
{
  color: #646567;
  text-decoration: none;
  cursor: move;
  overflow: hidden;
  white-space: nowrap;
}

div.boxColumn div.box h3 a:hover,
div.boxColumn div.box h3:hover
{
  cursor: move;
}

div.box h3 a
{
  color: #646567;
  text-decoration: none;
}

.draggable:hover
{
  cursor: move;
}


/* ### BLOCKQUOTE STYLES ### */

blockquote
{
  background-image: url(../img/zebi/commentBg.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  padding: 0;
  margin-bottom: 24px;
  font-size: 1.2em;
  line-height: 1.2em;
}

blockquote p
{
  background-image: url(../img/zebi/commentBg.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  display: block;
  padding: 6px 12px;
  font-weight: bold;
}

blockquote p
{
  background-image: url(../img/zebi/commentBg.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  display: block;
  color: #fff;
  display: block;
  padding: 6px 12px;
  font-weight: bold;
}


blockquote a
{
  text-decoration: none;
  color: #fff;
}


blockquote a img
{
  background-image: url(../img/zebi/icons.png);
  background-repeat: no-repeat;
  background-position: -7px -367px;
  border: 0;
  margin-left: 4px;
}


/* ### SLIDESHOW STYLES ### */

.slideshow
{
  width: 259px;
  height: 195px;
  overflow: hidden;
  margin-bottom: 19px;
}

.slideshow p
{
  padding-left: 4px;
}


.slideShowParagraph img
{
  width: 240px;
  height: 104px;
  border: 0px;
  position: absolute;
  left: 9px;
  top: 11px;
}

#bannerDescription
{
  width: 240px;
  border: 0px;
  position: absolute;
  left: 9px;
  top: 117px;
}





/* ### FOOTER STYLES ### */

#footer
{
  font-size: 0.75em;
  height: 54px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 100000;
  display: block;
  z-index: 100;
  zoom: 1;
}

#footer p
{
  text-align: center;
  border-bottom: 1px solid #BCBDBF;
  display: block;
  margin: 0; 
}


#footer ul li a.rss
{
  background: url(../img/zebi/mainSprite8.png) no-repeat 0px -214px;
  padding-left: 12px;
  margin-left: 8px;
  float: left;
}

#footer ul
{
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}

#footer ul li
{
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}

#footer ul li a
{
   display: block;
   margin: 0 0 0 1px;
   padding: 3px 6px;
   text-decoration: none;
   line-height: 1.3em;
   color: #646567;
}

#footer ul li a:hover
{
  color: #000;
}

#footer ul li a:hover
{
}

#footer ul li a.active,
#footer ul li a.active:hover
{
}

.anker
{
  display: block;
}


#searchBox form
{
  width: 198px;
  overflow: hidden;
  display: block;
}

#searchBox fieldset.searchBox
{
  background: url(../img/zebi/mainSprite8.png) no-repeat 0 -391px;
  height: 100px;
  border: 0;
  margin-left: 8px;
  width: 241px;
  height: 27px;
  margin-top: 8px;
}


#searchBox fieldset.searchBox input
{
  width: 180px;
}

#searchBox fieldset.searchBox input
{
  width: 180px;
  position: absolute;
  left: 6px;
  top: 8px;
  width: 204px;
  height: 17px;
  border: 0px;
}

#searchBox fieldset.searchBox input#submitbutton
{
  width: 20px;
  position: absolute;
  left: 217px;
  top: 1px;
  background: transparent;
  width: 22px;
  height: 23px;
  text-indent: -999999999px;
  border: 0px;
}

#searchBox fieldset.searchBoxRadio input
{
  margin-right: 4px;
  margin-top: 6px;
  float: left;
}

#searchBox fieldset.searchBoxRadio label
{
  display: block;
  float: left;
  margin-right: 24px;
  vertical-align: text-bottom;
  font-weight: bold;
  font-size: 1.2em;
  color: #646567;
}



#searchBox fieldset.searchBoxRadio
{
  padding: 4px 12px;
}

#searchBox fieldset.searchBoxCheckbox
{
  margin-bottom: 12px;
  padding-left: 16px;
}

#searchBox fieldset.searchBoxCheckbox div
{
  clear: both;
  height: 18px;
}


#searchBox fieldset.searchBoxCheckbox input
{
  display: block;
  float: left;
  margin-left: 12px;
  margin-right: 8px;
}

#searchBox fieldset.searchBoxCheckbox label
{
  display: block;
}

.leftColumn
{
  width: 200px;
  float: left;
  margin-right: 12px;
}

#leftPanel
{
  width: 200px;
  float: left;
  margin-right: 12px;
}

#leftPanel img
{
  float: left;
}

#leftPanel .round
{
  float: left;
}

#paragrafen .paragraph
{
  clear: left;
  float: left;
  width: 598px;
  margin-bottom: 5px;
  overflow: hidden;
  padding-right: 12px;
  margin-bottom: 24px;
}

#paragrafen .paragraph .anchor
{
  display: block;
}

#canvas .wide
{
  width: 852px ! important;
}

#canvas .wide .paragraph
{
  width: 852px;
}



#paragrafenSmall .paragraph
{
  clear: left;
  float: left;
  width: 598px;
  margin-bottom: 5px;
  overflow: hidden;
  padding-right: 12px;
  margin-bottom: 24px;
}

.links #paragrafen .paragraph .paragraphIndent
{
  margin-left: 80px;
}

.links #paragrafen .paragraph .paragraphIndent li
{
  margin-left: 16px;
  list-style-type: disc;
}

.links #paragrafen .paragraph h3
{
  margin-bottom: 0;
  position: relative;
}

.links #paragrafen .paragraph img.linkImage
{
  float: left;
  width: 66px;
}


.cover h2,
.cover p,
.cover a
{
  margin-left: 208px;
}


#paragraphs
{
  width: 400px;
  float: left;
}

#paragraphs .paragraph
{
  width: 360px;
}

.intro p
{
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: -0.5px;
}

a.textLink
{
  color: #98BB12;
  text-decoration: none;
  display: block;
}


a.internallink img,
a.externallink img,
a.interview img,
a.website img,
a.audiolink img,
a.up img
{
  background-image: url(../img/zebi/icons.png);
  background-repeat: no-repeat;
  background-position: -9px -111px;
  border: 0;
  margin-left: 4px;
}

li.internal a.textLink img,
a.internal img
{
  background-position: -9px -112px;
}

li.external a.textLink img,
a.external img
{
  background-position: -9px -6px;
}

li.audio a.textLink img,
a.audio img
{
  background-position: -9px -64px;
}

li.video a.textLink img,
a.video img
{
  background-position: -9px -90px;
}

.paragraph img.imageLeft
{
  float: left;
  margin-right: 12px;
}

.contentPage .box
{
  float: right;
  clear: right;
}

.bottomMarker
{
  float: right;
}

#top10
{
  width: 212px;
  float: right;
  padding-left: 24px;
  background: url(../img/zebi/mainSprite8.png) repeat-y -495px top;
  font-size: 0.9em;
}

#top10 table td img
{
  border: 0;
  width: 21px;
}

#top10 td
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}



#horizontal li.hidden,
#top10 tr.hidden
{
  display: none;
}

#top10 li a
{
  color: #868789;
  text-decoration: none;
  margin-left: 22px;
  position: relative;
  display: block;
  font-size: 1em;
  line-height: 0.85em;
}

#top10 li a span.title
{
  display: block;
  position: relative;
  top: -4px;
  line-height: 1.3em;
}

#top10 li a span.author
{
  font-style: italic;
}

hr
{
  height: 0;
  border: 0;
  border-top: 1px solid #BBBCBE;
  clear: both;
  margin-bottom: 18px;
}


hr.clearBoth
{
  clear: both;
  border: 1px solid #fff;
  background: none;
}



/* ### FORMS ### */

.contactForm
{
  padding: 0;
  margin: 0;
}

.contactForm fieldset
{
  display: block;
  margin-bottom: 12px;
}

.contactForm label
{
  width: 120px;
  float: left;
  text-align: right;
  padding-right: 24px;
}

fieldset.inputLong
{
  background: url(../img/zebi/mainSprite8.png) no-repeat 144px -485px;
}

fieldset.inputShort
{
  background: url(../img/zebi/mainSprite8.png) no-repeat 144px -449px;
}

fieldset.inputLong input
{
  width: 286px;
  line-height: 100%;
}

fieldset.inputShort input
{
  width: 100px;
  line-height: 1em;
}

fieldset.textBox textarea
{
  background: url(../img/zebi/mainSprite8.png) repeat-y 0 -518px;
}

input#submit
{
  background: url(../img/zebi/mainSprite8.png) no-repeat -350px -762px;
  width: 93px;
  float: right;
  text-indent: -99999999999px;
  margin-right: 10px;
}

fieldset.textBox textarea
{
  width: 434px;
  height: 220px;
}


.contactForm input, .contactForm textarea
{
  padding: 5px;
  border: 0;
  background: none;
}


#firstColumn
{
  position: relative;
}


.paragraaf_nieuws_summary
{
  margin-bottom: 24px;
}

/* ### round corners ### */


.lt, .lb, .rt, .rb
{
  float: left;
  position: relative;
  z-index: 100;
}

.imageWrapper
{
  margin-top: 4px;
}

.imageWrapper img
{
  position: relative;
  z-index: 0;
  float: left;
}

.imageWrapper img.imageLeft
{
  margin-right: 0;
}

div.lt,
div.lb,
div.rt,
div.rb
{
  position: absolute;
  width: 5px;
  height: 5px;
}

.imageWrapper
{
  position: relative;
  float: left;
  vertical-align: top;
  margin-right: 12px;
}

.lt
{
  background: url(/img/zebi/corner.png) no-repeat -5px -5px;
  left: 0;
  top: 0;
}

.rt
{
  background: url(/img/zebi/corner.png) no-repeat 0px -5px;
  right: 0;
  top: 0;
}

.lb
{
  background: url(/img/zebi/corner.png) no-repeat -5px 0px;
  left: 0;
  bottom: 0;
}

.rb
{
  background: url(/img/zebi/corner.png) no-repeat 0px 0px;
  right: 0;
  bottom: 0;
}


/* ###  Anchor menu ### */

body div.paragraph ul.anchorMenu
{
  display: block;
  position: relative;
}

body div.paragraph ul.anchorMenu li
{
  display: block;
  float: left;
  padding: 2px 8px 2px 0px;
  position: relative;
}

body div.paragraph ul.anchorMenu li span
{
  border: 1px solid #fff;
  display: block;
}


body div.paragraph ul.anchorMenu li a
{
  padding: 0px;
  border: 0;
  position: relative;
}


/* ###  NEWSSUMMARY ### */


div.newsSummary
{
}

div.newsSummaryItem
{
  clear: both;
  position: relative;
  margin-bottom: 12px;
}

div.newsSummary img.imageLeft
{
  float: left;
  margin-right: 12px;
  margin-bottom: 4px;
  position: relative;
  top: 4px;
  width:100px;
}

div.newsSummary div.innerDiv
{
  margin-left: 112px;
}





/* KLEURSPECIFIEKE STYLES */

div.boxColumn div.bordeau,
div.boxColumn div.bordeau h2        { background-color: #B2101D; }

div.boxColumn div.brightblue,
div.boxColumn div.brightblue h2     { background-color: #005CA3; }

div.boxColumn div.cyan,
div.boxColumn div.cyan h2           { background-color: #66C6ED; }

div.boxColumn div.red,
div.boxColumn div.red h2            { background-color: #E0081D; }

div.boxColumn div.yellow,
div.boxColumn div.yellow h2         { background-color: #F4A307; }

div.boxColumn div.magenta,
div.boxColumn div.magenta h2        { background-color: #E1017A; }

div.boxColumn div.deepgreen,
div.boxColumn div.deepgreen h2      { background-color: #59A328; }

div.boxColumn div.seagreen,
div.boxColumn div.seagreen h2       { background-color: #5AB8A1; }

div.boxColumn div.applegreen,
div.boxColumn div.applegreen h2     { background-color: #A6C408; }

div.boxColumn div.darkblue,
div.boxColumn div.darkblue h2       { background-color: #4A74B9; }

div.boxColumn div.purple,
div.boxColumn div.purple h2         { background-color: #8B70AA; }

div.boxColumn div.lightpurple,
div.boxColumn div.lightpurple h2    { background-color: #A87BAF; }

div.boxColumn div.darkgreen,
div.boxColumn div.darkgreen h2      { background-color: #4C734B; }

div.boxColumn div.blue,
div.boxColumn div.blue h2           { background-color: #5C89C1; }

div.boxColumn div.darkorchid,
div.boxColumn div.darkorchid h2     { background-color: #A33588; }

div.boxColumn div.olivegreen,
div.boxColumn div.olivegreen h2     { background-color: #A33588; }

div.boxColumn div.oldblue,
div.boxColumn div.oldblue h2        { background-color: #2979A0; }

div.boxColumn div.orange,
div.boxColumn div.orange h2         { background-color: #E96616; }

div.boxColumn div.brown h2          { background-color: #773C17; }





/* ### STARTPAGINA BOX COLORS ### */

body#red div.box div,
body#red blockquote,
body#red ul#breadCrumb li a,
body#red .paragraph a img               { background-color: #E0081D; }
body#red .paragraph a                   { color: #E0081D; border: 1px solid #fff; }

body#bordeau div.box div,
body#bordeau blockquote,
body#bordeau ul#breadCrumb li a,
body#bordeau .paragraph a img           { background-color: #B2101D; }
body#bordeau .paragraph a               { color: #B2101D; border: 1px solid #fff; }

body#applegreen div.box div,
body#applegreen blockquote,
body#applegreen ul#breadCrumb li a,
body#applegreen .paragraph a img        { background-color: #A6C408; }
body#applegreen .paragraph a            { color: #A6C408; border: 1px solid #fff; }

body#darkorchid div.box div,
body#darkorchid blockquote,
body#darkorchid ul#breadCrumb li a,
body#darkorchid .paragraph a img        { background-color: #A33588; }
body#darkorchid .paragraph a            { color: #A33588; border: 1px solid #fff; }

body#brightblue div.box div,
body#brightblue blockquote,
body#brightblue ul#breadCrumb li a,
body#brightblue .paragraph a img        { background-color: #005CA3; }
body#brightblue .paragraph a            { color: #005CA3; border: 1px solid #fff; }

body#cyan div.box div,
body#cyan blockquote,
body#cyan ul#breadCrumb li a,
body#cyan .paragraph a img              { background-color: #66C6ED; }
body#cyan .paragraph a                  { color: #66C6ED; border: 1px solid #fff; }

body#yellow div.box div,
body#yellow blockquote,
body#yellow ul#breadCrumb li a,
body#yellow .paragraph a img            { background-color: #F4A307; }
body#yellow .paragraph a                { color: #F4A307; border: 1px solid #fff; }

body#magenta div.box div,
body#magenta blockquote,
body#magenta ul#breadCrumb li a,
body#magenta .paragraph a img           { background-color: #A33588; }
body#magenta .paragraph a               { color: #A33588; border: 1px solid #fff; }

body#deepgreen div.box div,
body#deepgreen blockquote,
body#deepgreen ul#breadCrumb li a,
body#deepgreen .paragraph a img         { background-color: #59A328; }
body#deepgreen .paragraph a             { color: #59A328; border: 1px solid #fff; }

body#seagreen div.box div,
body#seagreen blockquote,
body#seagreen ul#breadCrumb li a,
body#seagreen .paragraph a img          { background-color: #5AB8A1; }
body#seagreen .paragraph a              { color: #5AB8A1; border: 1px solid #fff; }

body#darkblue div.box div,
body#darkblue blockquote,
body#darkblue ul#breadCrumb li a,
body#darkblue .paragraph a img          { background-color: #4A74B9; }
body#darkblue .paragraph a              { color: #4A74B9; border: 1px solid #fff; }

body#purple div.box div,
body#purple blockquote,
body#purple ul#breadCrumb li a,
body#purple .paragraph a img            { background-color: #8B70AA; }
body#purple .paragraph a                { color: #8B70AA; border: 1px solid #fff; }

body#lightpurple div.box div,
body#lightpurple blockquote,
body#lightpurple ul#breadCrumb li a,
body#lightpurple .paragraph a img       { background-color: #A87BAF; }
body#lightpurple .paragraph a           { color: #A87BAF; border: 1px solid #fff; }

body#darkgreen div.box div,
body#darkgreen blockquote,
body#darkgreen ul#breadCrumb li a,
body#darkgreen .paragraph a img         { background-color: #4C734B; }
body#darkgreen .paragraph a             { color: #4C734B; border: 1px solid #fff; }

body#blue div.box div,
body#blue blockquote,
body#blue ul#breadCrumb li a,
body#blue .paragraph a img              { background-color: #5C89C1; }
body#blue .paragraph a                  { color: #5C89C1; border: 1px solid #fff; }

body#olivegreen div.box div,
body#olivegreen blockquote,
body#olivegreen ul#breadCrumb li a,
body#olivegreen .paragraph a img        { background-color: #A33588; }
body#olivegreen .paragraph a            { color: #A33588; border: 1px solid #fff; }

body#oldblue div.box div,
body#oldblue blockquote,
body#oldblue ul#breadCrumb li a,
body#oldblue .paragraph a img           { background-color: #2979A0; }
body#oldblue .paragraph a               { color: #2979A0; border: 1px solid #fff; }

body#orange div.box div,
body#orange blockquote,
body#orange ul#breadCrumb li a,
body#orange .paragraph a img            { background-color: #E96616; }
body#orange .paragraph a                { color: #E96616; border: 1px solid #fff; }

body#brown div.box div,
body#brown blockquote,
body#brown ul#breadCrumb li a,
body#brown .paragraph a img             { background-color: #773C17; }
body#brown .paragraph a                 { color: #773C17; border: 1px solid #fff; }


.formComment
{
   background: #fff;
   padding: 12px;
}

.formComment h3
{
  color: #773C17;
}


/* ### ICONS ### */

a.website img       { background-position: -9px -6px;   }
a.interview img     { background-position: -9px -90px;  }
a.audiolink img     { background-position: -9px -63px;  }
a.internallink img  { background-position: -9px -111px; }
a.up img            { background-position: -9px -37px;  }



/* ### COLOR TABLE ### */

/*
bordeau:     #B2101D
brightblue:  #005CA3
cyan:        #66C6ED
red:         #E0081D
yellow:      #F4A307
magenta:     #E1017A
deepgreen:   #59A328
seagreen:    #5AB8A1
applegreen:  #A6C408
darkblue:    #4A74B9
purple:      #8B70AA
lightpurple: #A87BAF
darkgreen:   #4C734B
blue:        #5C89C1
darkorchid:  #A33588
olivegreen:  #7A7D3D
oldblue:     #2979A0
orange:      #E96616
brown:       #773C17
*/