@charset "UTF-8";
/*DRUCKVERSION importieren*/
@import url("annaprint.css"); 
/* CSS Document */
.todo {
	color:#F3C;
}
.js, .jsinline {
	display:none;
}
/*Versuch für Hintergrundfarbverlauf Vi-Keine Profite mit Boden und Miete*/
.vi-mieten {
	background-image: linear-gradient(to right, rgb(123,71,138,50%), rgb(238,184, 69,50%));
}
* {margin:0; padding:0;}
html {
   	font-size: 62.5%;
   	scroll-behavior:smooth;
}
body {
	font:1.3rem Arial, Helvetica, sans-serif;
	background:url(../bilder/weisskachel.jpg) top left repeat;
	color:#666;
}
h2 {
	margin-bottom:10px;
	font-size: 2rem; /*20px;*/
	font-weight:normal;
	letter-spacing:0.05em;
}
.h2 {
	margin-bottom:10px;
	font-size: 2rem; /*20px;*/
	font-weight:normal;
	letter-spacing:0.05em;
}
#scroll > h3 {margin-top:0;}
h3 {
	font-size:1.6rem; /*16px;*/
	letter-spacing:0.075em;
}
h4 {
	font-size:14px;
}
h3,h4 {
	margin-bottom:5px;
	padding-top:10px;
}
p + h4 {
	margin-top:4px;}
p {
	margin-bottom:8px;
	font-size:13px;
	line-height:1.3em;
}
blockquote {
	padding:5px 20px 0px 20px;
}
p.h4 {
	font-size:1.05em;
	font-weight:bold;
	margin-bottom:4px;
}
abbr {
	cursor:help;}
hr {
    height: 1px; 
    margin-bottom: 5px;
    color: #666;
    /*background: #dfac20;*/
}
	
.quelle {
	margin-top:-4px;
	font-style:italic;
	text-align:right;
	font-size:11px;
}
.quelletop {
	margin-top:-12px;
	font-style:italic;
	text-align:right;
	font-size:11px;
}
.quelle > * {
	clear:both;
}
.quelletop6 {
	margin-top:-6px;
	font-style:italic;
	text-align:right;
	font-size:11px;
}
.quellebottom {
	margin-bottom:-8px;
	font-style:italic;
	text-align:right;
	font-size:11px;
}
.zitat {
	font-style:italic;
	padding-left:30px;
	padding-right:30px;
}
.anmerkung {
	font-style:italic;
	color:#888;
}
img + .quelle {
	margin-top:3px;
}
.bold {font-weight:bold;}
.blocktext {
	padding-top:10px; /*Damit bei Sprunglink nicht am Top klebt*/
	position:relative;
} 
.italic {font-style:italic;}
.center {text-align:center;}
.rechts {text-align:right;}
.links {text-align:left;}
.kleiner {font-size:0.9em; font-weight:normal;}
.clear {clear:both;}
.clearone {height:1px; font-size:1px; clear:both; display:block;}
.red {color: #990000;}
.rot {color:#F00;}
.gruen {color:#090;}
.marker {color:#900; font-weight:bold;}
.warnred {color:#F00; font-weight:bold;}
.dispblock {display:block;}
.dispnone {display:none;}
.visible {visibility:visible;}
.hidden {visibility:hidden;}
.fuelldiv {clear:both; height:600px;}
.durchstrichen {
	text-decoration:line-through;
}
.unterstrichen {
	text-decoration:underline;
}
.trennung {
  -webkit-hyphens: auto;
  hyphens: auto;
}
/*Für die Lexikon-Seite*/
.alphabet {
	letter-spacing:0.4em;
}
.alphabet a {
	font-weight:bold;
}
/*TOOLTIP von Selfhtml*/
dfn.tooltext {
  position: relative;
  color:#333; 
  border-bottom: dotted 1px #555; 
  cursor: help; 
 }

dfn.tooltext span[role=tooltext] {
  display: none;
}

dfn.tooltext:hover span[role=tooltext] {
  display: block;  
  position: absolute; 
  bottom: 2em;
  right:0;/*left: -6em;*/
  width: 400px; /*orignal: 15em*/
  padding: 0.5em;
  z-index: 100;
  color: #444; 
  background: #6ab6e4 linear-gradient(60deg, #a0dafe 20%, #fff 80%);	
  border: solid 1px #4d84a6;
  border-radius: 0.2em;
}

#lexikon_lexikon .blocktext p {
	padding-left:20px;
}
#infosallgemein div {
	margin-bottom:14px;
	border-bottom:1px dotted #CCC;
}
.zusammen {white-space:nowrap;}
.mehrtag {
	float:right;
	font-size:11px;
	margin-right:5px;
}
.anna {
	color:#4d84a6;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	padding-right:2px;
}
.ueberschrift {
	margin-bottom:4px;
	font-weight:bold;
	font-size:14px;
}
.ueberschrift-zwischen {
	margin-bottom:3px;
	font-weight:bold;
	font-size:13px;
}
/*Legende für zB B-Pläne*/
/*Bilder müssen 20px hoch sein*/
p.legende {
	position:relative; 
	height:20px; 
	margin-bottom:2px; 
	padding-bottom:5px;	
}
p.legende span {
	position:absolute; 
	margin-left:5px; 
	margin-top:2px;
}
/*für das Plus und Minuszeichen beim Einblenden von mehr: Datenschutzmediathek*/
img.plusicon {
	float:left;
	margin-top:1px;
	margin-right:5px;
}
img.plusicon:hover {
	filter: alpha(opacity=50);
	/* Mozilla 1.6 und frueher */
	-moz-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;
}
/*Muss immer im .info div sein, das dann durch Klick geschlossen wird - background-color:#fdfbf2;*/
div.info {
	padding-left:5px;
	border-left:solid 1px #ccc;
}
p.zumacher {
	text-align:right;
	font-style:italic;
	color:#888;
	padding-bottom:4px;
	border-bottom:1px dotted #4d84a6;
}
p.zumacher:hover {
	color:#ccc;
	cursor:pointer;
}
.ohnelinie {
	border:none !important;
}
.tabelle3px td {
	padding:0 0 3px 0;
}
.tabelle3px tr:hover {
	background-color:#CCC;
}

div#popup {
	position:absolute;
	z-index:20;
	width:auto;
	height:auto;
	padding:10px;
	margin: 50px auto;
	border:2px solid #000;
	background-color:#fff;
}
div#popup img.zumacher {
	right:0px;
}
/*Fußnoten-Zahlen*/
a.sub {
	position:relative;
	font-size:0.7em;
	line-height:100%;
	vertical-align:top;
}
/* LINKS */
a:link, a:visited {
	text-decoration:none;
	color:#4d84a6;
}
a:hover {
	color:#000;
}
a.top {
	padding-left:12px; 
	background:url(../bilder/toppfeil.gif) left center no-repeat;
	color:#666;
	text-decoration:none;
}
a.top:hover {
	color:#000;
}
p.top {
	text-align:right;
	clear:both;
}
p.top + h3 {
	margin-top:-5px;
}
a.weiter {
	padding-right:20px; 
	background:url(../bilder/weiterpfeil-blau.gif) right center no-repeat;
	text-decoration:none;
}
a.weiter:hover {
	padding-right:20px; 
	background:url(../bilder/weiterpfeil-000.gif) right center no-repeat;
	text-decoration:none;
}
a.pdf {
	padding-left:25px;
	background:url(../bilder/pdf-ico.gif) left center no-repeat;
}
a.pdf-mini {
	padding-left:20px;
	background:url(../bilder/pdf-mini.png) left center no-repeat;
}
a[name=back] {
	display:none;
}
/*
#content a[href^="http"]::after {
	content: "\00A0\2197";
}
*/
a.h-link {
	color:#666;
}
a.h-link:hover {
	color:#4d84a6;
}
/*Softscroll-button*/
#back-to-top {
    position:fixed; /* Wichtig! */  
    bottom:25px;  
    cursor:pointer;  
    padding:2px 4px 2px 14px;  
    background:#4d84a6 url(../bilder/toppfeil_weiss.gif) no-repeat 6px center;  /*d8ddd5*/
    border-radius:2px;  
    color:#fff;
	border-color:#ccc;
	font-weight:bold;
    display:none;  
}
#back-to-top:hover {
	background-color:#333;
}


p.mehrlink {
	margin:0px 0 8px 0;
	text-align:right;
	font-style:italic;
}
p + p.mehrlink {
	margin:-6px 0 8px 0;
}
div.block_bottompkt > p + p.mehrlink {
	margin:-6px 0 0px 0;
}
div.block_bottompkt > h4 {
	padding-top:8px;
}
div.block_bottompkt > h2 {
	padding-top:8px;
}
/*newsletter abonnieren
#newssubmit {
	width:auto;
	padding:1px 2px;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:11px;
}*/
/*FUSZNOTEN*/
/*fn_0x für die Fußnote unten (Fußnote)*/
/*az_0x für die Fußnote im Text (Auszeichnung)*/
#fussnoten {
	width:95%;
	margin:20px auto 10px auto;
	padding-top:6px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:0.85em;
}
#fussnoten p {
	margin-bottom:3px;
}
/*Für die Fußnoten - leeres Div, dass per jquery gefüllt und platziert wird*/
div.tooltip, div.rollupdiv {
	display:none;
	position:absolute;
	width:auto;
	max-width:500px;
	padding:8px;
	font-size:0.9em;
	vertical-align:middle;
	border:1px solid #ccc;
	background-color:#eee;
	z-index:130;
}
input[type="text"] {
	font-size:12px;
}
input[type="submit"] {
	width:auto;
	padding:2px 3px;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:11px;
}
input[type="submit"]:hover {
	border:1px solid #666;
	background-color:#d8d9bf;
	font-size:11px;
	cursor:pointer;
}
#mail #content form p {
	background-color:#CC0;
}

/* -------- */
#content {
	position:relative;
	width:600px; 
	margin-top:0;
	margin-bottom:20px;
	padding-top:30px;
	padding-left:0px;
}
/*Bilder einbinden*/
#presse_news .bildblock {
	float:left;
	position:relative;
	margin:0px 15px 8px 0;
	background-color:#eee;
}
#datenschutz_presse .bildblock {
	margin-top:8px;
}
.bildblockdummi {
	width:90px; height:74px; 
	background:white url(../bilder_datenschutz/00-presse/dummimedien.jpg) center center no-repeat; 
	font-size:20px; text-align:center;color:#fff; font-weight:bold; line-height:74px; vertical-align:middle;
	text-shadow:1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
	border:1px solid #000;
}/*line-height:3.2em; */
.bildblockdummi:hover {
	background: white url(../bilder_datenschutz/00-presse/dummimedien-trans.jpg) center center no-repeat;
}
/*wie bei Presse als Teaser für lange Texte*/
.bildblockindex {
	float:left;
	position:relative;
	width:182px;
	height:120px;
	margin:5px 15px 8px 0;
	background-color:#eee;
	background-position: center;
	background-repeat: no-repeat;
	border:1px solid #000;
}
.bildblockpresse {
	float:left;
	position:relative;
	width:90px;
	height:75px;
	margin:10px 15px 8px 0;
	background-color:#eee;
	background-position: center;
	background-repeat: no-repeat;
	border:1px solid #ccc;
}
.bildblockpresse p {
	margin-top:20px;
	line-height:30px;
	text-align:center;
	color:#000;
	font-size:14px;
	font-weight:bold;
	background-color: rgb(255 255 255 /.6);
}
.bildblockpresse:hover {
	background-image:url(../bilder_datenschutz/00-presse/dummimedien-trans.jpg) !important;
}
.bildblock {
	float:left;
	position:relative;
	margin:0 15px 8px 0;
	background-color:#eee;
}
.bildblock img, .bildblock iframe {
	border:1px solid #ccc;
}
.bildblock p {
	width:inherit;
	margin-bottom:2px;
	padding:3px 5px 1px 5px;
	text-align:center;
	font-style:italic;
	color:#666;
	font-size:12px;
}
.bildblock-rechts {
	float:right;
	position:relative;
	margin:0 0 8px 15px;
	background-color:#eee;
}
.bildblock-rechts img {
	border:1px solid #ccc;
	margin-bottom:2px;
}
.bildblock-rechts p {
	margin-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	font-style:italic;
	color:#666;
	font-size:12px;
}
h4 + div.bildblock, p.quelle + div.bildblock {margin-top:5px;}

.bildblockindex {
	background-color:#ccc;
	background-size:200%;
}

/*BUTTON für WORUM ES GEHT*/
.buttonlink {
	position:relative; 
	float:right; 
	width:150px; 
	height:auto; 
	margin-bottom:4px; 
	padding:4px 3px; 
	background-color:#e8e7d8; 
	text-align:center;
}
.buttonlink:hover {
	background-color:#FFF;
}
/*SPEZIFIZEIRUNGEN z.B. ort_orte 3 Bilder in Reihe*/
.hauptseite div.bildblock {
	width:190px;
	margin-right:10px;
}
/*Damit alle Bilder gleiche Höhe haben*/
.hauptseite div.bildblock .innerbildblock {
	width:188px; 
	height:140px; 
	overflow:hidden;
}
/*Bild etwas größer als dargestellt, damit es immer den innerdiv ausfüllt*/
.hauptseite div.bildblock img {
	width:195px;
}
/*FÜR DIE BILD SEITEN*/
/*siehe annaelbe*/
a img:hover {
	filter: alpha(opacity=50);
	/* Mozilla 1.6 und frueher */
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*
body#ort_bilder .bildblock img {
	width:350px;
}
body#ort_bilder .bildblock p.bottom {
	position:absolute;
	left:365px;
	bottom:0;
	font-style:italic;
	font-size:12px;
}
*/
/*Normale Liste - wegen Einrückungen*/
.ohnepunkt {
	list-style:none;
}
.normal {
	position:relative;
	display:inline-block;
	padding:0;
	margin-left:20px;
	margin-bottom:10px;
	background-color:transparent;
}
.normal li {
	line-height:1.3em;
	margin-left:15px;
	padding-bottom:3px;
	padding-top:1px;
}
ol.normal li {
	line-height:1.3em;
	padding-bottom:3px;
	padding-top:1px;
	margin-left:15px;
}

/*z.B. Termine - mit Punkten*/
.ulliste {
	list-style:none;
	background-color:#fff;
}
.ulliste li {
	line-height:1.2em;
	padding-bottom:2px;
	padding-top:1px;
	background:url(../bilder/bg_punkte.gif) repeat-x 0 77% !important;
	background-position: 0 61%; /*Hack für IE */
}
.ulliste li span {
	padding-bottom:1px;
	background-color:#fff;
}
.ulliste li span.titel {float:left;width:auto; padding:1px 3px 1px 0px;}
.ulliste li span.datum, .ulliste li span.von  {float:right; width:auto; padding:1px 3px;}
.ulliste li span.ansehen {width:auto; float:right; padding:1px 5px;}
.ulliste li br {clear:both;}
.ulliste li span.top {display:block; width:600px; text-align:right; padding:1px 3px 1px 0px;}

/*ABBINDER MIT LINKS - wie die Liste - auf presse.php*/
/*ABBINDER 2: Weniger Abstand - als Liste möglich */
p.abbinder, p.abbinder2 {
	line-height:1.2em;
	padding-bottom:2px;
	padding-top:1px;
	background:#fff url(../bilder/bg_punkte.gif) repeat-x 0 77% !important;
	background-position: 0 61%; /*Hack für IE */
}
p.abbinder span, p.abbinder2 span {
	padding-bottom:1px;
	background-color:#fff;
	font-style:oblique;
}
p.abbinder span.titel, p.abbinder2 span.titel {float:left;width:auto; padding:1px 3px 1px 0px;}
p.abbinder span.datum, p.abbinder span.von, p.abbinder2 span.datum, p.abbinder2 span.von  {float:right; width:auto; padding:1px 3px;}
p.abbinder span.ansehen, p.abbinder2 span.ansehen {width:auto; float:right; padding:1px 5px;}
p.abbinder br, p.abbinder2 br {clear:both;}
p.abbinder span.top, p.abbinder2 span.top {display:block; width:600px; text-align:right; padding:1px 3px 1px 0px;}

p.abbinder2 {
	margin-top:-6px;
}

/*----------------------------------------------------*/
p.untertitel {
	margin-top:-2px;
	font-style:italic;
}
p.untertitel-3pkt {
	margin-top:-2px;
	font-style:italic;
}
p.trennpkt {
	height:4px;
	line-height:4px;
	padding-bottom:4px;
	background:url(../bilder/bg_punkte.gif) bottom left repeat-x;
}
p.trennpktblau {
	height:4px;
	line-height:4px;
	padding-bottom:4px;
	background:url(../bilder/bg_blauePunkte.gif) bottom left repeat-x;
}
.block_bottompkt {
	padding-bottom:4px;
	background:url(../bilder/bg_punkte.gif) bottom left repeat-x;
}
#abbinder {
	padding:10px 0px;
	background-color:#fff;
}

#wrapper {
	position:relative;
	width:900px;
	margin:0px 0 0 10px;
}

#oben {
	position:relative;
	height:142px;
	color:#000;
	background:url(../bilder/bg_obenkachel.jpg) top left repeat;
}
#oben #topblau {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:54px;
	background-color:#6eaed5;
	z-index:10;
}
#oben #logo {
	position:absolute;
	left:10px;
	border:none;
	z-index:40;
}
/*Fur den blauen Balken links (Untertitel)*/
#leftblau {
	position:absolute;
	left:0;
	height:54px;
	width:253px;
	background-color:#6eaed5;
}
#leftblau h2 {
	text-align:center;
	color:#000;
	line-height:40px;
	font-size:12px;
	letter-spacing:0.2em;
}
#leftdiv {
	position:absolute;
	top:42px;
	width:223px;
	height:auto;
	padding:20px 10px;
}
#innerwrapper {
	position:relative;
	width:600px; 
	left:253px;
}