@charset "UTF-8";

@font-face{
	font-family: 'OpenSans-Light';
	src: url('fonts/OpenSans-Light.ttf') format('truetype');	
}

body{
	background-color:white;
	font-family:OpenSans-Light, Arial, Sans-Serif;
	font-weight: 400;
	font-size:18px;
	margin:0px;
}
h1{
	margin-top:50px;
}
h2{
	margin-top:50px;
}
div.clear{
	clear:both;	
}

div#headline{
	margin:10px;
}
div#headline img{
	height:100px;
	margin-left:0px;
}
span#logotext{
	font-style:italic;
	color:black;
	font-weight:bold;
	font-size:16px;
	position:absolute;
	top:58px;
	left:210px;
}
div#smallheadline{
	padding:10px;
	width:100%;
	text-align:center;
	position:fixed;
	top:0;
	background-color:white;
	box-shadow: 0px 5px 10px black;
	z-index:10;
	margin-bottom:20px;
}
div#smallheadline a{
	text-decoration:none;	
	margin-right:15px;
	font-weight:700;
	font-size:18px;
	color:#605757;
	float:left;	
}
div#smallheadline img{
	float:left;
	height:40px;
	margin-right:20px;
}
div#mainmenu{
	float:left;
	margin-left:0px;
	padding-top:10px;
}

div#headline a{
	text-decoration:none;	
	margin-right:15px;
	font-weight:800;
	font-size:22px;
	color:#605757;
	float:left;
}

.colored{
	background: rgb(235,17,17);
	background: linear-gradient(180deg, rgba(235,17,17,1) 0%, rgba(209,21,21,1) 35%, rgba(115,4,4,1) 100%);
	color:white;
}
.colored a{
	color:white;
}
.white{
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(227,231,232,1) 100%);
}
.white a{
	color:black;
}
.grey{
	background: rgb(61,61,61);
	background: linear-gradient(0deg, rgba(61,61,61,1) 0%, rgba(241,236,236,1) 100%);	
	color:white;
}

label{
	display:block;
	width:160px;
	float:left;
	
}
input[type="text"], textarea, input[type="submit"]{
	font-size:18px;
	font-family: OpenSans-Light;
}
textarea{
	width:500px;
	height:300px;
}

div#main div{
	padding:20px;
	text-align:justify;
}

img.content{
	box-shadow:5px 5px 5px black;
	margin:10px;
}


div#messagesent{
	font-weight:bold;
}
div#messageerror{
	font-weight:bold; 
	color:red;
}

img#loginpagepng, img#queuepagepng{
	width:300px;
}



@media only screen and (max-width: 600px){
	div#main img{
		width:90%;
		margin:20px;
	}
	input, textarea{
		width:90%;
	}
	h1{
		margin-top:120px;
	}
	
}