@viewport {width: device-width; initial-scale=1, maximum-scale=1}
@-ms-viewport {width: device-width; initial-scale=1, maximum-scale=1}


*{margin:0; padding:0; font-family:Century Gothic, sans-serif; font-size: 12pt;}


html {overflow-y:scroll;  height: 95%;display:block;}
body  {max-width: 68.75em; height: 95%; margin: 0 auto 0 auto; padding:0; }




h1 {font-weight:bold;}
h2 {font-weight:normal;}
h3 {font-weight:bold;}
p  {font-weight:normal;}
img {border: 0;}
.clear {clear:both;}
.Absatz p {margin: 0 0 1em 0;}

#page      {background-color:#EFEEEE; min-height:700px; max-width: 1100px; margin: 0 auto 0 auto;}

#divheader{width:100%;}

#architektur  {margin:1em 1em 0 0; float:right; height:1.4em; font-size:1.5em;}
@media screen and (max-device-width: 1080px) {#architektur {font-size: 2.5em;}}

#logostreifen    {width:100%; height:35px;}


#divplanung      {float:right; margin: -2px 0 0 0; font-size: 1.5em; letter-spacing:0.9em;}
@media screen and (max-device-width: 1080px) { #divplanung      {font-size: 2.5em;margin: 0.1em 0.2em 0 0em; letter-spacing:0.9em;}}


#divnavigation   {float:left; text-align:left; margin:0em 0 0 1em; font-weight:bold;}
@media screen and (max-device-width: 1080px) { #divnavigation { floatXX:none;}}

#divnavigation span {margin:0 0.5em 0 0.5em;}

#divnavigation ul li {float:left; list-style: none; height:2.5em; }
@media screen and (max-device-width: 1080px) { #divnavigation ul li{ float:none; height:4em;}}
@media screen and (max-width: 980px) { #divnavigation ul li{ float:none; } #divnavigation ul li span {visibility:hidden;}}

#divnavigation ul li a span {font-size: 1em;}
@media screen and (max-width: 1080px) { #divnavigation ul li ul{ visibility: hidden; }}

#divnavigation ul li span {font-size: 1.1em;}
#@media screen and (max-width: 1080px) {#divnavigation ul li span {visibility: hidden;}}




.mylink           {font-size: 1.08em; font-weight:bold; text-decoration: none; color:#000000;}
@media screen and (max-device-width: 1080px) {.mylink {width: 100%;font-size: 3em; margin:0 0 3em 0;}}

.myvisited        {font-size: 1.08em; font-weight:bold; text-decoration: none; color:#B2B2B2;}
@media screen and (max-device-width: 1080px) {.myvisited           {width: 100%;font-size: 3em; margin:0 0 3em 0;}}

#uebersicht       {font-size: 1.05em; font-weight:bold; text-decoration: none; color:#B2B2B2;
		  margin:0.2em 0 0 5.8em;}



#divcontent         { margin: 2em 0 0 0; text-align:left; font-weight:normal; }
@media screen\0 {#divcontent        {margin:111px 0 0 0; text-align:left; font-weight:normal; z-index:0;}}
@media screen and  (max-device-width: 1080px) {#divcontent{height: 100%;}}

#divcontent p { z-index:20; margin: 0 0 0 7.5em; padding:7em 0 0 0;}
@media screen and (max-width: 980px) {#divcontent p {margin: 0 0 0 1em; padding:8em 0 0 0;font-size: 1em;}}
@media screen and (max-device-width: 1080px) {#divcontent p {margin: 0 0 0 1em; padding:4em 0 0 0;font-size: 3em;}}


#divcontentleistung {margin:4.5em 0 0 13.5em; text-align:left; font-weight:normal;}

@media screen and (max-width: 980px) {#divcontentleistung {margin:5em 0 0 0em;height: 100%;}#divcontentleistung p{font-size: 1em;}}
@media screen and  (max-device-width: 1080px) {#divcontentleistung {margin:30em 0 0 2em;height: 100%;}#divcontentleistung p{font-size: 3em;}}



#textlinks        {margin:0 4em 0 0; float:left;}
@media screen and (max-width: 980px) {#textlinks {margin:15em 0 0 1em; float:none;}}
@media screen and (max-device-width: 1080px) {#textlinks {margin:33em 0 0 2em; float:none;}}


#textrechts        {margin:0 4em 0 0; display:inline-block;}
@media screen and (max-width: 980px){#textrechts{display:block;margin:2em 0 2em 1em;}}
@media screen and (max-device-width: 1080px) {#textrechts{margin:5em 0 0 2em;}}




#divcontentvita {margin:4.5em 0 0 19.5em; text-align:left; font-weight:normal;}
@media screen and (max-width: 980px){#divcontentvita {margin:14.5em 0 0 1em; text-align:left; font-weight:normal;}}
@media screen and (max-device-width: 1080px){#divcontentvita {margin:34em 0 0 2em;height: 100%;}#divcontentvita p{font-size: 3em;} }

#vitabild{width: 266px;}
@media screen and (max-device-width: 1080px) {#vitabild{width: 70%;}}


#divcontentkontakt  {margin:4.5em 0 0 23em; text-align:left; font-weight:normal;}
@media screen and (max-width: 980px){#divcontentkontakt  {margin:14.5em 0 0 1em; text-align:left; font-weight:normal;}}
@media screen and (max-device-width: 1080px){#divcontentkontakt {margin:7em 0 0 0.5em; height: 50%;font-size:4em;}}


#divcontentkontakt a {font-size: 1em;}
#divcontentkontakt p {font-size: 1em;}
#divcontentkontakt table {margin:0; padding:0;border-spacing:0; }
@media screen and (max-width: 980px){}}
@media screen and (max-device-width: 1080px){#divcontentkontakt table {margin:0; padding:0;border-spacing:0;font-size:1em;}}


#divcontentkontakt2 {margin:25px 0 0 23em; text-align:left; font-weight:normal; }
@media screen and (max-width: 980px){#divcontentkontakt2  {margin:2em 0 0 1em; text-align:left; font-weight:normal;}}
@media screen and (max-device-width: 1080px) {#divcontentkontakt2  {margin:0; text-align:left; font-weight:normal;}}

#divcontentkontakt2 p {font-size: 0.9em;}
@media screen and (max-device-width: 1080px){ #divcontentkontakt2 {height: 25em; } #divcontentkontakt2 p {font-size: 3em; margin:0 0 0 1em; }}

.kontaktlink	{ font-family:Century Gothic; font-size: 1.5em; text-decoration: none; color:#000000}  


@media screen and (max-width: 980px){#divcontentkontakt3 {margin:0em 0 1em 1em;height: 10em;}#divcontentkontakt3 p {font-size:1em;}}
@media screen and (max-device-width: 1080px){#divcontentkontakt3 {margin:0 0 0 2em; width:95%;} #divcontentkontakt3 p {font-size:3em;}}

#impressum       {font-size: 0.75em;}
@media screen and (max-device-width: 1080px){#impressum {font-size: 0.75em; height:10em;margin:0;}}


@media screen and (max-device-width: 1080px){.kontakttable tr td{font-size:3.5em;}}



#footlink        {margin: 0 2em 2em 0; text-align:right;}
#footlink a { font-size: 0.8em; font-weight:bold; text-decoration: none; color:#000000; }
#footlink span {margin:0 0.5em 0 0.5em; font-size: 0.8em; font-weight:bold;}
@media screen and (max-device-width: 1080px){#footlink a { font-size: 1.8em;}#footlink span {font-size: 1.8em;}
}

#thumbnail      {position: relative; top:2em;}
#thumbnail ul      {}
#thumbnail li   {list-style-type: none; float: left;}
.thumbnail      {position: relative;}
.thumbnail img      {z-index:10; margin:0; border:none; height:205px;padding:0;}
@media screen\0 {.thumbnail img      {padding:0 0 3px 0;}}
@media screen and (max-width: 980px){#thumbnail {position: relative; top:8em;}#thumbnail li {list-style-type: none; float: none;margin: 1em 0 0 1em;}.thumbnail img {z-index:10; margin:0; border:none; width:50%; height:50%;padding:0;}}
@media screen and (max-device-width: 1080px){#thumbnail {position: relative; top:8em;}#thumbnail li {list-style-type: none; float: none;margin: 1em 0 0 1em;}.thumbnail img {z-index:10; margin:0; border:none; width:80%; height:80%;padding:0;}}


/*CSS for enlarged image*/
.thumbnail span {position: absolute; left: 0px; padding: 0px; border: 0px solid gray;
                 color: black; text-decoration: none;}
.thumbnail span img {position: absolute; z-index:15;  height:330px; display:none; left: -1000px; }
/*CSS for enlarged image on hover*/
.thumbnail:hover span img{visibility: visible; cursor:default;  top:-65px; left:0px;display:block;}

#thumbleft   {left:0px;}
#thumbright   {left:-160px;}
#thumbright2   {left:-320px;}
#thumbright3   {left:-180px;}
#thumbright4   {left:-170px;}
#thumbright5   {left:-155px;}
#thumbright6   {left:-185px;}
#thumbrightschmal {left:-70px;}
#thumbrightschmal2 {left:-120px;}
#thumbrightschmal3 {left:-148px;}
#thumbrightschmal4 {left:-100px;}
#thumbrightschmal5 {left:-90px;}



#startspruch  {margin: 16em 0 0 auto; text-align:left; width:50%;}
@media screen and (max-width: 980px) { #startspruch  {margin: 3em 0 0 5em; text-align:left; width:70%;}}
@media screen and  (max-device-width: 1080px) {#startspruch  {margin: 3em 0 0 2em; font-size: 3.2em;width:70%;} }


#startspruch span {margin: 0 0 0 auto; text-align:right; width:50%;font-size: 1.2em;}
#startspruch  em   {font-size: 1.2em;}



#startspruchautor { text-align:right; margin: 0 3.5em 0 0; font-size: 1.2em;}
@media screen and (max-width: 980px) {#startspruchautor {margin: 3em 0 0 0em;  width:70%;}}

??@media screen and (max-width: 980px) {#startspruchautor span {margin: 0 0 0 auto; text-align:left; width:150%; }}
@media screen and  (max-device-width: 1080px){#startspruchautor { text-align:right;width:70%;}}
@media screen and  (max-device-width: 1080px) {#startspruchautor span{font-size: 2em;}}

?? @media screen and  (max-height: 480px) {#startspruch  {margin: 0em 0 0 0;} }
?? @media screen and  (max-height: 380px) {#startspruch em {margin: 0em 0 0 0;font-size: 1em;} }



#willkommen { position: absolute; bottom:3em; text-align:left; max-width:1100px;font-size: 1em;}
#willkommen span {white-space:nowrap; font-size: 1em;}
@media screen and (max-height: 660px) {#willkommen  {position: absolute; bottom:0em;} }
@media screen and (max-width: 980px){#willkommen  {display:none;} }
@media screen and  (max-device-width: 1080px) #willkommen {display:none ;}

#p-bilder-oben  {position: relative;}
#p-bilder-oben ul{}
#p-bilder-oben li{list-style-type: none; float: left;}
#p-bilder-oben li a{font-size: 0.8em; text-decoration: none; color:#000000}
#p-bilder-oben span{font-size: 1em; display: block; margin:5px 0 20px 1px ;}
#p-bilder-oben img{display: block; height:119px; border:none; position:relative;}
@media screen and (max-width: 980px){#p-bilder-oben ul{margin: 0 0 0 1em;} #p-bilder-oben li{list-style-type: none; float: none;}#p-bilder-oben img{display: block; height:260px; border:none; position:relative;} #p-bilder-oben span{font-size: 1em; display: block; margin:5px 0 20px 1px ;}}
@media screen and (max-device-width: 1080px){#p-bilder-oben ul{margin: 0 0 0 1em;} #p-bilder-oben li{list-style-type: none; float: none;}#p-bilder-oben img{display: block; width:80%;height:80%; border:none; position:relative;} #p-bilder-oben span{font-size: 4em; display: block; margin:5px 0 20px 1px ;}}


#p-bilder-unten ul{ margin:0 0 0 0;}
#p-bilder-unten li{list-style-type: none; float: left;}
#p-bilder-unten li a{font-size: 0.8em; text-decoration: none; color:#000000}
#p-bilder-unten span{font-size: 1em; display: block; margin:5px 0 20px 1px ;}
#p-bilder-unten img{display: block; height:119px; border:none;}
@media screen and (max-width: 980px){#p-bilder-unten li{list-style-type: none; float: none;}#p-bilder-unten img{display: block; width:80%;height:80%; border:none; position:relative;} #p-bilder-unten span{font-size: 1em; display: block; margin:5px 0 20px 1px ;}}
@media screen and (max-device-width: 1080px){#p-bilder-unten li{list-style-type: none; float: none;}#p-bilder-unten img{display: block; width:80%;height:80%; border:none; position:relative;} #p-bilder-unten span{font-size: 4em; display: block; margin:5px 0 20px 1px ;}}


#p-bilder-ganzunten ul{ margin:0 0 0 0;}
#p-bilder-ganzunten li{list-style-type: none; float: left;}
#p-bilder-ganzunten li a{font-size: 0.8em; text-decoration: none; color:#000000}
#p-bilder-ganzunten span{font-size: 1em; display: block; margin:5px 0 20px 1px ;}
#p-bilder-ganzunten img{display: block; height:119px; border:none;}
@media screen and (max-width: 980px){#p-bilder-ganzunten li{list-style-type: none; float: none;}#p-bilder-ganzunten img{display: block; width:80%;height:80%; border:none; position:relative;} #p-bilder-ganzunten span{font-size: 1em; display: block; margin:5px 0 20px 1px ;}}
@media screen and (max-device-width: 1080px){#p-bilder-ganzunten li{list-style-type: none; float: none;}#p-bilder-ganzunten img{display: block; width:80%;height:80%; border:none; position:relative;} #p-bilder-ganzunten span{font-size: 4em; display: block; margin:5px 0 20px 1px ;}}


#bildschriftweiss { position: absolute; top: 177px;  left:-2px; z-index:16; color:white; font-size:1.7em;}
@media screen and (max-width: 600px) { #bildschriftweiss {font-size:1.5em;top: 180px; }}
@media screen and (max-width: 570px) { #bildschriftweiss {font-size:1.5em;top: 205px; }}
@media screen\0 {#bildschriftweiss{ position: absolute; top: 180px; left:-3px; z-index:16; color:white; font-size:20pt;}}
@media screen and (max-width: 560px) { #bildschriftweiss {font-size:15pt\0;top: 193px\0; }}

@media screen and (max-width: 980px){#bildschriftweiss{ position: absolute; top:-3.5em; left:0.5em; z-index:16; color:black; font-size:1.5em; margin:2em 0 2em 0;}}
@media screen and (max-device-width: 1080px){#bildschriftweiss{ position: absolute; top:-3.5em; left:0.5em; z-index:16; color:black; font-size:3em; margin:2em 0 2em 0;}}
.sonderleuchten {color:#000000}


html {
    visibility: visible;
    opacity: 1;
}