* {
	margin:0;
	padding:0;
}

html, body {
	font-family: Gill Sans, sans-serif;
	font-size: 1.0em;
	line-height:1.5;
	background: white;
}

element { font-family: Gill Sans, sans-serif }
.table  { font-size: 1.0em; border: solid 1px orange }
h1 { font-size: 1.2em; margin-top: 8px; margin-right: 0; margin-left: 0; color:#003F7D; }
.h1 { font-size: 1.2em; margin-top: 8px; margin-right: 0; margin-left: 0; color:#003F7D; }
.h2 { font-size: 1.1em; margin-top: 8px; margin-right: 0; margin-left: 0; color:#003F7D; }
h2 {
	font-size: 1.1em;
	margin: 0.67em 0;
	color:#003F7D
}
table1 { font-size: 1.0em; }
a:link { color: black; text-decoration: none }
a:visited { color: gray; text-decoration: none }
body   { border-top: none; color: black; }
p { font-family: Gill Sans, sans-serif; }
.rot { color: #fff; background-color: #c2213a; border-color: orange }
.gruen { color: #000; background-color: #bacd19; border-color: orange }
.gelb { color: #000; background-color: yellow; border-color: orange }
.orange { color: #000; background-color: #f90; border-color: orange }
.blau { color: #fff; background-color: #036; border-color: orange }
.close {
	text-align:right;
	padding-right:-20px;
}
img	{
	max-width: 100%;
	line-height:0px;
	}

#wrapper	{
	margin: 3px auto;
	border: 1px solid #566;
	border-top: medium solid #566;
	width: auto;
	max-width: 597px;
	overflow:scroll;
	}

.navMain, #content { 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow:scroll;
}

.navMain {
	width:230px;
	height:100%;
	position:fixed;
	overflow:scroll;
	left:-260px;
	top:30px;
	font-size:18px;
	padding:10px;
	background-color: #B3C1DD;
	line-height:185%;
	list-style-type:square;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
}

#content {
	margin-left:8px;
	padding-top:33px;
	overflow:scroll;
}

#openBtn, 
#closeBtn {
	display:inline;
	text-decoration:none;
	z-index:1000;	
}

#openBtn {
	display:block;
	font-size:30px;
	margin-bottom:-5px;
}

#closeBtn {
	display:none;
	font-size:30px;
	margin-bottom:-38px;
}

/* if nav open */

#openNav:target .navMain {
	left:0;
	list-style-type: none;
}

#openNav:target #content {
	margin-left:260px;
	position:fixed;
	overflow:scroll;
}
#openNav:target li {
	list-style-type: none;
}
	
#openNav:target a{
	border-top:1px solid #FFF;
	display: block;
}	
#openNav:target #openBtn {
	display:none;
	position:absolute;
	top:30px;
	}

#openNav:target #closeBtn {
	display:block; 
	border-top:0px solid #FFF;
}
#TopNaviSlide {
	position:fixed;
	top:36px;
	left:0px;
	width:100%;
	padding-left:4px;
	background-color:white;
	background-image: linear-gradient(to right, white, #fadf88, white);
	background-repeat:repeat-y;
	text-align:center;
	font-size:18px;	
	font-weight: bold;
	color:#339;
	z-index:50;
}	
#Logo {
	position: fixed;
	font-size:18px;
	left:0px;
	top:0px;
	height:26px;
	width:100%;
	padding:5px;
	background-color:#FBCE2B;
	z-index:51;
	background-repeat:no-repeat;
	background-image:url(../gestaltungselemente/LogoAngelImmobilienWebMobil.svg);
}
#immo {
	width:97%;
	height:auto;
	padding:0px;
	margin-top:5px;
	margin-bottom:14px;
	background-color:#FFF;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
}
#immoMonat {
	width:97%;
	height:auto;
	padding:0px;
	margin-top:5px;
	margin-bottom:8px;
	background-color:#fde699;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
	box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, .3);
}
#textSloganStartseite {
	position:relative;
	display:block;
	top:47px;
	width:100%;
	height:auto;
	margin-left:-8px;
	margin-bottom:40px;
	padding:3px;
	background-color:#FFF;
	background-image:url(../gestaltungselemente/BannerHimmel.jpg);
	background-size: 100% 100%;
}
#LaPaText {
	width:95%;
	height:auto;
	padding:3px;
	margin-top:5px;
	margin-bottom:8px;
	background-color:#FFF;
}
#LaPaBU {
	width:95%;
	height:auto;
	padding:3px;
	font-style:italic;
	margin-bottom:8px;
	background-color:#FFF;
}
#LaPaFuss {
	width:95%;
	height:auto;
	padding:3px;
	margin-bottom:8px;
	background-color: #FFFAE6;
}
.schattenBoxGelb {
	-webkit-box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 6px #999;
	background-color: #FFFAE6;
	border: 1px solid #FCCD23;
	padding: 5px;
	margin-bottom: 5px;
}
.email a {
	background-image: url(../gestaltungselemente/Email.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 0px;
	text-decoration: none;
	color: #000;
	-webkit-box-shadow: 0 5px 4px -6px grey;
	-moz-box-shadow: 0 5px 4px -6px grey;
	box-shadow: 0 5px 4px -6px grey;
}
.email a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
}
.pfeil a {
	background-image: url(../gestaltungselemente/pfeil_blau_rechts.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-box-shadow: 0 5px 4px -6px grey;
	-moz-box-shadow: 0 5px 4px -6px grey;
	box-shadow: 0 5px 4px -6px grey;
	border-bottom-color: #FFF;
	text-decoration: none;
}
.phone {
	background-image: url(../gestaltungselemente/phone.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 0px;
	text-decoration: none;
	color: #000;
	-webkit-box-shadow: 0 5px 4px -6px grey;
	-moz-box-shadow: 0 5px 4px -6px grey;
	box-shadow: 0 5px 4px -6px grey;
}
#platzhalter {
	width:95%;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFF;
}
#pfeilSeitenanfang {
	position: fixed;
	right:-38px;
	bottom:10px;
	height:80px;
	width:80px;
	display:none;
	transition: width 1s ease-in-out;
	margin-top: -7.5em;
	padding: 2px;
	z-index:1100;	
}
/*Formular-Button*/
.btn-style{
	border : solid 1px #fff700;
	border-radius : 6px;
	moz-border-radius : 6px;
	font-size : 20px;
	color : #ffffff;
	padding : 1px 17px;
	background : #ffd500;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd500), color-stop(100%,#ff8c00));
	background : -moz-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -webkit-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -o-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : -ms-linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	background : linear-gradient(top, #ffd500 0%, #ff8c00 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#ff8c00',GradientType=0 );

}
#button {
	background-color: #FFC;
	border: 1px solid #F90;
	position: relative;
	-webkit-box-shadow: 3px 3px 10px #000000;
	-moz-box-shadow: 3px 3px 10px #000000;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, .15);
	visibility: visible;
	height: 32px;
	width: 234px;
	font-size:16px;
	font-weight: bold;
	color: #004B97;
	background-image: url(../gestaltungselemente/butBgrd.png);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 28px;
	padding: 3px;
	left:15px;
	margin:15px;
}
#buttonStarts {
	background-color: #FFC;
	border: 1px solid #F90;
	position: relative;
	-webkit-box-shadow: 3px 3px 10px #000000;
	-moz-box-shadow: 3px 3px 10px #000000;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, .15);
	height: 32px;
	width: 204px;
	font-size:16px;
	font-weight: bold;
	color: #004B97;
	background-image: url(../gestaltungselemente/butBgrd.png);
	background-repeat: repeat-y;
	background-position: left;
	line-height: 28px;
	padding-left:30px;
	padding-top:3px;
	left:15px;
	margin:15px;
}

#kosteninfo {
	background-color: #FFC;
	border: thin solid #F90;
	font-size:1.0em;
	width:90%;
	height:90%;
	z-index: 1000;
	padding: 10px;
	-webkit-box-shadow: 3px 3px 10px #000000;
	-moz-box-shadow: 3px 3px 10px #000000;
	box-shadow: 3px 3px 10px #000000;
	visibility: hidden;
}
#Einzelbild {
	background-color:#F5F5F5;
	margin-bottom:8px;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
}


.headSlideStartseite {
	font-size:12px;
	font-family:Gill Sans, sans-serif;
}
#BildImText {
	margin-left:-10px;
	width:112%;
}
.eingerueckt {
	padding-left:13px;
}

/*Boxen Weiterlesen*/

#Liste {
	list-style:square;
	list-style-image:url(../gestaltungselemente/square.png);	
}

#sidebarWeiterlesen {
	position:relative;
	left: -2px;
	top:-25px;
	width: 100%;
	z-index: 40;
}
.Btn-weiterlesen {
	-webkit-box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 6px #999;
	background-color: #FFFAE6;
	border: 1px solid #FCCD23;
	padding: 5px;
	margin-left:60%;
}
.Btn-schliessen {
	-webkit-box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 6px #999;
	background-color: #FFFAE6;
	border: 1px solid #FCCD23;
	padding: 5px;
	margin-left:60%;
}

#TippDesTages {
	-webkit-transition: all 0.5s ease-in-out; /* Safari */
	transition: all 0.5s ease-in-out;
	-moz-transition-delay: all 0.5s ease-in-out;
	-webkit-box-shadow: 3px 3px 6px #999;
	-moz-box-shadow: 3px 3px 6px #999;
	box-shadow: 3px 1px 6px #999;
	overflow:hidden;
	position: fixed;
	bottom:0px;
	width:45%;
	font-size: 1em;
	height:20px;
	overflow:hidden;
	background-color: #FFF2BF;
	border-top: 1px solid #FCCD23;
	border-right: 1px solid #FCCD23;
	border-radius: 0px 15px 0px 0px;
	padding-left: 15px;
	padding-right:3px;
	padding-bottom:7px;
	padding-top:2px;
	z-index:3000;
}
#TippDesTages:hover {
	width: 83%;
	height: 85%;
	overflow:auto;
}
#TippDesTages a:link {
	font-weight: bold;
}
#TippDesTages h2 {
	font-weight: bold;
	color:#039;
	font-size:1.1em;
}
#sidebarSchliessen {
	position:relative;
	left: -2px;
	top:5px;
	width: 100%;
	z-index: 40;
}
/*Temporäre Boxen für Feiertage und Urlaub*/
#boxtemp {
	border: medium solid #03C;
	padding: 10px;
	-webkit-box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 6px #666;
	position: fixed;
	height: auto;
	left: 15px;
	width: 80%;
	background-color: #FFCD24;
	z-index: 1000;
	top: 200px;
	vertical-align: middle;
	text-align: center;
}
#boxtemp2 {
	border: medium solid #03C;
	padding: 10px;
	-webkit-box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 6px #666;
	position: fixed;
	height: auto;
	left: 15px;
	width: 80%;
	background-color: #F66;
	z-index: 1000;
	top: 150px;
	vertical-align: middle;
	text-align: center;
}		
.container {
	width: 96%;	
}
#info + .readmore-js-toggle { 
	padding-bottom: 1.5em;
 	border-bottom: 1px solid #999; 
	font-weight: bold;
}
#demo { 
	width:96%;
}
#info { 
	display: none;
}

/* Below is the custom gradient styling. */
[data-readmore] {
  position: relative;
   
}

[data-readmore]:before {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  transition: height .5s
}

[data-readmore][aria-expanded="false"]:before,
[data-readmore][aria-expanded="true"].transitioning:before {
  height: 80px;  
}
[data-readmore][aria-expanded="false"].transitioning:before {
  height: 0;
}
a.StichwortZusatzinfo:link {
	text-decoration:underline;
	color:#039;
}
a.StichwortZusatzinfo:visited {
	text-decoration:underline;
	color:#039;
}
#StichwortAussen, #StichwortAussen1, #StichwortAussen2, #StichwortAussen3, #StichwortAussen4, #StichwortAussen5, #StichwortAussen6, #StichwortAussen7, #StichwortAussen8, #StichwortAussen9, #StichwortAussen10 {
	background:rgba(0,0,0,0.4);
	height:100%;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:70;
	padding-right:5%;
	padding-left:5%;
	padding-bottom:5%;
	padding-top:3px;
	text-align:right;
	visibility:hidden;
}
#StichwortAussen a:link , #StichwortAussen1 a:link, #StichwortAussen2 a:link, #StichwortAussen3 a:link, #StichwortAussen4 a:link,#StichwortAussen5 a:link,#StichwortAussen6 a:link, #StichwortAussen7 a:link, #StichwortAussen8 a:link, #StichwortAussen9 a:link, #StichwortAussen10 a:link  {
	font-size:2.0em;
	color:white;
	text-align:right;
}
#StichwortAussen a:visited, #StichwortAussen1 a:visited, #StichwortAussen2 a:visited, #StichwortAussen3 a:visited, #StichwortAussen4 a:visited, #StichwortAussen5 a:visited, #StichwortAussen6 a:visited, #StichwortAussen7 a:visited, #StichwortAussen8 a:visited, #StichwortAussen9 a:visited, #StichwortAussen10 a:visited {
	color:white;
}
#StichwortInnen, #StichwortInnen1, #StichwortInnen2, #StichwortInnen3, #StichwortInnen4, #StichwortInnen5, #StichwortInnen6, #StichwortInnen7, #StichwortInnen8, #StichwortInnen9, #StichwortInnen10 {
	width:80%;
	max-height:82%;
	overflow:scroll;
	text-align:left;
	background-color: #FFC;
	border: thin solid #F90;
	padding:10px;
	overflow:auto;
	z-index:101;
	list-style-position: inside;
}
#StichwortInnen1 a:link, #StichwortInnen2 a:link, #StichwortInnen3 a:link, #StichwortInnen4 a:link, #StichwortInnen5 a:link, #StichwortInnen6 a:link, #StichwortInnen7 a:link, #StichwortInnen8 a:link, #StichwortInnen9 a:link, #StichwortInnen10 a:link {
	color:#036;
	font-size: 1.0em;
	background-image: url(../gestaltungselemente/pfeil_blau_rechts.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	text-decoration: none;
}
#StichwortInnen1 a:visited, #StichwortInnen2 a:visited, #StichwortInnen3 a:visited, #StichwortInnen4 a:visited, #StichwortInnen5 a:visited, #StichwortInnen6 a:visited, #StichwortInnen7 a:visited, #StichwortInnen8 a:visited, #StichwortInnen9 a:visited , #StichwortInnen10 a:visited {
	color:#036;
	font-size: 1.0em;
	background-image: url(../gestaltungselemente/pfeil_blau_rechts.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 4px;
	text-decoration: none;
}
#tabelle {
	width:90%;
}
#tabZeile {
	width:100%;
	background-color: #FFC;
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
#tabZeileAlternate {
	width:100%;
	background-color:#fceacf;
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

#tabLinks {
	width:22%;
  width: 20ex;
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
}
#tabRechts {
	width:70%;
	display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
}
#erlaeuterung {
	background-color: #FFC;
	border: thin solid #F90;
	padding:10px;
	overflow:auto;
}
.erlaeuterung2 {
	background-color: #fbf5d5;
}
.erlaeuterung2 tbody tr:nth-child(even) { 
  background-color: #FFC; 
  color: ##fceacf; 
}


*/