/* general css */
*{ font-family: verdana; }
img { border: 0; }
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#eee;
	behavior:url("/master-programme/csshover.htc")
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:760px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border-left: 1px solid black;
	border-right: 1px solid black;
}
h1 { color: white; margin: 0;}
fieldset { border: 1px solid #FECC0C;}
label, select, input {	margin: 10px;	}
a,p, label, select, fieldset, table {	font-size: 12px; }
select, input { border: 1px solid black;}
.bodytitle { font-weight: bold;}

.quicknav {
	background-color: #FECC0C;
	font-size:10px;
	font-weight:bold;
	margin: -3px 15px 0px 15px;
	padding: 3px 3px 3px 30px;
}
.quicknav li.title {
	display: none;
}
.quicknav li {
	background-color: #FECC0C;
	margin: -3px 40px 0px 0px;
	font-size:10px;
	/*float: left;*/
	display: inline;
}
.quicknav a {
	font-size:10px;
}

legend{	color: #FECC0C;
		font-weight: bold;
}
label {
	float: left;
	text-align: right;
	width: 150px;
}
a { color: black;
	text-decoration: none;
	font-weight: bold;
		}
a:hover{
	;color: silver;
	color: #2CACE2;
	text-decoration: none;
		}
#main-content {
	position: relative;
	padding: 15px;
	}
div#footer {
	position:relative;
	width:100%;
	bottom:0; /* stick to bottom */
	margin-top: 50px;
}
div#footer p {
	text-align: center;
	}
div#footer p a{
	font-size: 10px;
	color: black;
	font-weight: bold;
	}
div#footer p a:hover{
	color: grey;
	}
.links li {
	list-style-image: url(/master-programme/images/link.png);
	}

/* navigation list */
ul#navigation li {
	font-size: 10px;
	color: #FECC0C;
	font-weight: bold;
	}
ul#navigation .title {
	list-style-image: none;
	list-style-type: none;
	}
ul#navigation li a {
	color: white;
	font-size: 10px;
	font-weight: bold;
}
ul#navigation li a:hover {
	color: gray;
}


/* per page lay-out */
div.intro{
	background: white url(images/intro-page.jpg) no-repeat;
	}
	div.intro h1 {
		width: 300px;
		margin-left: 90px;
		padding-top: 268px;
		margin-bottom: 0px;
		font-size: 20px;
		font-weight: normal;
		}
	div.intro #main-content {
		width: 603px;
		margin-left: 75px;
		margin-top: 69px;
		background: #FECC0C;
		}
	div.intro #citylist {
		bottom: 0;
		text-align: justify;
		color: #2cace2;
		border-top: 1px solid black;
		padding-top: 4px;
		width: 100%;
	}
	div.intro #citylist a {
		color: #2CACE2;
		}
	div.intro #citylist a.odd {
		font-weight: normal;
		}
div.easy-search {
	background: #FECC0C url(images/easy-search.jpg) no-repeat;
	}
	div.easy-search h1, div.easy-search #main-content {
		width: 603px;
	}
	div.easy-search h1 {
			font-size: 16px;
			padding: 360px 3px 3px 3px;
			margin: 0px 0px 0px 65px;
			}
	div.easy-search #main-content {
		background: #2CACE2;
		margin-left: 42px;
		}
	div.easy-search ul {
		padding-left: 190px;
		}
	div.easy-search li span input, div.easy-search ul {
		margin: 0;
		border: none;
		}
	div.easy-search li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		border: 1px solid #2CACE2;
		}
	div.easy-search li span {
		display:block;
		margin: 0;
		}
	.explanation {
		font-size: 10px;
		margin-left: 175px;
		}
	.explanation caption {
		text-align: left;
		margin-left: 175px;
		font-weight: bold;
		}
	.explanation td {
		width: 130px;
		}
	.explanation td.ex {width: 250px;}
	div.easy-search #main-content #search select { width: 200px;}
	ul#navigation.links.easy-search-nav {
		padding: 0;
		margin-left: 20px;
		display: block;
		}
	ul#navigation.links.easy-search-nav li {
		border: none;
		margin-right: 20px;
		padding: 3px 10px 3px 10px;
		float: left;
		list-style-image: url(/master-programme/images/link-yellow.png);

		}
	ul#navigation.links.easy-search-nav li.title {
		display: none;
	}
div.result {
	background: #2CACE2 url(images/result-top.gif) no-repeat 14px 20px;
	}
	div.result #main-content {
		padding-top: 153px;
		}
	div.result table {
		width: 730px;
		border-collapse: collapse;
		border: 1px solid #FECC0C;
		clear: both;
		}
	div.result table caption {
		font-size: 12px;
		text-align: left;
		font-weight: bold;
		background: #FECC0C;
	}
	div.result th {border-bottom: 1px solid black;}
	div.result th, div.result th a, div.results th {
		font-size: 10px;
		text-align: left;
		background: #FECC0C;
		vertical-align: bottom;
		}
	div.result tr {
		vertical-align: top;
		cursor: pointer;
	}
	div.result tr.finest {
		background: #FECC0C;
		}
	div.result td, th {
		text-align: center;
		font-size: 9px;
		padding: 3px 3px 3px 3px;
		}
	div.result .left {text-align: left;}
	div.result .master {width: 330px;text-align: left; font-weight: bold; font-size: 12px;}
	div.result .odd { background: white; }
	div.result .even {background: #e8f2f6; }
	div.result tr:hover {background: #FECC0C; }
	div.result .erasmus, div.result tr.finest td span {display:none}
	div.result a {font-weight: bold}

	ul.results-quick-nav {

		}
	ul.results-quick-nav li.title {
		display: none;
	}

	ul.results-quick-nav li {
		margin: -3px 40px 0px 0px;
		float: left;
	}

div.study {
	background: white url(images/view.jpg) no-repeat;
	}
	div.study h1, div.study #maincontent {
		width: 603px;
	}
	div.study h1 {
		color: #2CACE2;
		font-size: 16px;
		margin: 0px 0px 0px 42px;
		padding: 250px 5px 5px 5px;
		background: url(images/yellow_top_bar.gif) no-repeat bottom left;
	}
	div.study #main-content {
		background: white;
		border: 1px solid #FECC0C;
		margin-left: 42px;
		margin-right: 82px;
		}
	div.study dl {
		width: 100%;
		}
	div.study dl dt, div.study dl dd {
		margin: 3px 0px 10px 3px;
		padding: 3px;
		font-size: 12px;
		border-top: 1px solid black;
		min-height: 20px;
		float: left;
	}
	div.study dl dt {
		font-weight: bold;
		width: 200px;
	}
	div.study dl dd {
		width: 380px;
		margin-left: 0px;
	}
	div.study dl dt.country, div.study dl dt.university, div.study dl dt.study {
		width: 586px;
		margin: 3px;
	}
	div.study dl dt.country {
		border: 1px solid black;
		}
	div.study dl dt.university {
		background: black;
		color: white;
		padding: 8px 3px 8px 3px;
	}
	div.study dl dt.study {
		background: #FECC0C;
		border: 0px;
	}

div.advanced-search {
	background: #FECC0C url(images/advanced-search.gif) no-repeat 14px 20px;
	}
	div.advanced-search h1, div.advanced-search #main-content {
		width: 603px;
	}
	div.advanced-search h1 {
			font-size: 16px;
			padding: 0px 3px 3px 15px;
			margin: -7px 0px 0px 14px;
			}
	div.advanced-search #main-content {
		background: #2CACE2;
		margin-left: 14px;
		margin-top:  6px;
		width: 701px;
		}
	div.advanced-search li span input, div.advanced-search ul {
		margin: 0;
		border: none;
		}
	div.advanced-search ul {
		padding-left: 8px;
		}
	div.advanced-search li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		border: 1px solid #2CACE2;
		}
	div.advanced-search li span {
		display:block;
		margin: 0;
		}
	div.advanced-search label {
		float: none;
		display: none;
		}

	div.advanced-search fieldset.advanced-search {
		width:  155px;
		height: 300px;
		float: left;
		margin: 2px;
		}
	div.advanced-search fieldset.small {
		height: 135px;
		}
	div.advanced-search fieldset.small span{
		font-size: 8px;
		}
	div.advanced-search fieldset.advanced-search select{
		height: 208px;
		width: 135px;
		margin: 10px;
		}
	div.advanced-search fieldset.advanced-search input{
		margin: 3px;
		padding: 0px;
		border: 0px;
		}
	div.advanced-search fieldset.study{
		width: 332px;
		height: 100%;
		clear: both;
		}

	#field_of_study {
		width: 300px;
		}

	#field_of_study select {
		width: 280px;
		}

	#fieldofstudy {
		width: 275px;
		}

	div.advanced-search fieldset.field_of_study {
		width: 323px;
		height: 300px;
		float: left;
		margin: 2px;
		}
	#fieldofstudy select {
		width: 135px;
		}

	ul.advanced-search-nav {
		padding: 20px 25px 25px 25px;

		}
	ul.advanced-search-nav li {
		margin-left: 30px;
		border: none;
		}
	div.administration {
		background: #2CACE2;
	}
	div.administration h1 {
		font-size: 12px;
		color: #FECC0C;
		padding: 10px;
		margin: 0;
	}
	div.administration hr {height: 1px; background: #FECC0C; border: none}
	div.administration p {color: white;	font-weight: bold; }
	div.administration {font-size: 12px}
	div.administration .new {background: red}
	div.administration .status {color: white}
	div.administration .warning {color: red}
	div.administration .delete {border: 1px solid red; padding: 10px; font-size:16px}
	div.administration table {border-collapse: collapse; width: 100%;}
	div.administration table th {text-align: left; font-size: 10px; font-weight: normal;}
	div.administration table tr {border: 1px solid black;  background: white;}
	div.administration table tr:hover {background: #FECC0C}
	div.administration table td {padding: 5px; border-bottom: 1px solid black;}
	div.administration table caption {color: white; padding: 3px; font-weight: bold;}
	div.administration input, select, textarea {width: 500px;}
	div.administration textarea {height: 100px; font-size: 10px}
	div.administration input.radio {width: 50px}
	div.administration h3 {color: #FECC0C; font-size: 16px;}
	div.administration .startdate {margin-left: 220px;}
	div.administration .startdate input{width: 20px; margin: 3px; padding: 0;}
	div.administration optgroup  {background: #ddd}
	div.administration option {background: white}
	div.administration input.finest {width: 20px}
	div.administration a.BlackToWhite:hover {color: white}

span.small {font-size: 10px; display: block; width: 110px;}

span.smallDegree {font-size: 10px; display: block; font-weight: normal}

div.map-search {
	background: #FECC0C url(images/advanced-search.gif) no-repeat 15px 20px;
	}
	div.map-search h1 {
		color: #FECC0C;
		font-size: 12px;
		padding: 120px 3px 3px 25px;
		}
	div.map-search #main-content {
		padding-top: 5px;
		}
	div.map-search #main-content #map {
		border: 3px solid #2CACE2;

		}
	ul.map-search-nav {
		padding: 25px;
		float: left;
		}
	ul.map-search-nav li {
		margin-left: 20px;
		}
	div.map-search ul {
		font-size: 9px;
		margin: 0;
		}
	div.map-search ul {
		margin-bottom: 10px;
		}
	div.map-search h4 {
		margin-bottom: 10px;
		}
	div.map-search a {
		font-size: 18px;
		color: #2CACE2;
		}
	div.map-search a:hover {
		color: #FECC0C;
		}


div.manual { padding: 10px;}
div.manual h1 { color:#2CACE2}
div.manual dl {font-size: 12px; margin-left: 20px; margin-right: 80px;}
div.manual dl dt {font-size: 14px; font-weight: bold; margin-left: 10px;}
div.manual dl dd {margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #bbb}