/** 
 * template.css 
 * 
 * Sets up the available (template) layouts.
 * 
 * @version			1.1.1
 * @date			2009-08-28430
 * @lastmodified	2009-11-24 15:47
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Drop shadow 
 * 
 * @section			Drop shadow border around canvas area
 */

body { background: #f3f5f6; border-top: 1px solid #535353; padding: 2.1em 0; }
.container { background: #fff url(skin/sh_left.png) left top repeat-y; position: relative; }
.header {
  background: url(skin/sh_top.png) left top no-repeat;
  padding: 8px 8px 0 8px;
  position: absolute;
  width: 940px;
  top: 0;
  left: 0;
}
.header span { background: url(skin/sh_top-right.png) right top no-repeat; height: 100%; width: 16px; position: absolute; top: 0; right: 0; }
.content_wrapper1 { background: url(skin/sh_right.png) right top repeat-y; padding: 0; position: relative; }
.content_wrapper2 { margin: 0 8px; position: relative; }
.content { padding: 0 4px 50px 24px; position: relative; top: -10px; }
.footer { background: url(skin/sh_bot.png) left bottom no-repeat; position: relative; }
.footer span { background: url(skin/sh_bot-right.png) right bottom no-repeat; height: 100%; width: 16px; position: absolute; bottom: 0; right: 0; }


/** 
 * Containers
 * 
 * @section			Header, content and footer
 */

.container {
  margin: 0 auto;
  min-width: 956px;
  max-width: 95.6em;
  padding-top: 176px;
  
} 	/* 4 main columns, width: 956px / 10px = 95.6em */

#login .container { min-width: 516px; max-width: 51.6em; }
#login .content_wrapper2 { border-top: none; }

.container.wide { max-width: 118.4em; }											/* 5 main columns, width: 1184px / 10px = 118.4em */
.container.wider { max-width: 142.2em; }											/* 6 main columns, width: 1412px / 10px = 142.2em */

.container.fixed { margin: 0 auto; width: 956px; }
.wide.fixed { width: 1184px; }
.wider.fixed { width: 1422px; }

.liquid { margin: 0 20px; max-width: 100%; }		/* max. possible width in given browser window */


/** 
 * Templates
 * 
 * @section			Styles for different template layout configurations
 * @note			Don't mix 'template' and 'grid' styles, although it's possible
 *					to nest 'grid' styles inside 'template' styles (not the other way around!)
 */

.content_main,
.content_add,
.content_supp,
.nav_sub,
.breadcrumb { padding-top: 50px; overflow: hidden; position: relative; }

.nobreadcrumb .content_main,
.nobreadcrumb .content_add,
.nobreadcrumb .content_supp,
.nobreadcrumb .nav_sub,
.nobreadcrumb .breadcrumb { padding-top: 25px; overflow: hidden; position: relative; }

.nobreadcrumb .breadcrumb { display: none; }


/* Home template (with and without 'tong') */
.content { overflow: hidden; }
.content_main { float: left; width: 50%; }
.content_main.wide,
.content_add { float: none; overflow: hidden; width: auto; } 
.content_supp { float: left; width: 25%; overflow: visible; }

#home .content_supp{
width: 50%;
padding-top: 30px;
}

.home-teaser{
  text-align: center;
  color: #A90061;
  margin-top: 3.5em;
}

.home-teaser p{
  margin: 0;
}

#home .content_main{
  padding-top: 30px;
}

.home-searchblock{
  background: #f2d9e7;
  padding: 12px;
  width: 412px;
  margin-bottom: 4em;
}

#home  .equalize .home-searchblock h2{
  color: #a90061;
  margin-bottom: 0.5em;
}

.home-searchblock legend{
  display: none;
}

.home-searchblock ol{
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-searchblock li{
  display: block;
  margin-bottom: 0.5em;
}

.home-searchblock label{
  display: block;
  float: left;
  width: 140px;
}

.home-searchblock input.text{
  width: 265px;
}

.home-searchblock select.largeselect{
  width: 270px;
}

.home-searchblock input.submit{
  width: 100px;
  height: 25px;
  background: #a90061;
  color: #FFF;
  border: 0;
  float: right;
  font-size: 1.2em;
}

.full.home-teaserimage img{
  margin-top: 0;
}

.newsitem{
    margin-bottom: 1.4545em;
}

.newsitem  p{
    margin: 0;
}

.newsitem .date{
  color: #4d4d50;
}

.newsitem .meta{
    color: #535353;
}

.newsitem.hasimage img{
  float: left;
}

.newsitem.hasimage .text{
  margin-left: 110px;
}

.newsitem h2{
  font-size:1.2em;
  font-weight:bold;
  line-height:1.3333;
  margin-bottom:0.4343em;
  margin-top:1em;
}

.mod.box.factsfigures{
  padding-bottom: 2em;
}

.mod.box.factsfigures p{
  padding: 0;
}

.mod.box.factsfigures img{
  margin: 0;
}

.mod.box.closed.domore{
  border: 0;
}

.mod.box.domore.closed, .mod.box.domore h2.head, .mod.box.closed.domore h3{
  background-color: #eaefeb;
}

.unit .unit {
  float: none;
}
.mod.box.domore h2.head{
  color: #a90061;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}

.mod.box.closed.domore h3{
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.1em;
}

.mod.box.domore.closed p.image{
  padding: 0;
}

.mod.box.closed.domore img{
  display: block;
}

.quoteblock{
  width: 168px;
  height: 103px;
  overflow: hidden;
  text-align: center;
  color: #a90061;
  
  margin-bottom: 1em;
  padding: 20px 20px;
}

.quoteblock p.quote{
  font-size: 1.7em;
  line-height: 1.2em;
  margin-bottom: 0.5em;
}

.quoteblock a{
  color: #a90061 !important;
}

.quoteblock.green{
  background: #eaefeb url('../images/quoteblock-green_bg.png') 0 0 no-repeat;
}

.quoteblock.pink{
  background: #f2d9e7 url('../images/quoteblock-pink_bg.png') 0 0 no-repeat;
}

h5.searchresultfiltergroup{
  display: block;
  font-size: 1.1em;
  padding: 2em 1em 0.2em 1.8em;
}

.nav_sub.searchresultfilters h2{
  display: block;
  padding: 0.2em 1em 0 1.4em;
  font-size: 1.4em;
  font-weight: bold;
}

.nav_sub.searchresultfilters h3, .nav_sub.searchresultfilters legend{
  font-size: 1.2em;
  display: block;
  padding: 0.2em 1em 0 1.4em;
}

.nav_sub.searchresultfilters legend{
  padding-left: 0;
}

.searchresultfilters li.active{
  background: #f2d9e7 url('../images/icon-close.png') 95% 50% no-repeat;
}

.searchresultfilters li.active a, .nav_sub.searchresultfilters li.active a:hover{
  background-color: transparent !important;
}

.searchresultfilters .link-moreless{
  text-align: right;
}

.content_main form.form_ll fieldset li{
  padding: 0.4em;
}

.list.search_results{
  border-top: 0;
}

.nav_page.top{
  border-bottom: 3px solid #CCCCCC;
  padding-bottom: 10px;
  margin-right: 20px;
}

#searchresults-redactioneel{
  background: #eaefeb;
  padding: 2em;
  margin: 1.5em 20px 1.5em 0;
}

#searchresults-redactioneel h2 a{
  color: #154273;
}

#searchresults-redactioneel p{
  margin-bottom: 0;
}

#searchresults-redactioneel .details{
  color: #535353;
}

#searchresults-redactioneel h2{
  margin: 0 0 0.6em 0;
  font-size:1.1em;
  font-weight:normal;
  line-height:1.5;
}

.list.search_results h2{
  font-weight: normal;
}

.list.search_results .person{
  position: relative;
  margin-top: 5px;
  clear: both;
  vertical-align: top;
}

.list.search_results .person img {
  margin-right: 10px;
  float: left;
}
.list.search_results .person .data {
  zoom:1;
  float: left;
}
.list.search_results .person .data h2 {
  margin-top: 0;
}
.search_results  li {
  clear: both;
}
.search_results  li:after {
  visibility: hidden;
  font-size: 0.1em;
  zoom: 1;
  content: '.';
  clear: both;
}


.list.search_results .calendaritem{
  position: relative;
  padding-left: 45px;
}

.list.search_results .calendaritem .date{
  width: 37px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/search_results_calendaritem.png') 0 0 no-repeat;
}

.list.search_results .calendaritem .date p{
  margin: 0;
  padding: 0;
}

.list.search_results .calendaritem .date .month{
  display: block;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 5px;
}

.list.search_results .calendaritem .date .day{
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 15px;
  left: 0px;
  text-align: center;
  width: 33px;
}

form.filter_fromto{
  padding: 0 0 1em 1.8em;
}

.content_main:after{
  visibility: hidden;
  content: '.';
  display: block;
  clear: both;
}

.subjectlist h2{
  margin: 2em 0 0.4em 0;
  font-weight: bold;
  font-family: Arial;
}

.subjectlist h2 a{
  text-decoration: underline;
}

.campagneheader{
  margin-left: -24px;
  margin-top: 10px;
}

.campagneheader img{
  margin: 0;
  display: block;
}

.campagneheader h1, .campagneheader p{
  display: none;
}

#campagnefilters.inactive{
  margin-top: -22px;
  z-index: 2;
  position: relative;
}

#campagnefilters form{
  background: #f3f5f6;
  margin-left: -24px;
  width: 906px;
  padding: 25px;
}

#campagnefilters.inactive form{
  display: none;
}

#campagnefilters form:after{
  visibility: hidden;
  content: '.';
  display: block;
  clear: both;
}

#campagnefilters .filterbutton{
  display: block;
  width: 206px;
  height: 24px;
  margin-top: -24px;
  background: url('../images/campagnefilters-button.png') 0 0 no-repeat;
}

#campagnefilters.inactive .filterbutton{
  background-position: 0 -24px;
}

#campagnefilters h2{
  color: #154273;
  font-family: Arial;
  font-weight: bold;
}

#campagnefilters label{
  display: block;
  color: #154273;
}

#campagnefilters .column{
  width: 208px;
  float: left;
  margin-right: 15px;
}

.campagnelist h2{
  font-family: Arial;
  font-size: 2.2em;
  margin: 1em 0 0 0;
}

.campagnelist ol{
  list-style: none;
  margin: 2em 0 0 0;
  padding: 0;
}

.campagnelist li{
  display: block;
  background: #eaefeb;
  width: 208px;
  height: 210px;
  float: left;
  margin: 0 20px 20px 0;
}

.campagnelist img{
  margin: 0;
}

.campagnelist h3{
  font-family: Arial;
  font-size: 1.4em;
  margin: 0.3em 0;
  padding: 0 12px;
}

.campagnelist p{
  padding: 0 12px;
  margin: 0;
  font-size: 1em;
  line-height: 1.3em;
}

.tagline{
  position: absolute;
  left: 40px;
  top: 95px;
  width: 267px;
  height: 18px;
  background: url('../images/tagline.png') 0 0 no-repeat;
  text-indent: -1982px;
}

.footerbox{
  border: 1px solid #f2d9e7;
  clear: both;
  width: 890px;
  margin-top: 5em;
}

.footerbox:after{
  visibility: hidden;
  content: '.';
  display: block;
  clear: both;
}

.footerbox .payoff{
  width: 25%;
  float: left;
  padding-left: 20px;
}

.footerbox .payoff .slogan{
  margin-top: 2em;
  text-indent: -2000px;
  overflow: hidden;
  background: url('../images/payoff-slogan.png') 0 0 no-repeat;
  width: 158px;
  height: 83px;
}

.footerbox ul{
  float: left;
  width: 20%;
  margin-top: 2em;
}

.footerbox h2{
  background: #f2d9e7;
  padding: 10px 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2em;
  margin-top: 0;
}

/* Content template */
#content .content_main { left: 25%; }
#content .content_main.wide { width: 75%; }
#content .nav_sub { width: 25%; position: absolute; top: 0; margin-left: -24px;}
#content .content_add { width: 25%; left: 25%; }

/* Login template (smaller content area) */
#login .content_main { width: 100%; }

/* Breadcrumb */
.breadcrumb { margin: 0 0 -50px 25%; padding-left: 0; padding-top: 16px; width: 75%; z-index: 999; }
.breadcrumb.left { float: none; margin-left: 0; }
.breadcrumb p { padding: 0 24px 0 0; }


/** 
 * Miscellaneous
 * 
 * @section	Handy miscellaneous box styling classes
 */

.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.left { float: left; }
.right { float: right; }

.margin_top_5 { margin-top: 5em; }
.margin_top_3 { margin-top: 3em; }

.img_right {
  float: right;
  width: 192px;
  color: #767676;
  margin-left: 5px;
}

.img_right img {
  margin-bottom: 2px;
  display: block;
}

/** 
 * Download links
 * 
 */

.download-xls{
  background: url('../images/file-icons.png') 0 2px no-repeat;
  padding-left: 15px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.download-pdf{
  background: url('../images/file-icons.png') 0 -38px no-repeat;
  padding-left: 15px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.download-ppt{
  background: url('../images/file-icons.png') 0 -80px no-repeat;
  padding-left: 15px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/** 
 * Clearing floats 
 * 
 * @section	Clear floated elements
 * @see		Clearing floats, ttp://sonspring.com/journal/clearing-floats
 *	Easy clearing, http://www.positioniseverything.net/easyclearing.html
 */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .nav_main:after, .nav_bar:after, .title_bar:after, .search ul:after, .visual:after, .banner:after, .toolbox:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix, .nav_main, .nav_bar, .title_bar, .search ul, .visual, .banner, .toolbox { display: inline-block; }
* html .clearfix, * html .nav_main, * html .nav_bar, * html .title_bar, * html .search ul, * html .visual, * html .banner, * html .toolbox { height: 1%; }
.clearfix, .nav_main, .nav_bar, .title_bar, .search ul, .visual, .banner, .toolbox { display: block; }

.footer .ref{
  height: 25px;
  padding: 0;
  position: relative;
  width: 500px;
  background: url('../logos/RO_footer.png') 0 0 no-repeat;
  margin: -20px auto 0 auto;
}

.violet .banner.author {
  color: #000;
  border: 1px solid #dcdcdc;
  padding-left: 73px;
  position: relative;
  min-height: 67px;
}

.violet .banner.author img {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0;
}

.violet .banner.author h4, .violet .banner.author a {
  color: #164273;
  text-decoration: underline;
}

.violet .banner.author p {
  margin-top: 5px;
}

.file_block {
  border: 1px solid #dcdcdc;
  padding: 10px;
  color: #6b6b6b;
  margin-right: 20px;
  margin-bottom: 20px;
}

.file_block h2 {
  margin: 0px;
  font-weight: bold;
  color: #404040;
}

.file_block p {
  margin-bottom: 0px;
  margin-top: 3px;
}

.file_block .pdf {
  background: url('../images/file-pdf.png') 0 0 no-repeat;
  padding-left: 20px;
  padding-top: 3px;
}

.file_block .ms-excel {
  background: url('../images/file-excel.png') 0 0 no-repeat;
  padding-left: 20px;
  padding-top: 3px;
}

#campagnefilters .column p {
  margin-bottom: 4.3em;
}

/* TOOLTIPS */
.tooltip-link {
  position: relative;
  cursor: pointer;
}

.tooltip {
  display: none;
}

.tooltip.open {
  position: absolute;
  display: block;
  background: #eaefeb;
  top: 0;
  left: 0;
  max-width: 250px;
  padding: 3px;
  margin-left: 30px;
  margin-top: -40px;
  z-index:999;
  text-align: left;
}

.tooltip .tooltip-inner {
  border: 1px solid #fff;
  padding: 20px;
}

.tooltip .tooltip-inner .tooltip-close {
  position: absolute;
  right: 3px;
  top: 3px;
  background: url("../images/tooltip-close.png");
  text-indent: -999px;
  overflow: hidden;
  display: block;
  width: 16px;
  height: 16px;
} 

.tooltip .tooltip-inner p {
  font-size: 11px;
  font-style: normal;
  padding-right: 0;
  text-decoration: none;
  color: #696969;
}



/* TOOLTIPS - end */

/* medewerker */
.contactgegevens-medewerker {
	background-color: #eaefeb;
	padding: 0;
	margin: 0;
	margin-right: 20px;
	padding: 1em 1.5em;
	overflow: hidden;
}

.contactgegevens-medewerker dd {
	font-size: 1.1em;
	float: left;
	width: 255px;
}

.contactgegevens-medewerker dt {
	font-size: 1.1em;
	float: left;
	clear: left;
	width: 110px;
}

.contactgegevens-medewerker ul {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 1em;
	clear: both;
}

.contactgegevens-medewerker ul li {
	font-size: 1em;
	float: left;
	margin-bottom: 0;
	background-image: none;
	padding-left: 0.3em;
}

.contactgegevens-medewerker ul li a {
	text-decoration: underline;
	font-size: 1em;
}
/* medewerker - end */



.iconspringin {
	padding-left: 16px;
	
}

.toolbox li.toolboxicons {
	float: right;
	text-align: right;
	margin-bottom: 0px;
	margin-top: 1px;
}

ul.toolbox li {
	width: 30%;
}

.iconinline .stButton,
.iconspringin .stButton {
	margin-left: 0px;
	margin-right: 0px;	
}

.iconinline .stButton .chicklets,
.iconspringin .stButton .chicklets {
	padding-left: 16px;
}

.nav_main a {
	line-height: 21px;
}

.content_main { position: relative; min-height: 400px; }