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

#navigation, #rightcolumn, #search{ display: none !important; }

html, body { height: 100%; }
body{ background: #FFF; margin: 0; padding: 0; color: #13115A; font: 84%/1.4em  "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* toolbox */
.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block !important; }
.desc{ font-size: 88%; }
.atta{ font-size: 105%; }
.left{ float: left !important;}
.leftimg{ margin: 4px 12px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 14px; }
.clearpadding { padding: 0; }
.smallpadding{ padding: 7px; }
.right{ float: right !important; }
.rightimg{ float: right; margin: 4px 0 4px 12px; }
.righttxt{ text-align: right; }
.block{ display: block; }
.wrap{ width: auto; }
.nowrap{ white-space: nowrap }
.hide{ display: none; }
.auto{ width: auto; }
.onethird{ width: 32%;  }
.twothird{ width: 65%;  }
.full{ width: 100%; }
.half{ width: 48%; }
.noborder{ border: none !important; }
.nobg{ background: none !important; }
.bigtxt{ font-size: 120%; }
.georgia{ font-family: Georgia; }
.tag{ margin: 0; padding: 0 0.2em; }
.item{ margin: 0 0 1em 0; width: 85%; }
.help{ cursor: help; border-bottom: 1px dashed #8F7B6C; text-decoration: none; }
.help:hover{ cursor: help; border-bottom: 1px dashed #13115A; text-decoration: none; }
.mocca{ background: #DAD4C5; }
.lightmocca{ background: #F6F3ED; }
.white{ background: #FFF; }
.box{ background: #F6F3ED; border-bottom: 1px solid #E3DFD4; border-top: 1px solid #E3DFD4; }
.border{ border: 1px solid #E3DFD4; }
.marginright{ margin: 0 2em 0 0; }
.print{ display: block; }

.rnd, .rndwhite{ display: block; width: 100%; clear: both; }

h1, h2, h3, h4, h5{ font-weight: normal; line-height: 100%; font-family: sans-serif; }
h1{ clear: both; font-size: 140%; margin:  0 0 0.5em 0; padding: 0; font-weight: bold;}
/*#subhome #content, #sub #content{ margin: 1em 0 0.5em 0; }*/
h2{ font-size: 125%; margin: 0 0 0.3em 0; padding: 0.2em 0 0 0; font-weight: bold; }
h3{ font-size: 110%; margin: 0 0 0.2em 0; padding: 0.2em 0 0 0; font-weight: bold; }
h4{ font-size: 105%; margin: 0 0 0.1em 0; padding: 0; font-weight: bold; }
h5{ font-size: 100%; margin: 0 0 0 0; padding: 0; font-weight: normal; }

img, img a{ border: none; }
a{ text-decoration: underline; color: #13115A; }
a:hover{ text-decoration: underline; color: #13115A; }
p{ padding: 0; margin: 0 0 1.2em 0; }

form{ margin: 0; padding: 0; }
form label{ padding: 0.2em 1em 0.2em 0; }
form label.inline, form select.inline{ display: inline; padding: 0 0 0.2em 0; margin: 0.2em 0.4em 0 0.2em; cursor: pointer; float: left; width: auto !important; }
form .checkbox{ display: inline; float: left; border: none; width: auto; margin: 0 0.2em 0 0; border: none !important; }
form p{ margin: 0; padding: 0.2em 0; width: 99%; clear: both; display: block;}
form input{ color: #13115A;  }
form input, form select { border: 1px #13115A solid; padding: 2px 0 3px 3px; font-size: 92%;  }
textarea{ border: 1px #CE358B solid; color: #13115A; width: 98%; padding: 2px 0 3px 3px; margin: 0 0 1em 0; font-size: 100%; }
form .button{ font-weight: bold; border-color: #CFA300 #CFA300 #B18B01 #B18B01; border-bottom-style: solid; border-width: 1px ; background: #CFA300; padding: 0 0 0.2em 0; width: auto !important; margin: 1em 0 0 0.2em; color: #FFFFFF; cursor: pointer; }
form .buttonhover{ font-weight: bold; border-color: #B18B01 #B18B01 #B18B01 #B18B01; border-bottom-style: solid; border-width: 1px; background: #B18B01; padding: 0 0 0.2em 0; width: auto !important; margin: 1em 0 0 0.2em; color: #FFFFFF; cursor: pointer; }

ul{ margin: 0; padding: 0; width: 100%; list-style: circle; }
ul.searchres li{ float: left; background: url(../images/arrow_thin_blue.gif) 0.5em 1em no-repeat !important; padding: 0.5em 0.5em 0.5em 1.7em !important;  }
ul.searchres .alt{ background-color: #F6F3ED !important; }
ul.searchres span.num{ float: right; font-size: 90%; }
ul.searchres span.txt{ width: 80%; display: block; float: left; }
ul.searchres span.txt strong, ul.searchres span.txt b{ color: #CFA300;  }

.pager{ clear: both; display: block; margin: 0 0 0.5em 0; }
.pager a, .pager strong{ margin: 0 0.3em 0 0; padding: 0 0.2em; }
.pager strong{ background:#CFA300; color: #FFF;  }
.pager .next, .pager .prev, .pager .fwd, .pager .bwd{ font-size: 90%; }
.pager .next{ margin: 0 0 0 1em; padding: 0 1.6em 0 0; }
.pager .prev{ margin: 0 1em 0 0; padding: 0 0 0 1.6em; }
.pager .fwd{ margin: 0 0 0 1em; padding: 0 1.6em 0 0; }
.pager .bwd{ margin: 0 1em 0 0; padding: 0 0 0 1.6em; }

.begrippen{ color: #BDBAC8; }
.begrippen a, .begrippen span{ margin: 0 0.5em 0 0; padding: 0 0.2em; }


hr { border: none; margin: 1em 0; width: 100%; clear: both; display: block; background: #E3DFD4; color: #E3DFD4; line-height: 2px; height: 2px; }
#search hr { border: none; margin: 0; width: 100%; clear: both; display: block; background: #E6E0D5; color: #E6E0D5; line-height: 2px; height: 2px; }
div.line{ border-bottom: 2px solid #E3DFD4; padding: 1.5em 0 0 0; margin: 1.5em 0 1em 0; width: 100%; clear: both; display: block; }
#search div.line{ border-bottom: 2px solid #E6E0D5; padding: 0 0 0.5em 0; margin: 0 0 0.5em 0; width: 100%; clear: both; display: block; }

.rnd blockquote{ line-height: 1.2em; margin: 0.2em auto 0.5em auto;  }
blockquote{ width: 100%; position: relative; margin: 0 auto 1em auto; font-size: 130%; line-height: 1.5em;  }
blockquote .quote{ font-size: 100%; }
blockquote .neg{ position: absolute; left: -0.65em; }

#framework{ width: 100%; height: 100%; margin: auto auto; padding: 0; position: relative; }

#header img{ margin: 1em 0 0 1em; padding: 0; }
#header { border-bottom: #E3DFD4 2px solid; width: 100%; margin: 0; padding: 0; height: 46px; }

#breadcrumb{ margin: auto; padding: 1em 0 0 0; float: left; clear: both; width: 100%; }
#breadcrumb .padding{ padding: 2px 0 2px 14px; }

#navigation{ height: 58px; }
#navigation ul#nav{ margin: -14px 0 0 0; padding: 0; list-style: none; clear: both; float: left; }
#navigation ul#nav li{ float: left; padding: 0; text-align: center; }
#navigation ul#nav li a{ font-size: 125%; font-weight: bold; text-decoration: none; margin: 0 2em 0 0; padding: 24px 0 0 0; display: block; }
#navigation ul#nav li a:hover{ color: #CFA300; font-size: 125%;  }
#navigation ul#nav li a.selected{ color: #CFA300; font-weight: normal; font-size: 160%;  }
#navigation ul#nav li a.selected:hover{ font-size: 160%; }

#footer{ height: 4em; }
#footer a{ color: #B1A393; margin: 0 1.5em 0 0; }
#footer .right{ padding: 10px 0 0 0; font-size: 88%; }

#header{ height: 84px; width: 100%; }
#content{ width: 100%;}

/* tabs */
#subnavigation { width: 100%; clear: both; margin-bottom: 15px; height: 30px; }
#subnavigation ul { height: 30px; border-bottom: 1px solid #E3DFD4; }
#subnavigation ul li { display: block; float: left; background: #E3DFD4; margin-top: 8px; margin-right: 5px; padding-bottom: 2px; padding-left: 7px; padding-right: 7px; border-bottom: 1px solid #CFC7B9; }
#subnavigation ul li a { text-decoration: none; }
#subnavigation ul li.selected { height: 20px; padding-top: 8px; background: #FFF; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-bottom: none; border-color: #E3DFD4; margin-top: 0; }
#subnavigation ul li.selected a { display: block; color: #CFA300; font-weight: bold; font-size: 15px; text-decoration: none; top: -8px; }

/* uitgebreid zoeken */

label.search_doctype,
label.search_year,
label.search_chamber,
label.search_keywords { display: block; float: left; width: 100px; }

div.extended_search { width: 400px; float: left; margin-top: 5px; }
div.extended_search input.checkbox { border: none; }
div.extended_search a.plus,
div.extended_search a.min { width: 100%; display: block; margin-left: 20px; width: 365px;}
div.extended_search a.min { background-color: white; }

select#from_year,
select#to_year,
div.extended_search select { padding: 0; }

input.search_option { border: none; }

div#fold_kamerverslagen, div#fold_kamerstukken, div#fold_kamervragen { margin-left: 20px; }
div#fold_kamerverslagen label { width: 60px; display: block; float: left; }
div#fold_kamerverslagen input, div#fold_kamerverslagen select { margin-top: 3px; }

div#fold_kamerstukken label, div#fold_kamervragen label { width: 120px; display: block; float: left; }

div#fold_kamerstukken input, div#fold_kamervragen input { margin-top: 3px; width: 200px; }

div#fold_kamerverslagen div.date,
div#fold_kamerverslagen div.pages,
div#fold_kamerstukken div.titel,
div#fold_kamerstukken div.kamerstuknummer,
div#fold_kamerstukken div.ordernummer,
div#fold_kamerstukken div.rijkswetnummer,
div#fold_kamervragen div.onderwerp,
div#fold_kamervragen div.kamervraagnummer,
div#fold_kamervragen div.vragensteller,
div#fold_kamervragen div.datum,
div#fold_kamervragen div.beantwoorder,
div#fold_kamervragen div.paginas { padding-top: 10px; padding-left: 10px; height: 35px; margin-top: 2px; background-color: #FFF; }

/* color themes */
.olivetxt, .olivetxt *, .olive .rndtxt * { color: #6B830E !important;  }
a.olivetxt:hover, .olivetxt a:hover { color: #6B830E !important; }

.greentxt, .greentxt *, .green .rndtxt * { color: #285F1F !important;  }
a.greentxt:hover, .greentxt a:hover { color: #285F1F !important; }

.plumtxt, .plumtxt *, .plum .rndtxt * { color: #C25F14 !important;  }
a.plumtxt:hover, .plumtxt a:hover { color: #C25F14 !important; }


.pinktxt, .pinktxt *, .pink .rndtxt * { color: #862C60 !important;  }
a.pinktxt:hover, .pinktxt a:hover { color: #862C60 !important; }

.purpletxt, .purpletxt *, .purple .rndtxt * { color: #4F2467 !important;  }
a.purpletxt:hover, .purpletxt a:hover { color: #4F2467 !important; }

.redtxt, .redtxt *, .red .rndtxt * { color: #A32A14 !important;  }
a.redtxt:hover, .redtxt a:hover { color: #A32A14 !important; }

.aquatxt, .aquatxt *, .aqua .rndtxt * { color: #109795 !important;  }
a.aquatxt:hover, .aquatxt a:hover { color: #109795 !important; }

.marinetxt, .marinetxt *, .marine .rndtxt * { color: #37708D !important;  }
a.marinetxt:hover, .marinetxt a:hover { color: #37708D !important; }

.bluetxt, .bluetxt * { color: #13115A !important;  }
a.bluetxt:hover, .bluetxt a:hover { color: #13115A !important; background: transparent !important; }

.yellowtxt, .yellowtxt * { color: #CFA300 !important;  }
a.yellowtxt:hover, .yellowtxt a:hover { color: #CFA300 !important; }