/* ----- DATESTAMP: 17.11.2014 ----- */

/* 2e ronde aanpassingen UMSPORT webshop */

/* ACHTERGROND PLAATJES MET CSS VERWIJDEREN MOETEN EINGENLIJK UIT HTML */
#ribbonwrapper, #breadcrumb, #menu {
	background-image: none !important;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'TSB4SemiLightFF';
    src: url('TheSans_LT_4_.eot');
    src: url('TheSans_LT_4_.woff') format('woff'),
         url('TheSans_LT_4_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TSB7BoldFF';
    src: url('TheSans_LT_7_.eot');
    src: url('TheSans_LT_7_.woff') format('woff'),
         url('TheSans_LT_7_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TSB5PlainFF';
    src: url('TheSans_LT_5_.eot');
    src: url('TheSans_LT_5_.woff') format('woff'),
         url('TheSans_LT_5_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	font: 0.85em/1.8em 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	padding: 0;
	width: 100%;
}

html, body, #master
{
	height: 100%;
	 -webkit-text-size-adjust:none;
}

#wrapper,
#footer{
  	text-align: left;
  	margin: 0 auto;
	width: 100%;
	max-width: 1500px;
}

#wrapper{
  /*padding-top: 1px;*/
}

#maincontent a:visited{
	color: #001c3d;
	border-bottom: 1px solid #eee; /* Or whatever color you want */
    text-decoration: none;
}



a,
a:hover,
#maincontent a,
#maincontent a:hover{
	color: #001c3d;
	/*text-decoration: underline;*/
    text-decoration: none;
}

#maincontent a,
#maincontent a:hover{
	color: #001c3d;
	/*text-decoration: underline;*/
	border-bottom: 1px solid #ccc; /* Or whatever color you want */
    text-decoration: none;
}

a.arrow{
	background: url(../images/backgrounds/blue-small-arrow.gif) left 5px no-repeat;
	display:block;
	padding-left: 10px;
	padding-bottom: 2px;
}

th{
	text-align: left;
}

/* ================ */
/* = Autoclearing = */
/* ================ */
ul.faq .answer:after,
#titlebar:after,
#breadcrumb:after,
#content #toprow:after,
#maincontent .profile:after,
#content #snippets:after,
#sidebar div.comment div:after,
.box.alphabet ul:after,
.box .columns:after,
#footermenu:after,
#ribbonwrapper:after,
#wrapper:after,
#faq-search:after,
label.radio:after,
.clear:after,
ul.double:after,
.thumbnails:after,
.thumbnails .items ul:after,
.multimedia .selected:after,
.multimedia .tnavigation:after,
#sidebar div.poll form:after,
#newspresentation .newsitem:after,
.clearer:after,
.wm-field:after,
#search form:after{
	content: ".";
	visibility:  hidden;
	clear: both;
	display: block;
	height: 0px;
}

/* ============ */
/* = Logo bar = */
/* ============ */
#top {
	margin: 0px;
	margin-left: 220px;
	margin-top: 8px;
	height: 96px;
	top: 60px;
	overflow: hidden;
	position: absolute;
	/*z-index: 1;*/
}

#top img
{
	width: 407px;
}

#titlebar{
	width: 968px;
	position: relative;
}

#title{
	/*width: 770px;
	text-align:right;
	border-right: 1px solid #001c3d;
	padding: 11px 10px 11px 0;
	float:left;*/

	width: 100%;
	text-align: right;
	position: absolute;
	top: 133px;
	margin-left: -214px;
	z-index: 1000;
	max-width: 1500px;
}

#title.small{
	padding: 9px 10px 9px 0;
}

#title.small h1{
	font-size: 100%;
}

#title h1 img{
  display: block;
  float:right;
}

#title h1{
	font-size: 120%;
	color: #001c3d;
	font-weight: bold;
}

/* ================ */
/* = Language bar = */
/* ================ */
#titlebar #language{
	/*border: none;
	position: absolute;
	bottom: 0;
	right: 0px;
	margin-left: 0;*/
}

#language{
	/*width: 187px;
	text-align: right;
	margin-left: 780px;
	height: 10px;
	position: relative;
	border-left: 1px solid #001c3d;
	font-size: 90%;*/
	float: right;
}

#language a{
	color: #00133e;
}

#language span,
#language ul{
	position: absolute;
	width: 70px;
	margin-left: -205px;
	margin-top: 65px;
	z-index: 1000000;
	font-size: 92%;
	color: #fff;
	/*top: -10px;*/
}

#language span{
	/*left: 5px;*/
}

#language ul{
	/*right: 0px;*/
}

#language ul,
#language li{
	/*display: inline;*/
}

#language li span{
	/*position: relative;
	top: auto;
	left: auto;
	color: #001c3d;*/
}

#language li a,
#language li a:hover,
#language li a:visited{
	/*color: #001c3d;
	text-decoration: none;*/
}

#language li a:hover{
	/*text-decoration: underline;*/
}


/* ================= */
/* = Header & Menu = */
/* ================= */
#header{
	height: 30px;
	width: 100%;
	/*overflow: hidden;*/
	background: url(../images/menuback.gif);
	background-repeat: no-repeat;
	background-color: #ccc;
	/*position: relative;
	z-index: 200;*/

	/*background-color: #e84e10;
		overflow: hidden;
	width: 780px;
	position:relative;
	float:left;
	clear:right;
	height: 87px;
	z-index: 10001;*/
}

/*.subMenuWrap {
	margin-left: 40px;
	margin-top: 30px;
}*/

.subMenuHolder {
	position: relative;
	width: 100%;
	height: 455px;
	background-color: #ccc;
	overflow: hidden;
	z-index: 1000000;
	display: none;
}

.subMenuHolder {
	overflow: visible;
	min-height:455px;

}

.menuBtn
{
	width: 300px;
	height: 30px;
	background: url(../images/menuBtn.gif) 4px 6px no-repeat;
	color: #fff;
	padding-left: 40px;
	padding-top: 2px;
	font-size: 122%;
	display: none;
}

.subMenuItem
{

	display: none;
}

.submenumainitem
{
	color: #00133e;
	margin-bottom: 20px;
	font: 122%/122% 'TSB7BoldFF', TheSans, Verdana, sans-serif;

	background-image:url('/static/project/unimaaspresentation/images/supermenu/menuBull.gif');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 14px;
}

.submenumainitemn
{
	color: #00133e;
	margin-bottom: 20px;
	font: 122%/122% 'TSB7BoldFF', TheSans, Verdana, sans-serif;
	padding-left: 14px;
}

.submenusubitem
{
	border-bottom: 1px solid #eee;
	cursor: pointer;
	padding-bottom: 5px;
	padding-top: 5px;
	font: 100%/110% 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	background-image:url('/static/project/unimaaspresentation/images/supermenu/subMenuBull.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;
	width: 95%;
}

.submenusubitem a
{
	display:block; 
	margin-left:10px;
}

.submenusubiteml1
{
	border-bottom: 1px solid #eee;
	cursor: pointer;
	padding-bottom: 5px;
	padding-top: 5px;
	font: 100%/110% 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	width: 95%;
}

.submenusubiteml1 a
{
	display:block; 
	margin-left:17px;
}

.submenusubitem:hover
{
	background-color: #eee;
}

.submenuItemWrap:hover
{
	background-color: #d3d3d3;
}

.submenuItemWrap a:hover
{
	background-color: #eee;
	cursor: pointer;
}

.submenuItemWrap
{
	width: 15%;
	height: auto;
	padding-left: 10px;
	margin-top: 10px;
	float: left;
	border-left: 1px solid #aaa;
}	

.subMenuHolder li
{
	border-bottom: 1px solid #fff;
	background: url(../images/menulinew.gif) 200px 30px no-repeat;
	width: 210px;
	padding-top: 4px;
}

#menu {
	/*height: 25px;
	padding: 30px 20px 0px 21px;
	color: #fff;
	border-left: 1px solid white;
	margin-left: 22px;
	background: none #001c3d top right no-repeat;*/
	float: left;
	height: 30px;
	width: 100%;
	font-size: 120%;
	/*
	background: #00133E;
	border-left: 30px #E84E10 solid;*/
}


#menu ul{
	margin-left: 40px;
	margin-top: 3px;
}

#breadcrumb{
	margin-left: 215px;
	margin-top: 152px;
	/*margin-left: 22px;
	padding: 10px 20px 0px 21px;
	color: #fff;
	border-left: 1px solid white;
	background: none #00a2db top right no-repeat;
	min-height: 22px;
	text-align: right;*/
}

#rolldown-menu
{
	position: absolute;
	top: 154px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	font-size: 120%;
	/*width: 100%;*/
	max-width: 1580px;
	/*background-color:#00a2db;*/
}

#breadcrumb {
	position: absolute;
	z-index: 10000;

}

#rolldown-menu a, 
#menu a{
	color: #fff;
}

#breadcrumb a{
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
}

#menu ul,
#breadcrumb ul{
	float: left;
}

#breadcrumb ul{
	width: 680px;
	text-align: left;
	padding-bottom: 5px;
}

#menu ul li{
	display:block;
	padding-right: 14px;
	padding-left: 14px;
	color: #00a2db;
	position: relative;
  	height: 21px;
	float: left;
}

#breadcrumb ul li,
#sidemenu ul li{
	display:inline;
	color: #999;
}

#sidemenu ul {
	margin-left: -10px;
}

/************************
  Specific header colors bachelor
 ************************/

#bachelor #top {
	margin-left: 0px;
}

#bachelor.portal #menu a:hover{
  text-decoration: none;
  color: #001C3D;
}

#bachelor.portal #sidecontent 
{
	top: 105px;
}

#bachelor.portal #latestnews
{
	margin-top: 60px;
}

#bachelor.portal #rolldown-menu{
    /*background-color: #f39425;*/
    /*padding-top: 3px;*/
	height: 26px;
	width: 185px;
} 

#bachelor.portal #rolldown-menu > ul > li > a{
  color: #001c3d;
  margin-top: 2px;
  font-size: 90%;
}

#bachelor.portal #search{
  /*background-color: #F39425;*/
}  

#bachelor.portal #menu{
	/*background: url(../images/menubacklb.gif);
	background-repeat: no-repeat;*/
}

#bachelor.portal #sidemenu{
  /*background-color: #00A2DB;*/
}

/* ================= */
/* = Rolldown-menu = */
/* ================= */
/* used for multiple layer navigation, also makes use of the .box-styles */

#rolldown-menu > ul > li{
  /*float: left;*/
  /*margin-left: 20px;*/
  /* padding-bottom for hovering*/
  padding-bottom: 9px;
  position: relative;
  background-color: #fff;
}

#rolldown-menu li:first-child{
  /*margin-left: 0;*/
}

/* Styles specific (?!) for bachelor environment*/
#rolldown-menu{
    height: 30px;
}

#rolldown-menu li {

	border-top: 1px #ccc solid;
background: url(../images/menuline.gif) 160px 0px no-repeat;
font: 112%/130% 'TSB5PlainFF', TheSans, Verdana, sans-serif;
padding-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #fff;
}

#rolldown-menu li .menu.box{
  display: none;
  position: absolute;
  top: -1px;
  /*left: -13px;*/
  z-index: 10000;
  border-top: none !important;
  font-size: 85%;
  background: none;
  background-color: #ccc;
}

#rolldown-menu > ul > li:hover > a{
  color: #fff;
  text-decoration: none;
}



/*active class displays the deeper menu navigationable items*/
#rolldown-menu li.hover .menu,
#rolldown-menu li:hover .menu{
  display: block;
}

#rolldown-menu .menu.box .columns{
  /*background: url(../images/backgrounds/faux-rolldown-menu.png);
  margin: 18px 0 24px 0;*/
}

#rolldown-menu .box.one .columns{
  margin-bottom: 0;
}


/* ============== */
/* = Box-styles = */
/* ============== */
/* used for #rolldown-menu and footer menu */

.box{
  background: #eee;
  /*border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);*/
  /*margin-left: 180px;*/
  color: #646464;
  text-align: left;
  line-height: 14px;
  
  font-size: 16px !important;
  
  /*-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.25);  
  box-shadow:  1px 1px 4px rgba(0, 0, 0, 0.25); */
}

.box h1 {
	font-size: 200% !important;
	padding-top: 15px !important;
}

.box.one    { min-width: 220px;}
.box.two    { min-width: 220px; left: 0px !important;}
.box.three  { min-width: 525px;}
.box.four   { min-width: 700px;}

.box .columns{
  /*background: url(../images/backgrounds/faux-rolldown-menu.png) transparent 0 0;*/
  margin: 20px 0 24px 0;
}


.box .column{
  /*width: 155px;*/
  padding: 0px 8px 8px 8px;
  float: left;
}

.box .banner{
  display: block;
  margin: 24px 12px;
  background: #fff;
}

.box .banner img{
  overflow: hidden;
}

.box .single-item{
  margin-bottom: 10px;
}

.box .list{
  margin-bottom: 0px;
}

.box li{
	border-top: 0px !important;
	background-image: none !important;
  padding-left: 0.6em;
  text-indent: -0.6em;
  padding-bottom: 0px;
  font-size: 16px !important;
  border-bottom: 0px !important;
}

.box .single-item,
.box h3{
  margin-bottom: 16px !important;
  font-weight: bold;
  font-size: 16px !important;
}


/* Styles specific (?!) for bachelor environment*/

#rolldown-menu .box a, #rolldown-menu .box h3
{
	font-size:90% !important;
	color: #001c3d;
}

#rolldown-menu .box a,
#rolldown-menu .box a:visited,
.box a,
.box a:visited{
  color: #001c3d;
}

.box a:hover{
  text-decoration: none;
  color: #fff !important;
}

/* =========== */
/* = Content = */
/* =========== */
#contentwrapper{
	/*width: 780px;
	float:left;
	position: absolute;*/
	width: 100%;
}

.form #ribbonwrapper,
.bare #ribbonwrapper{
	background: none;
}

#ribbonwrapper{
	background: url(../images/backgrounds/ribbon-default.gif) top left repeat-y;
}

#bachelor #ribbonwrapper{
 background: url(../images/backgrounds/ribbon-bachelor.gif) top left repeat-y;
}

#bachelor.portal #ribbonwrapper{
  background: url(../images/backgrounds/ribbon-default.gif) top left repeat-y;
}

#master #ribbonwrapper{
	background: url(../images/backgrounds/ribbon-master.gif) top left repeat-y;
}

#bachelor.form #ribbonwrapper{
	background: url(../images/backgrounds/ribbon-bachelor-intranet.gif) top left repeat-y;
}

#master.form #ribbonwrapper{
	background: url(../images/backgrounds/ribbon-master-intranet.gif) top left repeat-y;
}

.form #content{
	width: auto;
}

#content{
	/*float:left;
	position:relative;
	display:inline;
	width: 758px;
	padding: 1px 0px 0px 0;
	margin-left: 22px;
	background-color: #fff;*/
}

#content h1{
	font: 270%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	color: #E84E10;
	margin-top: 15px;
	margin-bottom: 30px;
}

#content h1.tight{
	padding-bottom: 0;
}

#content h1.slogan{
	padding: 0;
	font-size: 120%;
	font-style: italic;
}

/* =================== */
/* = Content : Broad = */
/* =================== */

#content.broad{
  width: 759px; /* Covers up the line of ribbonwrapper */
  background: #fff;
  margin-left: 0;
  padding-left: 22px;
}

#content.broad table.generic,
#content.broad table.balanced,
#content.broad table.listing,
#content.broad table.azlist,
#content.broad table.figure,
#content.broad table.form,
#content.broad form{
  position: relative;
  width: 656px;
  margin-right: -195px;
}

#content.broad table.generic{
  width: 597px;  
}

/* ================== */
/* = Content : menu = */
/* ================== */
#contentmenu{
	width: 200px;
	margin-top: -14px;
	position: absolute;
}

#contentmenu ul{
	margin-top: 15px;
	margin-bottom: 30px;
    position: relative;
}

#contentmenu .sectionheader ul{
  margin-top: 0;
}

#contentmenu li{
  padding-right: 10px;
}

/* Back to news overview */
a.back{
	display:block;
	padding: 20px 0 0 22px;
}


/* Selection filter */
#newsfilter{
	padding: 20px 0 0 0;
	margin-bottom: 40px;
}

form.search{
	margin-top: 20px;
	padding-left: 22px;
}

#newsfilter select,
form.search input.text{
	font-family: verdana, arial;
	font-size: 90%;
	margin-top: 2px;
	margin-bottom: 10px;
}
form.search input.text {
	border: 1px solid #001c3d;
}

#newsfilter select{
	width: 232px;
}

#newsfilter input.button,
#newssearch input.button{
	float:right;
}

form.search input.text{
	padding: 2px 18px 2px 2px;
	width: 166px;
	background: url(../images/backgrounds/intranet-search-button.gif) #fff top right repeat-y;
}

form.search input.button{
	position: relative;
	left: 172px;
	top: -27px;
	display:block;
	float: left;
	padding: 4px 5px 4px 5px;
	height: 7px;
	border: none;
}

#newssearch{
	padding-left: 0px;
}

#newssearch input.text{
	width: 225px;
	margin-bottom: 5px;
}

/* MyUM header */
h2.myum {
  font-weight: normal;
  color: #e84e10;
  padding-bottom: 10px;
  line-height: 1.1em;
}

/* global */

#contentmenu ul.global{
	/*margin-left: 22px;*/
}

#contentmenu ul.global li,
#sidebar ul.global li{
	margin-bottom: 5px;
}

a.play span.goto,
#contentmenu ul.global li a,
#sidecontent ul.global li a,
#contentmenu ul.global li a:hover,
#sidecontent ul.global li a:hover{
	font-size: 110%;
	color: #e84e10;
	background: url(../images/backgrounds/orange-medium-arrow.gif) #fff left 0.3em no-repeat;
    padding-left: 15px;	
}

#contentmenu ul.global.home li a{
	color: #e84e10;
	background: none;
  	padding-left: 0px;
    display: inline;
}

#contentmenu ul.global.home li a:hover{

  text-decoration: none;
  background: #eee;
  border-top: 4px solid #eee;
  border-bottom: 4px solid #eee;
  /* TODO: licht blauwe arrow toevoegen */

}

a.play span.goto{
  background-color:transparent;
  background-image:url(../images/backgrounds/orange-medium-arrow-blue.gif);
  text-decoration: underline;
  font-weight: normal;
}

/* ================= */
/* = Sectionheader = */
/* ================= */
#contentmenu .sectionheader{
  margin: 20px 0px 0px 15px; 
}

#contentmenu .sectionheader h1{
  font-size: 100%;
  height: 20px;
  margin: 0px;
  margin-bottom: -10px;
}

#contentmenu .sectionheader h1,
#contentmenu .sectionheader .title{
  padding-bottom: 0;
  /*font-weight: bold;*/
}

#bachelor #contentmenu .sectionheader,
#bachelor #contentmenu .sectionheader a{
  color: #f39425;
}

#master #contentmenu .sectionheader,
#master #contentmenu .sectionheader a{ 
  color: #c9002c;
  /*margin-top: -10px;*/
}

/* detailed */
#contentmenu ul.detailed{
	margin-left: 15px;

}

#contentmenu ul.detailed li{
	border-top: 1px #ccc solid;
	background: url(../images/menuline.gif) 160px 0px no-repeat;
	font: 112%/130% 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	padding-top: 5px;
	margin-bottom: 10px;
}

#contentmenu ul.detailed li.active,
#contentmenu ul.detailed li a:hover,
#contentmenu ul.detailed li.selected li a:hover,
#contentmenu ul.detailed li.selected li.selected li a:hover{
	background-color: #eee;
	text-decoration: none;
}

li.active a
{
	margin-left: 10px;
	display: block;
}

#contentmenu ul.detailed.landingpage li.active,
#contentmenu ul.detailed.landingpage li a:hover {
  /*background-color: #fff;
  text-decoration: underline;*/
}

#bachelor #contentmenu ul.detailed li.active,
#bachelor #contentmenu ul.detailed li a:hover,
#bachelor #contentmenu ul.detailed li.selected li a:hover,
#bachelor #contentmenu ul.detailed li.selected li.selected li a:hover{
	/*background-color: #eee; */
}

#master #contentmenu ul.detailed li.active,
#master #contentmenu ul.detailed li a:hover,
#master #contentmenu ul.detailed li.selected li a:hover,
#master #contentmenu ul.detailed li.selected li.selected li a:hover{
	/*background-color: #eee; */
}

/* submenu color for detailed page */
#contentmenu ul.detailed li ul{
	font: 84%/130% 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	width: 185px;
	border-left: 1px #CCC solid;
	background: url(../images/menulinev.gif) 0px 0px no-repeat;
	/*background-color: white;*/
}

#contentmenu ul.detailed li li{
	margin-left: 10px;
	border: 0px #fff solid;
	background-image: none;
	/*font-weight: normal;
	line-height: 1.3;
	font-size: 90%;
	padding: 0 0 0 0px;*/
}

#contentmenu ul.detailed li li li{

	/*padding: 0 0 0 0px;*/
}

#contentmenu ul.detailed li a{
	/*color: #000;*/
}

#contentmenu ul.detailed li.selected{
	/*padding-bottom: 0;
	margin-bottom: 4px;*/
}

#contentmenu ul.detailed li.selected a{
	/*background-image: url(../images/backgrounds/blue-medium-arrow-rotated.gif);*/
}

#contentmenu ul.detailed li.selected li a{
	/*background: url(../images/backgrounds/blue-small-arrow.gif) 19px 0.5em no-repeat;
	padding-left: 29px;*/
}

#contentmenu ul.detailed li.selected li li a,
#contentmenu ul.detailed li.selected li.selected li a{
	/*padding-left: 40px;
	background: url(../images/backgrounds/blue-small-arrow.gif) 30px 0.5em no-repeat;*/
}

#contentmenu ul.detailed li.selected li.selected a,
#contentmenu ul.detailed li.selected li.selected li.selected a{
	/*background-image: url(../images/backgrounds/blue-small-arrow-rotated.gif);*/
}

#contentmenu a.active{
	text-decoration: underline;
}


/********************************
 * SITEMAP                      *
 * styles based on content menu *
 ********************************/

/* first level */
#sitemap li{
  padding-bottom: 10px;
}

#sitemap li a,
#sitemap li a:hover{
	font-size: 110%;
	color: #e84e10;
	/*font-weight: bold;*/
	background: url(../images/backgrounds/orange-medium-arrow-rotated.gif) #fff left 0.3em no-repeat;
	display:block;
	padding-left: 15px;
  padding-bottom: 7px;
}

#sitemap li.final a,
#sitemap li.final a:hover{
  background-image: url(../images/backgrounds/orange-medium-arrow.gif);
}

#sitemap li a:link,
#sitemap li a:visited{
  text-decoration: none;
}

#sitemap li a:hover{
  text-decoration: underline;
}

#sitemap li a:visited{
  color: #e84e10;
}

/* second level */
#sitemap li ul{
  padding-left: 44px;
}

#sitemap li li{
  padding-bottom: 0;
}

#sitemap li li a,
#sitemap li li a:hover{
  color: #001c3d;
  background-image: url(../images/backgrounds/blue-medium-arrow-rotated.gif);
}

#sitemap li li a:visited{
  color: #00a2db;
}

/* third level */
#sitemap li li li a,
#sitemap li li li a:hover{
  font-size: 100%;
  padding-bottom: 4px;
}

#sitemap li li.final a,
#sitemap li li.final a:hover{
	background-image: url(../images/backgrounds/blue-medium-arrow.gif);
}

/* fourth level */
#sitemap li li li li a,
#sitemap li li li li a:hover{
  font-size: 90%;
  font-weight: normal;
  background: url(../images/backgrounds/blue-small-arrow-rotated.gif) #fff left 0.4em no-repeat;
  padding-bottom: 2px;
  padding-left: 10px;
}

#sitemap li li li li.final a,
#sitemap li li li li.final a:hover{
	background-image: url(../images/backgrounds/blue-small-arrow.gif);
}

/*///////////////////////////*/

#maincontent{
  	/*padding: 20px 15px 30px 0;
	line-height: 1.3;*/
	float: left;
    margin-left: 220px;
    margin-right: 230px;
    border-top: #ccc solid 1px;
    padding-top: 35px;
}

#toprow {
    margin-top: 123px;
}

/* The wider variant is only used in combination with the drop-down menu */
#maincontent.wider,
#maincontent.no-menu{
    margin-left: 220px;
    margin-right: 230px;
}


#maincontent.broader{
  /*width: 722px;*/
  margin-right: 0px;
}

#maincontent h3{
	font-style: italic;
	font-weight: normal;
}

#maincontent img.visual{
	/*position:relative;
	float:left;
	display:inline;*/
	margin-bottom: 20px;
	width: 95%;
	height: auto;
}

/* =============================== */
/* = General purpose text wrapper = */
/* =============================== */

#maincontent div.text,
div.text{
  margin: 0;
  padding: 0;
}

/* ========== */
/* = Images = */
/* ========== */

div.image,
div.image div,
#maincontent div.image,
#maincontent div.image div{
  padding: 0;
}

div.image em{
  display: block;
}

#maincontent .image .left,
.image .left{
	float:left;
	padding: 0 10px 5px 0;
}

#maincontent .image .right,
.image .right{
	float:right;
	padding: 0 0 5px 10px;  
}

#maincontent .image .clear,
.image .clear{
  clear: both;
	padding: 0 0 5px 0;    
}

#maincontent .image .center,
.image .center{
  display: block;
  margin-left: auto;
  margin-right: auto;
	padding: 0 0 5px 0;   
}


/* Dotted list */

/* .faqlist is same as .dottedlist but it has anchor tags with text-decoration*/

ul.faqlist,
ul.dottedlist{
	list-style:disc outside;
  margin-left: 15px;  
/*  clear: both;*/
}

ul.faqlist li,
ul.dottedlist li{
	padding-bottom:0.3em;	
}

ul.dottedlist.double{
	display:block;
	margin-left: 0;
}

ul.dottedlist.double li{
	float:left;
	margin-right: 15px;
	margin-left: 15px;
	width: 212px;
}

ul.faqlist h3,
ul.dottedlist h3{
   display:inline;
   font-style: normal;
   margin-right: 5px;
   /*font-weight: bold;*/
}

ul.dashedlist{
  margin-top:5px;
}

ul.dashedlist li:before{
  content: "-";
  margin-right: 5px;
}

/* anchor list */
ul.anchors{
	margin-bottom: 15px;
	list-style: disc outside;
}

ul.anchors li{
	font-size: 90%;
	padding-bottom: 5px;
	margin-left: 17px;
}

ul.anchors li a{
	display: inline-block;
}

/* ordered list */
ol{
  margin-left: 1.5em;
  list-style: decimal outside;
}

ol li{
	padding-bottom:0.2em;
	margin-left: 0.5em;
}

/* FAQ */
ul.faq{
  width: 100%;
  float: left;
	margin-bottom: 15px;
}

ul.faq li{
	font-weight: normal;
	line-height: 1.3;
	font-size: 100%;
	padding: 0;
}

ul.faq li a,
#maincontent ul.faq li a,
#maincontent ul.faq li a:visited{
	display:block;
	text-decoration: none;
	padding: 1px 0 1px 14px;
	background: url(../images/backgrounds/blue-small-arrow.gif) 2px 0.5em no-repeat;
}

ul.faq li a:hover,
#maincontent ul.faq li a:hover{
	text-decoration: underline;
}

ul.faq li.selected{
	padding-bottom: 0;
	margin-bottom: 4px;
}

ul.faq li.selected a,
#maincontent ul.faq li.selected a,
#maincontent ul.faq li.selected a:visited{
	background-image: url(../images/backgrounds/blue-small-arrow-rotated.gif);
}

ul.faq li ul{
	margin: 0;
	background-color: white;
}

ul.faq li li{
	background: url(../images/backgrounds/blue-small-arrow.gif) 14px 0.5em no-repeat;
	padding-left: 24px;
	margin-bottom: 0.2em;
}

ul.faq li li.selected{
	background-image: url(../images/backgrounds/blue-small-arrow-rotated.gif);
}

#maincontent ul.faq h3{
	/*font-weight: bold;*/
	font-style: normal;
}

#maincontent ul.faq .answer,
#maincontent ul.faq div.answer{
  margin: 0;
  padding: 0;
	display:none;
}

#maincontent ul.faq li.selected li.selected .answer,
#maincontent ul.faq li.selected li.selected div.answer{
  display: block;
}

#maincontent ul.faq li.selected li a,
#maincontent ul.faq li.selected li a:visited{
	padding: 0;
	background: none;
	background-image: none;
}

#faq-search{
	margin: 5px 0 20px 0;
}

#faq-search input,
#faq-search select{
	float:left;
	margin-right: 5px;
	display:block;
}

#faq-search select{
	width: 150px;
}

/*///////////////*/

#maincontent div{
	/*padding: 0 0 30px 0;*/
}

#maincontent p.highlight{
	/*font-weight: bold;*/
}

#maincontent p.date{
	margin-top: 2em;
}

.sectionheader .spaced,
#maincontent .spaced,
#snippets .spaced,
#maincontent p.highlight{
	padding-bottom: 1em;
}

#maincontent p.signature{
	/*font-weight: bold;*/
	font-style: italic;
}

.sectionhaeder .bold,
#maincontent .bold{
	/*font-weight: bold;*/
}

#snippets{
	background: url(../images/backgrounds/snippets.gif) top left repeat-y;
  display:inline-block;
	min-height: 154px;
	/*margin-bottom: 30px;*/
}

#snippets.dual{
	margin-left: 252px;
}

#snippets div{
	text-align: right;
	width: 231px;
	margin-right: 20px;
	border-top: 1px solid #001c3d;
	float:left;
	display:inline;
	padding-right: 1px;
}

#snippets div.news{
	text-align: left;
	padding: 10px;
	width: 212px;
	line-height: 1.4;
}

h2{
	/*font-weight: bold;*/
}

p.totop{
  text-align: right;
}

#maincontent a.totop{
	float:right;
	margin-left: 5px;
	font-weight: normal;
	text-decoration: none;
}

a.totop:hover,
#maincontent a.totop:hover{
	text-decoration: underline;
}

/* ================ */
/* = Content :box = */
/* ================ */

#maincontent .box{
  margin-bottom: 10px;
  padding: 1px 20px 1px 20px;
}

#maincontent .box h1,
#maincontent .box h2,
#maincontent .box h1 a,
#maincontent .box h2 a{
  color: #00A2DB;
  margin: 12px 0;
  padding: 0;
}

#maincontent .box h2,
#maincontent .box h2 a{
  font-size: 130%;
}

#maincontent .box .form{
  width: 100%;
  margin-top: 0;
  margin-bottom: 12px;
}

#maincontent .box .form td{
  vertical-align: middle;
}

#maincontent .box .description{
  /*width: 117px;*/
  display: none;
}

#maincontent .box .input{
  width: 320px;
}

#maincontent .box input.long,
#maincontent .box select.long{
  width: 100%;
}

/* NIEUWE BUTTON */

input[type="submit"] {
	-webkit-box-align: center;
	text-align: center;
	cursor: default;
	color: #fff;
	padding: 4px 18px 5px;
	border: none;
	border-image: none;
	background-color: #E84E10;
	box-sizing: border-box;
}

table.form {
	line-height: 1.5em;
}

/***************
  Alphabet for profile
 ***************/

.box.alphabet ul{
  margin: 0 0 1.2em -23px;
  
}
.box.alphabet li{
  float: left;
  margin: 0.5em 0 0 23px;
  font-size: 130%;
  font-weight: bolder;
}

#maincontent .box.alphabet li a, 
#maincontent .box.alphabet li a:visited,
#maincontent .abc-item li a, 
#maincontent .abc-item li a:visited{
  text-decoration: none;
}

#maincontent .box.alphabet li a:visited,
#maincontent .abc-item li a:visited{
  color: #001C3D;
}

#maincontent .abc-item li a:hover,
#maincontent .box.alphabet li a:hover{
  color: #00A2DB !important;
}

#maincontent .abc-item{
  margin: 25px 0 0 22px;
}

#maincontent .abc-item h3{
  font-weight: bold;
  font-size: 110%;
  line-height: 1.4;
  font-style: normal;
}

#maincontent .abc-item ul li{
  list-style: disc;
  list-style-position: inside;
}

.box .submit{
  text-align: right;
}

/* styles for the display of a profile */
#maincontent .profile{
  padding-bottom: 15px;
  /*border-right: 1px solid #000;
  border-bottom: 1px solid #000;*/
  background-color: #eee;
  margin-left: 0px;
  margin-bottom: 20px;
  margin-top: 15px;
  padding: 15px;
}


#maincontent .profile h1{
  padding-bottom: 0;
}

#maincontent .profile .sub,
#maincontent .profile .contactinfo,
#maincontent .profile .positions{
  margin-bottom: 15px;
  padding-bottom: 0;
}

#maincontent .profile .card{
  /*width: 290px;*/
  float: left;
  margin-right: 10px;
  padding-bottom: 0;
}

#maincontent .profile .photo{
  float: right;
  width: 140px;
  /*margin-right: 20px;*/
  margin-left: 10px;
  padding-bottom: 0;
  text-align: right;
}

#maincontent .spaced {
	/*padding-bottom: 0px !important;*/
}

.profile dl dt
.profile dl dd{
  padding-bottom: 5px;
}

.profile h1 {
	margin-top: 5px !important;
}

.profile dl dt{
  font-weight: bold;
}

#div-profile h2 {
	font-size: 150%;
	padding-bottom: 0.5em;
}

.profile .contactinfo .type{
  font-weight: bold;
}

.social-buttons li{
  display:inline;
  margin-left: 5px;
}

.social-buttons li:first-child{
  margin-left: 0;
}

.social-buttons a,
.social-buttons a img{
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

ol.projects{
  list-style: decimal;
  list-style-position: inside;
}

ol.projects li{
  margin-left: -1.5em;
}

ol.projects .name{
  font-style: italic;
}

ol.projects .details{
  display: block;
}

#maincontent .more-link{
  padding-bottom: 10px;
  text-align: right;
}

#maincontent .more-link a{
  color: #001C3D;
  text-decoration:none;
}

#maincontent .publications ~ .more-link a{
  color: #3b55a5;
}

.publications li{
  padding-bottom: 0;
  line-height: 1.6;
}

#maincontent .publications li a,
#maincontent .publications li a:visited{
  color: #3b55a5;
}

/***************
  General table
 ***************/

table.balanced{
	width: 99%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.balanced tr{
	vertical-align: top;
}

table.balanced td{
	padding: 3px 5px 3px 0;
	width: 50%;
	text-align: left;
}

/************
  Form table
 ************/
p.explanation{
	width: 500px;
	margin-top: 0.1em;
	margin-bottom: 0.2em;
}

table.form tr{
	vertical-align: top;
}

table.form span{
	color: #e84e10;
}

table.form{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 660px;
	border-collapse: collapse;
}

table.form td.description{
	text-align: right;
}

table.form td.input{
	width: 240px;
}

table.form td.help{
	width: 235px;
}

table.form td{
	padding: 5px;
}

input,
select,
textarea{
	font-family: verdana, arial;
	font-size: 90%;
}

input,
textarea{
	padding: 2px;
}

select{
	padding: 1px;
}

table.form input.checkbox,
.choices input.checkbox{
	padding: 0;
	border: none;
}

table.form select{
	padding: 0;
}

table.form .extra-long,
input.extra-long{
	width: 320px;
}

table.form .long,
input.long{
	width: 240px;
}

table.form .medium,
input.medium{
	width: 120px;
}

table.form .short,
input.short{
	width: 50px;
}

table.form .tiny,
input.tiny{
	width: 30px;
}

table.form input.button{
	padding: 0;
}

table.form textarea{
	height: 50px;
	overflow:auto;
}

table.form td.help a,
#maincontent table.form td.help a,
div.tooltip{
	background-color: #001c3d;
	color: #fff;
	text-decoration: none;
}

table.form td.help a{
	position: relative;
	float:left;
	display:block;
	line-height: 17px;
	padding: 0px 6px;
}

label.radio{
	display:block;
	width: 100%;
	vertical-align: middle;
	margin-bottom: 2px;
}

label.radio input{
	border: none;
	padding: 0;
	margin-right: 3px;
	float:left;
}

#maincontent table.form td.help a span{
	color: #fff;
}

div.tooltip{
	display:none;
	position: absolute;
	padding: 5px;
	font-size: 85%;
}

td.input label,
ul.choices label{
	padding: 0 0px 5px;
    display: block;
    margin-left: 20px;
    margin-top: -15px;
}

ul.choices li{
	padding: 3px 0 0 0;
}

ul.choices{
	margin-bottom: 1em;
}

/************
  GX Forms
 ************/
.iaf-forms{
  width: 100%;
}

.iaf-forms form{
  width: 100% !important;
  margin-left: 0;
}

#maincontent .iaf-forms div{
  padding-bottom: 0; /* reseting the reset */
}

.iaf-forms .wm-field{
  margin-bottom: 20px;
}

.iaf-forms .wm-field.has-error{
  margin-top: -10px;
}

.iaf-forms .wm-field.has-error label{
  color: #E84E10;
}

.iaf-forms .wm-field-error{
  float: none;
  clear: both;
  margin-left: 35%; /* Alignment above input fields*/
  color: #E84E10;
}

.iaf-forms .fieldgrp .wm-field-label{
  float: left;
  width: 30%;
  text-align: right;
}

.iaf-forms .fieldgrp .wm-field-input{
  float: left;
  width: 50%;
  margin-left: 5%;
}

.iaf-forms .wm-field.submit,
.iaf-forms .fieldgrp .without-label .wm-field-input,
.iaf-forms .fieldgrp .wm-field-input:first-child{
  margin-left: 35%;
}

.iaf-forms .wm-field.submit .wm-field-input{
  width: auto;
}

.iaf-forms .wm-field.submit{
  float: left;
}

.iaf-forms .wm-field.submit + .wm-field.submit{
  margin-left: 5%;
}


.iaf-forms .fieldgrp .field{
  margin-top: 8px;
}

.iaf-forms .fieldgrp .field:first-child{
  margin-top: 0;
}

.iaf-forms .wm-field-helptext{
  float: left;
  width: 12%;
  margin-left: 3%;
}

#maincontent .iaf-forms .wm-field-helptext .tooltip,
#maincontent .iaf-forms .wm-field-helptext .tooltip:visited{
  background-color: #001C3D;
  color: #fff;
  text-decoration: none;
  position: relative;
  float: left;
  display: block;
  line-height: 17px;
  padding: 0px 6px;
  margin: 0 0 2px 2px;
}

.iaf-forms .fieldgrp .field select,
.iaf-forms .fieldgrp .field input,
.iaf-forms .fieldgrp .field textarea{
  width: 100%;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

.iaf-forms .field input[type=radio],
.iaf-forms .field input[type=checkbox]{
  width: auto;
}

.iaf-forms .formsteps{
  margin: 10px 0; 
}

.iaf-forms .formsteps .active{
  font-weight:bold;
}

.iaf-forms .formoverviewbox{
  background: #CAECFD;
}

.iaf-forms .formoverviewtable{
  margin-bottom: 1em;
  width: 100%;
}

.iaf-forms .steptitle,
.iaf-forms .sectiontitle{
  font-size: 120%;
  padding: 10px 0 3px 0;
  font-weight: bold;
}

.iaf-forms .sectiontitle:first-child{
  padding-top: 5px;
}

.iaf-forms .formoverviewtable td.label{
  padding-right: 10px;
  width: 30%;
}

/* Uti styles used by forms module */
.displayNone{
  display: none;
}

.iaf-forms .formsectionelement,
.iaf-forms .fieldgrp,
.iaf-forms .fieldgrp-default,
.iaf-forms .formsteps{
  clear:both;
}


/* ============== */
/* = Datepicker = */
/* ============== */

.ui-datepicker {
  background-color: #eeedee;
  border-radius: 3px;
  width: 220px;
  font-size: 11px;
}

.ui-datepicker .ui-datepicker-header {
  background-color: #00A2DB;
  border-radius: 3px 3px 0 0;
  color: #fff;
  line-height: 17px;
  padding: 5px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  width: 150px;
  left: 25px;
  right: 25px;
  position: relative;
  text-align: center;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  /* no href on jquery ui elements */
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  float: left;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right;
}

.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  border-left: 1px solid #c1c1c1;
  color: #001C3D;
  text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td:first-child,
.ui-datepicker .ui-datepicker-calendar th:first-child {
  border-left: 0;
}

.ui-datepicker .ui-datepicker-calendar th {
  padding-bottom: 10px;
}

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar th a {
  color: #333333;
  text-decoration: none;
  border-radius: 3px;
  padding: 4px 0 5px 0;
  width: 22px;
  display: inline-block;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: #E84E10;
  color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td a:hover,
.ui-datepicker .ui-datepicker-calendar th a:hover {
  background-color: #00A2DB;
  color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
  color: rgba(51, 51, 51, 0.5);
}

/* Datepicker input & button*/
.iaf-forms .fieldgrp .field input.datepicker.hasDatepicker {
  width: 80%;
}

.ui-datepicker-trigger {
  border: 0;
  padding: 0;
  background: none;
  padding: 0px;
  width: 18%;
}

.ui-datepicker-trigger span.icon {
  padding: 4px 5px 0 5px;
  background: url('../images/icons/datepicker.png') 0% 30% no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
}


/*************
   A-Z lists
 *************/

/* Study filter */
#studyfilter{
	border: 1px solid #001c3d;
	font-family: verdana, arial;
	font-size: 90%;
}
 
/* With index / indented */
ul.alphabet{
	padding-right: 5px;
	padding-bottom: 15px;
	text-align: center;
	list-style: none;
}

ul.alphabet li{
	display:inline;
	font-weight: bold;
}

ul.azlist{
	padding-right: 5px;
}

#maincontent ul.dottedlist.bare a,
#maincontent ul.dottedlist.bare a:visited{
	text-decoration: none;
}

#maincontent ul.dottedlist.bare a:hover{
	text-decoration: underline;
}

#maincontent ul.dottedlist.bare div.answer{
  padding: 0;
}
#maincontent ul.dottedlist.bare div.answer a{
  text-decoration: underline;
}

ul.azlist li{
	padding: 20px 0;
	background: url(../images/backgrounds/termlist-divider.gif) top left no-repeat;
	position:relative;
}

ul.azlist li.first{
	background: none;
	padding-top: 0px;
}

ul.azlist li span.totop{
	display:block;
	text-align: right;
	padding: 0;
	margin: 0;
}

ul.azlist li h2{
	font-weight: bold;
	text-decoration: underline;
	font-size: 100%;
	padding-bottom: 15px;
}

ul.azlist li ul{
	margin-left: 1.5em;
	padding-left: 15px;
	padding-bottom: 15px;
	list-style: disc outside;
}

ul.azlist li ul li{
	background: none;
	padding: 0 0 0 0px;
	line-height: 1.3;
}

ul.azlist li ul li ul{
	padding: 0;
	margin-left: 0;
	list-style: none;
}

ul.azlist li ul li ul li{
	padding-left: 10px;
	background: url(../images/backgrounds/dash.gif) 0% 50% no-repeat;
}

/* Without index / table style */
table.azlist{
	width: 99%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.azlist tr{
	vertical-align: top;
}

table.azlist td,
table.azlist th{
	font-weight: bold;
	text-align: left;
	padding: 2px 5px 2px 0;
}

table.azlist td.lang,
table.azlist th.lang{
	width: 100px;
}

table.azlist td.lang{
	font-weight: normal;
}


/* ============= */
/* = Newsitems = */
/* ============= */
#newsdatefilter select{
	font-family: verdana, arial;
	font-size: 90%;
	margin-bottom: 20px;
	margin-right: 5px;
}

ul.newsitems li{
  float: left;
  width: 100%;  
	margin-bottom: 1em;
}

ul.newsitems li a{
	display:block;
	padding-left: 10px;
	background: url(../images/backgrounds/blue-small-arrow.gif) left 5px no-repeat;
}

#maincontent ul.newsitems li a,
#maincontent ul.newsitems li a:hover,
#maincontent ul.newsitems li a:visited{
	text-decoration: none;
}

#maincontent ul.newsitems li a:hover h2{
	text-decoration: underline;
}

#maincontent ul.newsitems li img{
  float:left;
  margin-right: 5px;
  margin-top: 2px;
}

/* =============== */
/* = News widget = */
/* =============== */

#newspresentation div{
  padding: 0;
}

#newspresentation .newsitem,
#newspresentation .newsitem:hover{
  width: 495px;
  height: 80px;
  background-image:  url(../images/backgrounds/newsitem.png);
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

#newspresentation .lead{
  float: left;
  margin-right: 20px;
}
#newspresentation .content{
  padding: 5px 5px 0 0;
}

#newspresentation h2{
  font-size: 120%;
  margin-bottom: 3px;
}

#newspresentation .newsitem h2 ,  #newspresentation .newsitem:visited h2 {
  color: #001C3D;
}
#newspresentation .newsitem:hover h2{
  color: #00A2DB;
}

#newspresentation a p, #newspresentation a:visited p, #newspresentation a:hover p {
  text-decoration: none;
  color: #001C3D;
}
#newspresentation p{
  line-height: 15px;
  height: 30px;
  overflow: hidden;
}

#newspresentation .meta{
  position: absolute;
  bottom: 8px;
  right: 10px;
  color: #aaa;
  font-size: 90%;
}

/*************
   SIDE MENU
 *************/

#sidebar{
  /*position:relative;
  display:inline;*/
	float:right;
	width: 195px;
	padding: 0;
	margin: 0;
	border: 0;
}

#sidebar div.pagesectionright{
	margin-bottom: 15px;
}

#sidemenu{
	/*background-color: #001c3d;*/
	position: absolute;
	top: 0px;
    height: 28px;
    font-size: 120%;

	margin-top: 3px;
}

#sidemenu a{
  color: #fff;
}

#search input.text{
	width: 141px;
	padding: 2px 18px 2px 2px;
	background: url(../images/backgrounds/search-button.gif) #fff top right repeat-y;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 90%;
	color: #001c3d;
	float:left;
	border: 1px solid #ccc;
	margin-bottom: 5px;
    height: 15px;
}

#search a{
	color: #fff;
	font-size: 90%;
	letter-spacing: -0.2px;
	margin-right: 6px;
}

.print
{
	width: 21px;
	height: 21px;
	background-color: #001C3D;
	margin-left: 10px;
	  position: absolute;
  right: 0;
}

.print img {
	margin-top: 3px;
	margin-left: 3px;
}

#search a.print{

  top: 8px;
}

#search input.button{
	position: relative;
    left: -17px;
	display:block;
	float: left;
  padding: 0;
    height: 21px;
    width: 21px;
  background-color: #001C3D;
	border: none;
}

#search a{
	color: #fff;
}

#sidemenu ul li{
	padding-right: 7px;
}

#search,
#sidemenu{
	color: #fff;
}

#search{

    height: 24px;
  /*#search height is 32px, input.text has a height of 17px */
    padding: 8px 10px 0 0px;
    position: absolute;
	top: 30px;
	margin-left: -11px;

	width: 192px;
}

#sidecontent{
	padding: 20px 0px 0 0px;
	/*line-height: 1.4;*/
	position: absolute;
	top: 109px;
	width: 200px;
	margin-left: -12px;
}

#sidecontent ul a,
#sidecontent ul a:hover{
	color: #001c3d;
}


#latestnews h2{
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

#latestnews ul{
	padding-bottom: 5px;
}

#latestnews ul li{
	padding-bottom: 10px;
	font-size: 90%;
	line-height: 1.4em;
}

#latestnews ul li a{
	display:block;
	margin-top: 10px;
	background: url(../images/backgrounds/blue-small-arrow.gif) left 0.5em no-repeat;
	color: #001c3d;
	padding-left: 12px;
}

#latestnews ul li a:hover{
	color: #001c3d;
}


#sidebar div.comment{
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	font-size: 90%;
}

#sidebar div.comment p{
	font-style: italic;
}

#sidebar div.comment img{
	margin-bottom: 2px;
}

#sidebar div.comment a,
#sidebar div.comment a:hover{
	color: #001c3d;
}

#sidebar div.centered{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

#sidebar a.banner{
		border: none;
		margin-bottom: 10px;
		display:block;
}


/* Persberichten: contacten */
#contacts{
	margin-bottom: 1em;
}

#contacts li{
	margin-bottom: 1em;
}

#contacts a{
	text-decoration: underline;
}

/* (Scientific) agenda */
#agenda{
	padding-bottom: 1em;
}


/* Poll */
#sidebar div.poll{
  padding-bottom: 1em;
  font-size: 90%;
}

#sidebar div.poll h2{
  font-size: 110%;
}

#sidebar p.question{
  font-weight: bold;
  margin-bottom: 0.2em;
}

#sidebar div.poll input{
  float:left;
  clear:left;
}

#sidebar div.poll input.radio{
  height: 12px;
  width: 12px;
  margin: 1px 0;
  padding: 0;
}

#sidebar div.poll input.button{
  padding: 1px;
}

#sidebar div.poll label{
  margin: 0 0 4px 18px;
  display:block;
  zoom: 1;
}

#sidebar div.poll form{
  margin-bottom: 5px;
}

#sidebar div.poll table{
  width: 100%;
}

#sidebar div.poll tr{
  vertical-align: top;
}

#sidebar div.poll td{
  padding-bottom: 4px;
}

#sidebar div.poll td.percentage{
  text-align: right;
}

#sidebar div.poll td.bargraph{
  width: 50%;
  padding-top: 0.2em;
}

#sidebar div.poll td.bargraph div{
  background-color: #caecfd;
  height: 10px;
  line-height: 1px;
}

#sidebar div.poll td.bargraph span{
  background-color: #001c3d;
  height: 10px;
  display:block;
  line-height: 1px;
}

/***********
	 FOOTER
 ***********/

#footer{
 	margin-top: 30px;
}

#footer ul li{
	display:inline;
	margin-left: 10px;
}

#footer ul li span{
	color: #e84e10;
	margin-right: 10px;
}

/*#footer:first-letter
{
	color: #fff;
	width: 30px;
	height: 30px;
	float: left;
	background: #E84E10;
	text-align: center;
	font: 160%/160% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
}*/

/* =============== */
/* = Footer menu = */
/* =============== */


#footermenu{
  /*width: 736px;*/
  /* margin bottom */
  margin: 24px 0 10px 22px;
}

#footermenu .box{
  /*width: 718px;*/
  margin-right: 20px;
}

#footermenu ul li {
  display: block;
}

/***********
  Ajax Feedback form
   ***********/

.feedback-form{
   background-color: #fff;
   width: 250px;
   margin: 0 auto;
   padding: 15px;
   text-align: left;
   -webkit-box-shadow: 1px 1px 2px rgba(0, 28, 61, 0.5);
   -moz-box-shadow:  1px 1px 2px rgba(0, 28, 61, 0.5);
   box-shadow:  1px 1px 2px rgba(0, 28, 61, 0.5);
}

.feedback-form.overlay-content{
  background: none;
}

.feedback-form .pageid{
  color: #00A2DB;
}

.feedback-form input[type=text], 
.feedback-form select, 
.feedback-form textarea{
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizeing: border-box;
  box-sizing: border-box;
}

.feedback-form textarea{
  height: 100px;
  margin-top: 40px;
}

.feedback-form .row{
  margin-bottom: 0.8em;
}

#feedback-submit{
  color: #E84E10;
}

/*******************
 *******************
   INTRANET STYLES
 *******************
 *******************/

#accountdetails{
	width: 227px;
	text-align: right;
	margin-left: 737px;
	height: 10px;
	position: relative;
	font-size: 90%;
}

#accountdetails span,
#accountdetails ul{
	position: absolute;
	top: -10px;
}

#accountdetails span{
	left: 5px;
}

#accountdetails ul{
	right: 0px;
}

#accountdetails ul,
#accountdetails li{
	display: inline;
}

#accountdetails li span{
	position: relative;
	top: auto;
	left: auto;
	color: #001c3d;
}

#accountdetails li,
#accountdetails li a:hover{
	color: #e84e10;
}

#accountdetails li a{
	text-decoration: none;
	margin-left: 2px;
}


/************
  Login form
 ************/
#login{
	padding: 44px 22px;
}

#login dt{
	float:left;
	width: 120px;
	text-align:right;
	font-weight: bold;
}

#login dd{
	margin-left: 130px;
	margin-bottom: 10px;
}

#login dd input{
	padding: 1px 2px;
	width: 150px;
	font-family: verdana, arial;
	color: #001c3d;
}

#login a{
	margin-left: 235px;
	padding-left: 10px;
	background: url(../images/backgrounds/blue-small-arrow.gif) left 60% no-repeat;
}

/****************
  Search results
 ****************/
ul.pages,
ul.pages li,
ul.navigation,
ul.navigation li{
	display:inline;
}

#maincontent .pages li a{
	text-decoration: none;
}

ul.pages li span,
ul.navigation li span{
	color: #e84e10;
	padding-left: 3px;
}

#maincontent ul.pages li a,
#maincontent ul.pages li a:visited,
#maincontent ul.navigation li a,
#maincontent ul.navigation li a:visited{
	text-decoration: none;
}

#maincontent ul.pages li a:hover,
#maincontent ul.navigation li a:hover{
	text-decoration: underline;
}

ul.results li h2{
	font-weight: bold;
	font-size: 100%;
}

ul.results{
	margin-top: 20px;
	width: 500px;
}

ul.results li{
	margin-bottom: 15px;
	line-height: 1.4;
}

ul.results li p{
	font-weight: normal;
}

ul.navigation{
	margin-left: 10px;
}


/************************
  General styles
  (for default content)
 ************************/

/**************************************************
 * DEFAULT COLORS
 *
 * general 		table/menu background: #d2f1fb
 * bachelor  	table/menu background: #fdead3
 * master			table/menu background: #f4ccd5
 *
 * dark blue			#001c3d
 * light blue			#00a2db
 *
 *
 ***************************************************/


div.custom{
	
}

strong{
	/*font: 151%/130% 'TSB7BoldFF', TheSans, Verdana, sans-serif;*/
	/*color: #00133E;*/
	font-family: 'TSB7BoldFF';
}

em{
	font-style: italic;
}

ul li{
	padding-bottom: 5px;
}

a em{
	font-style: normal;
}

div.section{
	margin-bottom: 1em;
}

/* BAMA/Listing table */

table.bama thead tr.caption th{
  	font: 175%/130% 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	color: #E84E10;
}

table.bama tbody tr th{
  padding-left: 18px;  
  font-weight: normal;  
}

table.bama tbody tr.expandable th{
  background-image: url(../images/backgrounds/blue-medium-arrow-rotated.gif);
  background-position: 0px 13px;
  background-repeat: no-repeat;
}

table.bama tbody tr.description td{
  padding-left: 18px;
}


/* Listing table */

table.listing{
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	border-bottom: 1px solid #001c3d;
}

table.listing tr{
	vertical-align: middle;
}

table.listing tr.description{
	display:none;
}

table.listing tr.description.show{
	display:table-row;
}

table.listing th,
table.listing td{
	padding: 5px 0px;
	border-bottom: 1px solid #DADBDB;
	text-align: left;
}

table.listing tr.open th,
table.listing tr.open td{
	border-bottom: none;
}

table.listing tr.description th,
table.listing tr.description td{
	padding-top: 10px;
}

table.listing th{
	font-weight: bold;
}

table.listing td{
	font-weight: normal;
}

table.listing tr.caption th,
table.listing tr.caption td{
	/*border-top: 1px solid #001c3d;*/
	margin-top: 20px;
}

table.listing tbody tr:hover,
table.listing tbody tr.hover{
	background-color: #d2f1fb;
}

#bachelor table.listing tbody tr:hover,
#bachelor table.listing tbody tr.hover{
	background-color: #fdead3;
}

#master table.listing tbody tr:hover,
#master table.listing tbody tr.hover{
	background-color: #eee;
}

div#create-pdf{
  padding-bottom: 1px;
}
div#create-pdf input{
  float: right;
}

/* Generic column widths */
th.col10, td.col10{ width: 10%; }
th.col15, td.col15{ width: 15%; }
th.col20, td.col20{ width: 20%; }
th.col25, td.col25{ width: 25%; }
th.col30, td.col30{ width: 30%; }
th.col35, td.col35{ width: 35%; }
th.col40, td.col40{ width: 40%; }
th.col45, td.col45{ width: 45%; }
th.col50, td.col50{ width: 50%; }
th.col55, td.col55{ width: 55%; }
th.col60, td.col60{ width: 60%; }
th.col65, td.col65{ width: 65%; }
th.col70, td.col70{ width: 70%; }


/* Figure table */

table.figure{
	width: 99%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.figure tr{
	vertical-align: middle;
}

table.figure thead th,
table.figure td.category{
	color: #fff;
}

table.figure thead th{
	font-weight: normal;
	background-color: #243876;	
}

table.figure thead tr.caption th{
	background-color: #fff;
	color: #001c3d;
	font-weight: bold;
	text-align: left;
}

table.figure th,
table.figure td{
	border-right: 1px solid #fff;
	padding: 1px 4px;
	text-align: right;
}

table.figure th.category{
	text-align: left;
}

table.figure td{
	color: #001c3d;
}

table.figure td.category{
	color: #fff;
	background-color: #00b5ed;
	text-align: left;
}

table.figure td.c1{
	background-color: #50c6f3;
}

table.figure td.c2{
	background-color: #89d5f7;
}

table.figure td.c3{
	background-color: #b3e3fb;
}

table.figure tr.total td.category{
	background-color: #f44c3d;
}

table.figure tr.total td.c1{
	background-color: #f96e4b;
}

table.figure tr.total td.c2{
	background-color: #fc9574;
}

table.figure tr.total td.c3{
	background-color: #ffbaa0;
}

#content table.figure td.category a,
#content table.figure td.category a:visited{
	color: #fff;
}

#content table.figure a:visited{
	color: #001c3d;
}

/* Generic tables */
table.generic{
	width: 90%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.generic tr{
	vertical-align: middle;
}

table.generic tr.caption th{
	background-color: #fff;
	color: #001c3d;
	font-weight: bold;
	text-align: left;
}

table.generic th,
table.generic td{
	text-align: left;
	padding: 1px 4px;
	border-right: 1px solid #fff;
}

table.generic th{
	background-color: #001857;
	color: #fff;
	font-weight: normal;
}

table.generic td{
	color: #001c3d;
}

table.generic.red tr.odd td{
	background-color: #ffcfbb;
}

table.generic.red tr.even td{
	background-color: #fda788;
}

table.generic.blue tr.odd td{
	background-color: #caecfd;
}

table.generic.blue tr.even td{
	background-color: #9edcf9;
}

/*#content table.generic a:visited{
	color: #001c3d;
}*/

/* =============== */
/* = Video popup = */
/* =============== */

#popup.multimedia{
  padding: 0;
  margin: 0;
  background: #E1F4FC;
  font-size: small;
}

#popup.multimedia #wrapper{
  width: auto;
}

#popup.multimedia #maincontent{
  margin: 0;
  padding: 0;
}

#popup.multimedia #maincontent .multimedia{
  padding: 0;
}

/******************************
  POPUP without default layout
 ******************************/
#popup{
	padding: 15px 40px;
	font-size: 90%;
	text-align: left;
}

#popup img.logo{
  margin-bottom: 10px;
}

#popup div.wrapper{
  padding: 30px 40px 1px 0;
  border-top: 1px solid #001c3d;
  border-right: 1px solid #001c3d;
}

#popup h1{
	font-size: 130%;
	font-weight: bold;
}

#popup ul.tools{
	float:right;
}

#popup ul.tools li{
  color: #e84e10;
  float:left;
  margin-right: 0.4em;
}

#popup dt{
	font-size: 115%;
	font-weight: bold;
}

#popup dd{
	margin: 0 0 1em 0;
}

#popup #footer{
  width: auto;
  margin-top: 30px;
  padding: 0;
  font-size: 95%;
}

#popup #x-close{
  position: absolute; 
  top: 3px;
  right: 32px; 
  font-weight: bold;
}



/*****************
  Popup overlay
 *****************/

#overlay{
	position: absolute;
	top:0; 
	left: 0;
	width: 100%;
	background-color: #001c3d;
	cursor: pointer;
	z-index: 600;
}

#overlay.feedback{
  background-color: #f1f1f1;
}

#bachelor #overlay{
	background-color: #e87317;
}

#master #overlay{
	background-color: #c9002c;  
}

#overlaywindow{
	position: absolute;
	left: 10%; 
	padding: 0;
	background-color: none;
	width: 80%;
	overflow: hidden;
	z-index: 601;
	font-size: 95%;
}

#overlaywindow div.shadow-right{
  padding-right: 10px;
  background: url(../images/lightbox/shadow-right.png) right top no-repeat;
}

#overlaywindow div.shadow-bottom{
  height: 10px;
  background: url(../images/lightbox/shadow-bottom.png) left top no-repeat;
  margin-right: 10px;
  position: relative;
}

#overlaywindow div.shadow-corner{
  position: absolute;
  right: -10px;
  top: 0;
  height: 10px;
  width: 10px;
  background: url(../images/lightbox/shadow-corner.png) left top no-repeat;
}

#overlaywindow div.overlay-content{
  overflow: auto;
	background-color: #fff;
}


/************************
  Video and Photo gallery
 ************************/
a.play{
  display: inline-block;
}

a.play .caption{
  cursor: pointer;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  display: block; 
  padding: 5px 15px;
  line-height: 1.3;
}

a.play .caption-wrapper{
  display: block;
  position: absolute;
  background: #001C3D;
  width: 100%;
  left: 0;
  bottom: 0;
}

a.play .caption strong{
  display: block;
}
 
.play img.play,
#maincontent div.multimedia .thumbnails .items .play img.play{
  border: none;
  background: url(../images/buttons/play.gif) 50% 50% no-repeat;
}
 

#maincontent div.multimedia a.external,
.multimedia a.external{
  display: block;
}

#maincontent div.multimedia,
.multimedia{
  font-size: 90%;
}

#maincontent div.multimedia .selected,
.multimedia .selected{
  background-color: #e1f4fc;
  padding: 9px 12px;
}

#maincontent div.multimedia h2,
.multimedia h2{
  margin: 0.6em 0;
}
#maincontent div.multimedia .selected h2,
.multimedia .selected h2{
  margin: 0 0 0.6em 0;
}
#maincontent div.multimedia .selected p,
.multimedia .selected p{
  margin-bottom: 2em;
}
#maincontent div.multimedia .selected div.highlight,
.multimedia .selected div.highlight{
  text-align: center;
  height: auto !important;
  height: 271px;  /*IE min-height fix*/  
  min-height: 271px;
}

#maincontent div.multimedia .thumbnails .items img,
#maincontent div.multimedia .selected div.highlight img,
.multimedia .thumbnails .items img,
.multimedia .selected div.highlight img{
  border: 1px solid #001c3d;
}
#maincontent div.multimedia .thumbnails-wrapper{
  background-color: #e1f4fc;
  border-top: 1px solid #001c3d;
  border-bottom: 1px solid #001c3d;
  padding: 0 0 0 14px;
  margin: 0;
}
#maincontent div.multimedia .thumbnails{
  margin: 0;
  padding: 0;
  position: relative;
}
#maincontent div.multimedia .thumbnails div.tnavigation{
  margin: 0;
  padding: 0;
  display: inline;
  position: absolute;
  left: -14px;
}
#maincontent div.multimedia .thumbnails div.tnavigation div{
  border-left: 1px solid #001c3d;
  border-bottom: 1px solid #001c3d;
  padding-bottom: 0;
  display: block;
  font-size: 2px;
}
#maincontent div.multimedia .thumbnails .items{
  border-left: 1px solid #001c3d;  
  padding: 0;
  overflow: hidden;
  position: relative;
}
#maincontent div.multimedia .thumbnails .items ul{
  padding: 6px 0 6px 5px;
  font-size: 90%;
  text-align: center;  
  float:left;
}
#maincontent div.multimedia .thumbnails .items ul li{
  float: left;
  width: 92px;
  margin-bottom: 10px;
  height: 101px;
  overflow: hidden;
}
#maincontent div.multimedia.foto .thumbnails .items ul li{
  height: 118px;
}
#maincontent div.multimedia .thumbnails .items ul li a{
  float: left;
}

#maincontent div.multimedia .thumbnails a{
  text-decoration: none;
}

#maincontent div.multimedia.foto .selected div.highlight{
  width: 285px;
  float: right;
  background-color: #fff;
  padding-top: 45px;
  padding-bottom: 45px;
  margin: 0 0 1em 1em;
}

#maincontent div.multimedia.foto .thumbnails .items ul li{
  width: 93px;
}

#maincontent div.multimedia.foto .thumbnails .items ul a{
  cursor: hand;
}

#maincontent div.multimedia.foto .items li div{
  height: 86px;
  border: 1px solid #001c3d;
  border-right: none;
  background-color: #fff;
  margin: 0;
  padding: 6px 0 0 0;
}
#maincontent div.multimedia.foto .items li div.last{
  border-right: 1px solid #001c3d;
}

/* GX toevoegingen */

#content.broader {
  /*width:950px;*/
}

#content.broader #maincontent.no-menu{
  /*width: 920px; */  /* width of #content.broader = 950px - 30px margin/padding */
}

#maincontent.broader {
  /*float:left;
  line-height:1.3;
  padding:20px 5px 30px 0pt;
  width: 682px;*/
  
}

/* landingspage such that the iframe fits on the landingspage */
#maincontent.landingspage{
  width: 726px;
}

iframe
{
	width: 100%
}

/* new Z home */

h2
{
	font-weight: normal;
	font-family: 'TSB7BoldFF', TheSansBold, Verdana, sans-serif;
}

.z_r_m
{
	margin-right:20px;
}

.z_slider_txt
{
	width: 30%;
	float: left;
}

.z_new_box
{
	width: 100%;
	border-top: #eeb49d solid 1px; 
	position: relative;
}

.z_home_news_img
{
	width: 90%;
}


.z_home_box
{
	width: 70%;
	float: right;
}

.z_home_box_mis
{
	width: 30%;
	float: left;
	margin-top: -21px;
}

.z_home_slider
{
	width: 70%;
	height: auto;
	margin-bottom: 20px;
	position: relative;
	float: right;
}

.z_slide_prev_news
{
	position: absolute;
	background: #e84e10;
	margin: auto;
	width: 30px;
	height:26px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding-top: 4px;	
	z-index: 5;
}

.z_slide_next_news
{
	position: absolute;
	background: #e84e10;
	margin: auto;
	width: 30px;
	height:26px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding-top: 4px;	
	z-index: 5;
	right: 0px;
}

.z_slide_prev
{
	position: absolute;
	background: #e84e10;
	margin: auto;
	width: 30px;
	height:26px;
	left: 0px;
	bottom: 30px;
	margin-top: -15px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding-top: 4px;
}

.z_slide_next
{
	position: absolute;
	background: #e84e10;
	margin: auto;
	width: 30px;
	height:26px;
	right: 0px;
	bottom: 30px;
	margin-top: -15px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding-top: 4px;
}

.z_slide_bulls
{
	position: absolute;
	background: #fff;
	margin: auto;
	width: 90px;
	height:26px;
	left: 30px;
	bottom: 30px;
	margin-top: -15px;
	text-align: center;
	color: #000;
	font-size: 28px;
	padding-top: 4px;	
	
	background: url(../images/z/slide_bulls.gif) no-repeat;
}

.z_slide_title
{
	position: absolute;
	background: #fff;
	margin: auto;
	width: 50%;
	height:24px;
	right: 0px;
	bottom: 30px;
	margin-top: -15px;
	color: #000;
	font-size: 28px;
	padding-top: 6px;	
	padding-left: 10px;	
	font: 1.3em/1em 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	overflow: hidden;
	border-left: 4px solid #000;
}	

.z_home_col3_1
{
	width: 33%;
	float: left;
	position: relative;
	margin-top:11px;
}

.z_home_col3_1_n
{
	width: 33.33333%;
	float: left;
	position: relative;
	margin-top:15px;
}

.z_home_b
{

	background: url(../images/z/speerlijn.gif) top right no-repeat;
	
}

.z_home_col3_2
{
	width: 66%;
	float: left;
}

.z_home_video
{
	width: 100%;
}

.z_home_video_over
{
	margin: auto;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	background: url(../images/z/videoplay.gif) no-repeat;
}

#home #maincontent
{
	padding-top: 15px;
	font-size: 110%;
}

#home h3
{
	font-weight: normal;
	font: 137%/130% 'TSB7BoldFF', TheSans, Verdana, sans-serif;
	color: #000;
}

.z_home .sectionheader
{
	border-top: 1px solid #ccc;
	margin-left: 0px !important;
	font-size: 13px;
	color: #666;
	padding-top: 10px;
}

.z_home #contentmenu .sectionheader
{
	margin-top: -17px;
	border-bottom: 1px solid #ccc;
	border-top: 0px solid #fff;
}

.z_home #contentmenu
{
	margin-top: -17px;
}


.z_clear
{
	clear: both;
}

.z_margbot
{
	margin-bottom: 20px;
}

.z_margright
{
	margin-right: 20px;
}

.z_o
{
	color: #000;
	font: 1em/1.8em 'TSB5PlainFF', TheSans, Verdana, sans-serif;
}

.z_more
{
	font: 1.3em/1em 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	position: absolute;
	bottom: -5px;
	right: 10px;
}

.z_marg_r
{
	margin-right: 10px;
}

.z_marg_rl
{
	margin-left: 10px;
	margin-right: 10px;
}

.z_marg_l
{
	margin-left: 10px;
}

.z_subhome #top
{
	margin-left: 221px;
}

.z_subhome #top img
{
	width: 217px;
	margin-top: 10px;
}

.z_subhome #title
{
	text-align: left;
	width: auto;
	margin-left: 220px;
	font: 2em/1em 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	color: #e84e10;
	margin-top: -9px;
}

.z_subhome .sectionheader {
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	color: #666;
}

.z_subhome #contentmenu ul {
	margin-top: -1px;
}


@media only screen and (max-width: 1600px) {
	#bachelor #top {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 1520px) {
	.z_home #contentmenu, #contentmenu {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 1280px) {
	#home h3 {
		font: 115%/130% 'TSB7BoldFF', TheSans, Verdana, sans-serif;
	}

	.z_slide_title {
		font: 1.0em/1.3em 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	}

	.z_subhome #top img {
		margin-top: 0px;
	}

	.z_slider_txt
	{
		width: 100%;
		clear: both;
	}

	.z_home_slider
	{
		width: 100%;
	}

	.z_home_box
	{
		width: 100%;
	}

	.z_home_box_mis 
	{
		margin-top: 20px;
		width: 100%;
	}

}


@media only screen and (min-width: 1200px) {
	#content h1
	{
		font: 340%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	}

	#top img {
		width: 507px;
	}

	#top {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1050px) {
	.z_home #contentmenu {
		right: 10px;
		display: block;
	}

	#home #maincontent, #home #top {
		/*margin-left: 10px;*/
	}

	#breadcrumb
	{
		/*margin-left: 5px;*/
	}

	.z_home #breadcrumb {
		margin-top: 123px; 
	}

	.z_home #sidecontent {
		top: 450px;
	}

	.z_subhome #title {
		margin-left: 9px;
	}

	#contentmenu {
		/*display: none;*/
		/*position: absolute;
		right: 20px;
		clear: both;
		float: left;*/
	}

	


}

@media only screen and (max-width: 1000px) {
	.z_home #contentmenu {
		display: block;
	}

	#sidemenu
	{
		right: 4px;
	}
}

@media only screen and (max-width: 850px) {
	#contentmenu {
		display: none;
	}

	#menu
	{
		visibility: hidden;
	}

	.menuBtn
	{
		display: block;
	}

	#maincontent, #top, #breadcrumb {
		margin-left: 10px;
	}

	#breadcrumb {
		margin-top: 123px; 
	}

	#top img {
		width: 407px;
	}

}

@media only screen and (max-width: 850px) {
	#header {
		height: 30px;
	}

	#contentmenu {
		margin-top: 0px;
		background-color: #999;
		width: 100%;
	}

	#menu ul
	{
		margin-left: 0px;
		margin-top: 42px;
		color: black;
		width: 100%;
		display: none;
	}

	#menu ul li {
		float: none;
		border-bottom: 1px solid #fff;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	#menu ul li a {
		color: black;
		font: 120%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
		margin-left: 30px;
	}

	#contentmenu ul.detailed {
		margin-left: 0px;
		color: black;
		font: 120%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	}

	#contentmenu ul.detailed li {
		background-image: none;
		width: 100%;
	}

	#contentmenu ul.detailed li ul {
		width: 100%;
		background-image: none;
		background-color: #888;
		border: 0px;
	}

	#contentmenu ul.detailed li.active {
		/*background-color: #e84e10;*/
	}

	#master #contentmenu .sectionheader a {
		color: #fff;
	}



	#contentmenu ul.detailed li a {
		margin-left: 30px;
		color: black;
	}

	#breadcrumb
	{
		display: none;
	}

	#maincontent
	{
		padding-top: 0px;
	}

	#home #contentmenu {
		margin-top: -17px;
		background-color: #fff;
		position: relative;
		padding-left: 30px;
		font-size: 120%;
		/*width: 200px;*/
	}

	.z_home_box
	{
		width: 100%;
		float: left;
	}

	.z_home_box_mis
	{
		width: 100%;
		float: left;
	}

	.z_home #contentmenu {
		display: none;
	}
}

@media only screen and (max-width: 779px) {
	#sidebar {
		float: left;
		margin-left: 20px;
		width: auto;
	}

	.z_home #contentmenu {
		display: none;
	}

	#sidecontent
	{
		width: 95%;
		margin-top: 10px;
	}

	#language ul
	{
		margin-left: -70px;
		margin-top: 30px;
	}

	#title {
		margin-left: -11px;
	}

	#footer
	{
		/*font: 70%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;*/
	}

	#content h1
	{
		font: 190%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	}

	#top {
		margin-top: -10px;
	}

	#top img {
		width: 96%;
	}

	#sidemenu, #search, #sidecontent {
		position: static;	
	}

	.print
	{
		display: none;
	}

	#maincontent {
		margin-right: 10px;
	}

	#toprow
	{
		margin-top: 123px;
	}
}

@media only screen and (max-width: 700px) {
	.z_home_col3_1
	{
		width: 100%;
	}

	.z_marg_rl
	{
		margin-left: 0px;
		margin-top: 20px;
	}

	.z_marg_l
	{
		margin-left: 0px;
		margin-top: 20px;
	}
}

@media only screen and (max-width: 580px) {
	#content h1
	{
		font: 160%/100% 'TSB4SemiLightFF', TheSans, Verdana, sans-serif;
	}

	#toprow {
		margin-top: 110px;
	}

	#title {
		display: none;
	}

	.z_subhome #title {
		display: block;
		margin-top: -37px;
		font: 1.2em/1.3em 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	}
}



@media only screen and (max-width: 550px) {
	#top {
		margin-top: 0px;
	}

	#toprow {
		margin-top: 120px;
	}

}

@media only screen and (max-width: 450px) {
	#toprow {
		margin-top: 100px;
	}

}


@media only screen and (max-width: 350px) {
	#toprow {
		margin-top: 90px;
	}

}


/* aanpassingen Robert */
#wrapper{
	/*min-height: 100% !important;*/
}

body{
	/*position: relative;*/
}

#footer{
	position: relative;
	left: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	padding-top: 20px;
	width: auto !important;
	padding-left: 220px;
	margin: 0px auto !important;
	max-width: 1300px;
}

#footer:first-letter {
	margin-top: -4px;
}

@media only screen and (max-width: 850px) {
	#footer{
		padding-left: 10px !important;
	}
}

@media only screen and (min-width: 1280px) {
	#footer{
		/*position: relative;
		margin: 0px auto !important;*/		
	
	}
}
/* dit is voor bijv. deze pagina: http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Main1/SiteWide/SiteWide4/AuditieveHersenstructuurInKaartGebrachtMetGeavanceerdeImagingtechnieken1.htm 
 om het formuliertje passend te maken
*/
#newsfilter select
{
	width: 200px;
}
#newssearch input.text{
	width: 190px;
}
/* soms volgt direct onder het kruimelpad een afbeelding. Deze wat lucht geven aan de bovenkant:*/
.clear img{
	padding-top: 0px;
}

/* tabellen waren 90% breed. Sommige h2's kwamen daardoor naast de tabel terecht */
table, table.generic{
	width: 100%;
}

#maincontent{
	float: none;
}

/* als het eerste element een afbeelding is, geef hem dan extra lucht tov het kruimelpad*/
#maincontent > .image:first-child{
	padding-top: 20px;
}

/* 'kopjes' niet als een soort van h2 behandelen indien binnen een opsomming of in een paragraaf */
li strong, p strong{
	font-size: 100%;
	font-family:  'TSB7BoldFF';
}

/* problemen:  
	
	- versprongen:
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Main/AboutUM/Events/VideosUMEvents1.htm
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/ServiceCentres/SSC/AboutStudentServicesCentreSSC/DepartmentsStudentServicesCentre1/OrganisationalStructureSSC.htm
	snippets div:
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Schools/MaastrichtGraduateSchoolOfLaw/PhDProgramme/Programme/InstitutesAndCentres.htm
	
	Homepages:
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Main1/Onderzoek.htm
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Library/home.htm
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Main/ProspectiveStudents.htm
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Main/Alumni/Alumni4.htm
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Schools/ICIS/TargetGroup.htm
	http://um.zuiderlicht.nl/maastricht%20university/www.maastrichtuniversity.nl/web/Schools/TIERTeachersAcademy/TargetGroup2.htm
*/

/* eind aanpassingen Robert */

/* AANPASSINGEN na 10.04.2013 DH */

body {
	/* moet witte achtergrond hebben voor GX editor */
	background: #ffffff;
	background-color: #ffffff;
}

.submenumainitem
{
	/* lijntje onder hoofdmenu main items om extra aan te geven dat het links zijn */
	border-bottom: 1px solid #eee;
	margin-right: 10px;
}

#rolldown-menu li .menu.box{
  	/* uitklapmenu niet over menu laten vallen */
  	left: 185px;
}

.box.two { 
	/* alle uitklapmenu's rechts naast menu */
	left: 185px !important;
}

#contentmenu .sectionheader {
	/* kopje boven pagina menu hoger plaatsen */
	margin: -10px 0px 0px 15px;
}

#maincontent.broader {
  /* landingpage  */
  margin-right: 230px;
  padding-top: 15px;
}

#maincontent.landingspage {
	/* landingpage #maincontent geen vaste breedte */
  	width: auto;
}

#footermenu {
margin-left: 220px;
margin-right: 200px;
}

.box ul a {
	margin-left: 15px;
	color: #646464;
	font-size: 15px;
}


.box a:hover {
text-decoration: none;
color: #666666 !important;
}

.box ul{
	margin-bottom: 15px;
}

.box h3 {
font-weight: normal;
font-size: 16px !important;
}

.box {
	background: none;
	border-top: 1px solid #ccc;
}

.left, .left img {
	max-width: 100%;
	height: auto;
}

img {
	max-width: 100% !important;
	height: auto;
}

.clear {
	max-width: 100% !important;
}

@media only screen and (min-width: 1280px) {
	/* content onder slider hoger bij grote schermen*/
	.z_home_box_mis
	{
		margin-top: -44px;
	}
	.z_home_box {
		margin-top: -24px;
	}
}

/* KWADRANTEN REGELS */

.z_amerk #top img
{
	width: 407px !important;
	/* A-merk groter dan logo */
	margin-top: 10px !important;
}

.z_amerk #top
{
	margin-top: 0px !important;
}

.z_amerk #maincontent {
	padding-top: 30px !important;
}

#title
{
	/* Z */
	top: 130px;
	margin-left: -220px;
}

/* HOMEPAGE SLIDER */

.z_slider_tekst {
	width: 30%; 
	float: left; 
	background-color: #fff;
}

.z_slider_plaatje {
	width: 70%; 
	float: right;
}

@media only screen and (max-width: 1280px) {
	.z_slider_txt, .z_slider_tekst, .z_slider_plaatje
		{
			width: 100% !important;
			clear: both;
		}
}

@media only screen and (max-width: 1050px) {
	#home #maincontent, #home #top, #maincontent {
		margin-left: 220px;
		margin-right: 10px;
	}
	#contentmenu {
		left: 0px;
	}
	#sidebar {
		float: left;
		margin-left: 20px; 
		width: auto;
		clear: both;
	}
	#sidemenu {
		right: 4px;

	}
	.z_home #sidecontent, #sidecontent, #bachelor.portal #sidecontent {
		top: auto;
		/*width: 100%;*/
		margin-left: 200px !important;
		padding: 0px;
		margin-top: 10px;
	}
	#search {
		right: 5px;
	}
	#breadcrumb {
		margin-left: 215px;
		margin-top: 152px;
	}
	#maincontent.broader {
		margin-right: 10px;
	}
	.z_subhome #title {
		margin-left: 220px;
	}

	#sidecontent {
		margin-top: 60px;
		position: relative;
	}

	#footermenu {
	margin-left: 220px;
	margin-right: 10px;
	}
}

@media only screen and (max-width: 850px) {
	#home #maincontent, #home #top, #maincontent, #maincontent.broader {
		margin-left: 10px;
		margin-right: 10px;
	}

	#rolldown-menu {
		margin-top: -17px;
		background-color: #fff;
		position: relative;
		padding-left: 30px;
		font-size: 120%;
		margin-top: 0px;
		width: 100%;
		left: 0px;
		display: none;
	}

	.z_home #sidecontent, #sidecontent, #bachelor.portal #sidecontent {
		top: auto;
		width: 100%;
		margin-left: 0px !important;
		padding: 0px;
		clear: both;
	}
	.z_subhome #title {
		margin-left: 9px;
	}

	#sidebar {
	margin-left: 10px;
	}

	#search {
	margin-left: 0px;
	}	

	#home #contentmenu {
	padding-left: 0px;
	font-size: 100%;
	}

	#footermenu {
	margin-left: 10px;
	margin-right: 10px;
	}
}

@media only screen and (max-width: 779px) {
	#sidecontent {
		margin-top: 10px;
	}

	
}

@media only screen and (max-width: 580px) {
	/* blokjes op homepage responsive op mobile */
	.z_home_col3_1_n {
		width: 100%;
		float: left;
		position: relative;
		margin-top: 15px;
		}

	.z_home_news_img {
		width: 100%;
	}
}
}

#footer {
	clear: both;
}

/* POSITIE VAN LOGO */

@media only screen and (max-width: 1600px) {
#bachelor #top {
margin-left: 220px;
}
}

@media only screen and (max-width: 850px) {
#bachelor #top {
margin-left: 20px;
}
}

/* POSITIONERING VAN FACULTEITSNAMEN */

#wrapper {
	position: relative;
	/* anders kun je de h2.spaced niet absolute positioneren hierin */
}

h2.kwadrant2, h2.kwadrant1 {
	color: #001c3d;
	position: absolute;
	
	right: 230px;
	display: block;
	width: auto;
}

h2.kwadrant1 {
	font: 1.5em/1em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
	top: 131px;
}

h2.kwadrant2 {
	font: 2em/1em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
	top: 125px;
}

@media only screen and (max-width: 1050px) {
	h2.kwadrant2, h2.kwadrant1 {
	right: 10px;
}
}

/* OVERRRIDE VAN DE #toprow IN DE DIVERSE MEDIA-QUERIES */
#toprow {
margin-top: 123px;
}

@media only screen and (max-width: 450px) {
 h2.kwadrant1 {
	font: 1em/1em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
}
h2.kwadrant2 {
	font: 1.5em/1em 'TSB7BoldFF', TheSans, Verdana, sans-serif;
}
}

#latestnews h2 {
	color: #001c3d;
}

/* ALLE LINKS #999 in #MAINCOTNENT */

#maincontent a, #maincontent a:hover, #maincontent a:visited,  #maincontent a:link, #maincontent a:active {
	border-bottom: 1px solid #999;
}

.flex-container a { 
	border-bottom: none !important;
}

/* MENU IN IE COMPATABILITY MODE WERD NIET GOED GERENDERD &*/

#contentmenu {
	*position: relative;
	*float: left;
	margin-left: 0px;
}

#home #contentmenu {
	margin-left: 0px;
}

.global {
	margin-left: 10px;
}

#home #contentmenu .sectionheader {
	margin: -10px 10px 0px 10px !important;
}


/* KRUIMELPAD NIET ZICHTBAAR IN COMP MODE */

#breadcrumb {
	/*position: relative\9;*/
	*position: relative;
	margin-top: 155px;
}

/* LOGO VERDWENEN IN IE8 */

#top {
	position: relative;
	margin-top: 0px;
	*height: 105px;
}

@media only screen and (min-width: 850px) {
#menu {
	position: absolute;
	top: 0px;
	left: 0px;
}
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
}

@media only screen and (max-width: 850px) {
	#header {
	position: relative;
	top: -96px;
	}
	#home #contentmenu {
		margin-top: -100px;
	}
}


#subMenuHolder {
	position: absolute;
	top: 30px;
	left: 0px;
}

@media only screen and (max-width: 850px) {
#subMenuHolder {
	position: relative;
	top: auto;
	left: auto;
}
}

#toprow {
	margin-top: 58px;
	*margin-top: 50px;
}

#language {
	top: -100px;
	position: relative;
}

#maincontent {
	/*padding-top: 20px;*/
}

#contentmenu ul.detailed li {
	line-height: 118%;
	padding-top: 8px;
}

@media only screen and (max-width: 779px) {
#language {
top: -90px;
}
#sidecontent {
	position: relative;
}
}

#title {
	margin-left: -230px\9;
}

.pagesectionright {
	float: left;
}

#home #maincontent {
padding-top: 35px;
}

#ribbonwrapper {
	z-index: 3;
}

/* MOBILE MENU POSITIONERING NIET GOED */

@media only screen and (max-width: 850px) {
#contentmenu {
margin-top: -96px;
z-index: 99;
}
#contentmenu .sectionheader {
margin: 20px 0px 0px 15px;
}
}

/* FOOTER POSITIE OP TUSSEN SCHERMEN */

@media only screen and (min-width: 779px) and (max-width: 1050px) {
	#footer{
	position: fixed;
	bottom: 0px;
	
	}
	#footer ul {
		background-color: #fff;
		padding-top: 5px;
	}
}

/* FONT GEWICHTEN STRONG NIET BOLD */

strong {
    font-weight: normal;
}

/* JAAR EN MAAND TE DICHT OP ELKAAR BIJ NEWS */
#newsdatefilter table { width: auto;}

.z_home_box h3 {
	font-weight: normal;
	font: 137%/130% 'TSB7BoldFF', TheSans, Verdana, sans-serif;
	color: #000;
	font-style: normal !important;
}

.sectionheader, .pagesectionright {
	width: 100%;
}

/* NIEUWS FOTO'S */
#maincontent ul.newsitems li img {
float: none;
}

/* SECTION HEADER OP LANDINGPAGES GOED STYLEN NIET VIA z_home .sectionheader*/

.z_home_box_mis .sectionheader
{
	border-top: 1px solid #ccc;
	margin-left: 0px !important;
	font-size: 13px;
	color: #666;
	padding-top: 10px;
}

@media only screen and (max-width: 779px) {
	#top img {
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {
	#top img {
		width: 96%;
	}
}

/* INTRANET AANPASSINGEN */

.iview-full #sidecontent {
	top: -44px;
	*top: 5px;
}

.iview-full #maincontent {
	margin-right: 230px;
	position: relative;
	top: 0px;
}

.iview-full table.form textarea { height: 200px; width: 300px;}

.iview-full input[type="text"], .iview-full select { width: 300px;}

.iview-full #snippets {
	margin-left: 220px;
	background: none;
	margin-right: 230px;
}

.iview-full #snippets div {
	margin-right: 10px;
	/*padding-left: 5px;*/
	margin-top: 10px;
}

.iview-full #snippets.dual {
margin-left: 225px;
}

.iview-full #footer {
	margin: 0px !important;
}

table.listing th {
	font-family: "TSB7BoldFF", TheSansBold, Verdana, sans-serif;
	font-weight: normal;
}

/* Profielen worden niet getoond in IE comp mode */
.iview-full #maincontent {
	z-index: 1 !important;
}

/* zoekbutton valt buiten kader */
.iview-full .box {
	background-image: none !important;
	border-left-width: 0px !important;
}

.iview-full #maincontent .box {
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* afsnijden edit boxes */
.iview-full #content.broad {
	width: 978px !important;
}

.iview-full .extrabroad #maincontent {
	margin-right: 0px !important;
}

/* links oranje, behalve op homepages */
#maincontent a, #maincontent a:hover, #maincontent a:visited, #maincontent a:link, #maincontent a:active {
	border-bottom: 1px solid #e84e10;
	color: #e84e10;
}

.flex_container a, .flex_container a:hover, .flex_container a:visited, .flex_container a:link, .flex_container a:active, ul.newsitems a, #maincontent ul.newsitems li a {
	border-bottom: none !important;
	color: #001c3d;
}

#maincontent ul.newsitems li a h2 {
	color: #e84e10;
} 

.z_slider a, .z_home_box a, .z_home_box a:hover, .z_home_box a:visited, .z_home_box a:link, .z_home_box a:active, .z_home_box_mis a, .z_home_box_mis a:hover, .z_home_box_mis a:visited, .z_home_box_mis a:link, .z_home_box_mis a:active {
	border-bottom: 1px solid #ccc !important;
	color: #001c3d !important;
}

#content table.generic a:visited {
color: #e84e10;
}

/* foto in blok valt buiten site */
.pagesectionright {
float: none;
}

#maincontent #image a, #maincontent #image a:link, #maincontent #image a:visited { border: none; }

.sectionheader{
  position:relative;
}
ul .global .home{
  position:relative;
  top:13px;
}

/* geen oranje onderstreping bij pagesectionright en plaatjes */
.pagesectionright a, .image a {
	border-bottom: none !important;
}

/* menu en zij-menu hoge z-index omdat anders footer eroverheen valt en link niet aanklikbaar is */
#contentmenu, #sidecontent {
	z-index: 99;
}

/* UMSPORT WEBSHOP */

/* winkelwagen duidelijker aangeven */

a.winkelwagen {
	background-color: #f4b125;
	border-radius: 6px;
	padding: 4px;
	padding-top: 5px;
	padding-left: 35px;
	padding-right: 10px;
	display: inline-block;
	margin-top: 6px;
	font-family: 'TSB7BoldFF', TheSansBold, Verdana, sans-serif;
	color: #011b3c;
	font-size: 16px;
	background-image: url('button-shoppingcart.png');
	background-repeat: no-repeat;
	background-position: left center;
}

/* prioriteren opties: alle buttons als tekst-link, behalve de hoofdknop */

/*.wm-field-input input,*/ #maincontent a.shopButton { 
	background-color: transparent !important;
	background-image: none;
	color: #E84E10 !important;
	font-family: 'TSB5PlainFF', TheSans, Verdana, sans-serif;
	text-decoration: underline;
	font-size: 14px;
	text-align: left !important;
	padding-left: 0px !important;
	cursor: pointer !important;
}

/* MUTATIE 17.11.2014: disabled button ook stylen */

.wm-field-input input.hoofdbutton, #maincontent a.shopButton.hoofdbutton, #maincontent a:hover.shopButton.hoofdbutton, #maincontent a.shopButton.disabled, #maincontent a:hover.shopButton.disabled  {
	background-color: #E84E10 !important;
	color: #fff !important;
	text-decoration: none;
	border-radius: 6px;
	background-image: url('button-arrow-right.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 45px;
	font-family: 'TSB7BoldFF', TheSansBold, Verdana, sans-serif;
	font-size: 16px;
	text-align: left !important;
	min-width: 160px;
	padding-left: 10px !important;
	margin-right: 10px;
	cursor: pointer;
}

#maincontent a.shopButton.disabled, #maincontent a:hover.shopButton.disabled {
	background-color: #ccc !important;
}

#maincontent a:hover.shopButton.hoofdbutton {
	background-color: #001c3d !important;
}

#maincontent a:hover.shopButton {
	color: #001c3d !important;
}

#maincontent a.shopButton.shopDeleteButton {
	background-color: #E84E10 !important;
	min-width: 0 !important;
	background-image: none !important;
	padding-right: 10px !important;
	color: #fff !important;
	text-decoration: none !important;
	font-family: 'TSB7BoldFF', TheSansBold, Verdana, sans-serif !important;
	font-size: 16px !important;
	padding: 0 10px !important;
	display: inline-block !important;
}

/* custom icons voor buttons als geen pijltje */
/* MUTATIE 17.11.2014: ook styling voor button "gegevens wijzigen" en "versturen" bij wijzig wachtwoord */

.wm-field-input input[name="filter"], .wm-field-input input[name="Uw gegevens wijzigen"], .wm-field-input input[name="Versturen"], .wm-field-input input[name="Vorige"]  { 
	background-image: url('button-search.png');
	background-color: #E84E10 !important;
	color: #fff !important;
	text-decoration: none;
	border-radius: 6px;
	background-image: url('button-arrow-right.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 45px;
	font-family: 'TSB7BoldFF', TheSansBold, Verdana, sans-serif;
	font-size: 16px;
	text-align: left !important;
	min-width: 160px;
	padding-left: 10px !important;
	margin-right: 10px;
	cursor: pointer;
}