body { 
	margin: 0px;
	padding: 0px;
	background-color: #555555;
	}
	
.main-container {
	position: relative;
	top: 0px;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #ffffff;
	border: #e3e3e3 10px solid;
	}
	
	
/* -- header styles ----------------------------------------------------------------------- */
	
.header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 948px;
	height: 359px;
	margin: 0px;
	padding: 0px;
	}
	
.header-left {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 506px;
	margin: 0px;
	padding: 0px;
	}
	
.header-right {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 442px;
	margin: 0px;
	padding: 0px;
	}

.logo { 
	position: static;
	width: 506px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/logo.jpg) no-repeat top left;
	}
	
.header-image-bachelor { 
	position: static;
	width: 506px;
	height: 239px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/bachelor-header.jpg) no-repeat top left;
	}
	
.header-image-master { 
	position: static;
	width: 506px;
	height: 239px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/master-header.jpg) no-repeat top left;
	}

.header-image-info { 
	position: static;
	width: 506px;
	height: 239px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/info-header.jpg) no-repeat top left;
	}
	
.header-tagline { 
	position: static;
	float: right;
	top: 0px;
	left: 0px;
	width: 442px;
	height: 84px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	}
	
	.tagline {
		position: relative;
		top: 35px;
		left: 20px;
		
		font-family: Arial;
		color: #515151;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		text-align: left;
		text-decoration: none;	
		}
	
	.tagline .darkest-grey {
		font-family: Helvetica;
		color: #212121;
		font-size: 20px;	
		}
		
	.tagline .dark-grey {
		font-family: Helvetica;
		color: #414141;
		font-size: 20px;	
		}
		
	.tagline .grey {
		font-family: Helvetica;
		color: #616161;
		font-size: 20px;	
		}
	
.navigation-container { 
	position: static;
	float: right;
	top: -36px;
	left: 0px;
	width: 442px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	background-color: #b8b8b8;
	background: #b8b8b8 url(../images/corner.jpg) no-repeat top left !ie;
	}
	
	.navigation-container .nav {
		position: relative;
		top: 125px;
		left: 20px;
		width: 420px;
		}
		
		.navigation-container .nav a {
			font-family: Trebuchet MS;
			color: #555555;
			font-size: 22px;
			font-weight: normal;
			line-height: 18px;
			text-align: left;
			text-decoration: none;
			padding-left: 15px;
			margin-bottom: 20px;
			border-left: #888888 3px solid;
			display: block;
			}
			
		.navigation-container .nav a:hover {
			color: #888888;
			border-left: #888888 3px solid;
			}
			
		.navigation-container .nav a.on, .navigation-container .nav a.On {
			font-family: Trebuchet MS;
			color: #ffffff;
			font-size: 22px;
			font-weight: normal;
			line-height: 18px;
			text-align: left;
			text-decoration: none;
			padding-left: 15px;
			margin-bottom: 20px;
			border-left: #ba2341 3px solid;
			display: block;
			}
			
		.navigation-container .nav-title {
			font-family: Trebuchet MS;
			color: #555555;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			text-align: left;
			text-decoration: none;
			padding-left: 19px;
			margin-bottom: 18px;
			display: block;
			}
			
			
/* -- content styles ---------------------------------------------------------------------- */
	
.edge { 
	position: relative;
	top: 0px;
	left: -20px;
	width: 20px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/wrap.jpg) no-repeat top right;
	}
	
.orange-bar { 
	position: relative;
	top: -45px;
	left: 0px;
	width: 948px;
	height: 35px;
	margin: 0px;
	margin-bottom: -45px;
	padding: 0px;
	background-color: #ff9123;
	}

.content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 948px;
	margin: 0px;
	padding: 0px;
	}
	
.content-left {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 591px;
	margin: 0px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	}
	
.content-right {
	position: relative;
	float: right;
	top: 0px;
	left: 0px;
	width: 277px;
margin: 0px !important;
margin-left: -100px;

	padding: 0px;
	background: #e3e3e3 url(../images/form-bg.jpg) repeat-y top left;
	}
	
.neu {
	height: 38px;
	margin: 20px;
	padding-left: 90px;
	background: #ffffff url(../images/neu.gif) no-repeat top left;
	
		font-family: Helvetica;
		color: #333333;
		font-size: 16px;
		font-weight: bold;
		line-height: normal;
		text-align: left;
		text-decoration: none;
	}

.grey-box {
        position: relative;
        top: 0px;
        left: 0px;
        display: block;
        width: 592px; 
        padding: 15px;
        margin-top: 50px;
padding-top: 25px;
        background-color: #eeeeee;
border: 1px #dedede solid;
border-bottom: 0px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;

                font-family: Arial;
		color: #464646;
		font-size: 12px;
		font-weight: normal;
		line-height: 21px;
		text-align: left;
		text-decoration: none;
        }

.grey-box-arrow {
        position: relative;
display: block;
        top: 0px;
        left: 0px;
width: 624px;
height: 16px;
        background: #ffffff url(../images/grey-box-arrow-4.gif) no-repeat top left;
}
	
.footer {

	position: relative;
         margin: 20px 0px 20px 20px;	
         font-family: 'Arial';
	color: #555555;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	}
	
.footer a {
	font-family: 'Arial';
	color: #555555;
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	
	margin: 0px;
	padding: 0px;
	}
	
.footer a:hover {
	text-decoration: underline;
	}