html * {
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-size: 16px;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: auto;
}

	#centerbox {
		width: 100%;
		position: relative;
		margin: auto;
	}

	#header {
		background: url("../img/header.png");
		background-repeat: no-repeat;
		background-size: contain;
		height: 188px;
		width: 540px;
		position: relative;
		margin: auto;
	}

	#headeradmin {
		margin-top: 20px;
		margin-bottom: 50px;
	}

	#gradient {
		/* background: url("../img/verlauf.png"); */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,f1f1f1+31,cccccc+65,cccccc+65,cccccc+77,aaaaaa+100,cccccc+100,cccccc+101,aaaaaa+101 */
		background: #eeeeee; /* Old browsers */
		background: -moz-linear-gradient(left, #eeeeee 0%, #f1f1f1 31%, #cccccc 65%, #cccccc 65%, #cccccc 77%, #aaaaaa 100%, #cccccc 100%, #cccccc 101%, #aaaaaa 101%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #eeeeee 0%,#f1f1f1 31%,#cccccc 65%,#cccccc 65%,#cccccc 77%,#aaaaaa 100%,#cccccc 100%,#cccccc 101%,#aaaaaa 101%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #eeeeee 0%,#f1f1f1 31%,#cccccc 65%,#cccccc 65%,#cccccc 77%,#aaaaaa 100%,#cccccc 100%,#cccccc 101%,#aaaaaa 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 */
		height: 140px;
		width: 100%;
		position: relative;
		margin: auto;
	}

	#logo {
		margin-top: -10px;
		margin-right: 20px;
		float: right;
	}

	#content {
		position: relative;
		margin: auto;
	}

	#hinweis {
		color: grey;
		margin-left: auto ;
		margin-right: auto ;
		margin-top: 35px;
		margin-bottom: 0px;
		width: 600px;
		border-top: 1px solid red;
		border-bottom: 1px solid red;
		position: relative;
		
	}
	
	.hinweis_kurs {
		color: grey;
		margin-left: auto ;
		margin-right: auto ;
		margin-top: 0px;
		margin-bottom: 0px;
		width: auto;
		position: relative;
		float: left;
		
	}
	
	#geschlossen {
		text-align: center;
		font-family: inherit;

	}

	.arrow-up {
	  width: 0; 
	  height: 0; 
	  margin-top: 10px;
	  margin-right: 5px;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  
	  border-bottom: 5px solid black;
	  float: left;
	}
	
	#text {
		display: inline-block;	
		
	}
	
	#big {
		font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
		font-size: 20px;
		color: grey;
	}

	#left_div {
		float: left;
		margin: auto;
		min-width: 50%;
		width: 500px;
	}

	#right_div {
		float: right;
		min-width: 50%;
		margin: auto;
		width: 500px;
	}
	
	#left_div_hochschule {
		float: left;
		margin: auto;
		min-width: 50%;
		width: 500px;
	}

	#right_div_hochschule {
		float: right;
		min-width: 50%;
		margin: auto;
		width: 500px;
	}	

	#form {
		position: relative;
	}
	
	#course_select {
		height: 150px;
		position: relative;
		width: 540px;
		margin: auto;
	}

	#courses {
		height: auto;
		position: relative;
		margin: auto;
		width: 1000px;
		overflow: hidden;
	}

	#course_select_left {
		width: 500px;
		position: relative;
		float: left;
	}

	#course_select_right {
		width: 500px;
		position: relative;
		float: right;
	}

	#course_left_button {
		width: auto;
		height: 20px;
		float: left;
	}

	#course_right_button {
		width: auto;
		height: 20px;
		float: right;
	}
	
	#course_management {
		height: auto;
		position: relative;
		margin: auto;
		width: 1200px;
		overflow: hidden;
	}	

	#course_management_right {
		width: 500px;
		position: relative;
		float: right;
	}
	
p, ul, li, form, label, input, option, textarea, select, button {
	font-family: inherit;
	line-height: 1.5;
	text-align: justify;
}

.form-style-7 {
    margin: auto;
    background:#fff;
    border-radius:2px;
    padding:20px;
	max-width: 500px;
}

.form-style-7 h1{
    display: block;
    text-align: center;
    padding: 0;
    margin: 0px 0px 20px 0px;
    color: #5C5C5C;
    font-size:x-large;
}
.form-style-7 ul{
    list-style:none;
    padding:0;
    margin:0;   
	max-width: 600px;
}

#formWider{
	max-width: 600px;
}

.form-style-7 li{
    display: block;
    padding: 9px;
    border:1px solid #DDDDDD;
    margin-bottom: 30px;
    border-radius: 3px;
}
.form-style-7 li.last{
    border:none;
    margin-bottom: 0px;
    text-align: center;
}
.form-style-7 li > label{
    display: block;
    float: left;
    margin-top: -19px;
    background: #FFFFFF;
    height: 14px;
    padding: 2px 5px 2px 5px;
    color: #B9B9B9;
    font-size: 14px;
    overflow: hidden;
}
.form-style-7 input[type="text"],
.form-style-7 input[type="date"],
.form-style-7 input[type="datetime"],
.form-style-7 input[type="email"],
.form-style-7 input[type="number"],
.form-style-7 input[type="search"],
.form-style-7 input[type="time"],
.form-style-7 input[type="url"],
.form-style-7 input[type="password"],
.form-style-7 textarea,
.form-style-7 select
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    display: block;
    outline: none;
    border: none;

    line-height: 25px;
    font-size: 16px;
    padding: 0;
}
.form-style-7 input[type="text"]:focus,
.form-style-7 input[type="date"]:focus,
.form-style-7 input[type="datetime"]:focus,
.form-style-7 input[type="email"]:focus,
.form-style-7 input[type="number"]:focus,
.form-style-7 input[type="search"]:focus,
.form-style-7 input[type="time"]:focus,
.form-style-7 input[type="url"]:focus,
.form-style-7 input[type="password"]:focus,
.form-style-7 textarea:focus,
.form-style-7 select:focus
{
}
.form-style-7 li > span{
    background: #F3F3F3;
    display: block;
    padding: 3px;
    margin: 0 -9px -9px -9px;
    text-align: center;
    color: #C0C0C0;
    font-size: 11px;
}

.form-style-7 input[type="submit"],
.form-style-7 input[type="button"]{
    background: #FE8E16;
    border:solid 1px #FE8E16;
    padding: 5px 20px 5px 20px;
    border-bottom: 3px solid #FE8E16;
    border-radius: 3px;
	font-size: 14px;
    color: #ffffff;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-box-shadow: 0px 9px 0px #D47D20;
	-moz-box-shadow: 0px 9px 0px #D47D20;
	box-shadow: 0px 9px 0px #D47D20;
}

.form-style-7 input[type="submit"]:active,
.form-style-7 input[type="button"]:active{
    -webkit-box-shadow: 0px 2px 0px #84261a;
    -moz-box-shadow: 0px 2px 0px #84261a;
    box-shadow: 0px 2px 0px #84261a;
    position:relative;
    top:7px;
}

.button {
	background: #FE8E16;
    border:solid 1px #FE8E16;
    padding: 5px 20px 5px 20px;
    border-bottom: 3px solid #FE8E16;
    border-radius: 3px;
	margin-bottom: 20px;
	font-size: 14px;
    color: #ffffff;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-box-shadow: 0px 9px 0px #D47D20;
	-moz-box-shadow: 0px 9px 0px #D47D20;
	box-shadow: 0px 9px 0px #D47D20;
}

.button:active {
	-webkit-box-shadow: 0px 2px 0px #84261a;
    -moz-box-shadow: 0px 2px 0px #84261a;
    box-shadow: 0px 2px 0px #84261a;
    position:relative;
    top:7px;
}