/* Seitengestaltung*/

body {
	margin: 0;
	background-color: #646464;
}

/* Head-Wrap*/

@media screen and (min-width: 768px) {
	#head {
		margin: 0;
		width: auto;
		min-height: 130px;
		background-image: url(../img/header/head_768.jpg);
	}
	
	#head_wrap {
		padding-top: 30px;
		width: 700px;
		height: 100px;
		margin: 0 auto;
		position: relative;
	}
	
	#navigation_wrap {
		width: 100%;
		height: 73px;
	}
}

@media screen and (min-width: 1024px) {
	
	#head {
		margin: 0;
		width: auto;
		min-height: 150px;
		background-image: url(../img/header/header.gif);
		background-size: cover;
		
	}
	
	#head_wrap {
		padding-top: 33px;
		width: 700px;
		height: 117px;
		margin: 0 auto;
		position: relative;
	}
	
	#navigation_wrap {
		width: 700px;
		height: 95px;
	}
}

/* Content-Wrap */

@media screen and (min-width: 768px) {
	
	#content-wrap {
		margin: 10px auto;
		width: 700px;
		height: 400px;
	}
	
	.content_box {
		width: 470px;
		height: auto;
		float: right;
		background-color: white;
		position: relative;
		opacity: 0.8;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.text_container {
		width: 420px;
		height: auto;
		margin: 10px auto;
	}
	
	.bild_box {
		width: 199px;
		height: 199px;
		background-image: url(../img/profil/bild_box.png);
		background-size: 199px 199px;
		position: absolute;
	}
	
	.info_box {
		width: 199px;
		height: 196px;
		margin-top: 205px;
		position: absolute;
	}
	
	.info2_box {
		width: 199px;
		height: 196px;
		position: absolute;
		margin-top: 10px;
	}
	
	.zeugnis1 {
		width: 200px;
		height: 283px;
		margin-left: 10px;
		background-image: url(../img/profil/thumb_zeugnis-1.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
	
	.zeugnis2 {
		width: 200px;
		height: 283px;
		margin-left: 10px;
		background-image: url(../img/profil/thumb_zeugnis-2.jpg);
		border-style: solid;
		border-width: thin;
		border-color: black;
		position: absolute;
	}
}

@media screen and (min-width: 1024px) {
	
	#content-wrap {
		margin: 10px auto;
		width: 700px;
		height: 500px;
	}
	
	.content_box {
		width: 450px;
		height: auto;
		float: right;
		background-color: white;
		opacity: 0.8;
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.content2_box {
		width: 450px;
		height: 950px;
		float: right;
		background-color: white;
		opacity: 0.8;
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.text_container {
		width: 420px;
		height: auto;
		margin: 10px auto;
	}
	
	.bild_box {
		width: 233px;
		height: 233px;
		background-image: url(../img/profil/bild_box.png);
		background-size: 233px 233px;
		position: absolute;
		
	}
	
	.info_box {
		width: 233px;
		height: auto;
		margin-top: 235px;
		position: absolute;
	}
	
	.info2_box {
		width: 230px;
		height: auto;
		position: absolute;
		margin-top: 10px;
	}
	
	.zeugnis1 {
		width: 200px;
		height: 283px;
		margin-left: 0;
		background-color: yellow;
		border-style: solid;
		border-width: thin;
		border-color: black;
	}
	
	.zeugnis2 {
		width: 200px;
		height: 283px;
		margin-left: 215px	;
		background-color: yellow;
		border-style: solid;
		border-width: thin;
		border-color: black;
	}
}