/* Schriftarten werden importiert */
@font-face{ 
font-family: 'roboto-light';
src: url('../fonts/roboto-light.ttf') format('truetype'); 
}

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
	font-family:roboto-light;
}

body{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	font-family: Arial;
	overflow-x:hidden;
}

button{
	cursor:pointer;
}

.header{
	position:fixed;
	height:80px;
	background: #626262;
	z-index:2;
	width:100%;
	top:0;
	text-align:center;
	font-size:20px;
	color:white;

}


.header-logo{

	text-align:left;
	margin-left:30px;
	margin-top:-5px;
	float:left;
}

.head-image{
	width:100%;
	height:100%;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

#loginPopover{
	width:500px;
	overflow-x:hidden;
}
#loginPopover .popover-content{
	overflow-x:hidden;
	width:250px;
	text-align:center;
}
#loggedinPopover{
	width:500px;
	overflow-x:hidden;
}
#loggedinPopover .popover-content{
	overflow-x:hidden;
	width:250px;
	text-align:center;
}

.content{
	max-width:960px;
	position:relative;
	margin:0 auto;
	top:100px;
	text-align:center;
	clear:both;
	margin-bottom:300px;
	margin-top:50px;
	min-height:50%;
}


.kachel-content{
	text-align:center;
	padding:10px;
}

.kachel{
	background:white;
	width:100%;
	clear:both;
	padding-bottom:0px;
}

.kachel2{
	background:white;
	width:100%;
	clear:both;
	padding-bottom:0px;
}

.student-reg{
	background:white;
	width:100%;
	clear:both;
	padding-bottom:0px;
}

.main-container{
	margin-top:50px;
}

.kachel-footer{
	margin-bottom:100px;
}

.footer{
	height:200px;
	width:100%;
	position:relative;
	bottom:0;
	background: #626262;
	text-align:center;
	color:white;
}

.privfooter{
	height:200px;
	width:100%;
	position:relative;
	bottom:0;
	background: #3151a0;
	text-align:center;
	color:white;
}

.adminfooter{
	height:200px;
	width:100%;
	position:relative;
	bottom:0;
	background: #dc231a;
	text-align:center;
	color:white;
}

.adminfooter a{
	text-decoration: none;
	color:white;
}

.privfooter a{
	text-decoration: none;
	color:white;
}

.footer a{
	text-decoration: none;
	color:white;
}

.fix{
	margin-bottom:50px;
	position: relative;
	visibility: hidden;
}

.copyright{
	margin-top:50px;
	text-align: center;
}

.frame{
	width:960px;
	margin:0 auto;
	height: 60%;

}

.scroll {
background: white;
height: 60%;
overflow: scroll;
margin:0 auto;
width: 960px;
border: 1px solid #000;
padding: 10px;
}
.scroll img{

overflow: scroll;

}

img{
	position: relative;
}

#framenav button{
	cursor: pointer;
}

.popovercontent{
text-align: center;
}

.user-cp{
	float:right;
}

.user-cp button{
	margin-right: 20px;
	margin-top: 20px;
}

.text{
	text-align: justify;
}

.homepic {
	margin-top:30px;
	margin-bottom:30px;
}

.ueberschrift{
	margin-bottom:20px;
}