/** 
 * screen.css 
 * 
 * Screen styles (all parts) for <website name>.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified		2010-02-05 16:34 by Javier Pieternella for Ministry Of Defence
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 * @modified		 
 *
 */


/** 
 * Import 
 * 
 * @section			Import of individual stylesheets
 */

/* Screen.css; All the defenitions for media "screen" */ 
@import url("template.css"); /* General template */
@import url("type.css"); /* Font Definitions: paragraph en headings */
@import url("forms.css"); /* Used forms in content */
@import url("colors.css"); /* Colordefinitions for Portal and KMD's */
@import url("multimedia.css"); /*  Audio,Images,Movies */
@import url("govvid.css"); /*  Video */
@import url("custom.css"); /*  Custom styles */
/** 
 * Miscellaneous
 * 
 * @section			Miscellaneous style definitions
 */

 
/*  Submenu contenpages
-------------------------------------------- */

.nav_sub ul { font-size: 1em; list-style-type: none; margin: 0; padding: 0; }
.nav_sub ul ul { margin: 0.1em 0; }
.nav_sub ul li { background: none; list-style: none; margin: 0; padding: 0; }

.nav_sub ul li a { font-size: 1.1em;color: #000 !important; }
.nav_sub ul li a:hover { text-decoration: none; }

.nav_sub li a { background: #ffffff url("/_system/media/40-150876_tcm51-166387.png") 1.8em 7px no-repeat; text-decoration: none; display: block; padding: 0.2em 1em 0.2em 2.8em; width: auto; }
.nav_sub li.open li a,
.nav_sub li.active li a { background: url("/_system/media/40-150876_tcm51-166387.png") 2.8em 7px no-repeat; padding: 0.2em 1em 0.2em 3.8em; width: auto; }
.nav_sub li.open li.open li a,
.nav_sub li.open li.active li a { background: url("/_system/media/40-150876_tcm51-166387.png") 3.8em 7px no-repeat; padding: 0.2em 1em 0.2em 4.8em; width: auto; }
.nav_sub li.open li.open li.open li a,
.nav_sub li.open li.open li.active li a { background: url("/_system/media/40-150876_tcm51-166387.png") 4.8em 7px no-repeat; padding: 0.2em 1em 0.2em 5.8em; width: auto; }
.nav_sub li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.active li a { background: url("/_system/media/40-150876_tcm51-166387.png") 5.8em 7px no-repeat; padding: 0.2em 1em 0.2em 6.8em; width: auto; }
.nav_sub li.open li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.open li.active li a { background: url("/_system/media/40-150876_tcm51-166387.png") 6.8em 7px no-repeat; padding: 0.2em 1em 0.2em 7.8em; width: auto; }

.nav_sub li.open a { background-position: 1.8em -82px; }
.nav_sub li.open li.open a { background-position: 2.8em -82px; }
.nav_sub li.open li.open li.open a { background-position: 3.8em -82px; }
.nav_sub li.open li.open li.open li.open a { background-position: 4.8em -82px; }
.nav_sub li.open li.open li.open li.open li.open a { background-position: 5.8em -82px; }

.portaal .nav_sub li.first,
.kl .nav_sub li.first,
.klu .nav_sub li.first,
.km .nav_sub li.first,
.kmar .nav_sub li.first,
.paars .nav_sub li.first
{margin-bottom:0.1em;position:relative;width:230px;z-index:2;}

.portaal .nav_sub li.first a,
.kl .nav_sub li.first a,
.klu .nav_sub li.first a,
.km .nav_sub li.first a,
.kmar .nav_sub li.first a,
.paars .nav_sub li.first a
{padding-left:2.6em;padding-top:1.0em;padding-bottom:1.0em;font-size:1.2em; font-weight:bold;margin:0;background:none;}
.portaal .nav_sub li.first a{padding-top:0.5em;}

/* --*/

/* General layout of content 
-------------------------------------------- */

img {
  border: 0;
}

form {
  margin: 0;
  padding: 0;
}

a {
  color: #154273;
}

a:visited {
  color: #696969;
}

a:hover,a:active,a:focus {
  color: #0162cd;
}

a.label {
  font-weight: bold;
}

blockquote {
  margin: 1.4em 0;
}

ul, form ul {
  padding: 0;
  margin: 0 0 1.4em;
  list-style-type: none;
  font-size: 1.1em;
}

ul ul, form ul ul,
#context ul ul {
  margin: 0;
  padding-left: 1.2em;
  font-size: 1.0em;
}

ul li, form ul li {
  background: url("/_system/media/sprite_tcm51-166398.gif") no-repeat -3200px -236px;
  padding: 0 0 0 1.2em;
  margin: 0;
  overflow: hidden;
}

ul.arrows li, ul.events li {
  background: transparent url("/_system/media/sprite_tcm51-166398.gif") no-repeat scroll -3000px -275px
}

ul.anker li {
  background-position: -3300px -215px;
}

li p {
  margin-bottom: 0;
}

ol {
  font-size: 1.1em;
  padding: 0 0 0 2.5em;
  margin-left: 0;
}

ol.alfabet {
  list-style-type: lower-alpha;
}

fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

.clear, .reset {
  clear: both;
  /*height: 0;
  overflow: hidden;*/
}

p, form p {
  margin: 0 0 1em;
  font-size: 1.1em;
}

p.lijst {
font-size:1.0em;
}

p.intro {
  font-weight: bold;
}

p.meer {
  margin: 0 0 1.9em;
}

p.meer a:visited {
  /*color: #154273;*/
}

ol.crumbtrail {
  list-style-type: none;
  padding: 0 20px 0 0;
  margin: 0 0 1.25em;
  width: 440px;
}

ol.crumbtrail li, .pubdate {
  display: inline;
  margin: 0;
  padding: 0;
  color: #767676;
}

ol.crumbtrail span {
  position: relative;
  margin: 0 5px 0 7px;
  padding: 0 1px 0 0;
  left: -1px;
  background: url("/_system/media/sprite_tcm51-166398.gif") no-repeat -3000px -276px;
}

ol.crumbtrail a,ol.crumbtrail a:visited {
  color: #154273;
}

ol.crumbtrail a:hover {
  color: #0162cd;
}

#context ul {
  margin: 0;
  padding: 0;
}

/* -- */

/* Floating images 
-------------------------------------------- */

.detailimagefloatleft, .detailimagefloatright
{
font-weight:normal;
margin-top:4px;
vertical-align:text-top;
width:160px;
}

.detailimagefloatleft
{
float:left;
padding-right:10px;
}

.detailimagefloatright
{
float:right;
padding-left:10px;
}

.bijschrift
{
color:#767676;
padding-bottom:5px !important;
display:block;
}

/* -- */

/* tables 
-------------------------------------------- */

#content table{
font-size:1.1em;
border:1px solid #ffffff;
border-collapse:collapse;
border-spacing:1px;
margin:0 0 0 0px;
padding:0;
}

#content tr.firstrow td, #content th {
color:#000000;
font-weight:normal
}

tr.firstrow td, th {
background-color:#F6D4B2;
}

.kl tr.firstrow td, .kl th{background-color: #BFD0CE;}
.klu tr.firstrow td, .klu th {background-color: #BFD4E1;}
.kmar tr.firstrow td, .kmar th {background-color: #C3CEDB;}
.km tr.firstrow td, .km th {background-color: #C3D8EB;}
.paars tr.firstrow td, .paars th {background-color: #C6B8CF;}

td{
background-color:#FBEAD9;
}
.kl td{background-color: #DFE7E7;}
.klu td{background-color: #DFE9F0;}
.kmar td{background-color: #E1E7ED;}
.km td{background-color: #E1EBF4;}
.paars td{background-color: #E3DBE8;}

#content td, #content th{
border:1px solid #ffffff;
margin:0;
padding-left:5px;
padding-right:5px;
vertical-align:top;
text-align: left;
}

#content td p, #content th p, #content table ul, #content table strong{
    font-size: 1.0em;
}
/* -- */

/* homepage (portal) tuff) 
-------------------------------------------- */

#homepage .datum {
  color: #6a6a6a;
  display: block;
}

#homepage #context p.bewindslieden {
  text-align: right;
  height: 50px;
  margin: 0;
  padding: 12px 0 0;
}

#homepage #context p.bewindslieden img {
  width: 50px;
  float: right;
  margin: -17px 0 0 10px;
}

#homepage #context p.bewindslieden a {
  font-weight: bold;
}

#context li,ul.linklijst li {
  background-position: -3000px -275px;
  margin: .6em 0;
  height: 1%;
}

/* ul's an li's
-------------------------------------------- */

#context li.active {
    background: url("/_system/media/sprite_tcm51-166398.gif") no-repeat -3300px -215px;
}

#content ul.linklijst.logo  li{
  background-position:-3000px -269px;
}

#context li.extern,ul li.extern, #context ul.extern li {
  background-position: -3400px -195px;
}

#context ul a,ul.linklijst a {
  text-decoration: none;
}

#onderwerpen li {
  background-position: -3000px -275px;
  margin:0.6em 0pt;
}

#homepage #onderwerpen h2,#onderwerpen ul.linklijst a {
  color: #000;
}

#context li a:visited,ul.linklijst a:visited {
  color: #696969;
}

#context li a:hover,#context li a:active,#context li a:focus,ul.linklijst a:hover,ul.linklijst a:active,ul.linklijst a:focus
  {
  text-decoration: underline;
  color: #154273;
}

/* -- */

/* Other 
-------------------------------------------- */

img.breed {
  float: none;
  display: block;
}

span.metageg {
  display: block;
  color: #535353;
}

p.verplicht {
  text-align: right;
  color: #535353;
  margin: .5em 0;
}

.submit {
  border: 1px solid #000;
  background-color: #FFF;
  color: #000;
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  margin: 0 0.5em 0 .5em;
  cursor: pointer;
}

p.zoekreslinks {
  padding: .4em 0;
  margin: 0;
  color: #000;
}

p.boven {
  border-bottom: 3px solid #fbd326;
}

p.onder {
  border-top: 3px solid #fbd326;
}

p.zoekreslinks span {
  color: #000;
}

form.kort .button {
  margin: 0;
  padding-right: .6em;
  padding-left: .6em;
  border: 1px solid #000;
  color: #fff;
  background-color: #000;
  cursor: pointer;
}

ul.close,div.close,p.close {
  display: none;
}

p.rss a {
  text-decoration: none;
  background: url("/_system/media/sprite_tcm51-166398.gif") no-repeat -3000px
    -276px;
  padding-left: 10px;
  color: #000;
}

p.rss a:visited {
  color: #696969;
}

p.rss a:hover,p.rss a:active,p.rss a:focus {
  text-decoration: underline;
  color: #154273;
}

strong {font-size:1.1em;}
p strong {font-size:1.0em;}
li strong {font-size:1.0em;}

/* -- */
 
/* Nieuws */
.newsarchive_NoResults {font-size:1.1em;}
.newsarchive .select select {width: 255px;}
.newsarchive .select small {width: 251px;}

.newsarchive .select
{
/*border-top:1px solid #000000;
padding: 1em 1.4em;
margin:0 0 1.4em;*/
}

.nieuwsitem {
clear:both;
margin-bottom:20px;
}
.nieuwsitem h3{
font-size:1.1em;
}

.nieuwsitem img {
float:left;
margin:0.4em 1em 0.4em 0;
}
ul.zonder li
{
	background: none;
	margin: 0 0 5px 0;
	padding: 0;
}
/* Sitemap 
-------------------------------------------- */

ul.sitemapList, ul.sitemap {list-style-type:none;margin:0;padding:0;} 
ul.sitemapList a, ul.sitemap a {text-decoration: none;}
ul.sitemapList a:hover, ul.sitemap a:hover {color: #154273;text-decoration: underline;}
ul.sitemapList li {background: none; height:1%;margin:0.6em 0;padding:0;}

ul.sitemap ul,ul.sitemap ul ul,ul.sitemap li,ul.sitemap li ul li {font-size:1.0em;background: none;margin:0;padding:0;}
ul.sitemap li {margin-top:15px;font-weight:bold;}
ul.sitemap li ul li{margin:0.6em 0;font-weight:normal;}
ul.sitemap li ul li ul li{background: transparent url("/_system/media/sprite_tcm51-166398.gif") no-repeat scroll -3200px -235px; background-position:-3000px -275px; height:1%;margin:0.6em 0; padding: 0 0.9em;}

.SiteMapControl h2 {padding-top:1em;color:#000000 !important;}
.SiteMapControl h2 a {color:#000000 !important;}

/* --*/

/* Banners 
-------------------------------------------- */

.banner {margin:0.2em 0em 1em 0em;}
.banner a:link, .banner a:visited {text-decoration:none;}
.banner a:active, .banner a:hover {text-decoration:underline;}
.banner img {width:193px;height:42px;}

p.banner_content a{
background:transparent url("/_system/media/40-150878_tcm51-166388.gif") no-repeat scroll right center !important;
display:block;
margin:0;
padding:0;
text-decoration:none;
width:210px;
height:42px;
}

p.banner_content a:hover{
background:transparent url("/_system/media/40-150879_tcm51-166389.gif") no-repeat scroll right center !important;
}

/* --*/

/* Calendarevents 
-------------------------------------------- */
.calendarevents {font-size:1.1em;}
.calendarevents ul.events {font-size:1.0em;}
.calendarevent_NoResults {font-size:1.0em;}
.calendarevent .select select {width: 255px;}
.calendarevent .select small {width: 251px;}

/* --*/
.newslist_NoResults {font-size:1.1em;}


/* Activiteiten 
-------------------------------------------- */

ul.events li a {text-decoration:none;display:block;}
ul.events li a:link {background-color:#ffffff;}
/*ul.events li a:hover {background-color:#deeff6;}*/

ul.events span.datum {
float:left;
font-weight:normal;
width:100%;
color:#666666;
}

ul.events * span.events_title {
display:block;
text-indent:0 !important;
font-weight:bold;
padding-bottom:.8em;
text-decoration:underline;
}

/* -- */

/* Pager 
-------------------------------------------- */

.Pager {
width:100%;
}

.Pager {
/*border-bottom:1px solid #000000;*/
float:left;
/*margin-top:10px;*/
padding-bottom:15px;
padding-top:5px;
/* text-align:center; */
font-size: 1.1em;
}

.Pager a:link, .Pager a:active, .Pager a:visited {
text-decoration:underline;
}

.Pager_PreviousPage {
/*float:left;*/
margin:0 0 0 0px;
padding:0 0 0 0px;
}

.Pager_NextPage {
/*float:right;*/
margin:0 0 0 0px;
padding:0 0 0 0px;
}

.Pager_CurrentPage {
font-weight:bold;
}

.Pager_NextPage, .Pager_PreviousPage {
text-transform:capitalize;
}

.Pager_NextPage, .Pager_PreviousPage {
/*font-weight:bold;*/
}

.Pager a:link, .Pager a:active, .Pager a:visited {
text-decoration:underline;
}

.Pager a:hover, .Pager a.Pager_CurrentPage {
text-decoration:none;
}

.Pager_Pages a {
/*margin-left:2px;
margin-right:2px;*/
}

/* -- */

/* Veelgestelde vragen
-------------------------------------------- */
ol table{font-size:1.0em !important;}
ol#vgvdet,ol#vgvcat,ol#vgvcat ol {list-style-type:decimal;padding:0 0 0 2.5em;}
ol#vgvdet {margin-bottom:2em}
ol#vgvdet li {padding-bottom:.8em;}

ol#vgvcat{list-style-position: inside;margin-left: -2.0em;}
ol#vgvcat li.faq {font-weight:bold;}
ol#vgvcat li.faq p,ol#vgvcat li.faq ul {font-size:1.0em;}
ol#vgvcat div.faq {font-weight:normal;}

.terugvraag,.naarboven {
display: block;
margin: 1.4em 0;
/*
background: url("skin/sprite.gif") no-repeat -2950px -174px;
padding: 0 2em .5em; 1.2em;
text-align:right;
border-bottom:1px solid #cccccc;
text-decoration:none;*/
}

.terugvraag:visited,.naarboven:visited {
color: #154273;
}

.terugvraag:hover,.naarboven:hover {
color: #0162cd;
}
/* -- */

/* qotd */

.qotdlist {background-color:#fff;}

.qotdlist_NoResults {font-size:1.1em;}

#context .qotdlist a 
{
	text-decoration:underline;
}
#context .qotdlist a:hover, #context .qotdlist a:active, #context .qotdlist a:focus {
	color:#0162CD;
}




/* -- */
/* 3kolommen */
.driekolomContainer
{
width: 100%;
margin: 10px auto;
/*background-color: #fff;
color: #333;
border: 1px solid gray;*/
}
.driekolom1
{
float: left;
width: 145px;
margin: 0;
margin-bottom: 0.2em;
}
.driekolom2
{
margin-left: 145px;
/*border-left: 1px solid gray;*/
margin-right: 140px;
/*border-right: 1px solid gray;*/
margin-bottom: 0.2em;
}
.driekolom3
{
float: right;
width: 140px;
margin: 0;
margin-bottom: 0.2em;
}
.breed .driekolom1 {width: 180px;}
.breed .driekolom2 {margin-left: 180px;margin-right:175px;}
.breed .driekolom3 {width: 175px;}

.driekolom2 select {width: 125px;}
.driekolom2 input {width: 121px;}
.ActueelSearch .driekolom2 input {width: 121px;}
.newsarchive .driekolom2 select {width: 125px;}

.breed .driekolom2 select {width: 245px;}
.breed .driekolom2 input {width: 241px;}
.breed .ActueelSearch .driekolom2 input {width: 241px;}
.breed .newsarchive .driekolom2 select {width: 245px;}

/* -- */

/* */
/* ._NoResults {font-size:1.1em;} */
/* -- */

/* parlement */
.parliament_NoResults {font-size:1.1em;}
/* -- */

/* richtext */
#content .richtext{font-size:1.1em;}
#content .richtext p,
#content .richtext ul,
#content .richtext ol,
#content .richtext table,
#content .richtext strong {font-size:1.0em;}