/** 
 * 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("/english/_system/media/40-150876_tcm53-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("/english/_system/media/40-150876_tcm53-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("/english/_system/media/40-150876_tcm53-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("/english/_system/media/40-150876_tcm53-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("/english/_system/media/40-150876_tcm53-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("/english/_system/media/40-150876_tcm53-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("/english/_system/media/sprite_tcm53-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("/english/_system/media/sprite_tcm53-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("/english/_system/media/sprite_tcm53-166398.gif") no-repeat -3000px -276px;
    white-space: pre-wrap;
    display:inline-block;
    width:5px;
    height:12px;
}

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("/english/_system/media/sprite_tcm53-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("/english/_system/media/sprite_tcm53-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("/english/_system/media/sprite_tcm53-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("/english/_system/media/40-150878_tcm53-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("/english/_system/media/40-150879_tcm53-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;
}

/*sidebar video*/
#context p.sidebarvideo
{
	position: relative;
	display: block;
	width: 210px;
	height: 118px;
}
#context p.sidebarvideo a img.image
{
	width: 210px;
	height: 118px;
}
#context p.sidebarvideo a img.play, #context p.sidebarvideo a img.playhover
{
	position: absolute;
	top: 34px;
	left: 80px;
}
#context p.sidebarvideo a img.playhover
{
	display:none;
}
#context p.sidebarvideo a:hover img.playhover
{
	display:block;
}
#context p.sidebarvideo a:hover img.play
{
	display:none;
}

a.lightbox span.magnifyer 
{
    display:none;
}

a.lightbox:hover span.magnifyer 
{
    background:url("/english/_system/media/magnifying_glass_tcm53-191088.png") no-repeat scroll transparent;
    display:block;
    height: 51px;
    width:51px;
    position:absolute;
    margin-left:-5px;
    margin-top:-5px;
}