@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* Struktur-CSS                                                                   */
/* ------------------------------------------------------------------------------ */
.bereinigen				              { clear: both; padding-bottom: 1px; margin-bottom: -1px; }
.unsichtbar				              { display: none !important; }
.linkExternHidden		            { display:none; }

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
						                    { margin-top:14px; margin-bottom:14px; padding-top:0; padding-bottom:0; }

h1						                  { font-size: 150%; line-height: 125%;}
h2						                  { font-size: 130%; line-height: 125%;}
h3						                  { font-size: 115%; line-height: 125%;}
h4						                  { font-size: 101%; line-height: 125%;}
h5						                  { font-size:  90%; line-height: 125%;}
h6						                  { font-size:  60%; line-height: 125%;}

a, a:link, a:visited, a:active  { text-decoration:underline; }
a:hover					                { text-decoration:none; }

code						                { font-family: "Courier New", Courier, monospace; }
table						                { font-size:100%; }
td, th					                { vertical-align:top; }
hr						                  { line-height:1px; height:1px; }

.linkExtern				              { padding-left:15px; }
span.linkExtern			            { display:inline-block; padding-left:10px; }

/* ------------------------------------------------------------------------------ */
/* Hauptobjekte werden definiert...                                               */
/* ------------------------------------------------------------------------------ */
html					                  { margin:0px; padding:0px; }

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

#Bauwerk			                  { }

#Dach                           { z-index: 9; height: 30px; }

#Obergeschoss	                  { z-index:9; }
#Obergeschoss	.inner            { height:349px; } /*226*/
.startseite #Obergeschoss	.inner{ height:349px; }

#Obergeschoss .container        { -webkit-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); -moz-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); }

#Erdgeschoss		                { z-index: 10; }
#Erdgeschoss .container         { -webkit-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); -moz-box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); box-shadow: 3px 2px 8px -2px rgba(0,0,0,0.75); }
#Wohnzimmer                     { min-height:600px; }

#Zwischenwand		                { z-index: 3; }

#Arbeitszimmer		              { z-index: 10; }
.Innenraum			                { margin: 0px 21px 50px 16px; padding-top: 40px; }

#Fundament                      { margin: 20px 0px 300px 0px; }
#Fundament .container           { height: 125px; -webkit-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.9); -moz-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.9); box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.9); }
#Fundament .inner               { padding: 0px 0px 0px 18px; height: 45px; }

#linkimpressum                  { position: absolute; top:10px; height:110px; right: 40px; text-decoration: none; font-size: 16px; letter-spacing: 1px;  padding:22px 0px 0px 71px; }

#linkortsplan                   { position: absolute; top:10px; height:90px; left: 500px; text-align: center; text-decoration: none; padding:22px 0px 0px 0px; }
#linkortsplan:hover #linkortsplanlayer
                                { display: block; }
#linkortsplanlayer              { position: absolute; top:-250px; height:275px; width:233px; left: -60px; text-align: center; padding:0px 0px 0px 0px; display: none; }
#linkortsplanlayer div          { width:194px; margin: 11px; }
#linkortsplanlayer div img      { margin: 5px 0px 13px 0px; }
#linkortsplanlayer div a        { font-size: 11px; }

#datenschutz                    { font-family: Oswald-Light,verdana,arial,helvetica,sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold; }
#datenschutz:hover              { text-decoration: underline; }
.fundamentlinks                 { font-family: Oswald-Light,verdana,arial,helvetica,sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: bold; }


#Obergeschoss, #Arbeitszimmer, #Erdgeschoss, #Wohnzimmer, #Kinderzimmer
					                      { overflow:visible; position:relative; }

/* ------------------------------------------------------------------------------ */
/* Detailobjekte                                                                  */
/* ------------------------------------------------------------------------------ */
#logoBox			                  { position:relative; top:5px; left:18px; z-index:9999; height:101px; width:562px;}
#logoBox a:link, #logoBox a:visited, #logoBox a:hover, #logoBox a:active
					                      { display:block; width:100%; height:100%; }

.kontrastHg                     { position:fixed; left:0px; right:0px; top:0px; bottom:0px; background:rgba(0,0,0,0.65); }

#logoBG 			                  { position:relative; left:0px; z-index:9997; height:116px; width:100%; }

#Obergeschoss .white	          { display:none; }

#wechselbilder                  { position:absolute; right:0px; top:0px; width:990px; height:348px; } /*225*/
.startseite #wechselbilder      { height:348px; }
#slider                         { position:absolute; right:0px; top:0px; left:0px; height:348px; }

.owneradress		                { position: absolute; border-radius: 5px; top:15px; left: 29px; width:360px; height: 93px; line-height:14px; }
#owneradressleft                { float: left; padding: 14px 0px 14px 12px; width: 150px; font-size: 11px; }
#owneradressleft b              { line-height: 30px; font-size: 12px;}
#owneradressright               { float: right; padding: 14px 0px 14px 12px; margin: 11px 10px 11px 0px; width: 150px; font-size: 11px; }
.owneradress em                 { font-size: 13px; padding-bottom: 23px; }
.owneradressPrint	              { display:none; padding:10px; }
.nachobengeschoben	            { position:absolute; top:-500px; left:-500px; }

#mobileshownav         	        { width:100%; text-align:right; margin: 10px 0px; display:none; }

#backgroundButtons              { position:fixed; left:0px; right:0px; top:50%; z-index:99; display:none; }
.startseite #backgroundButtons              { display:block; }
.startseite .backgroundNext                 { position:absolute; left:50%; margin:-39px 0px 0px -698px; height:78px; width:78px; cursor:pointer; }
.startseite .backgroundBack                 { position:absolute; left:50%; margin:-39px 0px 0px  620px; height:78px; width:78px; cursor:pointer; }

.bButtons                       { position:absolute; right:150px; top:160px;-webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); }
.bButtons a                     { display:block; padding:3px 2px; margin-bottom:4px; text-align:center; }

/* ------------------------------------------------------------------------------ */
#impressionButton				{ position:fixed; height:100%; left:-10px; width:1%; z-index:9999; }
#impressionButton div			{ position:absolute; top:30%; left:0px; z-index:999; }
#impressionButton div div	{ position:absolute; top:0px; z-index:999; cursor:pointer; height: 33px; width: 215px; transform: rotate(-90deg);-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); left: -95px; text-align: center; font-family: Arimo-Regular,verdana,arial,helvetica,sans-serif; text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 1px; padding: 3px; transition: all .1s ease-in; }
#impressionButton div div:hover		     { left: -85px; }

#impressionButton div div:after,
#impressionButton div div::after			 { white-space: pre; content: '\A Impressionen einblenden';}

#impressionButton div div.hide:after,
#impressionButton div div.hide::after  { white-space: pre; content: '\A Website  einblenden';}


#impressions						{ position:absolute; top:0px; left:0px; right:0px; height:100%; }
#impressions .top				{ position:absolute; top:0px; left:0px; right:0px; height:114px; }
#impressions .top div		{ position:absolute; top:3px; left:31px; z-index:9999; height:100px; width:530px; }
#impressions a						{ position:absolute; top:4px; right:4px; z-index:11; padding:3px 5px; font-size:12px; text-decoration:underline; cursor:pointer; }

#impressionThumbnails					{ position:absolute; z-index:12; bottom:0px; left:0px; right:0px; padding:10px; text-align:center; }
#impressionThumbnails div			{ position:relative; display:inline-block; overflow:hidden;}
#impressionThumbnails ul				{ position:relative; list-style:none; margin:0px; padding:0px; }
#impressionThumbnails ul li img						{ position:relative; margin:10px; float:left; cursor:pointer; max-height:90px;}
#impressionThumbnails .impression-next		{ position:absolute; top:50%; margin-top:-23px; right:0px; height:50px; width:50px; cursor:pointer; }
#impressionThumbnails .impression-back		{ position:absolute; top:50%; margin-top:-23px; left:0px; height:50px; width:50px; cursor:pointer; }



/* Bereichumschaltung */
#BereichMobile								{ display: none; }

#BereichMobileBS, #BereichMobileBSSelected							{ position: absolute; width: 80px; height: 80px; top: 0px; left: 50%; margin-left:-160px; }
#BereichMobileTO, #BereichMobileTOSelected							{ position: absolute; width: 80px; height: 80px; top: 0px; left: 50%; margin-left: -80px;  }
#BereichMobileHG, #BereichMobileHGSelected							{ position: absolute; width: 80px; height: 80px; top: 0px; left: 50%; margin-left:   0px;  }
#BereichMobileFM, #BereichMobileFMSelected							{ position: absolute; width: 80px; height: 80px; top: 0px; left: 50%; margin-left:  80px;  }


/* ------------------------------------------------------------------------------ */
/* Quick Navigator                                                                */
/* ------------------------------------------------------------------------------ */
#rrButton				              { position:fixed; top:33px; height:100%; right:0px; width:1%; z-index:999; text-align:left; }
#rrButton>div			            { position:absolute; right:0px; z-index:999; }
#rrButton>div>div             { position:absolute; right:-275px; height:50px; width:355px; cursor:pointer; z-index:999; min-width:0px; font-size: 18px; }

#rrButton>div>div>a           { display: block; margin-left: 0px;}
#rrButton>div>div>a img       { float: left; }
#rrButton>div>div>a>div       { padding: 14px 0px 0px 100px; }

#rrButton div div.showQnavButtonBS	  	{ top:  0px; padding: 0px 0px 0px 0px; }
#rrButton div div.showQnavButtonTO			{ top: 65px; padding: 0px 0px 0px 0px; }
#rrButton div div.showQnavButtonHG			{ top:130px; padding: 0px 0px 0px 0px; }
#rrButton div div.showQnavButtonFM 			{ top:195px; padding: 0px 0px 0px 0px; }
#rrButton div div.selected              { right: -60px; }


.hideQnavButton			{ cursor:pointer; }
#qnav						{ position:fixed; top:0px; bottom:0px; right:0px; width:0px; max-width:280px; z-index:99999999; overflow:hidden; }
#qnavSlide				{ position:absolute; top:0px; bottom:0px; left:0px; width:280px; z-index:999; overflow:hidden; overflow-y:auto; }
#qnavSlide .hideQnavButton	{ display:block; margin:20px 20px 15px 20px; float:right; }
#qnavSlide div				{ display:block; margin:25px 20px 25px 20px; }
#qnavSlide ul				{ display:block; margin:0px; padding:15px 0px 15px 0px; list-style:none; }
#qnavSlide ul li			{ display:block; margin:0px; padding:0px; }
#qnavSlide ul li a			{ display:block; padding:8px 18px; }

#qnavButton				{ position:fixed; height:100%; right:0px; width:1%; z-index:999; }
#qnavButton div			{ position:absolute; top:470px; right:0px; z-index:999; }
#qnavButton div div			{ position:absolute; top:-140px; right:-105px; height:179px; width:140px; cursor:pointer; z-index:999; min-width:78px; }


#qnavSlide .suchfeld			{ height:16px; line-height:16px; width:130px; padding:1px 0px 1px 4px; margin:0px 0px 0px 4px; font-family:Verdana, Arial; font-size:11px; }
#qnavSlide .suchfeldbutton		{ height:18px; width:20px; }


#qnavButton2				{ position:fixed; height:100%; right:-10px; width:1%; z-index:9999;  }
#qnavButton2 .Bereichauswahl			{ position:absolute; top:115px; right:-490px; z-index:999; cursor: default; }
#qnavButton2 .Bereichauswahl div		{ position:absolute; top:0px; right:0px; height:179px; width:535px; cursor:default; z-index:999; min-width:9px; }
#qnavButton2 .Bereichauswahl div	a	{ position:absolute; display: block; width: 100%; height: 100%;  }

#qnavButton2 .Bereichauswahl	#BereichBS    { position: absolute; width: 118px; height: 123px; left: 50px; top: 15px; z-index: 999999; }
#qnavButton2 .Bereichauswahl	#BereichTO    { position: absolute; width: 118px; height: 123px; left: 178px; top: 15px; z-index: 999999; }
#qnavButton2 .Bereichauswahl	#BereichHG    { position: absolute; width: 118px; height: 123px; left: 301px; top: 15px; z-index: 999999; }
#qnavButton2 .Bereichauswahl	#BereichFM    { position: absolute; width: 118px; height: 123px; left: 424px; top: 15px; z-index: 999999; }

#qnavButton3				{ position:fixed; height:100%; left:-10px; width:1%; z-index:9999;  }
#qnavButton3 .Bereichauswahl			{ position:absolute; top:20px; left:-232px; z-index:999; cursor: default; }
#qnavButton3 .Bereichauswahl div		{ position:absolute; top:0px; left:0px; height:179px; width:276px; cursor:default; z-index:999; min-width:9px; }
#qnavButton3 .Bereichauswahl div	a	{ position:absolute; display: block; width: 100%; height: 100%;  }


/* ------------------------------------------------------------------------------ */
/* Bottom όber Fundament - Abschluss                                              */
/* ------------------------------------------------------------------------------ */
#Fusszeile                      { clear:both; position:relative; margin:0px 0px 0px 0em; font-size:90%; text-align:right; }
#Fusszeile img                  { vertical-align:middle; }
.FusszeileRechts                { position:relative; margin-bottom:30px; padding-right:8px; }
.FusszeileRechts ul li          { display: inline-block; margin-right: 12px; font-size: 11px; }
.FusszeileRechts ul li img      { margin-top:-4px; margin-right:5px; }

.shariff                        { min-width: 200px }

/* ------------------------------------------------------------------------------ */
/* Barrierefreie Navigation (Kontrast, Schriftgrφίe, ...                          */
/* ------------------------------------------------------------------------------ */
#bfnav					                { position:absolute; z-index:2; left:0px; margin: 4px 0px 0px 0px; font-size:11px; }
#bfnav ul				                { list-style-type:none; padding:5px 0px; margin:0px 0px 0px 0px; }
#bfnav ul li				            { display:inline-block; list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; }
#bfnav ul li a			            { padding: 5px 8px 5px 8px; }
#bfnav .mobile			            { display:none; }

/* ------------------------------------------------------------------------------ */
/* Navigation unterhalb der Navi links...                                         */
/* ------------------------------------------------------------------------------ */
#lunav                          { padding: 50px 10px 50px 11px; }

/* ------------------------------------------------------------------------------ */
/* Horizontale Navigation                                                         */
/* ------------------------------------------------------------------------------ */
#hnav                           { position:absolute; z-index:11; right:0px; margin:4px 0px 0px 0px; font-size:11px; }
#hnav ul                        { list-style-type:none; padding:5px 0px; margin:0px 0px 0px 0px; }
#hnav ul li                     { display:inline-block; list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; }
#hnav ul li a                   { padding: 5px 8px 5px 8px; }

#hnavSelect                       { position:absolute; z-index:9999999; top:0px; right:0px; margin:4px 0px 0px 0px; padding:0px; width:225px; display:none; font-size:11px; }
#hnavSelect ul                    { position:absolute; margin:0px; padding:0px; padding-top:0px; width:225px; }
#hnavSelect ul li                 { display:block; list-style:none; list-style-type:none; padding:0px; margin:1px 6px 5px 6px; white-space:nowrap; }

#selectbox2                       { position:relative; height:24px; line-height:24px; overflow:hidden; }
#selectbox2 .navi                 { padding:0px 0px 0px 0px; }
#selectbox2 .pfeil                { position:absolute; right:2px; top:2px; width:16px; height:20px; z-index:999999999; overflow:hidden; }
/* ------------------------------------------------------------------------------ */
/* Hauptnavigation                                                                */
/* ------------------------------------------------------------------------------ */
#mnav                           { display:block; position:relative; margin:50px 0px 0px 0px; z-index:2; }
#mnav ul                        { margin:0px; padding:0px 0px 0px 0px; list-style:none; }
#mnav ul li                     { margin:0px; padding:0px 0px 0px 0px; position:relative; z-index:2; font-size: 15px; }
#mnav ul li a                   { position:relative; padding:2px 10px 2px 10px; margin:0px 0px 0px 0px; height: 44px; display: table-cell; vertical-align: middle; z-index:2; width:260px; }
#mnav ul li:hover               { z-index:3; }

#mnav ul li a span.Pfeilhn	    { position:absolute; right:5px; top:11px; height:36px; width:33px; z-index: 9999999; }

/* 2. Ebene mit Layer*/
#mnav ul li          ul.munavRechts        { position:absolute; top:-1px; _top:0px; right:-251px; width:249px; padding:0px 0px 0px 0px; margin:0px; visibility:hidden; z-index:999; }
#mnav ul li          ul.munavRechts li     { margin:0px; padding:0px; font-size: 15px; display:block; }
#mnav ul li          ul.munavRechts li a   { margin:0px; padding:2px 10px 2px 10px; height: 32px; display: table-cell; vertical-align: middle;}
#mnav ul li:hover    ul.munavRechts        { visibility:visible; }

/* ------------------------------------------------------------------------------ */
#mbnavHeadline                   { position:relative; margin:0px 0px 20px 0px;  }
#mbnavHeadline div               { position:relative; padding:2px 37px 2px 10px; margin:0px 0px 0px 0px; font-size: 15px; height: 44px; display: table-cell; vertical-align: middle; z-index:2; width:260px; }
#mbnav                           { display:block; position:relative; margin:50px 0px 0px 0px; z-index:1; }
#mbnav ul                        { margin:0px; padding:0px 0px 0px 0px; list-style:none; }
#mbnav ul li                     { margin:0px; padding:0px 0px 0px 0px; position:relative; z-index:2; font-size: 15px; }
#mbnav ul li a                   { position:relative; padding:2px 10px 2px 10px; margin:0px 0px 0px 0px; height: 44px; display: table-cell; vertical-align: middle; z-index:2; width:260px; }
#mbnav ul li:hover               { z-index:3; }

/* 2. Ebene mit Layer*/
#mbnav ul li          ul.munavRechts        { position:absolute; top:-1px; _top:0px; right:-251px; width:249px; padding:0px 0px 0px 0px; margin:0px; visibility:hidden; z-index:999; }
#mbnav ul li          ul.munavRechts li     { margin:0px; padding:0px; font-size:13px; display:block; }
#mbnav ul li          ul.munavRechts li a   { margin:0px; padding:2px 10px 2px 10px; height: 32px; display: table-cell; vertical-align: middle; }
#mbnav ul li:hover    ul.munavRechts        { visibility:visible; }

/* 2. Ebene unterhalb Menόpunkten */
#mbnav ul li          ul.munavLinks         { position:relative; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; }
#mbnav ul li          ul.munavLinks li      { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; }
#mbnav ul li          ul.munavLinks li a    { margin:0px 0px 0px 0px; padding: 10px 20px 10px 30px;  display: table-cell; height: auto; }

/* ------------------------------------------------------------------------------ */
/* Vertikale Navigation                                                           */
/* ------------------------------------------------------------------------------ */
#vnav                           { margin:0; margin-top:62px; }
#vnav h4                        { margin:0; display:block; padding:2px 0px 2px 0px; margin:5px 0px 0px 0px; line-height:normal; font-size:13px;}
#vnav h4.headline               { padding:6px 6px 6px 6px; margin-top:20px; margin-bottom:15px; margin-left:0px; font-style:normal; }
#vnav .clipping                 { overflow:hidden; margin: 10px 0px 3px 8px; }
#vnav .vnavcontainer            { display:block; padding:2px 0px 0px 0px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; font-size:13px;}
#vnav .vnavcontainer img        { margin:0px 0px 4px 0px; }
#vnav .vnavcontainer img.left   { margin:0px 7px 4px 0px; }
#vnav .vnavcontainerwhite       { margin:0; display:block; padding:0px 4px 4px 4px; }

#vnav .vnavOuter                { padding:10px; }

/* ------------------------------------------------------------------------------ */
/* kleine, horizontale Navigation                                                 */
/* ------------------------------------------------------------------------------ */
.hornav                         { color:#aaa; margin: 0px; padding: 5px 11px 2px 11px; font-size:80%; min-height: 18px; }

/* ------------------------------------------------------------------------------ */
/* Adressenfenster / kleine Fenster                                               */
/* ------------------------------------------------------------------------------ */
.adresse { min-height:610px; }
.adresse #Obergeschoss          { margin-top: 26px; }
.adresse #Obergeschoss .inner   { height:262px; }
.adresse #Erdgeschoss          { margin-bottom: 26px; }
/*.adresse #Obergeschoss	.container		{ height:120px; }
.adresse #Obergeschoss	.container.miteintraglogo { height:175px; }*/
.adresse #logoBox               { position:relative; top:4px; left: 28px; z-index:4; height:78px; }
.adresse #logoBox.eintraglogo     { height:120px; margin:5px 0px 5px 0px; }
.adresse #Obergeschoss div.headline	{ position:absolute; top:10px; padding-right:4px; }

.adresse #logoBG 			                  { position:relative; left:0px; z-index:9997; height:85px; width:100%; }

.adresse #hnav                  { position:relative; top:127px; padding:0px; margin:0px; z-index:2; width:100%; text-align:right; right: 0px; height: 49px; }
.adresse #hnav ul               { padding:0px; margin:0px; padding-right: 15px; padding-top: 10px; }
.adresse #hnav ul li            { margin:0px; padding-left: 63px; }
.adresse #hnav ul li:first-child         { margin-left:0; margin-right:0px; }
.adresse #hnav ul li:last-child          { float:none; margin-right:0px; }
.adresse #hnav ul li a                   { margin:0px; padding:0px 0px 0px 0px; display:inline-block; }
.adresse #hnav ul li a.ausverkauft       { font-style:italic; }

.adresse #hnav img				{ margin-right: 10px; margin-top: -1px; }

.adresse h3                     { margin-bottom:0px; }
.adresse .bezeichnung           { float:left; width:24%; text-align:right;  }
.adresse .bezeichnung img	      { max-width:100%; float:right; margin-right:10px; }
.adresse .inhalt                { float:left; width:76%; }
.adresse .adressbild            { float:right; margin-top:20px; margin-right:20px; }
.adresse .adressdaten           { float:left; width:66%; }

.adresse .Innenraum             { padding-top:35px; padding-bottom:10px; min-height:420px; }
.adresse .owneradressHori       { display:block; font-size:10px; }

.adresse .seitedrucken          { position:absolute; top:38px; right:11px; }
.adresse .container.miteintraglogo .seitedrucken  { top:88px; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Eigenschaften des Suchfelds                                                    */
/* —————————————————————————————————————————————————————————————————————————————— */

FORM.suchform                   { position:absolute; top:304px; right:0px; margin:0px; padding-right:11px; z-index:300; font-size:12px; height:45px; text-align: right; }  /*183*/
.startseite FORM.suchform       { top:304px; }

INPUT.suchfeld                  { height:22px; line-height:15px; width:181px; padding:0px 0px 0px 4px; margin:5px 0px 0px 0px; }
INPUT.suchfeldbutton            { position:relative; margin-top:9px; border:0px; font-size:11px; padding:1px 0px 0px 0px; }

/* —————————————————————————————————————————————————————————————————————————————— *
 * multi-INTER-media GmbH                                                         *
 * Letzte Aenderung: 30.10.2014                                                   *
 * —————————————————————————————————————————————————————————————————————————————— */