/* webdev: Pim Rijpsma - pim@fabrique.nl */

#navigation, #subnavigation, #flashParent, #sidebar, .generic, #rss, #breadcrumb { display: none !important; }


html,body{ height: 100%; }
body{ margin: 0; padding: 0; color: #5C2C01; background: url(../images/bg_body.gif) #FFFFFF repeat-y; font: 68%/1.4em Tahoma, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
img, img a{ border: none; }
a{ text-decoration: underline; color: #5C2C01; }
a:hover{ text-decoration: underline; color: #FFB300; }
.height-one p, .height-two p, .height-three p, .height-four p{ clear: both; }
p{ padding: 0; margin: 0.2em 0 2em 0;/* clear: both;*/ }
p:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both; display: block; }
.desc{ color: #5C2C01; font-size: 92%; }
.norm{ font-size: 106%; line-height: 1.6em; }
.left{ float: left;}
.leftimg{ margin: 4px 8px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 12px; }
.rbox{ margin: 0 0 12px 12px; border: 1px solid #E3DDCC; }
.lbox{ margin: 0 12px 12px 0; border: 1px solid #E3DDCC; }
.paddingtxt{ padding: 0 12px 0 0; }
.halfpadding{ padding: 6px; }
.tightpadding{ padding: 6px 6px 6px 0px; }
.right{ float: right; }
.rightimg{ float: right; margin: 4px 0 4px 8px; }
.righttxt{ text-align: right; }
.wrap{ width: auto; /*word-wrap: break-word; */}
.hide{ display: none; }
.auto{ width: auto !important; }
.third{ width: 165px; min-height: 180px;  }
* html .third{ height: 180px; }
.stretch{ width: 100%; }
.block{ padding-bottom: 1000px; margin-bottom: -1000px;}
.pages a{ padding: 0 0.5em 0 0.5em;}

.height-one, .height-two, .height-three, .height-four{ width: 30%; padding: 0 0 1em 0; margin: 1em 12px 0 0; float: left; }
.height-one{ min-height: 300px; }
.height-two{ min-height: 240px; }
.height-three{ min-height: 400px; }
.height-four{ min-height: 110px; }
* html .height-one{ height: 300px; }
* html .height-two{ height: 240px; }
* html .height-three{ height: 400px; }
* html .height-four{ height: 110px; }
.halfpadding p{ margin: 0 0 0.5em 0; }
.artbb{ border-bottom: #E60073 2px solid; }
.artbt{ border-top: #E60073 2px solid; }
.artbr{ border-right: #E3DDCC 1px solid; }
.artbl{ border-left: #E3DDCC 1px solid; }
.brownback{ background: #F3F1EB; }
.banner{ height: 100px; overflow: hidden; }
.intro{ padding: 0 0 1.8em 0; clear: both; }
.rss{ background: #E60073; color: #FFFFFF; font-weight: bold; padding: 0.2em 0.4em; margin: 0 0.5em; text-decoration: none;  }
.date{ color: #877D66; }
.datespace{ padding: 0.2em 0; }

.browntxt, .browntxt a:hover, .browntxt *{ color: #5C2C01; }
.pinktxt, .pinktxt a:hover, .pinktxt *{ color: #E60073; }
.whitetxt, .whitetxt a:hover, .whitetxt *{ color: #FFFFFF; }
/*::-moz-selection{ background: yellow; color: #333333;}
::selection { background: yellow; color: #333333;}*/

h1, h2, h3, h4, h5{ clear: both; line-height: 110%; color: #5C2C01; font-family: Tahoma, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1{ font-size: 175%; margin:  0.3em 0 0.6em 0; padding: 0 1.5em 0 0; color: #E60073; font-weight: bold; width: 75%; }
h2{ font-size: 165%; margin: 0.3em 0 1em 0; padding: 0 1.5em 0 0; color: #E60073; font-weight: normal; }
h3{ font-size: 150%; margin: 0.1em 0 0.1em 0; padding: 0; font-weight: normal; }
h4{ font-size: 130%; margin: 0 0 0.1em 0; padding: 0; }
h5{ font-size: 120%; margin: 0 0 0.1em 0; padding: 0; }

hr {border: none; margin: 1em 0; width: 99%; clear: both; display: block; background: #E3DDCC; color: #E3DDCC; line-height: 1px; height: 1px; }
blockquote{ color: #877D66; width: 80%; position: relative; border: #E3DDCC 1px none; padding: 3em 1em 0 1em; margin: 0 auto 3em auto; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: italic; font-size: 100%;  }
blockquote span{ font: bold 400% Georgia; color: #E3DDCC; margin: -3em 0 0 0; line-height: normal; padding: 0; }

#content form{ margin: 0; padding: 0; }
#content form label{ display: block; padding: 0.2em 0 0.2em 0; cursor: pointer; float: left; width: 28%; }
#content form label.inline{ display: inline; padding: 0.2em 0 0.2em 0; cursor: pointer; float: left; width: auto; }
#content form input.checkbox{ display: inline; float: left; border: none; width: auto; margin: 0.2em 0.2em 0 0.5em; }
#content form p{ margin: 0; padding: 0 0 0.4em 0; width: 99%; clear: both;}
#content form input, form select { border: 1px #E3DDCC solid; width: 70%; padding: 2px 0 3px 3px; font-size: 92%;  }
#content textarea{ border: 1px #E3DDCC solid; width: 98%; padding: 2px 0 3px 3px; margin: 0 0 1em 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
#content form .button{ font-weight: bold; padding: 0.2em 1.2em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; background: url(../images/arrow_white.gif) #E60073 center right no-repeat; color: #FFFFFF; cursor: pointer; border: none; }
#content form .buttonhover{ font-weight: bold; padding: 0.2em 1.2em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; background: url(../images/arrow_white.gif) #FF4CA6 center right no-repeat; color: #FFFFFF; cursor: pointer; border: none; }

#content table{ width: 99%; border-collapse: collapse; empty-cells: show; }
#content table caption{ text-align: right; font-size: 92%; color: #5C2C01; padding: 0 0 0.2em 0;  }
#content thead th{ font-weight: bold; padding: 0.2em 10px 0.2em 4px; width: auto; color: #5C2C01 !important; background: #F3F1EB; }
#content tfoot td{ font-weight: normal; color: #5C2C01 !important; padding: 0.2em 10px 0.2em 4px !important; }
#content td{ border: 0; font-size: 92%; empty-cells: show; vertical-align: top; text-align: left; padding: 0.4em 10px 0.4em 4px; }
#content table.line td, table.line th{ border-bottom: 1px #E3DDCC solid; padding: 0.4em 10px 0.4em 4px; }

#content ul.square { list-style: square; margin: 0 0 0 0.5em; padding: 0 0 0 1em; }
#content ul.square li{ width: 100%; color: #E60073; list-style: square; }
#content ul.square li span {display: block; }


body #framework { width: 100%; margin: 0; text-align: left; }
body.small #framework { width: 100%; margin: 0; text-align: left; }

#header{ width: 100%; background: #FFFFFF; height: 101px; float: left; position: relative; border-bottom: 2px solid #E60073; }
#header .logo{ padding: 14px; display: block; width: 1%; margin: 0; float: left; }
#header .logotxt{ position: absolute; bottom: 12px; right: 15px }
#header .logo h1{ display: none; }

#content{ background-color: #FFFFFF; width: 100%; float: left;}

#agenda { background: transparent; border-top: 1px #E60073 solid; width: 100%; margin: 5em 0 0 0; float: left; }
#agenda .padding{ padding: 1em; }
#agenda .tabs{ position: relative; top: -3em; float: left; }
#agenda .tabs ul{ margin: 0; padding: 0 0 0 1em; list-style: none; }
#agenda .tabs li{ margin: 0 0.4em 0 0; padding: 0 !important; float: left;  border-right: 1px #E3DDCC solid;  border-left: 1px #E3DDCC solid; border-top: 1px #E3DDCC solid; border-bottom: 1px #FFFFFF solid; }
#agenda .tabs li a{ color: #5C2C01; display: block; font-weight: normal; text-decoration: none; padding: 0.7em 1.8em 0.5em 1.8em !important; }
#agenda .tabs li a:hover{ color: #5C2C01; text-decoration: underline; }
#agenda .tabs li.selected{ position: relative; background: transparent; color: #5C2C01; padding: 0.2em 0.1em 0em 0.1em !important; border-right: 1px #E60073 solid;  border-left: 1px #E60073 solid;  border-top: 1px #E60073 solid; border-bottom: 1px #FFFFFF solid; }
#agenda .tabs li.selected a{ position: relative; font-weight: bold; top: -0.1em; display: block; padding: 0.6em 1.8em 0.6em 1.8em !important; color: #5C2C01; text-decoration: none;  }
#agenda .tabs li.selected a:hover{ text-decoration: underline ; color: #5C2C01; }

#footer{ background: #FFFFFF; border-top: #E60073 2px solid; margin: 4em 0 1em 0; display: block; width: 100%; clear: both; }