*{
padding: 0px;
margin: 0px;
}

.clear{
clear: both;
}
body,html{height:100%;width:100%;
padding:0px;margin:0px;}

body{
background-color: #797777;
font-family: Arial, sans-serif;
position:relative;
padding-top:20px;
height:93%;
}

#container {
position: relative;
width: 1332px;
height: 760px;
margin: 0px auto;
background: url("../images/background2018.jpg") 0px 70px no-repeat;
/*background-size: cover;*/
overflow: hidden;
}

#header{
position: relative;
width: 100%;
height: 70px;
background-color: #fff;
}

#header_menu {
float: left;
margin-top: 37px;
margin-left: 25px;
}

#header_menu ul {
list-style: none;
font-size: 12px;
}

#header_menu ul li {
float: left;
margin: 0px 40px 0px 0px;
}

#header_menu ul li a {
text-decoration: none;
color: #333;
}

#logo {
float: left;
width: 260px;
height: 70px;
background: url("../images/logo.png") 30px 28px no-repeat;
}

#logo a {
display: block;
width: 100%;
height: 100%;
}

#sidebar {
position: absolute;
top: 80px;
left: -260px;
width: 260px;
height: 520px;
background-color: rgba(226, 226, 215, 0.95);
}

#sidebar ul {
list-style: none;
margin-top: 20px;
margin-left: 30px;
}

#sidebar li {
margin-bottom: 10px;
}

#sidebar ul li a {
text-decoration: none;
color: #555;
font-size: 14px;
font-weight: bold;
}

#sidebar ul li a.active,
#sidebar ul li a:hover {
color: #F0AD00;
}

#kontakt,
#raumsuche,
#content {
position: absolute;
right: -720px;
top: 80px;
width: 700px;
height: 520px;
background-color: rgba(226, 226, 215, 0.95);
}

#content_menu{
float:left;
width: 170px;
height: 100%;
}

#content_menu h2 {
font-size: 16px;
margin: 20px 0px 10px 20px;
color: #555;
}

#content_menu ul {
list-style: none;
margin-left: -7px;
}

#content_menu ul li a {
display: block;
width: 60%;
font-size: 12px;
padding: 2px;
padding-left: 23px;
color: black;
text-decoration: none;
margin-bottom: 3px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: rgba(255, 255, 255, 0.5) url("../images/menu_punkt.png") 4px 4px no-repeat;
}

#content_menu ul li a.active,
#content_menu ul li a:hover {
background-color: #fff;
width: 85%;
}

#raumsuche #content_menu .suchen {
display: block;
height: 32px;
text-decoration: none;
padding-left: 35px;
padding-top: 10px;
color: #555;
font-size: 12px;
font-weight: bold;
margin-left: 10px;
margin-top: 20px;
background: url("../images/suchPfeile.png") no-repeat;
}

#inhalt {
position: relative;
float: right;
width: 530px;
height: 100%;
background-color: white;
overflow: hidden;
}

#inhalt .titel{
width: 100%;
height: 97px;
}

#inhalt .titel.suche {
height: 80px;
}

#inhalt .titel h1 {
color: #E2E2D7;
font-size: 40px;
font-weight: bold;
margin-top: 20px;
}

#inhalt .text{
float: left;
width: 52%;
height: 226px;
overflow-y: auto;
}

#inhalt .textKontakt{
float: left;
width: 100%;
height: 385px;
overflow-y: auto;
}

#inhalt .textKontakt p{
font-size: 12px;
line-height: 1.4;
margin-bottom: 30px;
}

#inhalt .textKontakt p a{
text-decoration: none;
color: #000;
}

#inhalt .textKontakt p span {
display: block;
background-color: #D3D2C9;
font-size: 15px;
padding: 2px;
}

#inhalt .textKontakt p span.kontName {
display: inline;
font-size: 14px;
background-color: #fff;
}

#inhalt .window .ergRaum .text p{
font-size: 11.4px;
margin-right: 10px;
text-align: left;
}

#inhalt .window .text p{
font-size: 11.4px;
margin-right: 15px;
text-align: left;
}


#inhalt .text span.raumNam {
display: block;
background-color: #9e9e9e;
font-size: 13px;
padding: 2px;
font-weight: bold;
padding-left: 6px;
}

#inhalt .ergRaum .text {
background-color: #f0f0e8;
}

#inhalt .ergRaum .text p{
margin-top: 7px;
margin-left: 6px;
}

#inhalt .bild{
float: right;
height: 226px;
}

#inhalt .bild img{
width: 225px;
}

#inhalt .daten{
width: 100%;
height: 105px;
}

#inhalt .daten.suche {
height: 150px;
max-height: 200px;
overflow: auto;
}

#inhalt .datenHead table,
#inhalt .daten table {
width: 100%;
font-size: 11px;
border-spacing: 0px 3px;
margin-top: 15px;
}

#inhalt .datenHead table,
#inhalt .daten.suche table {
margin: 0px;
}


#inhalt .datenHead td,
#inhalt .daten td {
background-color: #E2E2D7;
padding: 3px;
padding-left: 20px;
}

#inhalt .daten td:first-of-type {
width: 110px;
background-color: #D3D2C9;
padding-left: 10px;
}

#inhalt .daten.suche table,
#inhalt .datenHead table{
border-spacing: 5px;
}

#inhalt .daten.suche table td,
#inhalt .datenHead table td{
background-color: #D3D2C9;
width: 90px;
padding: 5px 0px;
padding-left: 10px;
overflow: hidden;
}

#inhalt .daten.suche table td{
background-color: #E2E2D7
}

#inhalt .daten.suche table tr.active td,
#inhalt .daten.suche table tr:hover td{
background-color: #D3D2C9;
cursor: pointer;
}

#inhalt .daten.suche table td.name,
#inhalt .datenHead table td.name{
width: 120px;
}

#inhalt .daten.suche table td.grose,
#inhalt .datenHead table td.grose{
width: 50px;
}

#inhalt .daten.suche table td.perso,
#inhalt .datenHead table td.perso{
width: 75px;
}

#inhalt .daten.suche table td.etag,
#inhalt .datenHead table td.etag{
width: 30px;
}

#inhalt .datenHead table td{
font-weight: bold;
font-weight: 13px;
}

.window {
position: absolute;
width: 470px;
top: 0px;
left: 30px;
}

.start {
top: 520px;
left: 30px;
}

.suchErg {
position: absolute;
width: 100%;
top: 95px;
left: 0px;
display: none;
}

.suchErg.active {
display: block;
}

.ergRaum {
position: absolute;
top: 185px;
left: 0px;
display: none;
}

.ergRaum.active {
display: block;
}

#page-wrapper,
#panorama {
position: relative;
width: 100%;
height: 690px;
}

#panorama {
width: 100%;
height: 100%;
display: none;
}

#information {
position: absolute;
bottom: 70px;
left: -35px;
width: 515px;
height: 35px;
background-color: rgba(255, 255, 255, 0.7);
cursor:pointer;
}


#information a {
display: block;
width: 100%;
height: 35px;
background: url("../images/information-new.png") 60px 12px no-repeat;
}

#information a.schliess {
display: block;
width: 100%;
height: 35px;
background: url("../images/information-new.png") -69px 312px no-repeat;
}

#information:hover a{
background-color: #fff;
}

#suche-menu{
position: relative;
height: 20px;
width: 100%;
}

#content_menu ul.raumwahl {
position: absolute;
margin: 0px;
list-style: none;
background-color: white;
border-radius: 7px;
border: 1px solid #D0D0D0;
width: 153px;
margin-left: 8px;
top: 0px;
}
/*
#content_menu ul.raumwahl:hover li {
display: block;
}
*/
#content_menu ul.raumwahl li{
display: none;
font-size: 12px;
padding: 2px;
padding-right: 20px;
border-radius: 7px;
border: 1px solid white;
}

#content_menu ul.raumwahl li.active{
display: block;
}

#content_menu ul.raumwahl li a{
background: none;
display: block;
width: auto;
text-decoration: none;
color: #444;
padding: 0px;
padding-left: 6px;
margin: 0px;
border-radius: 0px;
}

#content_menu ul.raumwahl li:hover {
border: 1px solid #666;
border-radius: 7px;
background-color: #DADADA;
}


#content_menu ul.raumwahl li:first-of-type {
display: block;
border: 1px solid #666;
background: url("../images/selectpfeiltr.png") 135px -32px no-repeat;
}

#content_menu ul.raumwahl:hover li:first-of-type,
#content_menu ul.raumwahl li:first-of-type:hover {
background: url("../images/selectpfeiltr.png") 135px -65px no-repeat;
}




#footer {
position: absolute;
bottom: -35px;
width: 100%;
height: 35px;
background-color: #9B9C93;
}

#footer .footerMenu{
margin-left: 200px;
}

#footer .footerTab {
position: relative;
float: left;
width: 180px;
height: 25px;
margin-right: 10px;
}

#footer ul {
position: absolute;
bottom: -4px;
display: none;
list-style: none;
background-color: white;
border-radius: 7px;
z-index: 5;
}



#footer ul li {
display: none;
width: 150px;
font-size: 12px;
padding: 4px;
padding-right: 20px;
border-bottom:1px solid #DDD;
}

#footer ul li.last {
display: block;
border: 1px solid #666;
border-radius: 7px;
}

#footer ul.pfeil li.last {
display: block;
border: 1px solid #666;
background: url("../images/selectpfeiltr.png") 155px -30px no-repeat;

}


#footer ul.pfeil:hover li.last{

border: 1px solid #666;
background: url("../images/selectpfeiltr.png") 155px 4px no-repeat;
}



#footer ul li a {
display: block;
width: 100%;
text-decoration: none;
color: #444;
padding-left: 6px;
}

#footer ul.tabMitte,
#footer ul.tabErdgeschoss,
#footer ul.tabGeschoss,
#footer ul.tabPfalz {
display: block;
}


#footer ul.tabPfalz li:hover {
background-color: #ffffff;
}

#footer ul.tabPfalz li:hover a{
cursor: default;
}

#knopf {
position: absolute;
bottom: -4px;
left: -9px;
width: 42px;
height: 42px;
background: url("../images/knopf.png") no-repeat;
z-index: 10;
}

/*  details Window*/

#detailsWindow {
position: absolute;
top: 10px;
left: 1340px;
width: 921px;
background:#E2E2D7;
height: 515px;
}

#detail_menu {
float: left;
width: 130px;
height: 100%;
background-color: #E2E2D7;
}

#detail_header {
float: left;
height: 65px;
width: 790px;
background-color: #E2E2D7;
}

#detail_header h1{
float: right;
color: #CECEBF;
font-size: 40px;
font-weight: bold;
margin-top: 10px;
margin-right: 10px;
}

#detail_header ul {
list-style: none;
margin-top: 37px;
}

#detail_header ul li {
float: left;
padding: 0px;
margin-right: 3px;
width: 90px;
height: 28px;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #ECECE3;
}

#detail_header ul li.active,
#detail_header ul li:hover {
background-color: #fff;
}

#detail_header ul li.active a,
#detail_header ul li:hover a{
color: #F0AD00;
}

#detail_header ul li a {
display: block;
text-decoration: none;
color: #555;
text-transform: uppercase;
font-size: 13px;
padding: 6px;
}

#detail_content {
position: absolute;
right:0px;
bottom:0px;
width: 791px;
display:block;
height: 450px;
background-color: white;
}

.detContent {
position: absolute;
top: 30px;
left: 20px;
width: 733px;
height: 373px;
display: none;
}

.detContent.active {
display: block;
}
/*
.detContent.infos {
height: 380px;
}
*/
.detText {
float: left;
width: 330px;
height: 100%;
overflow-y: auto;
}

.detTextBig p,
.detText p {
font-size: 11.3px;
width: 95%;
text-align: left;
margin-top:0px;
}

.detTextBig {
width: 90%;
height: 100%;
overflow-y: auto;
}

#detail_content ul {
margin: 20px;
margin-left: 20px;
}

#detail_content ul li {
font-size: 11.3px;
margin-bottom: 20px;
}

.detDaten {
float: left;
width: 330px;
height: 60%;
}

.detText table,
.detDaten table{
width: 95%;
font-size: 11px;
border-spacing: 0px 1px;
margin-top: 15px;
}

.detText table td,
.detDaten table td {
background-color: #E2E2D7;
padding: 2px 3px;
padding-left: 20px;
}

.detText table td:first-of-type,
.detDaten table td:first-of-type {
width: 160px;
background-color: #D3D2C9;
padding-left: 10px;
}


.detBild {
float: right;
width: 400px;
height: 100%;
overflow: hidden;
}

#detail_content .detBild img{
width: 400px;
}

.detBildBig {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}

.detBildBig .bilder {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}

.detBildBig .str{
position: absolute;
top: 0px;
width: 100px;
height: 100%;
background-color: rgba(218, 218, 218, 0);
}

.detBildBig .str.left:hover {
background:  rgba(218, 218, 218, 0.5) url("../images/str_links.png") 30px 160px no-repeat;
cursor: pointer;
}

.detBildBig .str.right:hover {
background:  rgba(218, 218, 218, 0.5) url("../images/str_rechts.png") 30px 160px no-repeat;
cursor: pointer;
}

.detBildBig .str.left{
left: 0px;
background:  rgba(218, 218, 218, 0) url("../images/str_links.png") 30px 160px no-repeat;
}

.detBildBig .str.right{
right: 0px;
background:  rgba(218, 218, 218, 0) url("../images/str_rechts.png") 30px 160px no-repeat;
}

.detBildBig .bilder .bild {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 733px;
background-color: white;
}

.detBildBig .bilder .bild.active{
left: 0px;
}

.inBlick {

}


#detail_content .detBildBig img{
width: 100%;
}

.detPleneMenu {
float: left;
width: 200px;
height: 100%;
overflow-y: auto;
}

.detPleneMenu .miniMenuBild img {
width: 110px;
margin-left: 10px;
}

.detPleneMenu ul{
list-style: none;
}

.detPleneMenu ul li {
margin-top: 20px;
}

.detPleneMenu ul li a {
font-size: 12px;
text-decoration: none;
color: #555;
}

.detPleneMenu a span {
display: block;
padding: 2px;
padding-left: 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #DADADA url("../images/menu_punkt.png") 5px 4px no-repeat;
text-align: left;
margin-top: -2px;
}

.detPleneMenu a img {
width: 125px;
margin-left: 15px;
}


/*
.detPleneMenu ul li a {
position: relative;
display: block;
width: 90%;
height: 100px;
text-decoration: none;
font-size: 12px;
color: #555;
}

.detPleneMenu ul li a.planA{ background: url("../images/planA.png") 19px 13px no-repeat; background-size: 120px; }
.detPleneMenu ul li a.planB{ background: url("../images/planB.png") 19px 13px no-repeat; background-size: 120px; }
.detPleneMenu ul li a.planC{ background: url("../images/planC.png") 19px 13px no-repeat; background-size: 120px; }
.detPleneMenu ul li a.video1 {background: url("../images/video1.png") 19px 13px no-repeat;background-size: 120px; }

.detPleneMenu ul li a span {
position: absolute;
bottom: 0px;
left: 0px;
display: block;
width: 135px;
padding: 2px;
padding-left: 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #DADADA url("../images/menu_punkt.png") 5px 4px no-repeat;
}
*/
.detPleneMenu ul li a:hover span{
color: #000;
background-color: #cecece;
}

.detPleneBild {
float: right;
width: 533px;
height: 100%;
overflow: hidden;
background-color: #DADADA;
text-align: center;
}

.detPleneBild img {
margin-top: 20px;
}

.planBild{
display: none;
}

.planBild.active{
display: block;
}

.detPleneBild .planBild a {
padding: 2px 10px;
background-color: #b8b8b8;
border-radius: 12px;
font-size: 12px;
text-decoration: none;
color: #555;
}

.detDreiHundert {
width: 100%;
height: 100%;
}

.detDreiLink {
float: left;
width: 190px;
margin: 20px;
text-align: right;
}

.detDreiLink a {
font-size: 12px;
text-decoration: none;
color: #555;
}

.detDreiLink a span {
display: block;
padding: 2px;
padding-left: 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background: #DADADA url("../images/menu_punkt.png") 5px 4px no-repeat;
text-align: left;
margin-top: -4px;
}

.detDreiLink a:hover span {
background-color: #9c9c9c;
color: #000;
}


#footer .footerTab ul.active {
display: block;
}

#ladeRad {
position: absolute;
left: 0;
top: 0;
background-color: white;
border: 4px solid #DADADA;
border-radius: 10px;
right: 0;
bottom: 0;
width: 66px;
height: 66px;
margin: auto;
}

.footerMenu{position:relative;}
.footerMenu .footerTab ul.active li:hidden{pointer-events: none;}
.footerMenu .footerTab ul.active.visible li{pointer-events: auto;}

#footer .footerTab.raum ul.pfeil{display:none;}
#footer .footerTab.raum ul.active{display:block;}