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

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

body#home{ background: #FFF; }
body#subhome{ background: url(../images/background_framework_subhome.gif) #FFF top center repeat-y; }
html.small body#subhome{ background: url(../images/background_framework_subhome_small.gif) #FFF top center repeat-y; }
body#sub{ background: url(../images/background_framework_sub.gif) #FFF top center repeat-y; }
html.small body#sub{ background: url(../images/background_framework_sub_small.gif) #FFF top center repeat-y; }

/* toolbox */
.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block !important; }
.desc{ font-size: 88%; margin: 0 0 0.5em; }
.subtitle { font-size: 90%; color: #B1A393; }
.atta{ font-size: 105%; }
.left{ float: left !important;}
#footer .left a {text-decoration: none;}
#footer .left img { display: block; float: left; }
.leftimg{ margin: 4px 12px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 14px; }
#search .padding{ padding: 12px 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%; }
.smalltxt {font-size: 80%; font-weight: normal; }
.georgia{ font-family: Georgia; }
.tag{ margin: 0; padding: 0 0.2em; }
.item{ margin: 0 0 1em 0; width: 85%; }
.item .arrow{ margin: 0 1em 0 0; }
.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; }
.cream { background: #FAF8F5; }
#search .lightmocca{ background: #E4DED2; }
.white{ background: #FFF; }
.box { background: #F6F3ED; border-bottom: 1px solid #E3DFD4; border-top: 1px solid #E3DFD4; }
.whitebox { background: #FFF; border-bottom: 1px solid #E3DFD4; border-top: 1px solid #E3DFD4; }
.border{ border: 1px solid #E3DFD4; }
.marginright{ margin: 0 2em 0 0; }
.print{ display: none; }
.condensate{ padding: 0 0 0.2em 0 !important; margin: 0 0 0 0 !important; list-style: none }
.neg{ top: -14px; position: relative; }
.border .box{ border-top: none; }
.linecond{ line-height: 1.1em; margin-top: 0.2em; }
.infozoek{ position:absolute; right: 10px; top: 10px; z-index: 100; }
.teaser{ margin-bottom: -1em !important; }
.boxbtn{ border: 1px solid #FFF; float: left; margin: 0 0 1em 0; padding: 0.4em 0; width: 100%; overflow:hidden !important; position: relative; }
.closed { display: none }
.document { position: relative; }
.empty { color: #8988AC; }
.registertitle .smallpadding { padding: 20px 7px; }
.registertitle .title { width: 60%; }
.registertitle h1 { min-height: 1.6em; }
.disabled { color: #8382A8; }
.radio { border: none; }
input.disabled { background-color: #8382A8; color: #13115A; }


.clearfix{ margin: 0; padding: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

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{ clear: both; font-size: 125%; margin: 0 0 0.3em 0; padding: 0.2em 0 0 0; font-weight: bold; }
h3, .h3{ font-size: 115%; 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; }
.item h2 { clear: none; }
.column h3 { font-size: 100% }

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

a.highlights{ background: url(../images/icon_highlights.gif) 0 0.2em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
a.html{ background: url(../images/icon_html.gif) 0 0.2em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
a.download{ background: url(../images/icon_download.gif) 0 0.2em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
a.print{ display: inline; background: url(../images/icon_print.gif) 0 0.2em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
a.zoomin{ background: url(../images/icon_zoomin.gif) 0 0.1em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
a.zoomout{ background: url(../images/icon_zoomout.gif) 0 0.1em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
a.mail{ background: url(../images/icon_mail.gif) 0 0.2em no-repeat; margin: 0 1em 0 0; padding: 0 0 0.4em 1.7em !important; }
label.info{ background: url(../images/icon_info.gif) 0 0.2em no-repeat; margin: 0 1em 0 0; padding: 0 0 0 1.7em !important; }
.up { clear: both; display: block }
.up a{ background: url(../images/arrow_thin_blue_up.gif) 0 0.4em no-repeat; margin: 0 1em 0 0; padding: 0 0 0 1.2em !important; }
a.down{ background: url(../images/arrow_thin_blue_down.gif) 0 0.5em no-repeat; margin: 0 1em 0 0; padding: 0 0 0 1.2em !important; }
a.back{ background: url(../images/arrow_thin_blue_back.gif) 0 0.5em no-repeat; margin: 0 1em 0 0; padding: 0 0 0 1.2em !important; }
a.next{ background: url(../images/arrow_thin_blue.gif) 100% 0.5em no-repeat; margin: 0 0 0 1em; padding: 0 1.2em 0 0 !important; }
a.plus{ background: url(../images/icon_plus.gif) 0.2em 0.5em no-repeat; margin: 0 1em 0 0; padding: 0.2em 0 0 1.4em !important; text-decoration: none; font-size: 90%; }
a.min{ background: url(../images/icon_min.gif) 0.2em 0.5em no-repeat; margin: 0 1em 0 0; padding: 0.2em 0 0 1.4em !important; text-decoration: none; font-size: 90%; }
a.plusbtn{ float: right; width: 144px; background: url(../images/icon_plus.gif) #DAD4C5 0.4em 0.45em no-repeat; border-bottom: 1px solid #B1A393; border-left: 1px solid #B1A393; margin: 0 1em 0 0; padding: 0.1em 0 0.1em 1.8em !important; text-decoration: none; font-size: 84%;   }
a.minbtn{ float: right; width: 144px; background: url(../images/icon_min.gif) #DAD4C5 0.4em 0.45em no-repeat; border-bottom: 1px solid #B1A393; border-left: 1px solid #B1A393; margin: 0 1em 0 0; padding: 0.1em 0 0.1em 1.8em !important; text-decoration: none; font-size: 84%;   }
a.marker{ text-decoration: none; }
a.light { color: #9594b5; }

form{ margin: 0; padding: 0; color: #13115A; }
label{ padding: 0.2em 1em 0.2em 0 !important; cursor: pointer; }
label.inline, 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; }
label.desc { padding: 0.2em 0.8em 0.2em 0 !important; }
.checkbox{ display: inline; border: none; width: auto; margin: 0 0.2em 0 0; border: none !important; }
form p{ margin: 0; padding: 0.3em 0; width: 99%; clear: both; display: block;}
input, select { border: 1px #13115A solid; padding: 2px 0 3px 3px; font-size: 92%; color: #13115A;  }
select{ padding: 0 0 0 3px; }
textarea{ border: 1px #CE358B solid; color: #13115A; width: 98%; padding: 2px 0 3px 3px; margin: 0 0 1em 0; font-size: 100%; }
.button{ font-weight: bold; border-color: #CFA300 #CFA300 #B18B01 #B18B01; border-bottom-style: solid; border-width: 1px ; background: #CFA300; padding: 0 5px 0.2em 5px; width: auto !important; margin: 1em 0 0 0.2em; color: #FFFFFF; cursor: pointer; }
.buttonhover{ font-weight: bold; border-color: #B18B01 #B18B01 #B18B01 #B18B01; border-bottom-style: solid; border-width: 1px; background: #B18B01; padding: 0 5px 0.2em 5px; width: auto !important; margin: 1em 0 0 0.2em; color: #FFFFFF; cursor: pointer; }
#search .button{ margin: 0 0 0 0.2em; height:24px; font-size:125%; top: 2px; position: relative; }
#search .buttonhover{ margin: 0 0 0 0.2em; height:24px; font-size:125%; top: 5px; position: relative; }
#search input{ width:400px; height:17px; }
#search input.select_year { width:75px;  }
form div.submit { text-align: right; }
.box .button { margin: 0; }

/** form input.button { background: url("../images/button_small.gif") no-repeat; border: 0; width: 54px; height: 21px; } **/

#content ul{ margin: 0; padding: 0; width: 100%; list-style: none; line-height: 1.2em; }
#content ul li{ padding-top: 0.2em !important; padding-bottom: 0.2em !important; }
.rnd li a{ text-decoration: underline !important; }
.rnd ul{ padding-bottom: 1em !important; }
/**#rightcolumn .rnd ul{ padding-bottom: 0 !important; }**/
ul.arrow{ margin: 0; padding: 0; list-style: none; width: 100%; }
ul.arrow li{ background: url(../images/arrow_thin_blue.gif) 0 0.6em no-repeat !important; padding: 0.1em 0 0.1em 1.2em; }
ul.down li{ background: url(../images/arrow_thin_blue_down.gif) 0 0.55em no-repeat !important; padding: 0.1em 0 0.1em 1.2em; }
ul li.download{ background: url(../images/icon_download.gif) 0 0.4em no-repeat !important; }
ul.searchres { margin: 0 0 !important; float: left; }
ul.searchres li { float: left; background: url(../images/arrow_thin_blue.gif) 0.5em 0.6em no-repeat !important; padding: 0.5em 0.5em 0.5em 1.7em !important;  width: 580px; }
ul.searchres .alt{ background-color: #F6F3ED !important; }
ul.searchres span.num{ float: right; font-size: 90%; white-space: nowrap; }
ul.searchres span.txt{ width: 450px; display: block; }
ul.searchres span.title{ width: 450px; display: block; }
html.small #sub ul.searchres span.txt, html.small #sub ul.searchres span.title{ width: 300px; display: block; float: left;}
ul.searchres span.txt{ color: #959086; padding: 0.3em 0 0 0; }
ul.searchres span.txt strong, ul.searchres span.txt b{ color: #CFA300;  }
ul.searchres span.snippet { font-style: italic }
ul.searchres .widget { float: right; border: 2px solid white; width: 111px; height: 68px; padding: 3px; font-size: 90%; margin: 1em 0 }
ul.searchres .widget .bar { width: 20px; height: 4px; border: 1px solid #131158; display: block; float: left; margin: 6px 3px 0 0 }
ul.searchres .widget .filling { display: block; height: 4px }
ul.searchres .widget .relevance { margin: 3px 0; }
ul.searchres .widget .pdf { background: url(../images/icon_download.gif) 0 50% no-repeat; padding-left: 1.4em; margin: 3px; }
ul.searchres .widget .send { background: url(../images/icon_mail.gif) 0 50% no-repeat; padding-left: 1.8em; margin: 3px;}
ul.searchres a:visited { color: #9594b5 }
ul.nowidgets span { width: auto !important; }
#content .column ul { margin-bottom: 20px; }


.pager{ clear: both; display: block; margin: 0; height: auto; margin: 1em 0 1em 0; width: 100%; text-align: center; }
/*.pager a, .pager strong{ margin: 0 0 0 0; padding: 0 0.1em; line-height: 1.2em; }*/
.pager a, .pager strong{ margin: 0 0.3em 0 0; padding: 0 0.2em; line-height: 1.2em; } 
.pager strong{ background:#CFA300; color: #FFF;  }
.pager .next, .pager .prev, .pager .fwd, .pager .bwd{ font-size: 90%; }
.pager .next{ text-align: right; white-space: nowrap; margin: 0 0 0 1em; background: url(../images/arrow_thin_blue.gif) bottom right no-repeat !important; padding: 0 1.6em 0 0; float: right; text-align: right;}
.pager .prev{ text-align: left; white-space: nowrap; margin: 0 1em 0 0; background: url(../images/arrow_thin_blue_back.gif) bottom left no-repeat !important; padding: 0 0 0 1.6em; float: left; }
.pager .fwd{ margin: 0 0 0 1em; background: url(../images/arrow_thin_blue.gif) center right no-repeat !important; padding: 0 1.6em 0 0; }
.pager .bwd{ margin: 0 1em 0 0; background: url(../images/arrow_thin_blue_back.gif) center left no-repeat !important; padding: 0 0 0 1.6em; }
.pager .fwddd{ margin: 0 0 0 1em; background: url(../images/arrow_double_blue.gif) center right no-repeat !important; padding: 0 1.6em 0 0; font-size: 90%; }
.pager .bwddd{ margin: 0 1em 0 0; background: url(../images/arrow_double_blue_back.gif) center left no-repeat !important; padding: 0 0 0 1.6em; font-size: 90%; }
.pager .pages{ width: 1% !important; white-space: nowrap; margin-top: 0.85em; }
.pager .page{ position: relative;  }
.pager .off{ filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; cursor: default; }

.pager .skiptopage form { float: left; }
.pager .skiptopage .button { margin: 0; }
.pager .skiptopage span { padding-right: 5px; }
.pager .skiptopage input { height: 16px; padding: 0; width: 40px; }
.pager .skiptopage input.button { height: 18px; font-size: 88%; }

.begrippen{ color: #BDBAC8; }
html.small .begrippen{ width:auto !important; }
.begrippen a, .begrippen span{ margin: 0 0.5em 0 0; padding: 0 0.2em; }

.rnd ul.arrow li{ background: url(../images/arrow_thin_white.gif) 0 0.5em no-repeat !important; padding: 0 0 0 1.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{ display: block; border-bottom: 2px solid #E3DFD4; padding: 1.5em 0 0 0; margin: 0.5em 0 1em 0; clear: both; }
div.linecondense{ display: block; border-bottom: 2px solid #E3DFD4; padding: 0.5em 0 0 0; margin: 0.5em 0 0.5em 0; clear: both; }
#search div.line { border-bottom: 2px solid #E6E0D5; padding: 0 0 0.6em 0; margin: 0 0 0.6em 0; width: auto; }
.lightmocca div.line { border-bottom: 2px solid #FFF; padding: 0 0 0.6em 0; margin: 0 0 0.6em 0; width: 424px; clear: both; display: block; }

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

a.arrow{ background: url(../images/arrow_thin_blue.gif) 0 0.5em no-repeat !important; padding: 0 0 0 1.2em; }
.rnd a.arrow{ background: url(../images/arrow_thin_white.gif) 0 0.5em no-repeat !important; padding: 0 0 0 1.2em; text-decoration: underline !important; }
#footer a.arrow{ background: url(../images/arrow_thin_beige.gif) 0 0.5em no-repeat !important; padding: 0 0 0 1.2em; }

#framework{ width: 940px; height: 100%; margin: auto auto; padding: 0; position: relative; }
html.small #framework{ width: 740px; height: 100%; margin: auto auto; padding: 0; position: relative; }

#header a.logo{ display: block; position: relative; top: 20px; left: 10px; width: 415px; height: 46px; background: url(../images/header_logo.gif) no-repeat; }

#breadcrumb{ margin: -20px 0 0 0; padding: 0; float: left; clear: both; width: 100%; font-size: 90%; }
#breadcrumb .padding{ padding: 2px 0 2px 14px; }
#breadcrumb a{ text-decoration: none; }
#breadcrumb a:hover{ text-decoration: underline; }


#navigation{ height: 4.5em; width: 680px; font-family: sans-serif; }
#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: 100%; font-weight: bold; text-decoration: none; margin: 0 2em 0 0; padding: 20px 0 10px 0; display: block; }
#navigation ul#nav li a:hover { color: #CFA300; font-size: 100%; /*background: url(../images/nav_selected.gif) top center no-repeat;*/  }
#navigation ul#nav li a.selected { letter-spacing: 1px; color: #CFA300; font-size: 120%; font-weight: bold; background: url(../images/nav_selected.gif) top center no-repeat;  }
#navigation ul#nav li a.selected:hover { font-size: 120%; }
html.small #sub #navigation ul#nav li a{ margin: 0 0.5em 0 0; }

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

#home #header{ height: 84px; width: 640px; color: #FFF; background-color: #13115A; position: relative; top: 0px; left: 0px; }
#home #search{ width: 636px; position: relative; background: url(../images/search_corner.gif) #DAD4C5 bottom right no-repeat; margin-bottom: 20px; }
#home #content{ width: 100%; }
#home #rightcolumn{ background: url(../images/background_rightcolumn_home.gif) top left no-repeat; width: 250px; height: 142px; position: absolute; top: 0px; left: 636px; }
#home #rightcolumntxt{ width: 210px; left: 670px; top: 170px; float:left; padding: 20px 0px 20px 20px}
#home #rightcolumntxt .block { margin-bottom: 23px; }
html.small #home #header{ height: 84px; width: 640px; color: #FFF; background-color: #13115A; }
html.small #home #content{ width: 100%; }
html.small #home #rightcolumntxt { display: block; width: 100%; clear: both; float: left; top: 0px; left: 0px; position: relative; }

#subhome #header{ height: 84px; width: 890px; color: #FFF; background-color: #13115A; position: relative; top: 0px; left: 0px; }
#subhome #content{ width: 890px; }
#subhome #rightcolumn{ background: url(../images/background_rightcolumn_subhome.gif) top right no-repeat; height: 100%; width: 50px; position: absolute; top: 0px; right: 0px; }
html.small #subhome #header{ height: 84px; width: 690px; color: #FFF; background-color: #13115A; }
html.small #subhome #content{ width: 690px; }
#subhome .item { margin-bottom: 20px; }
#subhome h1 { clear: left; }
#sub .box .controls,
#subhome .box .controls { height: 22px }
#subhome .document .controls {width: 846px; }
#subhome .highlight { background-color: white; width: 300px; border: 1px solid #13115A; }
#subhome .highlight .head { background: #13115A; color: white; padding: 3px 10px; }
#subhome .highlight .head a { color: white; background: url(../images/icon_close.gif) no-repeat 100% 50%; padding-right: 15px; text-decoration: none; }
#subhome .highlight .content { padding: 10px; }
#subhome .highlight h2 { font-size: 100%; }
#subhome .highlight .content img.left { margin-right: 10px; margin-bottom: 5px; margin-top: 5px; }
#subhome .highlight .content img.right { margin-left: 10px; margin-bottom: 5px; margin-top: 5px; }

#sub #header{ height: 84px; width: 640px; color: #FFF; background-color: #13115A; }
#sub #content{ width: 640px;}

#sub .field { margin: 10px 0px; }

#sub #rightcolumn { background: url(../images/background_rightcolumn_sub.gif) top right no-repeat; padding: 160px 0 0 0; height: 100%; width: 310px; position: absolute; top: 0px; right: 0px; }
#sub #rightcolumn h3 { margin-bottom: 0.5em; }
#sub #rightcolumn li { font-size: 85%; }
#sub #rightcolumn .line { display: block; border-bottom: 2px solid #2B296B; padding: 0 !important; margin: 3px 0 !important; clear: both; }
#sub #rightcolumn .check { background: transparent url(../images/check_blue.gif) no-repeat 0 50% !important; }
#sub #rightcolumn span.check { padding: 0 0 0 1.2em; font-size: 85% }
#sub #rightcolumn .check a { text-decoration: none !important; }
#sub #rightcolumn input.period { width: 65px; font-size: 80% }
#sub #rightcolumn div.period { margin-bottom: 1em; }

#sub #searchForm .boxbtn { width: 450px; }
html.small #sub #header{ height: 84px; width: 440px; color: #FFF; background-color: #13115A; }
html.small #sub #content{ width: 430px; }

#sub .sortby { padding: 0 1em 0 1em; background: url(../images/arrow_thin_blue.gif) 0 50% no-repeat; }
#sub span.selected { background: url(../images/arrow_down_blue.gif) 0 50% no-repeat; font-weight: bold }

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

/* uitgebreid zoeken */
a.info { display: block; width: 20px; float: left; margin-top: 3px; }
#rightcolumn a.info { display: block; width: 17px; margin: 0; }
input.extsearch{ width: 464px; }
html.small input.extsearch{ width: 254px; }
label.search_doctype,label.search_year,label.search_chamber,label.search_keywords { display: block; float: left; width: 95px; }
div.search_doctype{ position: relative; float: left; }
div.extended_search { width: 465px; float: left; margin-top: 4px; position: relative; }
html.small div.extended_search { width: auto; float: left; margin-top: 4px; position: relative; }
#fold_kamerverslagen label, #fold_kamerstukken label, #fold_kamervragen label {  width: 150px; display: block; float: left; }
#fold_kamerverslagen, #fold_kamerstukken, #fold_kamervragen { left: 22px; position: relative; }
#fold_kamervragen .pages input{ width: auto !important;  }
#fold_kamerstukken input, #fold_kamervragen input { width: 225px;  }
.datepicker { clear: both; display: block; }
.datepicker label { width: 25px !important; }
.dateblock { float: left; }

/* color themes */
.olivetxt, .olivetxt *, .olive .rndtxt * { color: #6B830E !important;  }
a.olivetxt:hover, .olivetxt a:hover { color: #6B830E !important; }
.olive, .olive a, .olivetag, .olivetag a, a.olivetag { background: #6B830E !important; color: #FFF !important; padding: 0px 2px; }
.olive .olivetag, .olive .olivetag a, .olive a.olivetag{ background: #829F12 !important; }
.olivetxt .arrow{ background: url(../images/arrow_thin_olive.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.greentxt, .greentxt *, .green .rndtxt * { color: #285F1F !important;  }
a.greentxt:hover, .greentxt a:hover { color: #285F1F !important; }
.green, .green a, .greentag, .greentag a, a.greentag{ background: #285F1F !important; color: #FFF !important; padding: 0px 2px; }
.green .greentag, .green .greentag a, .green a.greentag{ background: #3A872C !important; }
.greentxt .arrow{ background: url(../images/arrow_thin_green.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.plumtxt, .plumtxt *, .plum .rndtxt * { color: #C25F14 !important;  }
a.plumtxt:hover, .plumtxt a:hover { color: #C25F14 !important; }
.plum, .plum a, .plumtag, .plumtag a, a.plumtag{ background: #C25F14 !important; color: #FFF !important; padding: 0px 2px; }
.plum .plumtag, .plum .plumtag a, .plum a.plumtag{ background: #DB6D19 !important; }
.plumtxt .arrow{ background: url(../images/arrow_thin_plum.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.pinktxt, .pinktxt *, .pink .rndtxt * { color: #862C60 !important;  }
a.pinktxt:hover, .pinktxt a:hover { color: #862C60 !important; }
.pink, .pink a, .pinktag, .pinktag a, a.pinktag { background: #862C60 !important; color: #FFF !important; padding: 0px 2px; }
.pink .pinktag, .pink .pinktag a, .pink a.pinktag{ background: #C33F8C !important;}
.pinktxt .arrow{ background: url(../images/arrow_thin_pink.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.purpletxt, .purpletxt *, .purple .rndtxt * { color: #4F2467 !important;  }
a.purpletxt:hover, .purpletxt a:hover { color: #4F2467 !important; }
.purple, .purple a, .purpletag, .purpletag a, a.purpletag{ background: #4F2467 !important; color: #FFF !important; padding: 0px 2px; }
.purple .purpletag, .purple .purpletag a, .purple a.purpletag{ background: #8B4DAE !important; }
.purpletxt .arrow{ background: url(../images/arrow_thin_purple.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.redtxt, .redtxt *, .red .rndtxt * { color: #A32A14 !important;  }
a.redtxt:hover, .redtxt a:hover { color: #A32A14 !important; }
.red, .red a, .redtag, .redtag a, a.redtag{ background: #A32A14 !important; color: #FFF !important; padding: 0px 2px; }
.red .redtag, .red .redtag a, .red a.redtag{ background: #D6381C !important; }
.redtxt .arrow{ background: url(../images/arrow_thin_red.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.aquatxt, .aquatxt *, .aqua .rndtxt * { color: #109795 !important;  }
a.aquatxt:hover, .aquatxt a:hover { color: #109795 !important; }
.aqua, .aqua a, .aquatag, .aquatag a, a.aquatag{ background: #109795 !important; color: #FFF !important; padding: 0px 2px; }
.aqua .aquatag, .aqua .aquatag a, .aqua a.aquatag{ background: #14B0AE !important; }
.aquatxt .arrow{ background: url(../images/arrow_thin_aqua.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

.marinetxt, .marinetxt *, .marine .rndtxt * { color: #37708D !important;  }
a.marinetxt:hover, .marinetxt a:hover { color: #37708D !important; }
.marine, .marine a, .marinetag, .marinetag a, a.marinetag{ background: #37708D !important; color: #FFF !important; padding: 0px 2px; }
.marine .marinetag, .marine .marinetag a, .marine a.marinetag{ background: #4790B5 !important; }
.marinetxt .arrow{ background: url(../images/arrow_thin_marine.gif) 0 0.4em no-repeat !important; padding: 0 0 0 1em; }

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

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


/* border styles */
#framework .rnd{ background: #13115A; color: #FFF; }
#framework .rnd a{ color: #FFF; text-decoration: none; }
#framework .rnd a:hover{ text-decoration: underline; }
.rnd img{ position: relative; bottom: -4px; left: -2px;  }
#framework .rndgrey p{ padding: 0; margin: 0.2em 0 0.4em 0; }
#framework .rndgrey .padding{ padding: 10px 10px 0 30px; }
#framework .rndgrey{/* background: #13115A; color: #FFF; */position: relative; float: left; width: 246px; overflow: hidden; left: 3px; padding: 0; margin: 0 0 30px 0; z-index: 99; }
#framework .rndgrey .tl{ background: url(../images/rnd_tl_grey.png) no-repeat; position: absolute; width: 34px;  top: 0px; left: 0px; height: 17px; z-index: 99; }
#framework .rndgrey.first .tl{ background: url(../images/rnd_tl_grey_first.png) no-repeat; position: absolute; width: 34px;  top: 0px; left: 0px; height: 17px; z-index: 100; }
#framework .rndgrey .tr{ background: url(../images/rnd_tr_grey.png) no-repeat; position: absolute; width: 17px; top: 0px; right: 0px; height: 17px; z-index: 99; }
#framework .rndgrey .bl{ background: url(../images/rnd_bl_grey.png) no-repeat; position: absolute; width: 17px; bottom: 0px; left: 0px; height: 600px; z-index: 99; }

#framework .rndwhite{ position: relative; float: left; width: 230px; overflow: hidden; padding: 0; margin: 10px 10px 10px 0; z-index: 99; }
#framework .subtxt .rndwhite{ margin: 0 !important; }
html.small #framework .rndwhite { width: 210px; }
#home #framework .rndwhite { width: 205px; }
html.small #home #framework .rndwhite { width: 170px; }
#framework .rndwhite p{ padding: 0; margin: 0.2em 0 0.4em 0; }
#framework .rndwhite .padding{ padding: 10px 10px 0 30px; }
#framework .rndwhite .tl{ background: url(../images/rnd_tl_white.png) no-repeat; position: absolute; width: 17px;  top: 0px; left: 0px; height: 17px; z-index: 99; }
#framework .rndwhite.search { padding-bottom: 1em; }
#framework .rndwhite.search .tl{ background: url(../images/rnd_tl_white.png) 17px 0 no-repeat; position: absolute; width: 34px; top: 0px; left: 0px; height: 17px; z-index: 99; }
#framework .rndwhite .tr{ background: url(../images/rnd_tr_white.png) no-repeat; position: absolute; width: 17px; top: 0px; right: 0px; height: 17px; z-index: 99; }
#framework .rndwhite .br{ background: url(../images/rnd_br_white_long.png) no-repeat; position: absolute; width: 400px; bottom: 0px; right: 0px; height: 17px; z-index: 99; }
#framework .rndwhite .bl{ background: url(../images/rnd_bl_white.png) no-repeat; position: absolute; width: 17px; bottom: 0px; left: 0px; height: 600px; z-index: 99; }

#framework .subtxt .rndtxt{ float: right; text-align: right; }
#framework .subtxt .rndtxt a { text-decoration: none; }
#framework .subtxt .rndtxt a:hover { text-decoration: underline; }
#framework .subtxt .rndtxt a.theme { font-size: 115%; font-weight: bold; clear: both;  }
#framework .subtxt { position: relative; float: left; width: 230px; padding: 0; margin: 10px 10px 10px 0; }
html.small #framework .subtxt{ position: relative; float: left; width: 210px; padding: 0; margin: 10px 10px 10px 0; }
#home #framework .subtxt{ position: relative; float: left; width: 205px; padding: 0; margin: 10px 10px 10px 0; }
html.small #home #framework .subtxt{ position: relative; float: left; width: 170px; padding: 0; margin: 10px 10px 10px 0; }

/* tooltip */

.jtip{ cursor: help; }
a.jtip:hover { text-decoration: none; }
#JT {background: transparent; position: absolute; z-index: 100; }
/**
#JT_arrow_left{ width: 10px; background: url(../images/arrow_left.gif) no-repeat left top; position: absolute; z-index: 101; left: -12px; height: 23px; top: -3px; }
#JT_arrow_right{ width: 11px; background: url(../images/arrow_right.gif) no-repeat left top; position: absolute; z-index: 101; height: 23px; top: -2px; }
**/
#JT_title { background: #13115A; color: white; font-weight: bold; font-size: 90%; padding: 0px 0px 0px 2px;}

#JT_close_left, #JT_close_right { padding-left: 8px; padding-bottom: 2px; padding-top: 0; background: #F1ECE4; font-weight: bold; text-align: left; }
#JT_close_left, #JT_close_right, #JT_copy p, #JT_copy ul { font-size: inherit; }
#JT_copy{ padding: 2px; font-size: 90%; }
#JT_copy img{ padding: 1px; border: 1px solid #F1ECE4; }
#JT_copy p{ margin: 3px 0; }
#JT .bor{ background: #FFF; border: 1px solid #13115A; z-index: 101; position: absolute  }
#JT .tipbor{ background: #FFFFE1; border: 1px solid #404040; z-index: 101; position: absolute  }
.shade{ background: #000; padding-bottom:4px; -moz-opacity: 0.60; opacity: 0.60; width:202px; display: block; top: 4px; left: -4px; position: absolute; z-index: 100; }
.shade #JT_title { background: transparent; text-indent: -999px; } 

li p {
	margin : 0px;
}

div.padding div h2 {
	margin-top : 20px;
}

div.tekst {
    padding : 20px;
}

dfn {
    font-style : normal;
    border-bottom : 1px dashed #8F7B6C;
    text-decoration : none;
}

.homeSubsection1 {
    float : left;
}

#home p q {
    line-height : 1.2em;
    margin : 0.3em auto 0.5em auto;
    
    width : 100%;
    position : relative;
    margin : 0 auto 1em auto;
    font-size : 130%;
    line-height : 1.2em;
}

div.error {
    color : red;
}