@charset "UTF-8";
/* CSS Document */


/* ******* Avant Garde Gothic (Extra Light) ***** */
@font-face {
	font-family: "itc_avant_garde_gothiclight";	
    src: url('../font/avantgel-webfont.woff2') format('woff2'),
         url('../font/avantgel-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
}

body {
	background:#FFF;
	font-size:17px;
	line-height: 30px;
	font-family: "itc_avant_garde_gothiclight";	
	color:#000000;
	text-align:left;
	}

img {
	border:none;
}

div#aussenseite {
/*	position:absolute;
	left:50%; */
	min-height:700px;
	width:1400px;
	background:#FFF;
	margin:0px auto 0px auto;
/*	padding-left:13px;*/
/*	margin-top:60px;
	margin-left:-700px;
	margin-bottom:100px; */
}

div#kopf {
	width: 100%;
	height: 140px;
	float:left;
	margin-top:15px;
	padding-bottom:50px;
	background-image:url(../bilder/logo.svg);
	background-size: 35%;
	background-position:center;
	background-repeat:no-repeat;
}

div#menue {
	width: 100%;
	height:27px;
	float:left;
	margin-bottom:10px;
	position:relative;
	border-bottom: 1px solid #DADADA; 
	text-align: center;
	display: block;
}

@-moz-document url-prefix() {
div#menue {
	height:28px;
}
}

div#links {
	width: 300px;
	min-height:376px;
	float:left;
	background-image:url(../bilder/hintergrundbild_links.jpg);
	background-position:left;
	background-repeat:no-repeat;

}

div#mitte {
	width: 800px;
	min-height:376px;
	float:left;
}


div#grosse_mitte {
	width: 1400px;
	min-height:376px;
	background-image:url(../bilder/hintergrundbild_ganz.jpg);
	float:left;
}

div#rechts {
	width:300px;
	min-height:376px;
	float:right;
	background-image:url(../bilder/hintergrundbild_rechts.jpg);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
}

div#mitte_ganze_breite {
	width: 100%;
	min-height:376px;
	float:left;
}

div#fusszeile {
	width:100%;
	height:50px;
	float:left;
	border-top:1px solid #dadada; 
	margin-top:10px;
	padding-top:10px;
	text-align:center;
	color:#2181be;
	font-size: 25px;
	font-weight: bold;
}

div#impressum {
	width:100%;
	height:50px;
	float:left;
}

div#clear {
	clear:both;
	width:100%;
	height:5px;
/*	float:left; */
}

.element {
    margin-right: 10px;
    margin-bottom: 6px;
    padding: 2px 2px 4px 4px;
}

.hinweis a {
	text-decoration: none;
	text-decoration-color: #000000;
}

.tabelle {
	margin-left:50px;
}

.tabelle-ganzebreite {
}

.tabelle_grosser_abstand {
	margin-left: 50px;
}

.tabellenabstand {
	margin-right: 14px;
	margin-bottom: 14px;
	border-color:#EBEBEB;
	border-style: solid;
	border-width: thin;
	}

.tabellenrahmen {
	border-color:#EBEBEB;
	border-style: solid;
	border-width: thin;	
}

.tabelle_courtage {
	margin-left: 35%;
	background-color: #FFFFFF;
	padding-bottom: 50px;
}


/* ----------Menue-------------- */

ul {
	margin: 0px;
	padding: 0 0 0 0px;
	list-style: none;
/*	width: 110px;*/
	font-size:10px;
	text-align:right;
	float:right;
	}

a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color:#2181be;
	text-decoration: none;
}

a.impressum {
	font-size:11px;
	padding-left:7px;
	float:right;
	text-decoration:none;
	color: #000;
}

a.impressum:hover, a.impressum:active {
	color:#2181be;
}

/* --------------Listenansicht---------------- */

.Objektrahmen {
	border: thin solid #dadada;
	width: 22%;
	height: 540px;
	margin: 5px;
	float: left;
	padding:15px;
	text-align: center;
}

.bild_uebersicht {
	width: 100%;
	height: 240px;
	overflow:hidden;
}

.leistungen {
	list-style: disc;
	font-size:17px;
	text-align:left;
	float: left;
	list-style-position: inside;
}

/* ----------Überschriften-------------- */

h1 {
  font-weight: normal;
  font-size:16px;
}

h2 {
  font-weight: normal; 
  font-size:13px;
  line-height: 17px;
}

h3 {
  font-weight: normal;
  font-size:12px;
  text-align:center;
}

h4 {
  letter-spacing:5px;
  font-weight: normal;
  font-size:30px;
/*  text-transform:uppercase,*/
}

h5 {
  letter-spacing:5px;
  font-weight: normal;
  font-size:20px;
  text-transform:uppercase;
  text-align:left;
  margin-bottom:5px
  }

h6 {
   width: 100%; 
   height: 0px;
   font-size:20px;
   color:#4472c4;
   letter-spacing:10px;
   text-transform:uppercase;
   text-align: center; 
   border-bottom: 1px solid #dadada; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

h6 span { 
    background:#fff; 
    padding:0 10px; 
}

h7 {
  font-weight: normal; 
  color: #000000;
  font-size:20px;
  line-height: 30px;
}

/*h6 {
  width: 100%;
  letter-spacing:10px;
  font-weight: normal;
  font-size:20px;
  text-transform:uppercase;
  text-align:center;
  color:#4472c4;
  border-bottom: 1px;
  line-height: 0.1em;
  margin: 10px 0 20px; 
  border-bottom-style: solid;
  border-width: thin;
	
/*  display: block;
	margin-left: 6px;
	margin-right: 12px;
	border-bottom: 1px;
	border-top:1px;
	border-color: #4472c4;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: thin; */


h2 span { 
    background:#fff; 
    padding:0 10px; 
}


h8 {
  font-weight: normal;
  font-size:25px;
  text-align: center;
	display: block;
	line-height: 38px;
	padding-bottom: 10px;
}

h9 {
  font-weight: normal;
  font-size:28px;
  text-align: left;
	display: block;
	line-height: 38px;
	padding-bottom: 10px;
}

h10 {
	line-height: 13px;
}

h11 {
	font-size: 10px;
	line-height: 1px;
}

h12 {
  font-weight: normal;
  font-size:22px;
  text-align: center;
	display: block;
	line-height: 38px;
	padding-bottom: 10px;
}

h13 {
  font-weight: normal; 
  font-size:14px;
  line-height:18px;
}

#bild_ueberlagerung {
	background-image:url(../bilder/Unterschrift.png);
	background-repeat:no-repeat;
	background-position:bottom 35px left 42px;
}

.sperren {
	letter-spacing:8px;
	margin-bottom:5px;
}
.sperren_antaeus {
	letter-spacing:4px;
	margin-bottom:5px;
	font-size:16px;
}
.sperren_antaues_blau {
	letter-spacing:4px;
	margin-bottom:5px;
	font-size:16px;
	color:#4472c4;
}

.bild-oben {
	z-index: 50;
	margin-bottom: -40px;
	margin-top: -25px;
}