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

#navigation, #subnavigation, #flashParent, #sidebar, .generic, #rss, #breadcrumb, #search, .agenda, #cal, .button, .pages , object{ display: none !important; }


html{ background: url(../images/bg_body.gif) #F8EAC8 repeat-y; }
body{ margin: 0; padding: 0; color: #000000; background: url(../images/bg_html_low.gif) repeat-x; font: 72%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; }
body.next{ margin: 0; padding: 0; color: #000000; background: url(../images/bg_html_low.gif) 0em 2.9em repeat-x; font: 72%/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; }

img, img a{ border: none; }
a{ text-decoration: underline; color: #D37C02; }
a:hover{ text-decoration: underline; color: #9F3D21; }
.height-one p, .height-two p, .height-three p, .height-four p{ clear: both; }
p{ padding: 0; margin: 0.2em 0 1.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: #9B8948; font-size: 92%; }
.norm{ font-size: 106%; line-height: 1.6em; }
.left{ display: inline;}
.leftimg{ margin: 4px 12px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 12px; }
.fpadding{ padding: 0px 12px 12px 12px; }
.box{ background: #FDF6E4; border: #D4CCAA 1px solid; color: #836E2C; }
.box h4{ text-transform: capitalize; color: #B5A570; font-size: 140%; letter-spacing: 1px; font-family: Candara, "News Gothic MT",  "Bitstream Vera Sans", "Lucida Grande", Verdana, Trebuchet, "Trebuchet MS",  sans-serif;  }
.rbox{ margin: 0 0 12px 12px; }
.lbox{ margin: 0 12px 12px 0; }
.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 12px; }
.righttxt{ text-align: right; }
.wrap{ width: auto; /*word-wrap: break-word; */}
.hide{ display: none; }
.auto{ width: auto !important; }
.third{ width: 30%;  }
.twothird{ width: 60%;  }
.stretch{ width: 98% !important; }
.half{ width: 100%; }
.hide{ display: none; }
.block{ padding-bottom: 1000px; margin-bottom: -1000px;}
.border{ border: 2px solid #9B8948; }
a img.border:hover{ border: 2px solid #9F3D21; }
.pages a{ padding: 0 0.5em 0 0.5em;}
.upper{ text-transform: uppercase; }
.noclear{ clear: none !important; display: inline !important; }

.iconmail span, .icondoc span, .iconagenda span, .iconbooks span, .iconcards span, .iconmaps span, .iconobjprint span{ display: block; padding: 0 0 0 35px; }
.iconmail{ background: url(../images/icon_mail.gif) 0px 6px no-repeat; }
.icondoc{ background: url(../images/icon_document.gif) 0px 6px no-repeat; }
.iconagenda{ background: url(../images/icon_agenda.gif) 0px 6px no-repeat; }
.iconbooks{ background: url(../images/icon_books.gif) 0px 6px no-repeat; }
.iconcards{ background: url(../images/icon_cards.gif) 0px 6px no-repeat; }
.iconmaps{ background: url(../images/icon_maps.gif) 0px 6px no-repeat; }
.iconobjprint{ background: url(../images/icon_objprint.gif) 0px 6px no-repeat; }

.agenda{ width:298px; }
.agenda select{ width: 48% !important; }
.agenda input{ width: 98% !important; }
.agenda .padding{ padding: 12px 12px 12px 0px !important; }
		
.brownback{ background: #B5A570; }
.brownbacklight{ background: #D4CCAA; }
.date{ color: #5D4718; }
.datespace{ padding: 0.2em 0; }

.armytxt, .armytxt *{ color: #9B8948; }
.lightbrowntxt, .lightbrowntxt *{ color: #836E2C; }
.browntxt, .browntxt *{ color: #5D4718; }
.orangetxt, .orangetxt *{ color: #F1A000; }
.whitetxt, .whitetxt *{ color: #FFFFFF; }
.yellow, .yellow * { color: #FCB814 !important;  }
a.yellow:hover, .yellow a:hover { color: #E5AF12 !important; }

/*::-moz-selection{ background: yellow; color: #333333;}
::selection { background: yellow; color: #333333;}*/

#sub h1, #sub h2, #sub h3, #sub h4, #sub h5{ clear: both; }
h1, h2, h3, h4, h5{ /*clear: both; */line-height: 110%; color: #9B8948; font-family: Tahoma, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1{ clear: both; font-size: 220%; margin:  0.3em 0 0.6em 0; padding: 0; color: #9B8948; font-weight: bold; width: 80%; }
h2{ clear: both; font-size: 175%; margin: 0.3em 0 1em 0; padding: 0; color: #9B8948; font-weight: bold; }
h3{ font-size: 125%; margin: 0.1em 0 0.2em 0; color: #000000; padding: 0; font-weight: bold; }
h4{ font-size: 115%; margin: 0.1em 0 0.2em 0; padding: 0; color: #5D4718; }
h5{ font-size: 110%; margin: 0.1em 0 1em 0; padding: 0; color: #5D4718; }

hr {border: none; float: left; margin: 1em 0; width: 100%; clear: both; display: block; background: #FCB814; color: #FCB814; line-height: 2px; height: 2px; }
hr.brown {border: none; float: left; margin: 1em 0; width: 100%; clear: both; display: block; background: #D4CCAA; color: #D4CCAA; line-height: 2px; height: 2px; }
.box hr {border: none; float: left; padding: 0; margin: 0.5em 0; width: 100%; clear: both; display: block; background: #B5A570; color: #B5A570; line-height: 1px; height: 1px; }
#tent hr {border: none; float: left; padding: 0; margin: 0.5em 0; width: 100%; clear: both; display: block; background: #FEFDF6; color: #FEFDF6; line-height: 1px; height: 1px; }

blockquote{ color: #836E2C; width: 80%; position: relative; border: #D4CCAA 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: #D4CCAA; 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.3em 0 0.3em 0; width: 99%; clear: both; display: block;}
#content form input{  width: 69%;  }
form select{  width: 71%;  }
#content form input, form select { border: 1px #D4CCAA solid; padding: 2px 0 3px 3px; font-size: 92%;  }
#content textarea{ border: 1px #D4CCAA 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.7em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; color: #FFFFFF; cursor: pointer; }
#content form .buttonhover{ font-weight: bold; padding: 0.2em 1.7em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; color: #FFFFFF; cursor: pointer; }

#content table{ width: 99%; border-top: #D4CCAA 1px solid; color: #5D4718; margin: 1.5em 0; border-collapse: collapse; empty-cells: show; }
#content table a{ color: #5D4718; }
#content table a:hover{ color: #9F3D21; }
#content table caption{ text-align: right; font-size: 92%; color: #5D4718; padding: 0 0 0.2em 0;  }
#content thead th{ font-weight: bold; border-bottom: #F6F3E4 1px solid; padding: 0.6em 10px 0.6em 4px; width: auto; color: #9B8948 !important;/* background: #C9C8C8;*/ }
#content tfoot td{ font-weight: normal; color: #5D4718 !important; padding: 0.2em 10px 0.2em 4px !important; }
#content td{ border: none; empty-cells: show; vertical-align: top; text-align: left; padding: 0.6em 10px 0.6em 4px; }
#content table.line td, table.line th{ border-right: 2px #FFFFFF solid; padding: 0.6em 10px 0.6em 4px; }
#content tr td { background: #F6F3E4; border-bottom: #F6F3E4 1px solid; }
#content tr.alt td {background: #EEE9D4; border-bottom: #EEE9D4 1px solid; }
/*#content tr.over td {background: #bcd4ec;}*/

/*#content ul.arrow li a{ color:#090909;  }
#content ul.arrow li a:hover{ color:#727272;  }*/
#content ul.arrow { list-style: square; margin: 0 0 0.5em 0 ; padding: 0 0 0.5em 0; line-height: normal; }
#content ul.arrow li{ padding: 0.3em 0 0.3em 2em; background: url(../images/arrow_bullet.gif) 0 0.9em no-repeat; float: left; width: 100%; }
#content ul.arrow li span { padding: 0 0 0 0.8em; display: block; }
#content ul.line li{ border-bottom: #D4CCAA 1px solid; }

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

#header{ width: 100%; background: #FFFFFF; height: auto; float: left; position: relative; }
#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; }

#breadcrumb{ margin: 0.5em 0 1em 0; }
#breadcrumb a{ float: left; padding: 0 0 0 0.7em; margin: 0 0.7em; background: url(../images/arrow_brown.gif) 0 0.6em no-repeat; }

#home #content{ background: url(../images/bg_container.gif) #FFFFFF repeat-y; width: 100%; display: block; float: left; overflow: hidden; }
#sub #content, .next #content{ background: #FFFFFF; width: 100%; display: block; float: left; overflow: hidden; }

#home #container{ background: #FFFFFF; color: #000000; width: 100%; padding: 0 0 2em 0; }
#sub #container, .next #container{ background: #FFFFFF; color: #000000; width: 100%; padding: 0 0 2em 0; }

#sidenews{ width: 100%; color: #000000; float: left; display: block; height: auto; }

.agenda{ width:315px; }
.agenda select{ width: 48% !important; }
.agenda input{ width: 98% !important; }
.agenda .padding{ padding: 12px 12px 12px 0px !important; }

#sections { background: transparent; border-top: 2px #E5AF12 solid; width: 100%; margin: 3em 0 0 0; float: left; }
#sections .padding{ padding: 1em; }
#sections .tabs{ position: relative; top: -2.5em; float: left; }
#sections .tabs ul{ margin: 0; padding: 0 0 0 1em; list-style: none; }
#sections .tabs li{ margin: 0 0.4em 0 0; padding: 0 !important; float: left;  border-right: 1px #D4CCAA solid;  border-left: 1px #D4CCAA solid; border-top: 1px #D4CCAA solid; border-bottom: 1px #FFFFFF solid; }
#sections .tabs li a{ color: #9B8948; display: block; font-weight: bold; text-decoration: none; padding: 0.5em 1.8em 0.2em 1.8em !important; }
#sections .tabs li a:hover{ color: #5D4718; text-decoration: underline; }
#sections .tabs li.selected{ position: relative; background: #E5AF12; color: #5D4718; padding: 0.2em 0.1em 0em 0.1em !important; border-right: 1px #E5AF12 solid;  border-left: 1px #E5AF12 solid;  border-top: 1px #E5AF12 solid; border-bottom: 1px #E5AF12 solid; }
#sections .tabs li.selected a{ position: relative; font-weight: bold; top: -0.1em; display: block; padding: 0.2em 1.8em 0.5em 1.8em !important; color: #5D4718; text-decoration: none;  }
#sections .tabs li.selected a:hover{ text-decoration: underline ; color: Black; }

#object{ background: #DED9C2; float: left; width: 540px; color: #5D4718; }
#object .info{ color: #836E2C;  }
#object .txt{ padding: 1em 0 0 0; }
#object a.iconobjprint span{ position: relative; top: 18px; }
#object a.iconobjprint { color:#836E2C; text-decoration: none; height: 34px; display: block;  }
#object a.iconobjprint:hover{ text-decoration: underline; }
/*#object #motioncontainer{position:relative;width:515px;height:58px;overflow:hidden;}
#object #motiongallery{position:absolute;left:0;top:0;white-space: nowrap;}*/
#motioncontainer a img{ border-bottom: 3px solid #836E2C; }
#motioncontainer a:hover img{ border-bottom: 3px solid #F1A000; }
#motioncontainer a:hover{ color: #9F3D21; }
#statusdiv{ position: absolute; left: -300px; visibility: hidden; color: #9F3D21; }

#tent{ background: #D4CCAA; width: 180px;  }

#home #naw{ background: #FCF5E6; width: 100%; display: block; clear: both; padding: 0; }
#sub #naw{ background: #FCF5E6; width: 100%; display: block; clear: both; padding: 0; }

#footer{ background: url(../images/bg_footer.gif) #FCB814 12px 9px no-repeat; height: auto; float: left; margin: 0; display: block; width: 100%; clear: both; position: relative; }