table.standrd {

	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #000000;
	/*background-color: #ffffff;*/
	border-collapse:collapse;
}
table.standrd td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-collapse: inherit;
	border-color: #000000;
	/*background-color: #ffffff;*/
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #262525;
}

.bg_img {
	position: relative;
	min-width: 100%;
	min-height: 100%;
}

.back_div {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
}


* html {
    overflow: hidden;
}


body {
overflow: hidden;
	background-color:#ffffff;
	/*background-image: url("bilder/background_fliege.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;*/
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #262525;
}

a:link {color:#d60029; text-decoration:underline}
a:visited {color:#d60029; text-decoration:underline}
a:active {color:#d60029; text-decoration:underline}
a:hover {color:#000000; text-decoration:underline}


h1,h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #262525;
	font-weight: bold;
	margin: 0px;
}


#headerleiste {
	left: 0px;
	top: 0px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 50px;
	background-image: url("bilder/whitetrans.png");
	background-repeat: repeat;
	z-index: 7;
}

#headercontent {
	position: absolute;
	left: 50%;
	top: 0px;
	left: 100px;
	z-index: 8;
}

#all {
	position: absolute;
	left: 50%;
	margin-left: -415px;
	top: 50%;
	margin-top: -350px;
	z-index: 2;
}

#logo {
	left: 11px;
	top: 10px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 450px;
	height: 50px;
	z-index: 7;
}

#satz {
	left: 0px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 830px;
	height: 100px;
	z-index: 7;
}

#aktuelles {
	left: 0px;
	top: 255px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 410;
	height: 210px;
	background-image: url("bilder/whitetrans.png");
	background-repeat: repeat;	
	z-index: 7;
}

#willkommen {
	left: 0px;
	top: 255px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 830;
	height: 210px;
	background-image: url("bilder/whitetrans.png");
	background-repeat: repeat;	
	z-index: 7;
}

.startboxcontent {
	left: 10px;
	top: 10px;
	position: absolute;
	width: 810;
	height: 190px;
	padding: 0px;
	margin: 0px;
	z-index: 7;
}

#maincontent {
	left: 0px;
	top: 205px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 830;
	height: 400px;
	background-image: url("bilder/whitetrans.png");
	background-repeat: repeat;	
	overflow: auto;
	z-index: 7;
}

.boxcontent {
	left: 50px;
	top: 50px;
	position: absolute;
	width: 740px;
	height: 300px;
	overflow: auto;
	padding-right: 10px;
}

.referenzenboxcontent {
	left: 5px;
	top: 0px;
	position: absolute;
	width: 810px;
	height: 400px;
	padding-right: 10px;
}



#neueperspektiven {
	left: 0px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 270px;
	height: 50px;
	z-index: 7;
}

#inderkommunikation {
	left: 280px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 270px;
	height: 50px;
	z-index: 7;
}

#fuerunserekunden {
	left: 560px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 270px;
	height: 50px;
	z-index: 7;
}

#overnp {
	left: 0px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 270px;
	height: 160px;
	background-image: url("bilder/graytrans.png");
	background-repeat: repeat;	
	visibility: hidden;
	z-index: 10;
}

#overkom {
	left: 280px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 270px;
	height: 160px;
	background-image: url("bilder/graytrans.png");
	background-repeat: repeat;	
	visibility: hidden;
	z-index: 10;
}

#overkun {
	left: 560px;
	top: 145px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 270px;
	height: 160px;
	background-image: url("bilder/graytrans.png");
	background-repeat: repeat;	
	visibility: hidden;
	z-index: 10;
}

.overcontent {
	left: 10px;
}

.overcontent a:link {color: #ffffff}
.overcontent a:visited {color: #ffffff}
.overcontent a:hover {color: #000000}
.overcontent a:active {color: #000000}

#allereferenzenlinkespalte {
	left: 0px;
	top: 17px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 360px;
	height: 280px;
	line-height: 20px;
	z-index: 7;
}

#allereferenzenrechtespalte {
	left: 375px;
	top: 17px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 360px;
	height: 280px;
	line-height: 20px;
	z-index: 7;
}

#allereferenzen {
	position: absolute;
	left: 390px;
	top: 318px;
	width: 360px;
	text-align:center;
	vertical-align: bottom;
	z-index: 8;
}

#blaettern {
	position: absolute;
	left: 460px;
	bottom: 0px;
	width: 360px;
	text-align:right;
	vertical-align: bottom;
	z-index: 8;
}

#footer {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:30px;
  z-index: 7;
}

#footercontent {
	position: absolute;
	left: 50%;
	margin-left: -415px;
	width:190px;
	height: 30px;
	top: 0px;
	background-image: url("bilder/whitetrans.png");
	background-repeat: repeat;	
	text-align: center;
	padding-top: 5px;
	z-index: 8;
}

@media screen{
  body>div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }

a.footerlink:link {color:#000000; text-decoration:underline}
a.footerlink:visited {color:#000000; text-decoration:underline}
a.footerlink:active {color:#d60029; text-decoration:underline}
a.footerlink:hover {color:#d60029; text-decoration:underline}

@media screen and (max-width: 480px) {

	.back_div img {
		max-width: 100%;
		height: auto;
		object-fit: cover;
	}
	#all {
		position: relative;
		max-width: 100%;
		padding: .5rem;
		margin: 0;
		left: initial;
		top: 50px;
	}
	#all img {
		max-width: 100%;
	}
#maincontent {
	left: 1vw;
	top: 50px;
	width: 98vw;
	height: auto;
	max-height: 75vh;
	padding: 1rem;
	box-sizing: border-box;
}
table {
	width: 100%!important;
}
table.standrd td {
	padding: 4px;
}
#willkommen {
	left: 1vw;
	top: 50px;
	width: 98vw;
	height: auto;
	max-height: 75vh;
	padding: 1rem;
	box-sizing: border-box;
	z-index: 0;
}
.startboxcontent {

}


.boxcontent, .startboxcontent {
	left: initial;
	top: initial;
	position: relative;
	max-height: 100%;
	width: auto;
	height: auto;
	overflow: auto;
	padding:0;
	line-height: 20px;
	font-size: 14px;
}
.boxcontent h1 {
	font-size: 14px;
	margin: .6rem 0;
}
.boxcontent ul {
	padding-left: 1rem;
}
.boxcontent > img {
	float: none!important;
	margin-right: 0!important;
}
#neueperspektiven {
	height: 23px;
}

#neueperspektiven, #overnp {
	top: 22px;
	width: 33%;
	left:0;
	margin: .5%
}
#inderkommunikation, #overkom {
	top: 22px;
	width: 33%;
	left: 33.5%;
	margin: .5%
}
#inderkommunikation {
	height: 23px;
}
#fuerunserekunden, #overkun {
	top: 22px;
	width: 32%;;
	left: 67%;
	margin: .5%
}
#fuerunserekunden, #fuerunserekunden a img {
	height: 23px;
}

.overcontent a 
.startboxcontent {
	left: 5vw;
	top: 10vh;
	width: 90vw;
	height: 60vh;
}

#headercontent {
	left: 0;
}
#headercontent img {
	max-width: 100%;
}

#allereferenzenlinkespalte , #allereferenzenrechtespalte {
	position: relative;
	width: 100%;
	height: auto;
	left:0;
	right: auto;
	top: 0;
}
.referenzenboxcontent {
	position: relative;
}
#blaettern {
	left: 0;
	width: 100%;
	text-align: left;
}
#footercontent {
	margin-left: 0;

}
#satz {
	top: 22px;
	height: 100vh;
	width: 100%;
	cursor: pointer;
}
#satz a {
	float: left;
	display: block;
	height: 100%;
	width: 100%;

}
#satz::after {
	display: block;
	/*content:"Neue Perspektiven in der Kommunikation für unsere Kunden";*/
}
#satz img {
	display: none;
	width: 100%!important;
	height: auto!important;
}
}