/* 
 *  Table Of Sections
 *
 *  1. Reset
 *  2. Basic Elements
 *  3. Generic Classes
 *  4. Header
 *  5. Content
 *  6. Sidebar
 *  7. Footer
 *  8. Navigation
 *  9. Forms
 * 10. Modules
 * 11. Print styles
 *
 */

@media screen, projection {

	/* Reset  - do NOT modify!
	-------------------------------------*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	sup {
		vertical-align: super;
		font-size: 12px;
	}
	 
	sub {
		vertical-align: sub;
		font-size: 12px;
	} 	


	/* main green colof: #8f9d2e */

	/* Basic Elements
	-------------------------------------*/
	html, body { 
		height: 100%; 
	}

	body {
		/* font-family: "futura-pt-n4", "futura-pt", arial, sans-serif; */
		font-family: 'Rokkitt','Kameron', arial, serif;
		font-weight: 400;
		font-size: 62.5%; /* 1em = 10px */
		line-height: 1.5em;
		color: #333;
		background-color: white;
		overflow-x: hidden;
		letter-spacing: 0.5px !important;
	}
	
	p, a, li, span, ul, h5, #text-content-container h2,
	#text-content-container h3	{ 
		font-family: "futura-pt-n4", "futura-pt", arial, sans-serif;
	}
	
	a { color: #fc7446; }
	
	strong { font-weight: bold; }
	
	em { 
		font-style: italic; 
		line-height: 1.2;
/* 		font-weight: bold; */
	}
	
	#container-wrapper {
		position: relative;
		float: left;
		width: 100%;
		font-size: 1.8em;
		line-height: 1.1em;
		top: 0px;
		left: 0px;
		z-index: 1;		
	}
	
	#container {
		position: relative;
		margin: 0 auto;
		width: 1245px;	
	}
	
	#content-holder {
		float: left;
		width: 100%;
	/* 	background: #eeeeee;		 */
		background: url('/images/backgrounds/mainbg.png') repeat;
		padding: 28px 0px 0px 0px;
	}
	
	@media screen and (max-width: 1250px) {
		body { overflow-x: scroll; }
	}
	
	.logo-print { display: none; }

	.clearfix::after {
		content: "";
		clear: both;
		display: table;
	  }

	/* Generic Classes
	-------------------------------------*/

	/* --- Attachments list --- */

	.attachments-list .extension {  }


	/* --- Photo list --- */
	
	.photo-list {
		float: left;
		width: 100%;
		margin-top: 30px;
	}

	.photo-list dt {
		clear: both;
		float: left;
		width: 100%;
		margin: 12px 0px;
		border-bottom: 1px solid #ddd;
	}

	.photo-list dt  a{
		color: #22627A;
		font-size: 23px;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: -0.3px;
	}

	.photo-list dd.picture {
		float: right;
		width: 150px;
		margin-right: 10px;
	}

	.photo-list dd.summary {
		float: left;
		width: 600px;
	}

	.photo-list dd.summary a {
		margin-top: 7px;
		line-height: 1.5;
		font-size: 15px;
		text-decoration: underline;		
	}	
	
	.photo-list dd.summary a:hover {
		text-decoration: none;
	}
	
	.photo-list dd.clearer { margin-bottom: 20px; }

	#photo-list-lead-image {
		float: left;
		margin: 0 10px 3px 0;
	}
	
	dt.teaching {
		font-family: "futura-pt-n4", "futura-pt", arial, sans-serif;
		background: url('/images/backgrounds/icons/arrow-down.png') 5px 3px no-repeat;
		padding-left: 30px;
		color: #216179;
		font-size: 23px;
		font-weight: bold;
		cursor: pointer;
		letter-spacing: -0.3px;
	}
	
	dt.teaching.open {
		background: url('/images/backgrounds/icons/arrow-up.png') 5px 3px no-repeat;
	}
	
	dd.content {
		margin-bottom: 50px;
	}
	
	/* --- special --- */

	.green-arrow {
		margin: 0 6px;
	}
	
	/* --- Messages --- */

	.error {
		display: block;
		color: #B90000;
		font-weight: bold;
		margin: 1em 0
	}

	.notice {
		display: block;
		color: #00A600;
		font-weight: bold;
		margin: 1em 0
	}

	/* --- Other --- */

	img.left {
		float: left;
		padding-left: 0
	}

	img.right {
		float: right;
		padding-right: 0
	}

	/* use to clear floats */
	.clearer {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px
	}

	.hidden { display: none }
	
	.break-word { word-wrap: break-word; }
	
	.group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}


	/* Header
	-------------------------------------*/
	
	#header-wrapper {
		position: relative;
		float: left;
		width: 100%;
		height: 145px;
		top: 0px;
		left: 0px;
		z-index: 2;
	}
	
	#header {
		position: relative;
		margin: 0 auto;
		width: 1245px;
		height: 145px;
	}
	
	#header h1, #header em {
		display: block;
		position: absolute;
		top: 14px;
		left: 27px;
		width: 482px;
		height: 111px;
		overflow: hidden;
		text-transform: uppercase;
		z-index: 2;
	}
	

	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active,
	#header em a:link, #header em a:visited, #header em a:hover, #header em a:active {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/backgrounds/logo-v4.png') left top no-repeat;
	}
	
	#header h2 {
		display: block;
		position: absolute;
		top: 14px;
		right: 87px;
		width: 148px;
		height: 101px;
		overflow: hidden;
		text-transform: uppercase;
		z-index: 2;	
	}	

	#header h2 a:link, #header h2 a:visited, #header h2 a:hover, #header h2 a:active {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		overflow: hidden;
		background: url('../images/banner-european-commission.png') left top no-repeat;
	}	
	
	#social {
		position: absolute;
		bottom: -28px;
		right: 0px;
	}
	
	#social a:link, #social a:visited, #social a:hover, #social a:active {
		display: block;
		width: 28px;
		height: 28px;
		text-indent: -9999px;
		overflow: hidden;
		float: right;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#social a#facebook { background-image: url('../images/facebook.png'); }
	
	#social a#twitter { background-image: url('../images/twitter.png'); }
	
	#social a#youtube { background-image: url('../images/youtube.png'); }

	#social a#linkedin { background-image: url('../images/linkedin2.png'); }
	
	#social a#instagram { background-image: url('../images/instagram.png'); }
	
	.cycle-overlay {
		position: absolute;
		bottom: -1px;
		right: 0px;
		background-color: rgb(77, 169, 179);
		z-index: 1000;
		display: block;
		font-family:"futura-pt-n4","futura-pt",arial, sans-serif;
		padding:15px;
		font-size: 18px;
		line-height: 1.1em;
		letter-spacing: 0.5px;
		color: white;
		font-weight:400;
		max-width: 700px;
	}

	.red {
		margin-top:-15px;
		padding:15px;
		background: #e12a26;
		width: calc(100% + 10px);
		transform: translateX(-20px);
		color: #fff;
		text-align: center;
	}

	.red p {
		padding-bottom:0 !important;
	}

	.red a {
		color: #fff !important;
	}
	/* Entry
	-------------------------------------*/
	#grey-left {
		width: 3000px;
		position: absolute;
		top: 0px;
		right: 50%;
		margin-right: 505px;
		height: 504px;
		background-color: #e5e5e5;
	}
	
	#entry {
		float: left;
		width: 885px;
		background: white;
/* 		padding-bottom: 20px; */
	}
	
	#lead-wrapper {
		position: relative;
		float: left;
		width: 885px;
		height: 376px;
		overflow: hidden;
	}
	
	#lead {
		top: 0px;
		left: 0px;
		float: left;
		width: 885px;
		height: 375px;	
		z-index: 1;
	}
	
	#lead-wrapper p {
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: 10;
		width: 500px;
		padding: 5px 20px 9px 11px;
		text-align: right;
		background: #4da9b3;
		color: white;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 0.9em;
	}
	
	#entry-text { 
		float: left;
		padding: 15px 20px;
	}
	
	
	#entry-text h1 {
		font-size: 68px;
		padding-bottom: 10px;
		color: #8f9d2e;
		line-height: 0.9;
		font-weight: bold;
		/*letter-spacing: -0.8px;*/
		letter-spacing: -4px;
	}
	
	#entry-text div.side{
		/* height: 355px; */
		width: 205px;
		height: 390px;
		display: block;
		float:left;
		color: #FC7446;
		padding-left: 30px;
		padding-right: 20px;
	}
	
	#entry-text p {
		padding-bottom: 10px;
		letter-spacing: 0.5px;
		line-height: 1.3em;
		transform:scale(1,0.98); /* W3C */
		-webkit-transform:scale(1,0.98); /* Safari and Chrome */
		-moz-transform:scale(1,0.98); /* Firefox */
		-ms-transform:scale(1,0.98); /* IE 9 */
		-o-transform:scale(1,0.98); /* Opera */			
	}
	
	#entry-text p.entry-motivation {
		font-weight: bold;
	}
	
	
	/* --- entry news --- */
	
	#entry-news {
		background-color: #dcdcdc;
		margin-top: 37px;
		padding: 10px 0px 27px 0px; 
		float: left;
		width: 885px;
		min-height: 370px;
		position: relative;
	}
	
 	#entry-news p { padding: 20px 35px; } 
 	li.entry-news p  { padding: 0px !important; } 
	
	#entry-news h1 {
		color: #415f77;
		font-size: 70px;
		font-weight: bold;
		letter-spacing: -2px;
		line-height: 0.9;
		margin-left: 30px;
	}
	
	.news-list li {
		width: 260px;
		float: left;
		margin-top: 18px;
		margin-left: 30px;
		transform:scale(1,0.96); /* W3C */
		-webkit-transform:scale(1,0.96); /* Safari and Chrome */
		-moz-transform:scale(1,0.96); /* Firefox */
		-ms-transform:scale(1,0.96); /* IE 9 */
		-o-transform:scale(1,0.96); /* Opera */		
	}
	
	.news-list li a {
		text-decoration: none;
	}
	
	li.entry-news span.title{
		color: #8f9d2e;
		font-weight: bold;
		letter-spacing: 0.5px;
		font-size: 1.15em;
	}
	
	li.entry-news span.title:hover {
		text-decoration: underline;
	}
	
	li.entry-news span.date {
		/*font-style: italic;*/
		color: #888;
		font-size: 13px;
		line-height: 2;
	}
	
	li.entry-news p {
		font-size: 0.9em;
		line-height: 1.1;
		letter-spacing: 0.5px;
	}
	
	a.read-more {
		color: #FC7446;
		line-height: 1.8;
		font-size: 15px;		
		background: url('/images/backgrounds/icons/reading.png') 118px 8px no-repeat;
	}
	
	a.read-more:hover {
		text-decoration: underline; 
	}
	
	span.entry-more{
		width: 100%;
		float: left;
	}
	
	img#msg-image {
		margin-bottom: 10px;
		display: block; width: 100%;
	}	
	
	/* --- content news --- */
	
	.news-title {
		font-size: 40px;
		color: #415F77;
	}
	
	.category {
		padding-bottom: 10px;
	}
	
	ul.news-archive li {
		width: 100%;
	}
	
	ul.news-archive li span.date {
		color: #333;
	}
	
	ul.news-archive li span.title:hover{
		text-decoration: underline;
	}
	
	.entry-archive {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		padding: 5px 10px;
		text-decoration: none;
		color: #ffffff;
		background-color: #8F9D2E;
	}
	
	.entry-archive:hover { text-decoration: underline; }
	
	/* Content
	-------------------------------------*/

	#content {
		float: left;
		width: 833px;
		background: white;
		padding: 10px 26px;
		min-height: 680px;
	}
	
	#cnt-summary p{
		/* font-weight: bold; */
		color: #226279;
		letter-spacing: 0.5px !important;
		margin-bottom: 10px;
	}
/* 	#body-content #text-content-container h2 {
		margin-bottom: .5em;
		font-family: 'Kameron', arial, serif; 
		font-size: 1.6em
	} */
	
	#body-content #text-content-container h2 {
		margin-bottom: 0.3em;
		font-size: 1.4em;
		line-height: 1.2;
		color: #fc7446;
		letter-spacing: 0.5px;
	}

	#body-content #text-content-container h3 {
		color: #4da9b3;
		line-height: 1.2;
		font-size: 1.2em;
		margin-top: 0.8em;
		margin-bottom: 0.2em;
		letter-spacing: 0.5px;
	}
	
	#body-content #text-content-container #cnt-summary.subjects h3 {
		margin-top: 0em;
		margin-bottom: 0em;	
		font-size: 1em;
		color: #333333;
		font-weight: bold;
		line-height: 1em;
	}
	
	#body-content #text-content-container #cnt-summary.subjects p {
		font-size: .9em;
		color: #333333;
	}
	
	#body-content #text-content-container #cnt-summary.subjects img {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	#body-content h1 {
		margin: 10px 0px;
		font-family: 'Rokkitt','Kameron', arial, serif; 
		font-size: 75px;
		font-weight: bold;
		line-height: 1;
		color: #8F9D2E;
		letter-spacing: 0.3x;
	}

	#text-content-container {
		padding-bottom: 60px;
	}

	#text-content-container p {
		padding-bottom: 1em;
		line-height: 1.3em;
		transform:scale(1,0.98); /* W3C */
		-webkit-transform:scale(1,0.98); /* Safari and Chrome */
		-moz-transform:scale(1,0.98); /* Firefox */
		-ms-transform:scale(1,0.98); /* IE 9 */
		-o-transform:scale(1,0.98); /* Opera */		
		
	}

	#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
		color: #fc7446;
	}

	#text-content-container a:visited { color: #d35628; }
	#text-content-container a:hover {color: #8f9d2e;}
	
	#text-content-container div#back-to {
		display: block; 
		width: 100%;
		border-top: 1px dashed #8f9d2e;
		margin-top: 10px;
	}
	
	#text-content-container div#back-to.float {float: left; margin-top: 30px;}	
	#text-content-container div#back-to.float1 {float: left;}	
	
	#text-content-container div#back-to a:link,
	#text-content-container div#back-to a:visited,
	#text-content-container div#back-to a:hover,
	#text-content-container div#back-to a:active {
		background: #8F9D2E;
		color: white;
		text-decoration: none;
		padding: 0px 6px 1px 6px;
		float: right;
	}

	#text-content-container p.abstract {
		color: #22627A;
		margin-bottom: 20px;
	/* 	font-weight: bold; */
	}
	
	#text-content-container div#cnt-summary.subjects {
		background: #ECECEC;
		width: 288px;	
		padding: 0 5px 0 5px;
		margin: 0 25px 5px 0px;
		float: left;
		text-align: center;
	}
	
	/* internal link */
	.INNERLINK {
		color: #22627A;
		text-decoration: none;
		font-weight: bold;
		letter-spacing: -0.3px;
	}
	
/* 	.INNERLINK:hover { text-decoration: underline; } */
	
	/* external link */
	#text-content-container a.external {
		padding-right: 12px;
		background: url('../images/backgrounds/icons/external-link.gif') 100% 65% no-repeat;
	}


	/* --- video --- */

	span.video-placeholder {
		clear: both;
		padding: .7em 0px .7em 0px;
		display: block;
	}


	/* --- unsorted list --- */

	#text-content-container ul { 
		padding-bottom: 0.6em; 
 		list-style-image: url('/images/backgrounds/icons/square.png'); 
	}

	#text-content-container ul li {
		margin-bottom: .3em;
		list-style-type: square;
		list-style-position: outside;
		margin: 0px 0px 0px 27px;
		line-height: 1.3em;
	}
	
	#text-content-container ul.courseList li {
		margin: 0px 27px;
	}

	/* --- numbered list --- */

	#text-content-container ol {}

	#text-content-container ol li {
		margin-bottom: .3em;
		list-style-type: decimal;
		list-style-position: outside;
		margin: 0px 0px 0x 27px;
		line-height: 1.3em;
	}

	
	/* teaching staff */

	/* --- Attachments list --- */

	#text-content-container ul.attachments-list li { list-style-type: none; }


	/* --- tables --- */

	#text-content-container table th {
		padding: .3em .5em;
		border: 1px solid #999;
		font-weight: bold;
		text-align: left;
	}

	#text-content-container table td {
		padding: .3em .5em;
		border: 1px solid #999;
	}

	#text-content-container table caption {
		margin-bottom: .3em;
		text-align: left;
		font-weight: bold;
	}


	/* --- Icons in content --- */

	#text-content-container a.lipdf {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/pdf.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lidoc {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/doc.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lixls,
	#text-content-container a.lixlsx {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/xls.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lippt {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ppt.gif) 0% .2em no-repeat;
	}

	#text-content-container a.lizip {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/zip.gif) 0% .2em no-repeat;
	}

	#text-content-container a.liai {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ai.gif) 0% .2em no-repeat;
	}

	#text-content-container a.liexe {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/exe.gif) 0% .2em no-repeat;
	}

	#text-content-container a.liimage {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/file.gif) 0% .2em no-repeat;
	}

	/* --- content photos --- */
	
	.content-photo.mid {
		width: 100%;
		margin-top: 7px;
		margin-bottom: 12px;
	}
	
	.content-photo.left {
		margin-right: 7px;
	}
	
	.content-photo.right {
		margin-left: 7px;
	}
	
	.content-photo.left,
	.content-photo.right {
		width: auto;
	}
	
	/* --- Photogallery --- */

	#photo-gallery-container { 
		float: left;
		width: 100%;
		margin: 1em 0;
	}

	.photo-gallery-item {
		position: relative;
		float: left;
		width: 147px;
		padding: 7px;
		margin-right: 7px;
		margin-bottom: 7px;
		text-align: center;
		background: #F2F2F2;
	}
	
	.photo-gallery-item.list {
		background: #F2F2F2;
	}
	
	.photo-gallery-item.list a:link,
	.photo-gallery-item.list a:active,
	.photo-gallery-item.list a:hover,
	.photo-gallery-item.list a:visited {
		font-weight: bold;
	}

	.photo-gallery-item img.photo-gallery { margin: 0 auto }

	#text-content-container .photo-gallery-item p {
		margin-top: .7em;
		text-align: left;
		line-height: 1.1;
		font-size: .95em;
		overflow: hidden;
	}

	.photo-gallery-item p strong { display: block }



	/* ---  Sidebar ----
	-------------------------------------*/
	#sidebar {
		float: left;
		width: 360px;
	 	height: 750px;
		/* min-height:600px; */
		/*background: url("/images/backgrounds/mainbg.png");*/
	}
	
	#intro {
		float: left;
		width: 100%;
		font-size: 0.85em;
		line-height: 1em;
		min-height: 445px;
		margin-top: -28px;
		/*padding: 0px 10px;*/
		/* background: #fff; */
	}
	
	#intro span.intro {
		float: left;
		display: block;
		width: 118px;
		height: 118px;
		background: #8f9d2e;
	}
	
	#intro h2, #intro h3 {
		float: left; 
		width: 100%;
		display: block;
		margin-top: 7px;
	}
	
	#intro h2 {
		font-size: 18px;
	}
	
	
	#intro p {
		float: left;
		width: 320px;
		padding: 10px 4px 10px 4px;	
		letter-spacing: 0.5px;
		font-size: 18px;
		line-height: 1.1em;
		transform:scale(1,0.95); /* W3C */
		-webkit-transform:scale(1,0.95); /* Safari and Chrome */
		-moz-transform:scale(1,0.95); /* Firefox */
		-ms-transform:scale(1,0.95); /* IE 9 */
		-o-transform:scale(1,0.95); /* Opera */				
	}
	
	/* --- map --- */
	#map-wrapper {
		float:left;
	}
	
	#map {
		padding: 15px 0px;
	}
	
	.overlay1 {
		margin-top: 341px;
		margin-left: 0px;
	}	
	
	.overlay2 {
		margin-top: 192px;
		margin-left: 75px;
	}
	
	.overlay3 {
		margin-top: 95px;
		margin-left: 180px;
	}
	
	.overlay4 {
		margin-top: 310px;
		margin-left: 163px;
	}

	area {
		cursor: pointer;
	}

	/* --- locations --- */
	
	#locations {
		position: relative;
		float: left;
	}
	
	#locations h2{
		margin: 90px 20px 10px 20px;
		font-weight: bold;
		color: #888;
	}
	
	#locations h2 span.orange{
		color: #FC7446;
		font-family: 'Rokkitt','Kameron',arial,serif;
	}
	
	#locations p {
		padding: 0px 20px;
		line-height: 1.1em;
		letter-spacing: 0.5px;
		font-size: 0.9em;	
		transform:scale(1,0.96); /* W3C */
		-webkit-transform:scale(1,0.96); /* Safari and Chrome */
		-moz-transform:scale(1,0.96); /* Firefox */
		-ms-transform:scale(1,0.96); /* IE 9 */
		-o-transform:scale(1,0.96); /* Opera */				
	}
	
 	#photo-tape {
		width: 100%;
		height: 70px;
		clear: both;
		position: relative;
		float:left;
		overflow:hidden;
	}
	
	#photo-tape img {
		height: 70px;
	}
	
 	a.cycle-slide {
		opacity: 1 !important;
	}
	
	a.crop-image {
		width: 70px;
		height: 70px;
		overflow: hidden;
		margin-right: 2px;
		float: left;
	}
	
	.center {
		position: absolute;
	}
	
	.prev {
		background: url('/images/backgrounds/icons/arrow-left.png');
		position: absolute;
		display: block;
		width: 28px;
		height: 70px;
		z-index: 1000;
/* 		margin-top: -70px; */
	}	
	
	.next {
		background: url('/images/backgrounds/icons/arrow-right.png');
		position: absolute;
		display: block;
		width: 28px;
		height: 70px;
		z-index: 1000;
/* 		margin-top: -70px; */
		margin-left: 331px;
	}
	
	/* --- Courses --- */
	
	#body-content .university { margin-bottom: 30px;}
	
	#body-content .university h1 {
		color: #333333;
		font-size: 27px;
		font-weight: 400;
	}
	
	.courseList a, .courseList h4{
		/*font-size: 23px; */
		color: #22617D;
		/*text-decoration: underline;*/
		cursor: pointer;
	}
	
	.courseList a:hover, .courseList h4:hover {
		color: #8F9D2E;
	}
	
	.courseList h5 { line-height: 1.3; }
	
	#body-content .university ul.courseList li span.lecturer { font-size: .9em; }
	
	
	/* elective course */
	
	#electiveList a{
		font-size: 18px; 
		color: #22617D;
	}
	
	#electiveList  h5 { font-size: 16px; }
	
	#electiveList {
		margin-left: 20px;
	 	display: inline-block; 
		margin-top: 6px;
	}
	
	#electiveList li{
		margin-top: 6px;
		float: left;
		width: 100%;
	}
	/* --- Partners --- */
	
	#partners {
		clear: both;
		width: 100%;
		display: flex;
		flex-wrap:wrap;
    	align-items: flex-end;
	}
	
	#partners img { max-width: 100%; }

	#partner-desc {
		width: 380px;
		float: left;
		padding-bottom: 20px;
	}
	
	#partner-desc a{
		line-height: 2;
		color: #333;
		font-family: 'Rokkitt','Kameron', arial, serif; 
		margin: 16px;
		font-size: 20px; 
		text-decoration: none;
	}
	
	#partner-desc a:hover {
		text-decoration: underline;
	}
	
	#partner-desc p{
		margin: 0px 16px;
		color: #777;
		font-size: 0.9em; 
		line-height: 1.1;
		letter-spacing: 0.5px;
		transform:scale(1,0.96); /* W3C */
		-webkit-transform:scale(1,0.96); /* Safari and Chrome */
		-moz-transform:scale(1,0.96); /* Firefox */
		-ms-transform:scale(1,0.96); /* IE 9 */
		-o-transform:scale(1,0.96); /* Opera */		
		
	}

	#partner-list {
		float: left;
		padding-bottom:38px;
		width: 865px;
		/*margin-left: 20px;*/
	}
	
	.partner {
		float: left;
		width: 200px;
		margin-right: 20px;
	}
	
	.partner h2 {
		font-size: 15px;
		line-height: 1;
		letter-spacing: -0.3px;
		margin: 12px 0px;
		display: block;
		height: 35px;
	}
	
	.partner h2 a{
		color: #333;
		text-decoration: none;
	}
	
	.partner h2 a:hover{
		color: #fc7446;
	}
	
	.flag {
		float: left;
		margin: 14px 6px;
	}
	
	/* Footer
	-------------------------------------*/
	#footer { 
		clear: both;
		width: 100%;
		background-color: #eaeaea;
		/*padding-bottom: 10px;*/
	}
	
	.text {
		margin-left: 350px;
		width: 875px;
		padding: 10px;
	}
	
	.text p {
		font-size: 12px;
		line-height: 1.1;
		color: #888;
		float: left;
		width: 490px;
	}

	/* --- kolofon --- */
	#kolofon {
		height: 77px;
		padding-top: 5px;
		background-color: #eee;
		text-align: center;
	}
	
	#kolofon a{
		color: #555;
		line-height: 77px;
		font-size: 15px;
		text-decoration: none;
	}
	
	/* Navigation
	-------------------------------------*/

	/* --- Breadcrumbs --- */

	#header #breadcrumbs { 
		margin-top: 2.7em;
		color: #a8a8a8;
	}

	#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active { 
		font-size: 14px;
		color: #a8a8a8;
	}

	/* --- Main Menu --- */
	
	#menu-area {
		float: left;
		width: 100%;
		padding-top: 145px;
		height: 28px;
	}

	#main-menu {
		float: left;
		width: 100%;
		float: left;
		height: 28px;
	}


	/* Level 1 */

	#main-menu li.menu-level1 {
		float: left;
		height: 28px;
		margin-right: 1px;
	}

	#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, #main-menu a.menu-level1:hover, #main-menu a.menu-level1:active {
		float: left;	
		color: #8f9d2e;
		text-decoration: none;
	}
	
	#body-entry li#m-m-2 a.menu-level1:link, #body-entry li#m-m-2 a.menu-level1:visited, 
	#body-entry li#m-m-2 a.menu-level1:hover, #body-entry li#m-m-2 a.menu-level1:active {
		color: white;
		min-width: 118px;
	}

	#main-menu li.menu-level1-open a.menu-level1:link, 
	#main-menu li.menu-level1-open a.menu-level1:visited, 
	#main-menu li.menu-level1-open a.menu-level1:hover, 
	#main-menu li.menu-level1-open a.menu-level1:active,
	#main-menu li.menu-level1 a.menu-level1:hover {
		background: #8f9d2e;
		color: white;
	}
	
	#body-entry li#m-m-2.menu-level1 a.menu-level1:hover {
		color: #333;
	}

	#main-menu span.menu-level1 {
/*  	font-family: "ff-more-web-pro-wide-n4", "ff-more-web-pro-wide", arial, sans-serif;  */
 		font-family: 'Rokkitt','Kameron', arial, serif; 
		font-weight: 400;
		display: block;
		font-size: 2.2em;
		line-height: 1.1em;
		text-transform: lowercase;
		padding: 4px 13px 0px 12px;
	 	letter-spacing: -0.4px; 
	}


	/* Level 2 */
	
	#main-menu ul.menu-level2 {
		position: absolute;
		margin-top: 135px;
		line-height: 1.1;
		width: 385px;
		left: -25px;
	}

	#main-menu li.menu-level2 {	
		margin-bottom: 1px; 
		position: relative;
		float: left;
		width: 100%;
		display: block;
		text-align: right;
		/*margin-left: -89px;*/
	}

	#main-menu a.menu-level2:link, #main-menu a.menu-level2:visited, #main-menu a.menu-level2:hover, #main-menu a.menu-level2:active {
		color: #8F9D2E;
		text-decoration: none;
		font-size: 18px;
		letter-spacing: -0.2px;
	}

	#main-menu li.menu-level2-open a.menu-level2:link, 
	#main-menu li.menu-level2-open a.menu-level2:visited, 
	#main-menu li.menu-level2-open a.menu-level2:hover, 
	#main-menu li.menu-level2-open a.menu-level2:active {
		background-color: #8F9D2E;
		color: #ffffff;
	}

	#main-menu li.menu-level2 a.menu-level2:hover {  }

	#main-menu span.menu-level2 {
		padding-left: 10px; 
		padding-right: 20px; 
		font-size: 1.2em;
		font-family: 'Rokkitt','Kameron', arial, serif; 
		letter-spacing: 0px;
	}

	#main-menu a.menu-level2:hover, #main-menu span.menu-level2:hover  {
		background-color: #8F9D2E;
		color: #ffffff;
	}
	
	/* menu control */

	/*#m-m-2 ul.menu-level2 { margin-left: 63px; }
	#m-m-6 ul.menu-level2 { margin-left: -9px; }
	#m-m-12 ul.menu-level2 { margin-left: -184px; }
	#m-m-29 ul.menu-level2 { margin-left: -305px; }*/
	
	
	/* Level 3 */

	ul.menu-level3 {
		padding-bottom: 5px;
		float:left;
		width: 385px;
		text-align: right;
	}
	
	#main-menu a.menu-level3:link, #main-menu a.menu-level3:visited, #main-menu a.menu-level3:hover, #main-menu a.menu-level3:active {
		float: right;
		color: #9AA547;
		text-decoration: none;
	}

	#main-menu li.menu-level3-open a.menu-level3:link, 
	#main-menu li.menu-level3-open a.menu-level3:visited, 
	#main-menu li.menu-level3-open a.menu-level3:hover, 
	#main-menu li.menu-level3-open a.menu-level3:active { 
		text-decoration: underline;
	}

	#main-menu li.menu-level3 a.menu-level3:hover { text-decoration: underline; }

	#main-menu span.menu-level3 {
		display: block;
		width: 265px;
		padding-right: 20px;
		font-size: 15px;
		/*margin-left: 352px;*/
		line-height: 1.4;
		font-family: 'Rokkitt','Kameron', arial, serif;
	}


	#cookie-button {
		z-index: 9999 !important;
	}


	#cookie-button {
		z-index: 9999 !important;
	}

	/* Forms
	-------------------------------------*/

	input {
		position: relative;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	#text-content-container form {
		width: 98%;
		margin-bottom: 1em;
		padding: 1em 1%;
	}

	input.input-text {
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	#text-content-container input.input-text {
		padding: .5em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
	}

	input.input-submit {
		margin-top: 1em;
		padding: .2em .5em;
		border-width: 1px;
		border-style: solid;
		border-color: #808080 #404040 #404040 #808080;
		font-size: 100%;
		background-color: #606060;
		color: white;
		cursor: pointer;
	}

	input.input-submit:hover {
		border-color: #E60000 #600000 #600000 #E60000;
		background-color: #B90000;
	}
	
	input.input-datepicker {
		padding: .5em;
		border: 1px solid #AAA;
		font-size: .9em;
		background-color: white;
		width: 6em;
	}

	#text-content-container input.input-submit { font-size: .9em; }

	textarea {
		position: relative;
		height: 10em;
		padding: .3em;
		border: 1px solid #AAA;
		line-height: 1.1;
		background-color: #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	select {
		position: relative;
		padding: .1em 0 .1em .3em;
		border: 1px solid #AAA;
		background-color: #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.input-security {
		width: 5em !important;
		margin: 0 0 0 3px;
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	.racun {}

	form span.mandatory { color: #B90000 }


	/* Vertical form */

	.vertical-form {}

	.vertical-form dt {
		margin-top: 1em;
		margin-bottom: .3em;
	}


	/* Horizontal form */

	.horizontal-form { float: left }

	.horizontal-form dt {
		clear: left;
		float: left;
		width: 25%;
		padding-top: .5em;
		margin-top: .6em;
		margin-bottom: .2em;
		margin-right: 2%;
		text-align: right;
	}

	.horizontal-form dt label { text-align: right }

	.horizontal-form dd {
		float: left;
		width: 72.9%;
		margin-top: .6em;
		margin-bottom: .2em;
	}

	fieldset.checkboxes label {
		float: left;
		display: block;
	}

	form dt.alt, 
	form dd.alt {
		text-align: left
	}

	.horizontal-form dt.alt, 
	.horizontal-form dd.alt {
		width: 72.9%;
		padding-top: 0;
		padding-left: 27%;
		margin-right: 0;
	}

	.sidebar-module input,
	.sidebar-module select,
	.sidebar-module textarea {
		font-family: inherit;
		font-size: 1.1em;
	}

	.form-notice {
		margin: 1em 0;
		padding: .3em 1em;
		border: 1px solid #007700;
		font-weight: bold;
		color: #007700;
		background-color: #F0FFF0;
	}

	.form-error {
		margin: 1em 0;
		padding: .3em 0;
		border: 1px solid #B90000;
		color: #B90000;
		background-color: #FFF0F0;
	}

	.form-error li {
		padding: .3em 1em;
		font-weight: bold;
		line-height: 1.2;
	}
	
	#html5-watermark {display: none !important;}
	.overlayIcon {margin-left: -14px;}
	#html5-elem-wrap {background-color: #000000 !important;}
	#html5lightbox-video {background-color: #cccccc !important;}
}




/* Print styles
-------------------------------------*/

@media print {

	body {
		font-size: .9em;
		font-family: "Times New Roman", serif;
		background-color: white;
		color: black;
	}

	h1, h2, h3, h4 { font-family: "Times New Roman", serif; }

	h1 { font-size: 1.6em; }

	h2 { font-size: 1.4em; }

	h3 { font-size: 1.2em; }

	h4 { font-size: 1.1em; }

	a img { border: none; }

	#text-content-container a:link:after,
	#text-content-container a:visited:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}
	
	img, #lead, area { display: none !important; }
	
	#header h1 a {
		display: block;
	}
	.logo-print { display: block !important; }
}




/* Plugins
-------------------------------------*/


@media projection, screen {

	/**
	 * jQuery lightBox plugin
	 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
	 * and adapted to me for use like a plugin from jQuery.
	 * @name jquery-lightbox-0.5.css
	 * @author Leandro Vieira Pinho - http://leandrovieira.com
	 * @version 0.5
	 * @date April 11, 2008
	 * @category jQuery plugin
	 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
	 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
	 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
	 */
	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
	}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		display: block;
	}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
	}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
	}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
	}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
	}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
	}	
	#lightbox-image-details-caption { font-size:18px; letter-spacing: 0.5px; line-height: 23.4px; font-family: "futura-pt-n4","futura-pt",arial,sans-serif;}
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
		padding-top: 1.0em;
		font-size:15px; 
		letter-spacing: 0.5px; 
		line-height: 23.4px; 
		font-family: "futura-pt-n4","futura-pt",arial,sans-serif;
	}			
	#lightbox-secNav-btnClose {
		width: 22px; 
		float: right;
		padding-bottom: 0.7em;	
	}
	
	
	/**
	 * The "classic" theme CSS for Shadowbox.
	 *
	 * This file is part of Shadowbox.
	 *
	 * Shadowbox is an online media viewer application that supports all of the
	 * web's most popular media publishing formats. Shadowbox is written entirely
	 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
	 * authors can showcase a wide assortment of media in all major browsers without
	 * navigating users away from the linking page.
	 *
	 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
	 * Noncommercial-Share Alike license. This means that it is absolutely free
	 * for personal, noncommercial use provided that you 1) make attribution to the
	 * author and 2) release any derivative work under the same or a similar
	 * license.
	 *
	 * If you wish to use Shadowbox for commercial purposes, licensing information
	 * can be found at http://mjijackson.com/shadowbox/.
	 *
	 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
	 * @copyright   2007-2008 Michael J. I. Jackson
	 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
	 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
	 */

	/*_____________________________________________________  container & overlay  */
	#shadowbox_container, #shadowbox_overlay {
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}
	#shadowbox_container {
	  position: fixed;
	  display: block;
	  visibility: hidden;
	  z-index: 999;
	  text-align: center; /* centers #shadowbox in quirks and IE */
	}
	#shadowbox_overlay {
	  position: absolute;
	}

	/*_______________________________________________________________  shadowbox  */
	#shadowbox {
	  position: relative;
	  margin: 0 auto;
	  text-align: left; /* reset left alignment */
	}

	/*____________________________________________________________________  body  */
	#shadowbox_body {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  border: 1px solid #333;
	  overflow: hidden;
	}
	#shadowbox_body_inner {
	  position: relative;
	  height: 100%;
	}
	#shadowbox_content.html {
	  height: 100%;
	  overflow: auto; /* make html content scrollable */
	}

	/*_________________________________________________________________  loading  */
	#shadowbox_loading {
	  position: absolute;
	  top: 0;
	  width: 100%;
	  height: 100%;
	}
	#shadowbox_body, #shadowbox_loading {
	  background-color: #060606; /* should match loading image background color */
	}
	#shadowbox_loading_indicator {
	  float: left;
	  margin: 10px 10px 0 10px;
	  height: 32px;
	  width: 32px;
	  background-image: url(../js/shadowbox/skin/classic/loading.gif);
	  background-repeat: no-repeat;
	}
	#shadowbox_loading span {
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  font-size: 10px;
	  float: left;
	  margin-top: 16px;
	}
	#shadowbox_loading span a:link,
	#shadowbox_loading span a:visited {
	  color: #fff;
	  text-decoration: underline;
	}

	/*____________________________________________________________  title & info  */
	#shadowbox_title, #shadowbox_info {
	  position: relative;
	  margin: 0; /* these must have no vertical margin or padding */
	  padding: 0;
	  overflow: hidden;
	}
	#shadowbox_title_inner, #shadowbox_info_inner {
	  position: relative;
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  line-height: 16px;
	}
	#shadowbox_title {
	  height: 26px;
	}
	#shadowbox_title_inner {
	  font-size: 16px;
	  padding: 5px 0;
	  color: #fff;
	}
	#shadowbox_info {
	  height: 20px;
	}
	#shadowbox_info_inner {
	  font-size: 12px;
	  color: #fff;
	}

	/*_____________________________________________________________________  nav  */
	#shadowbox_nav {
	  float: right;
	  height: 16px;
	  padding: 2px 0;
	  width: 45%;
	}
	#shadowbox_nav a {
	  display: block;
	  float: right;
	  height: 16px;
	  width: 16px;
	  margin-left: 3px;
	  cursor: pointer;
	}
	#shadowbox_nav_close {
	  background-image: url(../js/shadowbox/skin/classic/icons/close.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_next {
	  background-image: url(../js/shadowbox/skin/classic/icons/next.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_previous {
	  background-image: url(../js/shadowbox/skin/classic/icons/previous.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_play {
	  background-image: url(../js/shadowbox/skin/classic/icons/play.png);
	  background-repeat: no-repeat;
	}
	#shadowbox_nav_pause {
	  background-image: url(../js/shadowbox/skin/classic/icons/pause.png);
	  background-repeat: no-repeat;
	}

	/*_________________________________________________________________  counter  */
	#shadowbox_counter {
	  float: left;
	  padding: 2px 0;
	  width: 45%;
	}
	#shadowbox_counter a {
	  padding: 0 4px 0 0;
	  text-decoration: none;
	  cursor: pointer;
	  color: #fff;
	}
	#shadowbox_counter a.shadowbox_counter_current {
	  text-decoration: underline;
	}

	/*___________________________________________________________________  clear  */
	div.shadowbox_clear {
	  clear: both; /* clear floating counter & nav */
	}

	/*________________________________________________________________  messages  */
	div.shadowbox_message {
	  font-family: 'Lucida Grande', Tahoma, sans-serif;
	  font-size: 12px;
	  padding: 10px;
	  text-align: center;
	}
	div.shadowbox_message a:link,
	div.shadowbox_message a:visited {
	  color: #fff;
	  text-decoration: underline;
	}
	
	
	
	/*  jquery autocomplete  */
	.ac_results {
		padding: 0px;
		background-color: white;
		overflow: hidden;
		z-index: 99999;
	}

	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: default;
		display: block;
		/* 
		if width will be 100% horizontal scrollbar will apear 
		when scroll mode will be used
		*/
		/*width: 100%;*/
		font: menu;
		font-size: 12px;
		/* 
		it is very important, if line-height not setted or setted 
		in relative units scroll will be broken in firefox
		*/
		line-height: 16px;
		overflow: hidden;
	}


	.ac_odd {
		background-color: #F6F6F6
	}

	.ac_over {
		background-color: #606060;
		color: white;
	}

}

/* DO NOT PUT ANYTHING DOWN HERE! FIND THE APPROPRIATE SECTION ABOVE! THIS IS THE LAST WARNING! */