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

.body {
	height: 100%;
	width: 99%;
}
#body {
	height: 102%;
	margin-top: -10px;
	margin-right: 0px;
	margin-left: -10px;
}

#overheader {
	clear:left;
	top: 100%;
	position: static;
	align: center;
	padding: 0px;
	text-align: center;
	margin: 0em;
	width: 100%;
	background-color: #aee557;
}
#header {
	top:0px;
    position:fixed;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	text-align: center;
	margin: 0em;
	width: 100%;
	background-color: #3d454c;
	z-index: 4;
}
#logo {
	clear: left;
	top: 100%;
	position: static;
	align: center;
	padding: 0px;
	text-align: center;
	margin: 0em;
	width: 100%;
}
#headerpicture {
	top: 100%;
	position: static;
	padding-bottom: 15px;
	text-align: center;
	margin: 0em;
	margin-top: -6px;
	width: 100%;
}
#schwarz {
	top:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	text-align: left;
	margin-top: -0.5em;
	margin: 0em;
	width: 100%;
	background-color: #000;
}

#grau {
	top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 0em;
	width: 100%;
	height: 100%;
	background-color: #DBDBDB;
}

#neues {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	text-align: left;
	margin-top: 0em;
	margin: 0em;
	width: 100%;
	background-color: #616C72;
}

#navi {
	top:0px;
    position:fixed;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	text-align: center;
	margin: 0em;
	width: 100%;
	background-color: #3d454c;
	z-index: 5;
}


#START {}
#BUERO {}
#ZERTIFIKATE {}
#KONTAKT {
	background-color: #3d454c;
}
#NEWS {}
#IMPRESSUM {}
#DATENSCHUTZ {}

#content {
	height: 100%;
	width: 50%;
	margin-top: 4em;
	margin-right: 20em;
	margin-left: 27%;
	margin-bottom: 3em;
	padding: 10px;
	background-color: #FFF;
}
#content-buero {
	height: 100%;
	width: 50%;
	margin-right: 20em;
	margin-left: 27%;
	margin-bottom: 10em;
	padding: 10px;
	background-color: #FFF;
	z-index: 5;
}
#content-schwarz {
	height: 100%;
	width: 50%;
	margin-top: 4em;
	margin-right: 20em;
	margin-left: 27%;
	margin-bottom: 3em;
	padding: 10px;
	background-color: #000;
}

#content-neues {
	position:static;
	height: 100%;
	width: 50%;
	margin-top: 4em;
	margin-right: 20em;
	margin-left: 27%;
	margin-bottom: 3em;
	padding: 10px;
	background-color: #616C72;
}

#content2 {
	position:static;
	height: 80%;
	width: 50%;
	margin-top: 4em;
	margin-right: 20em;
	margin-left: 27%;
	margin-bottom: 3em;
	padding: 10px;
	background-color: #3d454c;
}
#content22 {
 	position:static;
	margin-top: -0.5em;
	margin-bottom: -1em;
	height: 100%;
	background-color: #3d454c;
}
#trenner {
	width: 100%;
	margin: 0em;
	padding: 0px;
	background-color: #3d454c;
	align: bottom;
}
#grauerHG {
	background-color: #3d454c;
}

#portfolios {
	height: 25%;
	width: 25%;
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: -0.5em;
	padding: -2px;
	background-color: #000;
}

#mitarbeiter {
	height: 26%;
	width: 26%;
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: -0em;
	padding: -0px;
	background-color: #DBDBDB;
}

#mitarbeiter-abst {
	width: 5%;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: -0em;
	padding: -0px;
	background-color: #DBDBDB;
}
#mitarbeiter-abst2 {
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px; 
	margin-bottom: -0em;
	padding: -0px;
	background-color: #DBDBDB;
}

#mitarbeiter-text {
	width: 88%;
	margin-left: 6%;
	margin-right: 0;
	margin-top: 0px; 
	margin-bottom: 5%;
	padding: -0px;
	background-color: #DBDBDB;
}


#navis {
	clear:left;
	text-align:center;
	background-color: rgb(0,0,0);
	padding: 10px;
	margin: 0em;
	position:fixed;
	bottom:0px;
	width: 100%;
}