@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0 none;
	outline:0 none;
	text-decoration:none;
	list-style-type:none;
	text-rendering:optimizelegibility;
	
	transition:all ease-in-out .3s;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-ms-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
}

*::selection {
	background:#333;
	color:#fff;
}

*::-moz-selection {
	background:#005a82;
	color:#fff;
}

footer ::selection {
	background:#eee;
	color:#333;
}

footer ::-moz-selection {
	background:#eee;
	color:#333;
}

html, body {
	background:#dde7e9;
	width:100%;
	height:100%;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}


/*---Header---*/
header {
	position:relative;
	width:100%;
	height:200px;
	background:#fff;
}

	.header, .awards {
		position:relative;
		width:1000px;
		height:auto;
		margin:0 auto;
	}

	#logo {
		position:relative;
		float:left;
		height:200px;
		width:50%;
	}
	
		#logo a {
			display:block;
			width:300px;
			height:75px;	
			margin-top:60px;
			background:url(../img/logo.png) no-repeat 0 0;
		}
	
	#h1 {		
		position:relative;
		float:right;
		margin-top:83px;
		width:50%;
	}



/*---Content---*/
.content-white {
	position:relative;
	widht:100%;
	height:auto;
	background:#fff;
}

	.content {
		position:relative;
		width:400px;
		height:auto;
		margin:0 auto;
		padding:50px 0;
	}
	
		#winner {
			width:345px;
			height:auto;
			margin:0 auto;
			padding-bottom:50px;
		}
	
		.headline {
			position:relative;
			width:100%;
			height:auto;
			padding-bottom:5px;
			border-bottom:1px solid #00934d;
		}
		
		article {
			width:100%;
			height:auto;
			padding-top:30px;
		}
		
		.kriterien {
			position:relative;
			float:left;
			width:200px;
			height:auto;
			padding-top:0;
		}
		
	.awards {
		position:relative;
		width:1000px;
		height:auto;
		margin:50px auto;
	}
		
		#silber, #gold, #bronze {
			position:relative;
			float:left;
			width:330px;
			height:360px;
		}
		
			#silber {
				background:url(../img/silber.png) no-repeat;
			}
			
			#gold {
				background:url(../img/gold.png) no-repeat;
			}
			
			#bronze {
				background:url(../img/bronze.png) no-repeat;
			}
		
		#hueper {
			position:relative;
			width:185px;
			height:72px;
			margin:50px auto 0;
			background:url(../img/hueper.png) no-repeat;
		}

.clear {
	clear:both;
}		


/*---Footer---*/
footer {
	position:relative;
	width:100%;
	height:auto;
}

	.top-footer {
		background:#333;
	}

		.impressum, .copyright {
			position:relative;
			width:1000px;
			height:auto;
			margin:0 auto;
			padding:50px 0;
		}
		
			.impressum-headline {
				position:relative;
				width:400px;
				height:auto;
				margin:0 auto;
				padding-bottom:5px;
				border-bottom:1px solid #aaa;	
			}
		
			.bloecke {
				position:relative;
				float:left;
				width:300px;
				height:170px;
				padding-top:30px;
			}
			
			.last-block {
				width:100px;
			}
			
				.impressum-logo {
					position:relative;
					width:150px;
					height:38px;
					background:url(../img/impressum-logo.png) no-repeat;
					margin-top:46px;
				}
				
				.padding-p {
					padding-bottom:30px;
				}
				
	.bottom-footer {
		background:#222;
	}
		
		.datenschutz-links {
			position:relative;
			float:left;
			margin-right:42px;
		}
		
		.last {
			margin-right:0 !important;
		}
			
		.copyright-arge {
			position:relative;
			float:right;
		}


/*---Fonts---*/
h1 {
	font-weight:400;
	font-size:40px;
	font-size:2.5rem;
	color:#005a82;
	text-align:right;
}

h2 {
	font-weight:400;
	fonst-size:16px;
	font-size:1rem;
	color:#005a82;
}

h3 {
	font-weight:400;
	font-size:14px;
	font-size:0.875rem;
	padding-bottom:10px;
	color:#eee;
}

p, a {
	font-weight:400;
	font-size:14px;
	font-size:0.875rem;
	color:#666;
	line-height:1.5;
}

.kriterien p {
	color:#005a82;
}

.impressum-headline h2, .top-footer p, .top-footer a {
	color:#aaa;
}

.bottom-footer p, .bottom-footer a {
	color:#555;
}

a:hover {
	color:#00934d;
}