@charset "UTF-8";

/* ======================================== */
/* common HTML styles */
/* ======================================== */

h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding-bottom: 5px;
	font-weight: normal; 
	color: #cf9732;
	letter-spacing: 1px;
}
h1 { font-size: 1.5em; line-height: 1em;}
h1#pageTitle { margin-bottom: .5em; font-size: 1.7em; font-weight: bold; letter-spacing: 3px; color: #cf9732; }
h2 { font-size: 1.4em; }
h2.newsTitle, h2.newsTitle a { margin: 0; font-size: 1.1em !important; text-decoration: none; }  /* newsTitle is used in "News" and "Events" */
h2.newsTitle a:hover { color: #cf9732; text-decoration: underline; } 
h3 { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.2em; font-style: italic; }

a { color: #cf9732; }
a:hover { color: #3d007e; text-decoration: underline; }
a.no_Underline { text-decoration: none; }

/* anchor to Publicatie: give extra top space because of fixed header */
a.anchor {
	position: relative; 
	top: -220px;
}

/* listings */
ul, ol {
	margin-left: .7em;
	padding-left: .7em;
	}
	li { line-height: 1.3em; }
ul { list-style: square; }

/* table */
table { border-collapse: separate; font-size: 100%; }
	td { 
		vertical-align: top;
		font-size: 100%; 
		}
	td, td img, td p {
		margin: 0;
		padding: 0;
		}
/* form and related tag styles */
form {
	margin: 0;
	padding: 0;
	}
	input[type="text"], textarea {
		margin: 0;
		font-size: 1em;
		color: #000;
		border: 1px solid #b2b2b2;
		}
	select {
		margin: 0;
		padding: 0;
		font-weight: normal;
		color: #000;
		}

/* ========== table styles ========== */

.tabelDIV { display: table; width:420px; }
.tabelDIV .row  { display: table-row; }
.tabelDIV .cell { display: table-cell; padding: 5px; }
.tabelDIV .left { width: 80px; }
.tabelDIV .right { width: 310px; }
.tabelDIV .full { width: 350px; }

/* ======================================== */
/* custom styles */
/* ======================================== */

#abstract, #abstract p { 
	font-size: 1.05em;
	font-weight: bold;
	letter-spacing: 1px;
}


/* data and form table */
.TBL_data th { 
	padding: 5px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	background-color: #c4c2d9;
}
.TBL_data td { padding: 5px; }

/* __________ dividers __________ */

hr, div.hr, .divider {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #cf9732;
}
div.hr_dotted {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 2px dotted #dedede;
}

.hr_grey {
	font-size:10px;
	color:#666;
	display:block;
	clear:both;
	border-bottom:1px solid #dedede;
	padding:0 0 2px 0;
	margin:0 0 5px 0;
	float:left;
	width:500px;
}

.divider_top { 
	height: 15px;
	border-top: 1px solid #cf9732;
	background: url('http://www.erasmusprijs.org/resources/images/but_2_top_of_page.png') no-repeat 100% 2px; 
	cursor:pointer; }

div.hr_double {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 3px double #cf9732;;
}

/* __________ buttons __________ */

/* back button */
div.but_back {
	margin-top: 2em; 
	text-align: center;
	}
	.but_back a {
		padding: 5px;
		padding-left: 24px;
		font-size: .9em;
		letter-spacing: 1px;
		text-decoration: none;
		background: url(../images/but_back.png) no-repeat 0px 5px;
		}
	.but_back a:hover {
		color: #3d007e;
	}

.but_grid {
	float: left;
	margin: 0;
	padding: 0;
	width: 17px;
	height: 17px;
	background-image: url(../images/icons/grid.png);
	cursor: pointer;
	}
	.but_grid:hover, .but_grid.active {
		background-position: 0 17px;
	}
.but_list {
	float: left;
	margin: 0;
	padding: 0;
	width: 17px;
	height: 17px;
	background-image: url(../images/icons/list.png);
	cursor: pointer;
	}
	.but_list:hover, .but_list.active {
		background-position: 0 17px;
	}


/* ======================================== */
/* events */
/* ======================================== */

.calendarDay {
	width: 65px;
	height: 70px;
	padding: 10px 20px 10px 10px;
	color: #3d007e;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.3em;
	background-image: url(../images/icons/event.png);
	background-repeat: no-repeat;
}

/* ======================================== */
/* prijswinnaars */
/* ======================================== */

#prijswinnaar_submenu {
	position: fixed; 
	top: 140px; 
	width:150px; 
	margin-left: 570px; 
	padding: 10px; 
	}
	#prijswinnaar_submenu h3 {
		font-size: 1.1em;
		margin: 0;
	}
	#prijswinnaar_submenu ul {
		clear: left;
		margin: 0;
		margin-top: 1em;
		margin-left: -10px;
		list-style: none;
	}
	#prijswinnaar_submenu ul li {
		font-size: .9em;
		line-height: 1.1em;
		padding: 4px 0 4px 14px;
		background: transparent url('../images/menu_bullet.png') no-repeat 4px 7px;
	}
	#prijswinnaar_submenu ul li:hover, #prijswinnaar_submenu ul li.active {
		background: transparent url('../images/menu_bullet_hover.png') no-repeat 4px 7px;
	}
	#prijswinnaar_submenu ul li a { text-decoration: none; color: #cf9732; }
	#prijswinnaar_submenu ul li.active a, #prijswinnaar_submenu ul li a:hover { color: #3d007e; }
	.prijswinnaar_content { width: 560px; }

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

.mosaic-block {
	float: left;
	position: relative;
	overflow: hidden;
	width: 136px;
	height: 136px;
	margin-right: 7px;
	margin-bottom: 7px;
	}
	.mosaic-block a:link, .mosaic-block a:hover { text-decoration: none; }
	.mosaic_mask {
		position: absolute;
		overflow: hidden; 
		width: 136px;
		height: 136px;
	}
	.mosaic-overlay { 
		display: none;
		z-index: 5;
		position: absolute;
		width: 136px;
		height: 136px;
		text-decoration: none;
		color: #fff;
	}
	.mosaic-details {
		text-align: center;
		padding-top: 20px;
	}
	.mosaic-details p {
		width: 130px;
		margin: 5px;
		font-size: 1.1em;
		line-height: 1.2em;
		margin-bottom: 1.4em;
	}
	/* animation */
	.bar .mosaic-overlay {
		bottom: -136px;
		background-color: rgba(19,13,105,0.5);
	}


/* ======================================== */
/* generic classes                          */
/* ======================================== */

.normal { font-weight: normal; font-style: normal; }
.small { font-size: 80%; }
.medium { font-size: 90%; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.red { color: #f32837; }
.green { color: #1c8c48; }
.grey { color: #888; }
.black { color: #000; }
.noWrap { white-space: nowrap; }
.border { border: 1px solid #dedede; }
img.border {
	padding: 3px;
	border: 1px solid #dedede;
}
.noBorder { border: none; }
.noMargin { margin: 0; }
.noPadding { padding: 0; }
.height_0_5em { height: .5em; }
.height_1em { height: 1em; }
.height_2em { height: 2em; }
/* huisstijl kleuren */
.blue { color: #3d007e; }
.blue_light { color: #8986b4; }
.gold { color: #cf9732; }