@charset "utf-8";
/* CSS Document */
/* 
body {
	background-color: #999;
	background-image:url(../images/web_doelling_background.jpg);
}
	*/
html {
  height: 100%
}

body {
  background-color: #999;
  background-image: url(../images/web_doelling_background_v2.jpg);
  background-repeat: repeat;   /* oder no-repeat / cover */
  margin: 0;
  padding: 0;
    /* NEU: roter Balken unten über gesamte Breite */
  background-position: top;

}
body::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;                 /* Höhe wie dein Balken */
  background-image: url(../images/web_doelling_05.jpg);
  background-repeat: repeat-x;  /* zieht das Bild über volle Breite */
  z-index: 500;                 /* unterhalb vom Container-Footer */
}
div#container {
	position:absolute;
	top:0px;
	left:0px;
	width:969px;
	height:100%;
	left: 50%; 
	margin-left:-485px;
	background-color: #e8e8e8;
} 

/* div#header{
	position: absolute;
	margin: 0px auto;
	top: 0px;
	height: 150px;
	left: 0px;
	width: 969px;
} */

#apDiv1 {
	position:absolute;
	width:145px;
	height:28px;
	z-index:1;
	left: 792px;
	top: 65px;
}

#Foto-gross {
	position:absolute;
	width:400px;
	height:266px;
	z-index:1;
	left: 50px;
	top: 25px;
}

#Foto-klein {
	position:absolute;
	width:473px;
	height:191px;
	z-index:1;
	left: 78px;
	top: 258px;
}

#Text {
	position:absolute;
	width:780px;
	height:415px;
	z-index:1;
	left: 95px;
	top: 25px;
}

#Text {
	position:absolute;
	width:425px;
	height:415px;
	z-index:1;
	left: 500px;
	top: 25px;
}

#Mitarbeiter-Div {
	position:absolute;
	width:780px;
	height:415px;
	z-index:1;
	left: 95px;
	top: 25px;
}

#zusatztext {
	position:absolute;
	width:375px;
	height:125px;
	z-index:1;
	left: 50px;
	top: 315px;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:25px;
	background-color:#CCC;
	border:1px black solid;

}
div#header{
  position: absolute;
  top: 0;
  left: 0;
  height: 150px;
  width: 969px;
  z-index: 500;          /* NEU: über #main */
}
div#navi{
  position: absolute;
  top: 103px;
  left: 0;
  width: 969px;
  height: 40px;
  z-index: 600;          /* NEU: über dem Header-Bild */
}/* 
div#navi{
	position: absolute;
	margin: 0px auto;
	top: 103px;
	height: 40px;
	left: 0px;
	width: 969px;
} */
/* 
div#main{
	position: absolute;
	top: 150px;
	height: 550px;
	width: 969px;
	overflow:scroll;
	background-color:#e8e8e8;
	background-position:bottom;
	background-repeat:no-repeat;
} */
/* Main unter den Header schieben und bis unten ziehen */
div#main{
  position: relative;
  width: 969px;
  margin: 0 auto;

  /* NEU: Platz für Header schaffen */
  margin-top: 150px;                 /* = Headerhöhe */

  /* NEU: Höhe passend zum Viewport (ohne Header) */
  min-height: calc(100vh - 150px);

  /* NEU: Platz für Footer, damit nix drunter rutscht */
  padding-bottom: 28px;              /* >= 20px Footer + Luft */

  box-sizing: border-box;
  background-color:#e8e8e8;
  background-position: bottom;
  background-repeat: no-repeat;
  overflow: visible;
}


/* div#footer{
	position: absolute;
	top: 678px;
	height: 20px;
	width: 969px;
	background-image:url(../images/web_doelling_05.jpg);
	font-family: Verdana, Geneva, sans-serif;
	text-align:center;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
} */
/* Footer bleibt wie von dir gesetzt (fixed) */
div#footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 20px;
  width: 969px;
  background-image: url(../images/web_doelling_05.jpg);
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
  z-index: 1000;
}

.fliesstext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}

.bildunterschrift {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
}

.linkgrau {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #a5a5a5;
	text-align:right;
}

.haupttitel {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	text-align:center;
	color: #5e5e5e;
	padding-left:25px;
	padding-top:25px;
}

.titel {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #5e5e5e;
	font-weight: bold;
}

a:link {
	color: #a5a5a5;
}

a:visited {
	color: #a5a5a5;
}
a:hover {
	color: #fff;
}
a:active {
	color: #a5a5a5;
}
#impressum-scroll {
  max-height: calc(100vh - 200px); /* 200px = Header + Footer + etwas Abstand */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;  /* Platz für Scrollbar */
  box-sizing: border-box;
}