/*AK Mediation CSS*/
/*Farben
anthrazit #2F2F30
mittelgrau Foto #7B7B7D
blassgruen Foto #B6D687
blassgruen #CCFF66
neongruen #CCFF33
lilablau #666699
*/
body {
    background-color: #666699;
    color: #2F2F30;margin:0px;padding:0px;
    text-align:center;
    font:normal 100,01%/150% Times, serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

#screen{
	/*
	ist zentriert in IE und Mozilla durch body-Kriterum: text-align:center
	und die relative Positionierung und margin auto (rechts-links)*/
	position:relative; font-size:90%;line-height:155%; width:100%;
	max-width: 970px; color:#2f2f30;
	background-color: transparent;
	height: auto;
	margin: 0px auto; /* main-Box vertikal zentrieren, Rand oben + unten 10px */
	text-align:left; /*main-Box vertikal zentrieren in Opera, NN, Mozilla */
	z-index:3; padding:0px;
	overflow: visible;
	}

#head {width:100%; height:206px;position:absolute; top:0px;left:0px;padding:10px; overflow:hidden;
	background-image:url(bestes_4.jpg); background-repeat:no-repeat; background-size:cover;}
#inhalt {position:absolute; width:98%; max-width:960px; padding:15px;top:206px;left:0px;height:auto;background-color:#F7F7FC;}
#top {
  background-image: url(./bilder/nach-oben.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 0px;
  position: fixed;
  bottom: 200px;
  right: 50%;
  margin-right: -43%;
  display: none;
  z-index: 99;
  width: 50px;
  height: 75px;
}
#top a {
  display: block;
  padding: 15px;
  text-decoration: none;
}
h1 {margin:0px; padding:20px 0px; font-size:163%; line-height:125%; color:#b6d687;} 
h2 {color:#2f2f30; font-size:100%;	margin:0px;padding:6px 0px 0px 0px;}
h3 {font-weight:bold; font-size:90%;clear:both;}
p,li {font-size:90%;}
li {padding:0px;margin:0px;}
p {padding:0px 15px 20px 5px;margin:0px;}
#visitenkarten h3 img {float:none; clear:both; margin-bottom:20px;padding-right:30px; display:block;}

#visitenkarten p {}
#visitenkarten p.intro {margin-left:0px;}
img {border:0;margin:0px; padding:0px;float:left;}

a:link, a:visited {color:#2f2f30;text-decoration:underline;}
a:hover, a:active, a:focus {color:#a6bf5c; text-decoration:underline;}
p.nach-oben {text-align:right;}
.nach-oben a {padding:7px 20px;  background-color:#ccff66; color:#2f2f30; font-weight:bold;text-decoration:none;}
.nach-oben a::before {content:url(bilder/pfeil.gif);}
@media screen and (min-width:500px){
	#visitenkarten h3 img {float:left; margin-bottom:20px;padding-right:30px;}
	#visitenkarten p {margin-left:180px; max-width:460px;}
	#visitenkarten p.intro { max-width:unset;}
}
@media screen and (min-width:960px){
	#inhalt {width:100%;}
	h1 {font-size:200%;}
}