*{
    margin: 0;
    padding: 0;
	font-size: 10px;
	color: #333333;
}

html, body, .container-fluid, .row{
	height: 100%;
}

 
.sidebar{
	background:	#0072C6;
	height: 100%;
}

.content{
	height: 100%;
}

.sidebar>table, .content>table{
	height: 100%;	
	width: 100%;
	text-align: center;
}

.title{
	letter-spacing: 1.4px;
	margin-bottom: 30px;
}

.errorMessage{
    font-size: 150%;
    margin-bottom: 40px;
    color: red;	
}

label{
	font-weight: normal;
	display: block;	
	font-size: 150%;
}

.content table{
	text-align: left;
}

.content table td{
	padding-left: 12%;
}

input{
	margin: 10px auto 30px auto;	
	padding: 6px 3px;
	font-size: 150%;
	outline: none;
	border: none;
	border-bottom: solid 1px #333;
}

input[type="button"]{
	margin-top: 30px;
	background: none;
	text-align: left;
	border: none;
}

.icon{
	margin-right: 10px;
}

.logo{
	width: 90%;	
}


table td>div{
	margin: 30px;	
}

.projektWahl{
	font-size: 200%;	
	margin-bottom: 50px;
	margin-left: 30px;
}

.projekt{
	display: inline-block;
	border: solid 1px #333;	
	border-radius: 5px;
	text-align: center;
	background: #ffffff;
}

.projekt p{
	font-size: 300%;
	font-weight: bold;
	margin: 20px auto;
}


.projekt div{
	margin: 20px;	
}

.projekt img{
	width: 140px;
	margin: 20px;	
	cursor: pointer;
	padding: 20px;
}

.projekt img:hover{
	border-top:	solid 2px #0072C6;
	border-bottom:	solid 2px #0072C6;
	border-radius: 0px;
	padding: 18px 20px;
}

.projekt .arrow{
	font-size: 300%;	
}

@media (max-width: 767px) {
	
	body{
		background:	#0072C6;	
	}
	
	.content{
 	}
	
	.content>table{
		height: auto;	
	}
	
	.projekt{
		background: #ffffff;
	}
	
	.projectChoice table td{
	padding-left: 0 !important;
}
	.sidebar{
		height: 100px;	
	}
	
	.logo{
		width: auto;
		height: 80px;
		margin-top: 10px;	
	}
	
	label{
		font-size: 120%;
		color: #FFF;
	}
	
	.title{
		font-size: 210%;	
		margin-top: 20px;
		margin-bottom: -20px;
		color: #FFF;
	}
	
	input{
		width: 80%;	
		margin: 5px auto 20px auto;	
		background: none;
		color: #FFF;
		border-bottom: solid 1px #FFF;
	}
	
	input[type="button"]{
		font-size: 150%;
		margin-top: 10px;
	}
	
	.icon{
		font-size: 140%;
		color: #FFF;
	}
	
	.projektWahl{
		font-size: 140%;	
		margin: 20px auto 20px 30px;
		color: #ffffff;
	}
	
	.projekt{
		border: solid 1px #FFF;	
	}
	
	.projekt p{
		font-size: 200%;
	}
	
	.projekt img{
		width: 80px;
		margin: 10px;	
		cursor: pointer;
		padding: 10px;
	}
	
	.projekt .arrow{
		font-size: 150%;	
	}
	
	.projekt img:hover{
		border-top:	solid 2px #0072C6;
		border-bottom:	solid 2px #0072C6;
		border-radius: 0px;
		padding: 8px 10px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.content{

 	}
	
	.title{
		font-size: 300%;	
	}
	
	input{
		width: 55%;	
	}
	
	input[type="button"]{
		font-size: 180%;
	}
	
	.icon{
		font-size: 170%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.content{

 	}
	
	.title{
		font-size: 430%;	
	}
	
	input{
		width: 50%;	
	}
	
	input[type="button"]{
		font-size: 200%;
	}
	
	.icon{
		font-size: 190%;
	}
}

@media (min-width: 1200px) {
	.content{

	}
	
	.title{
		font-size: 550%;	
	}
	
	input{
		width: 40%;	
	}
	
	input[type="button"]{
		font-size: 250%;
	}
	
	.icon{
		font-size: 240%;
	}
}