@CHARSET "ISO-8859-1";
		
	/*Mosaic Demo Styles*/
	
		.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
				
		.details{ margin:5px 5px; }	
			h4{ font:300 10px Alegreya Sans, 'Alegreya Sans', sans-serif; line-height:120%; letter-spacing:0.05em; color:#fff; font-weight:bold;}
			p{ font:300 11px Alegreya Sans, 'Alegreya Sans', sans-serif; color:#aaa;}
			a{ text-decoration:none; }
			
		.details_fade{ padding:10px 10px; }	
			h4{ font:300 10px Alegreya Sans, 'Alegreya Sans', sans-serif; line-height:120%; letter-spacing:0.05em; color:#fff; font-weight:bold;}
			a{ text-decoration:none; }
					
		
					
html, body {
				padding: 0;
				margin: 0;
				height: 100%;
			}
			body, div {
				font-family: 'Alegreya Sans', sans-serif;
				color: #333;
			}	
			p {
				font-family: 'Alegreya Sans', sans-serif;
				color: #ccc;	
			}
			body {
				padding-top:8px;
				background-color: #f0f0f0;
			}
			h1 {
				font-size: 60px;
			}
			a, a:link, a:active, a:visited {
				color: black;
			}
			a:hover {
				color: #9E1F63;
			}
			
			a.white:link, a.white:active, a.white:visited {
				color: #FFFFFF;
				text-decoration: underline;
			}
			a.white:hover {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			.wrapper {
				margin-left:auto;
				margin-right:auto;
				background-color: white;
				width: 935px;
				padding-left: 30px;
				padding-right: 30px;
				padding-bottom: 15px;
				padding-top: 15px;
			}
			.list_carousel {
			    margin-left:auto;
				margin-right:auto;
				padding-left:5px;
				padding-right:5px;
				padding-top:0px;
				padding-bottom:0px;
				background-color: #fff;
				box-shadow: 0 0 5px #999;
				margin: 0 0 20px 20px;
				width: 764px;
				height: 480px;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
#footer {
	margin-left:auto;
	margin-right:auto;
	width:946px;
	/* height:35px; * height is defined through padding */
	background-color:#A6A6A6;
	font-family:'Alegreya Sans', sans-serif;
	color:white;
	font-size:12px;
	box-shadow: 0 0 5px #999;
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
}

#header{
	font-family:'Alegreya Sans', sans-serif;
}

#abstract {
	font-size:12px;
	width:500px;
	color:#3f3f3f;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:10px;
	text-align:left !important;
}

#tilediv{
	float:left;
	}
			
/* continous text */			
.text {
	/* text-align:justify; */
	font-family:'Alegreya Sans', sans-serif;
	font-size:14px;
}

.h1{
	font-size:26px !important;
	color:#3f3f3f !important;
}

.h2{
	font-size:16px !important;
	font-weight:bold !important;
	color:#000000 !important;
	/* color:#0D5494 !important; */
}

a.prev, a.next {
	
	width: 45px;
	height: 50px;
	display: block;
	position: relative;
	
}
a.prev {	 left: 0px;
					background: url(images/fred_prev.png) no-repeat transparent; }
a.prev:hover {		background: url(images/fred_prev_hover.png) no-repeat transparent;  }
a.prev.disabled {	background: url(images/fred_prev_inactv.png) no-repeat transparent;   }
a.next {			right: -23px;
					background: url(images/fred_next.png) no-repeat transparent;  }
a.next:hover {		background: url(images/fred_next_hover.png) no-repeat transparent;  }
a.next.disabled {	background: url(images/fred_next_inactv.png) no-repeat transparent;   }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(images/fred_page.png) no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background: url(images/fred_page_actv.png) no-repeat transparent;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}			

/* *** BULLET POINTS *** */

/* left bullet point div */
.left { 
	float:left;
	width:240px;
	padding:5px;
	padding-left:252px;
	text-align: left !important;
}

/* right bullet point div */
.right {
	width:240px;
	padding:5px;
	padding-left:504px;
	text-align: left !important;
}

/* no bullet points div */
.indif {
	width:500px;
	padding:5px;
	padding-left:252px;
}	
/* long text points div */
.long {
	width:500px;
	padding-top: 0px;
	margin-left:257px;
}

.clear {
	clear:left;
}


/* ****** MOSAIC TILES ****** */

.mosaic-backdrop {
	background-color:#0D5494; /* overrule mosaic_black.css */
}

/* draw tiles */
.tile{
	margin:1px;
	background-color: #FFFFFF;
	height:120px;
	float:left;
}
.single{
	width:124px;
}
.double{
	width:249px;
}

/* TEXT FOR TILES */	

/* include this class for ALL tiles */
.tiletext 
	h4{ font:300 14px 'Alegreya Sans', sans-serif; line-height:120%; letter-spacing:0.05em; color:#fff; font-weight:bold;}
	a{ text-decoration:none; }
	
/* include this class for all tiles with pictures as background only */
.pictile 
	p{ font:300 11px Arial, 'Alegreya Sans', sans-serif; color:#DFF0FF;}
	
/* include this class for all tiles with blue background only */
.bluetile 
	p{ font:300 11px Arial, 'Alegreya Sans', sans-serif; color:#DFF0FF;}

.singleheadline h4 {margin-bottom: 80px}	/* for bluetiles with one lined heading (= margin between heading and description) */
.doubleheadline h4 {margin-bottom: 64px}	/* for bluetiles with two lined heading (= margin between heading and description) */
	
/* BACKGROUND FOR TILES */

/* background for tiles with pictures as background */	
.backdrop_pic{ 
	background-color: #000000;
	height: 30px;
	padding: 5px;
	margin-top: 80px;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
.backdrop_pic:hover{opacity: 0.9;
	filter: alpha(opacity = 90)}

/* backgrounds for colored tiles */
.backdrop_blue{ 
	background-color: #8970A8;
	padding: 5px;
	height: 110px;
}
.backdrop_blue:hover{background-color: #01080F}

/* colored tiles
.backdrop_green{ 
	background-color: #4d9400;
	padding: 5px;
	height: 110px;
}
.backdrop_green:hover{background-color: #01080F}

.backdrop_yellow{ 
	background-color: #e2b500;
	padding: 5px;
	height: 110px;
}
.backdrop_yellow:hover{background-color: #01080F}

.backdrop_red{ 
	background-color: #8b2104;
	padding: 5px;
	height: 110px;
}
.backdrop_red:hover{background-color: #01080F}

.backdrop_purple{ 
	background-color: #580075;
	padding: 5px;
	height: 110px;
}
.backdrop_purple:hover{background-color: #01080F}

.backdrop_brown{ 
	background-color: #533900;
	padding: 5px;
	height: 110px;
}
.backdrop_brown:hover{background-color: #01080F}
 */