/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Version: 1.0 
Last updated: 12 June 2009 
Last updated by: Dijana Ceric (OneHippo) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

th, td { vertical-align:top; }

img { border:0; }

ul  {list-style-type:none;}

html { background : #F3F5F6; color : #003a62; }

body { position: relative; border-top: 1px solid #535353; padding-top: 2.65em; line-height: 1.5em; font-size:62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; }

input, select, textarea, button { font: normal 100% verdana,helvetica,arial,sans-serif;}


/************************************************************************ =containers */ 
#main-container { margin:0 auto; position:relative; width:996px; }
#skip-content { position:absolute; top:-1000px; }
#sub-container { background:transparent url(../img/rijksbegroting_bg.png) repeat-y scroll -1006px 0; margin:0; padding:0 0 70px; position:relative; width:996px; }
#sub-container .content-box { padding:97px 6px 0; }
#sub-container .content-box:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
#header { background:transparent url(../img/rijksbegroting_bg.png) no-repeat scroll 0 0; height:10px; left:0; position:absolute; top:-10px; width:996px; z-index: 100;}
#logo { display:block; height:75px; left:476px; position:absolute; top:0; width:156px; z-index:100; }
#footer { background:transparent url(../img/rijksbegroting_bg.png) no-repeat scroll 0 -15px; clear:both; height:50px; width:999px;}

/************************************************************************ =navigation */ 
#navigation { position:absolute; top:0; left:6px; width:984px; z-index:100; font-size: 11px; }
#navigation h3.hidden { position: absolute; top: -10000px; margin: 0; }

#main-nav { display:block; padding-top:2.4em; position:absolute; top:87px; width:984px; z-index:50; }
div.phase1 { background:transparent url(../img/rbg_menu_bg.gif) no-repeat 0 0; height: 88px; padding: 0px 20px 0px 20px; }
div.phase2 { background:transparent url(../img/rbg_menu_bg.gif) no-repeat 0 -88px; height: 88px; padding: 0px 20px 0px 20px; }
div.phase3 { background:transparent url(../img/rbg_menu_bg.gif) no-repeat 0 -176px; height: 88px; padding: 0px 20px 0px 20px; }
div.phase5 { background:transparent url(../img/rbg_menu_bg.gif) no-repeat 0 -264px; height: 88px; padding: 0px 20px 0px 20px; }

#navigation h3.main-nav { float: left; display: block; width: 225px; height: 73px; font-weight: bold; padding: 15px 0px 0px 0px;}
#navigation h3.main-nav span.title { display: block; clear: left; color: #8ad3f4; font-size: 19px; line-height: 22px; padding: 0; margin:0; white-space:nowrap;}
#navigation h3.main-nav span.title-long { display: block; clear: left; color: #8ad3f4; font-size: 16px; line-height: 22px; font-weight: bold; padding: 0; margin:0;}
#navigation h3.main-nav span.year {display: block; float: left; color: #fff; font-size: 44px; line-height: 44px; }

#navigation div.overzicht, #navigation div.voorbereiding, #navigation div.uitvoering, #navigation div.verantwoording { float: left; height: 74px;}
#navigation div.overzicht { width: 144px; margin: 8px 0px 0px 0px;}
#navigation div.voorbereiding { width: 129px; margin: 8px 0px 0px 0px; color: #000;}
#navigation div.uitvoering { width: 255px; margin: 8px 0px 0px 0px; color: #000;}
#navigation div.verantwoording { width: 137px; margin: 8px 0px 0px 0px; color: #000;}
#navigation div.slotwet { float: left; width: 30px; margin: 10px 0px 0px 7px; padding-top: 57px;}

#navigation h4 { font-weight: bold; color: #fff;}
#navigation div.inactive h4 { font-weight: bold; color: #8096af;}

#navigation div.overzicht h4  { margin: 0px 0px 44px 0px;}

#navigation div.voorbereiding h4 { margin: 0px 0px 3px 0px;}
#navigation div.voorbereiding li { line-height: 19px;}
#navigation div.voorbereiding li.bold { margin-top: 1px;}

#navigation div.uitvoering h4 { margin: 0px 0px 7px 0px;}
#navigation div.uitvoering ul { margin: 0; float: left;}
#navigation div.uitvoering ul li { width: 115px; line-height: 30px;}
#navigation div.uitvoering ul.uitvoering-phase1 { width: 125px;}

#navigation div.verantwoording h4 { margin: 0px 0px 3px 0px;}
#navigation div.verantwoording li { line-height: 19px;}
#navigation div.verantwoording li.bold { margin-top: 1px;}

#navigation li.bold { font-weight: bold; color: #154273;}
#navigation li.bold a, #navigation li.bold a:visited, #navigation li.bold a:hover { color: #154273;}
#navigation li.arrow { color: #000; }
#navigation li.arrow a, #navigation li.arrow a:visited, #navigation li.arrow a:hover { color: #000; }
#navigation li.arrow a.active, #navigation li.arrow a.active:visited, #navigation li.arrow a.active:hover { color: #fff; }
#navigation div.uitvoering ul.inactive li.bold { font-weight: bold; color: #8096af;}
#navigation div.uitvoering ul.inactive li.arrow { color: #999999; /*#a9a9a9;*/}
#navigation div.verantwoording ul.inactive li.bold { font-weight: bold; color: #8096af;}
#navigation div.verantwoording ul.inactive li.arrow { color: #AAAAAA /*#b2b2b2;*/}
#navigation div.slotwet.inactive li.bold { font-weight: bold; color: #8096af;}

/************************************************************************ = main navigation active indicators */ 
#navigation div.overzicht a.active, #navigation div.overzicht li.active { color: #fff; text-decoration: none; background: url(../img/bull_act_main_nav_overview.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.voorbereiding a.active, #navigation div.voorbereiding li.active { color: #fff; text-decoration: none; background: url(../img/bull_act_main_nav_phase1.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.voorbereiding a.inactive { color: #000; text-decoration: underline; background: url(../img/bull_inact_main_nav_phase1.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.uitvoering a.active, #navigation div.uitvoering li.active { color: #fff; text-decoration: none; background: url(../img/bull_act_main_nav_phase2.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.uitvoering a.inactive { color: #000; text-decoration: underline; background: url(../img/bull_inact_main_nav_phase2.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.verantwoording a.active, #navigation div.verantwoording li.active { color: #fff; text-decoration: none; background: url(../img/bull_act_main_nav_phase3.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.verantwoording a.inactive { color: #000; text-decoration: underline; background: url(../img/bull_inact_main_nav_phase3.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

#navigation div.slotwet a.active, #navigation div.slotwet li.active { color: #fff; text-decoration: none; background: url(../img/bull_act_main_nav_phase3.gif) center left transparent no-repeat; padding: 0px 0px 0px 8px;}

/************************************************************************ =extra nav bars */
#extra-nav-top { position:absolute; top:0px; z-index:50; width: 944px; background: #dcf2fc; height: 30px; line-height: 30px; padding: 0px 20px 0px 20px; }
#extra-nav-top a, #extra-nav-top a:visited, #extra-nav-top a:active, #extra-nav-top a:hover { color: #154273; }
#extra-nav-top a.home { float: left; font-weight: bold;}
#extra-nav-top a.search { float: right; }
#extra-nav-top a.theme { float: right; }
#extra-nav-bottom { position:absolute; top:290px; z-index:50; width: 944px; background: #003a62; height: 30px; line-height: 30px; padding: 0px 20px 0px 20px; }
#extra-nav-bottom a { color: #fff; font-weight: bold;}
#extra-nav-top a.search {font-weight: normal;}

/************************************************************************ = sidebar right */ 
#sidebar { float: left; width: 209px; font-size: 0.9166em;}
#sidebar .box1 { background-color: #8ad3f4; padding: 0px 15px 20px 0px;}
#sidebar .box2 { background-color: #dcf2fc; padding: 0px 0px 20px 0px; }
#sidebar h4 {color: #003366; font-weight: bold; padding: 20px 0px 10px 18px;}
#sidebar li { margin-left: 18px; }
#sidebar .box1 li { margin-left: 18px; background: transparent url(../img/bullet_sidebar_box1.gif) 0px 6px no-repeat; padding-left: 9px; }
#sidebar .box1 a, #sidebar .box1 a:visited, #sidebar .box1 a:hover { font-weight:normal; color: #003366; text-decoration: none;}
#sidebar .box1 li.active { font-weight:bold; }
#sidebar .box1 li.empty { color: #fff; background: transparent url(../img/bullet_sidebar_box1_empty.gif) 0px 6px no-repeat;}
#sidebar .box2 li { margin: 0px 15px 0px 18px; background: transparent url(../img/bullet_sidebar_box2.gif) 0px 6px no-repeat; padding-left: 9px; }
#sidebar .box2 a, #sidebar .box2 a:visited, #sidebar .box2 a:hover { font-weight:normal; color: #003366; /*text-decoration: none;*/}
#sidebar .box2 li.title { margin: 0px 0px 0px 18px; background: none; }
#sidebar .box2 li h4 { color: #000; font-weight: bold; padding: 0; margin-left: -9px; font-size: 1.1em;}
#sidebar .box2 ul { margin-bottom: 15px;}
#sidebar .box2 ul.compare-short {line-height: 2.8em; margin-top: -5px; margin-left: -18px; margin-bottom: 0px;}
#sidebar .box2 ul.compare-short li {margin-left: 27px; }
#sidebar .box2 ul.compare-short li.inactive {margin-left: 18px; background-color: #fff; color: #999;}
#sidebar .box2 ul.compare-short li.inactive h4 {padding: 0px 0px 0px 18px; color: #999}
#sidebar .box2 ul.inactive  { background-color: #fff; }
#sidebar .box2 ul.inactive li.title h4 {color: #999999;}
#sidebar .box2 h4 a, #sidebar .box2 h4 a:visited, #sidebar .box2 h4 a:hover { font-weight:bold; color: #000; background: none; text-decoration: none; margin-left: 9px;}

/************************************************************************ =common styles templates B0, B1, B2 & C */
.hidden { display: none;}
#content { padding: 100px 0px 0px 0px; font-size:1.2em; line-height:1.5em; }
#content-main { float: left; width: 775px; margin: 0;}
#content-main-content { float: right; padding: 20px 20px 0px 15px; width: 504px; }

#content-main-content p {margin: 1.2em 0;}
#content-main-content a, #content-main-content a:visited, #content-main-content a:hover { color : #003a62; text-decoration: underline;}

#content-main-content p.breadcrumb, #content-main p.breadcrumb  { float: left; width: 704px; margin: 0 0 2em 0; font-size:0.8333em;  line-height:1.5em;}
p.breadcrumb span.divider { margin: 0px 5px 0px 5px; }
#content-main p.breadcrumb a, #content-main p.breadcrumb a:visited, #content-main p.breadcrumb a:hover { color : #003a62; text-decoration: underline;}

h1 { margin: 0 0 0.5em 0; font-size: 1.4em; line-height: 1.4em; font-weight: bold; clear: left;}

#content-main h2 { font-weight:bold; font-size: 1.2em; padding: 0; margin: 1.2em 0;}

h2 a.arrow-orange, h2 span.arrow-orange { color : #003a62; background: url(../img/bull_content_orange.gif) center left transparent no-repeat; padding-left: 10px; }

h3.margin {margin: 1.2em 0;}

ul.tools { float: right; width: 80px; margin: 0px 0px 0px 20px;}
ul.tools1 { float: right; width: 30px; margin: 0px 0px 0px 20px;}
ul.tools2 { float: right; width: 53px; margin: 0px 0px 0px 20px;}
ul.rss { float: right; width: 105px;}
ul.tools li, ul.tools1 li, ul.tools2 li  { float: left; margin-right: 10px; padding-top: 5px;}

ul.indent { margin-left: 20px;}

ul.common-list { list-style: disc inside; margin: 10px;}
ul.common-list li { padding-left: 10px;}
ol.common-list { list-style: decimal inside; margin: 10px;}

.bold {font-weight: bold;}
/************************************************************************ = template B0 */ 
.template-B0 #content-main { float: left; width: 984px; margin: 0;}
.template-B0 #content-main-content { float: right; padding: 20px 20px 0px 15px; width: 720px; }
.template-B0 #content-main-content p.breadcrumb { width: 720px;}

/************************************************************************ = sub navigation left column */
#sub-nav { float: left; width: 226px; background-color: #164273; color: #fff; padding: 10px 0px 20px 0px; font-size: 0.9133em;}
#sub-nav li { margin: 0px 0px 0px 10px; padding: 0px; float: left; line-height: 1.6em; }
#sub-nav span { display: block; float: left; width: 160px;}
#sub-nav span.numbered { display: block; float: left; width: 36px;}
#sub-nav a, #sub-nav a:visited { color: #fff; text-decoration: none; display: block; width: 196px; padding: 0px 10px 0px 10px; line-height: 16px;}
#sub-nav a:hover, #sub-nav a.active { color: #164273; background-color: #dcf2fd;}
#sub-nav li:hover, #sub-nav li.active {color: #164273; background-color: #dcf2fd; cursor: pointer;}
#sub-nav li.title:hover { color: #fff; background-color: #164273; cursor: text;}
#sub-nav h3 { font-weight:bold; font-size: 100%; padding: 10px;}

/************************************************************************ = template B1 */ 
.template-B1 #navigation h3.main-nav span.title, .template-B2 #navigation h3.main-nav span.title { display: block; float: left; color: #8AD3F4; font-size: 19px; line-height: 22px; padding: 0; margin:0;}
.template-B1 #content-main { float: left; width: 775px; margin: 0;}
.template-B1 #content-main-content { float: right; padding: 20px 20px 0px 15px; width: 511px; }
.template-B1 #subnav {float: left;}
.template-B1 #sidebar {position: absolute; top: 201px; left: 782px;}
.template-B1 #content-main-content p.breadcrumb { width: 500px; }

/************************************************************************ = template B2 */ 
.template-B2 #content-main { float: left; padding: 20px 20px 0px 15px; width: 740px;}
.template-B2 #content-main-content p.breadcrumb { width: 730px;}
.template-B2 #content-main a, .template-B2 #content-main a:visited { color: #164273;}
.template-B2 #content-main a:hover { text-decoration: underline;}

/************************************************************************ = template C */ 
.template-C #content { padding: 40px 0px 0px 0px; }
.template-C #content-main { float: left; width: 944px; margin: 0; padding: 20px;}
.template-C #content-main-content { float: left; padding: 0; width: 940px;}
.template-C #content-main h2 { font-weight:bold; font-size: 1.2em; line-height: 2em; padding: 0; margin: 0;}
.template-C #content-main h3 { font-weight:bold;}
.template-C #content-main h4 { font-weight:bold;}
.template-C #content-main p.breadcrumb { width: 940px; margin:1em 0 2em 0; }

a.rss-link {background:transparent url(../img/icon_rss_link.gif) no-repeat 0 0; padding: 0px 0px 0px 20px; }

img.bgrImage {border:1px solid #B2C0CE;cursor:pointer;width:525px;}

.template-C #main-nav {display:block; padding-top:2.4em; position:absolute; top:87px; height: 35px; width:984px; z-index:50; }

.template-C #main-nav div.phase5 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 -102px; height: 34px; padding: 0px 20px 0px 20px; }
.template-C #main-nav div.phase3 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 -68px; height: 34px; padding: 0px 20px 0px 20px; }
.template-C #main-nav div.phase2 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 -34px; height: 34px; padding: 0px 20px 0px 20px; }
.template-C #main-nav div.phase1 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 0; height: 34px; padding: 0px 20px 0px 20px; }

.template-C #navigation h3.main-nav { float: left; display: block; width: 225px; height: 34px; font-weight: bold; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 34px; color: #8ad3f4;}
.template-C #navigation h3.main-nav span.title {}
.template-C #navigation h3.main-nav span.year { margin-right: 5px; color: #fff; font-size: 12px; line-height: 34px;}

.template-C #extra-nav-top a.search { font-weight: normal;}

.template-C #extra-nav-bottom { position:absolute; top:60px; left: 0px; z-index:50; width: 984px; background: #003a62; height: 30px; line-height: 30px; padding: 0; }

#extra-nav-bottom div { display: block; float: left; height: 30px; line-height: 30px; font-weight: bold; padding-left: 20px; }
#extra-nav-bottom div.overview { width: 205px; color: #fff; background-color: #164273;}
#extra-nav-bottom div.previous { width: 360px; color: #164273; background-color: #dcf2fd;  }
#extra-nav-bottom div.next { width: 359px; color: #164273;  background-color: #8ad3f4; }

#extra-nav-bottom a { display: block; float: left; text-decoration: none; font-weight: bold; padding-left: 10px;}
#extra-nav-bottom a.overview, #extra-nav-bottom a.overview:visited, #extra-nav-bottom a.overview:hover { color: #fff; background: no-repeat 0px 11px url(../img/bull_extra_nav_overview.gif) #164273;}

#extra-nav-bottom a.previous, #extra-nav-bottom a.previous:visited, #extra-nav-bottom a.previous:hover { color: #164273; background: url(../img/bull_extra_nav_previous.gif) #dcf2fd no-repeat 0px 11px ; }

#extra-nav-bottom a.next, #extra-nav-bottom a.next:visited, #extra-nav-bottom a.next:hover {color: #164273; background: no-repeat 0px 11px url(../img/bull_extra_nav_next.gif) #8ad3f4;}

ul.news span.current-year, ul.news span.last-year,  ul.news span.previous-year { display: block; width: 39px; height: 14px; line-height: 14px; float: left; font-weight: bold; color: #fff; text-align: center; margin: 3px 9px 0px 0px;}

ul.news li { display: block; float: left; width: 780px;}
ul.news a { display: block; float: left; width: 732px;}
ul.news span.current-year { background-color: #679ac9;}
ul.news span.last-year { background-color: #0067ac;}
ul.news span.previous-year { background-color: #154273;}

.template-C #content a, .template-C #content a:visited, .template-C #content a:hover { color : #003a62;}


/************************************************************************ = template C1 */ 

.template-C1 #content { padding: 125px 0px 0px 0px; }
.template-C1 #extra-nav-bottom { position:absolute; top:114px; z-index:50; width: 984px; background: #003a62; height: 30px; line-height: 30px; padding: 0; }
.template-C1 #content-main { float: left; width: 944px; margin: 0; padding: 20px;}
.template-C1 #content-main-content { float: left; padding: 0; width: 940px; }

.template-C1 #content-main p.breadcrumb { width: 940px; margin:1em 0 2em 0; }
.template-C1 #content-main h2 { font-weight:bold; font-size: 1.2em; line-height: 2em; padding: 0; margin: 0;}
.template-C1 #content-main h3 { font-weight:bold;}
.template-C1 #content-main h4 { font-weight:bold;}
.template-C1 .common-list { list-style: disc inside; margin: 10px;}

/************************************************************************ = template C2 */ 
.template-C2 #content { padding: 95px 0px 0px 0px; }
.template-C2 #content-main { float: left; width: 944px; margin: 0; padding: 20px;}
.template-C2 #content-main-content { float: left; padding: 0; width: 940px; }

.template-C2 #content-main p.breadcrumb { width: 940px; margin:1em 0 2em 0; }
.template-C2 #content-main h2 { font-weight:bold; font-size: 1.2em; line-height: 2em; padding: 0; margin: 0;}
.template-C2 #content-main h3 { font-weight:bold;}
.template-C2 #content-main h4 { font-weight:bold;}
.template-C2 .common-list { list-style: disc inside; margin: 10px;}

/************************************************************************ = template C3 */ 
.template-C3 #content { padding: 70px 0px 0px 0px; }
.template-C3 #content-main { float: left; width: 944px; margin: 0; padding: 20px;}
.template-C3 #content-main-content { float: left; padding: 0; width: 940px;}
.template-C3 #content-main h2 { font-weight:bold; font-size: 1.2em; line-height: 2em; padding: 0; margin: 0;}
.template-C3 #content-main h3 { font-weight:bold;}
.template-C3 #content-main h4 { font-weight:bold;}
.template-C3 #content-main p.breadcrumb { width: 940px; margin:1em 0 2em 0; }

.template-C3 #main-nav div.phase5 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 -102px; height: 34px; padding: 0px 20px 0px 20px; }
.template-C3 #main-nav div.phase3 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 -68px; height: 34px; padding: 0px 20px 0px 20px; }
.template-C3 #main-nav div.phase2 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 -34px; height: 34px; padding: 0px 20px 0px 20px; }
.template-C3 #main-nav div.phase1 { background:transparent url(../img/bg_nav_templateC.gif) no-repeat 0 0; height: 34px; padding: 0px 20px 0px 20px; }

.template-C3 #navigation h3.main-nav { float: left; display: block; width: 225px; height: 34px; font-weight: bold; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 34px; color: #8ad3f4;}

.template-C3 #navigation h3.main-nav span.year { margin-right: 5px; color: #fff; font-size: 12px; line-height: 34px;}

.template-C3 #extra-nav-bottom { position:absolute; top:60px; left: 0px; z-index:50; width: 984px; background: #003a62; height: 30px; line-height: 30px; padding: 0; }

/************************************************************************ = tables */ 
.table-content { width: 740px; margin: 10px 0px 10px 0px;}
.table-content th { text-align: center; font-weight: bold; padding: 4px; border-bottom: 1px solid #164273;}
.table-content tr.underline td { border-bottom: 1px solid #164273;}
.table-content tr.top-line td { border-top: 1px solid #164273;}
.table-content td { text-align: right; padding: 4px;}
.table-content td.bold { font-weight: bold;}
.table-content td.right { text-align: right;}
.table-content td.left { text-align: left;}
.table-content td.italic { font-style:italic ;}

#content-main-content table { margin: 10px 0px 10px 0px; border: 1px solid #164273;}
#content-main-content table th, #content-main-content table td { border: 1px solid #164273; padding: 4px; }
#content-main-content table th { font-weight: bold;}
#content-main-content table{max-width:95%;}
#content-main-content table.begra2d {font-size:80%;}

#content-main-content table.noborder,#content-main-content table.noborder td, #content-main-content table.noborder td{border:none;}

/************************************************************************ =  form advanced & thema search */
#advanced-search, #search-thema { float: left; margin-bottom: 20px; width: 900px;}
#advanced-search label, #advanced-search input, #advanced-search div, #search-thema label, #search-thema input, #search-thema div { float: left; display: block;}
#advanced-search div, #search-thema div { margin: 15px 0px 0px 0px;}
#advanced-search label, #search-thema label { line-height: 2em; font-weight: bold; width: 150px;}
#search-thema label { width: 200px;}
#advanced-search label.normal { font-weight: normal;}
#advanced-search input.radio { clear: both; margin-right: 4px; margin-top: 5px;}
#advanced-search label.radio{ font-weight: normal;}
#advanced-search label.period{width: 60px;}
#advanced-search label.period-from{ width: 30px; }
#advanced-search label.period-to{ width: 30px; margin-left: 7px;}
#advanced-search h3 { float: left; width: 150px; }
#advanced-search ul.radios { float: left;}
#advanced-search ul.radios li {clear:both;}
#advanced-search input#advanced-search-submit { margin-left: 150px;}
#search-thema input#thema-search-submit { margin-left: 200px;}
#search-thema input.hidden { display:none;}
#advanced-search-term, input.period {border: 1px solid #164273; color: #164273; line-height: 1.5em; height: 1.5em; margin-top: 2px; padding-left: 2px;}
.checkbox {margin-left: 5px;}
.clear { clear: both;}
#advanced-search input#advanced-search-submit , #search-thema input#thema-search-submit { background-color: #164273; color: #fff; padding: 0px 5px 0px 5px; font-weight: bold; }

/************************************************************************ = search results */ 
span.search-term-hilite { background: #8ad3f4;}
ul.search-result { list-style-type:disc; margin-left: 20px; }
ul.search-result li { margin-bottom: 1.5em; }
ul.search-result p, ul.search-result h3 { margin: 0; }
ul.search-result a, ul.search-result a:visited, ul.search-result a:hover { color : #003a62; text-decoration: underline;}
.italic { font-style: italic;}
.paging {padding-left: 20px;}
.paging span.active { font-weight: bold;}
.paging-prev {padding-right: 10px;}
.paging-next {padding-left: 10px;}

/************************************************************************ = search form extra nav bar top */ 
#search-form { width: 396px; position: absolute; top: 4px; left: 470px; margin:0; padding:0; height: 1.8em; }
#search-form label { float: left; height: 1.8em; line-height: 2em; margin-right: 5px; font-weight: bold; }
#search-form p { width: 396px; height: 1.8em; margin: 0; padding: 0; }
#search-form #search-term { width: 160px; float: left; padding: 0; margin: 0; border: 0; font-size: 11px; height: 19px; line-height: 1.6em; vertical-align: top; background: #fff; padding-top: 3px; }
#search-form #search-submit { width: 44px; float: left; padding: 0; margin: 0; background: #164273; color: #fff; font-size: 100%; font-weight: bold; text-align: center; height: 2em; line-height: 1.6em; padding-bottom:2px; border: 0;}

/************************************************************************ = additional styles HIPPO */ 
span.capitalize{text-transform:capitalize; display:inline;} 

div.waarschuwing {
width:100%;
color:red;
clear:both;
}

#content-main-content img {max-width:900px;}



