/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#cacaca; text-decoration:none; width:72px; height:40px; float:left; margin-top: 30px; margin-left: 6px; z-index:50;}
a.gallerygrundriss, a.gallerygrundriss:visited {display:block; display:inline-block; color:#cacaca; text-decoration:none; width:72px; height:40px; float:left; margin-top: 2px; margin-left: 6px; z-index:50;}




/* 1 Zimmer 2 minis */
a.slidea {background:url(bilder/1zimmer2mini.gif)}
a.slideb {background:url(bilder/1perkuchemini.jpg);}
a.slidec {background:url(bilder/1perbadmini.jpg);}
a.slided {background:url(bilder/2per1mini.jpg);}
a.slidee {background:url(bilder/cafemini.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:0px solid #fafafa;text-decoration: none;}
a.gallerygrundriss em, a.gallerygrundriss span {display:none;}
a.gallerygrundriss:hover {text-decoration: none;}
/* 1 Zimmer 2 */
a.slidea em {background:url(bilder/1zimmer2.jpg) 6px 8px  no-repeat;}
a.slideb em {background:url(bilder/1perkuche.jpg) 6px 8px  no-repeat;}
a.slidec em {background:url(bilder/1perbad.jpg) 6px 8px  no-repeat;}
a.slided em {background:url(bilder/2per1.jpg) 6px 8px  no-repeat;}
a.slidee em {background:url(bilder/cafe.jpg) 6px 8px  no-repeat;}

/* 1 Zimmer 3 minis */
a.slidef {background:url(bilder/1zimmer3mini.jpg)}
a.slideg {background:url(bilder/kuche1zimmer3mini.jpg);}
a.slideh {background:url(bilder/bad3persmini.jpg);}
a.slidei {background:url(bilder/3per1mini.jpg);}
a.slidej {background:url(bilder/cafemini.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:0px solid #fafafa;text-decoration: none;}
a.gallerygrundriss em, a.gallerygrundriss span {display:none;}
a.gallerygrundriss:hover {text-decoration: none;}
/* 1 Zimmer 3 */

a.slidef em {background:url(bilder/1zimmer3.jpg) 6px 8px  no-repeat;}
a.slideg em {background:url(bilder/kuche1zimmer3.jpg) 6px 8px  no-repeat;}
a.slideh em {background:url(bilder/bad3pers.jpg) 6px 8px  no-repeat;}
a.slidei em {background:url(bilder/3per1.jpg) 6px 8px  no-repeat;}
a.slidej em {background:url(bilder/cafe.jpg) 6px 8px  no-repeat;}

/* 1 Zimmer 4 minis */
a.slidek {background:url(bilder/1zimmer4mini.jpg)}
a.slidel {background:url(bilder/2zimmer4kuchemini.jpg);}
a.slidem {background:url(bilder/1zimmer4badmini.jpg);}
a.sliden {background:url(bilder/4per1mini.jpg);}
a.slideo{background:url(bilder/cafemini.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fafafa;text-decoration: none;}
a.gallerygrundriss em, a.gallerygrundriss span {display:none;}
a.gallerygrundriss:hover {text-decoration: none;}

/* 1 Zimmer 4 */

a.slidek em {background:url(bilder/1zimmer4.jpg) 6px 8px  no-repeat;}
a.slidel em {background:url(bilder/2zimmer4kuche.jpg) 6px 8px  no-repeat;}
a.slidem em {background:url(bilder/1zimmer4bad.jpg) 6px 8px  no-repeat;}
a.sliden em {background:url(bilder/4per1.jpg) 6px 8px  no-repeat;}
a.slideo em {background:url(bilder/cafe.jpg) 6px 8px  no-repeat;}

/* 2 Zimmer 4 minis */
a.slidep {background:url(bilder/2zimmer4mini.jpg)}
a.slideq {background:url(bilder/2zim1mini.jpg);}
a.slider {background:url(bilder/2zimmer4kuchemini.jpg);}
a.slides {background:url(bilder/4per2mini.jpg);}
a.slidet{background:url(bilder/cafemini.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fafafa;text-decoration: none;}
a.gallerygrundriss em, a.gallerygrundriss span {display:none;}
a.gallerygrundriss:hover {text-decoration: none;}
/* 2 Zimmer 4 */

a.slidep em {background:url(bilder/2zimmer4.jpg) 8px 6px  no-repeat;}
a.slideq em {background:url(bilder/2zim1.jpg) 8px 6px  no-repeat;}
a.slider em {background:url(bilder/2zimmer4kuche.jpg) 8px 6px  no-repeat;}
a.slides em {background:url(bilder/4per2.jpg) 8px 6px  no-repeat;}
a.slidet em {background:url(bilder/cafe.jpg) 8px 6px  no-repeat;}

/* 3 Zimmer 3 minis */
a.slideu {background:url(bilder/3zimmer6mini.jpg)}
a.slidev {background:url(bilder/3zim2mini.jpg);}
a.slidew {background:url(bilder/3zimmerwcmini.jpg);}
a.slidex {background:url(bilder/6per3mini.jpg);}
a.slidey{background:url(bilder/cafemini.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fafafa;text-decoration: none;}
a.gallerygrundriss em, a.gallerygrundriss span {display:none;}
a.gallerygrundriss:hover {text-decoration: none;}
/* 2 Zimmer 4 */

a.slideu em {background:url(bilder/3zimmer6.jpg) 6px 6px  no-repeat;}
a.slidev em {background:url(bilder/3zim2.jpg) 8px 6px  no-repeat;}
a.slidew em {background:url(bilder/3zimmerwc.jpg) 6px 6px  no-repeat;}
a.slidex em {background:url(bilder/6per3.jpg) 6px 6px  no-repeat;}
a.slidey em {background:url(bilder/cafe.jpg) 6px 6px  no-repeat;}

/* Lageplan minis */
a.slidepl {background:url(Berlin/Berlinplan/reichstagmini.jpg)}
a.slideba {background:url(Berlin/Berlinplan/brandenburgermini.jpg)}
a.slidepo {background:url(Berlin/Berlinplan/potsdamermini.jpg);}
a.slideka {background:url(Berlin/Berlinplan/kadewemini.jpg);}
a.slideku {background:url(Berlin/Berlinplan/kudammmini.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fafafa;text-decoration: none;}
a.gallerygrundriss em, a.gallerygrundriss span {display:none;}
a.gallerygrundriss:hover {text-decoration: none;}

/* Lageplan */
a.slidepl em {background:url(Berlin/Berlinplan/reichstag.jpg) 6px 8px  no-repeat;}
a.slideba em {background:url(Berlin/Berlinplan/brandenburger.jpg) 6px 8px  no-repeat;}
a.slidepo em {background:url(Berlin/Berlinplan/potsdamer.jpg) 6px 8px  no-repeat;}
a.slideka em {background:url(Berlin/Berlinplan/kadewe.jpg) 6px 8px  no-repeat;}
a.slideku em {background:url(Berlin/Berlinplan/kudamm.jpg) 6px 8px  no-repeat;}



/* styling for TOP gallery */
#container_top {position:relative; width:425px; height:425px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_top img {border:0;}
#container_top .thumbs { position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; align: center; position:absolute; width:200px; height:50px; top:120px; left:20px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:550px; top:160px; left:5px; color:#000; padding:5px; border:1px solid #3d330f; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}

/* styling for BOTTOM gallery */
#container_bottom {position:verify; float: left; width:300px; height:200px;  margin-bottom:4.3em ;}
#container_bottom img {border:0px; }
#container_bottom .thumbs {position:verify; float: left; margin-top:300px; padding:0px; bottom:0px; width:400px; height:20px;  z-index:100;}
#container_bottom .thumbsgrundriss {position:verify; float: left; top:45px; padding-left:0px; bottom:0px; width:400px; height:20px;   z-index:100;}
#container_bottom a.gallery:hover span {position:absolute; display:block; background: #fff;  width:378px; height:20px; top:488px; left:368px; padding:0px; color:#666666;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:0.9em; color:#666666;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border-bottom:1px dotted #fff;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:195px; top:282px; left:356px; color:#fff; padding:2px;  z-index:100;}

#container_bottom a.gallerygrundriss:hover span{ position:absolute; display:block; background: #fff;  width:370px; height:30px; top:480px; left:365px; padding:6px; color:#666666;  z-index:100;}
#container_bottom a.gallerygrundriss:hover span:first-line {font-style:normal; font-weight:bold; font-size:0.9em; color:#666666;}
#container_bottom a.gallerygrundriss:active, #container_bottom a.gallerygrundriss:focus {border-bottom:1px double #fff;}
#container_bottom a.gallerygrundriss:active em, #container_bottom a.gallerygrundriss:focus em {display:block; position:absolute; width:400px; height:195px; top:280px; left:357px; color:#fff; padding:2px;  z-index:100;}


#container_bottom h1 {clear:both; margin:0; padding-top:18px; text-align:center; font-family: georgia, "times new roman", serif; font-size:1em; font-weight:normal; color:#cacaca;}
#container_bottom h1 em {font-size:0.6em; color:#000;}



/* styling for LEFT gallery */
#container_left {position:relative; width:350px; height:200px; background:#fff; border: 1px solid #cacaca; margin:0em 0 0 0.5em ; float: left; text-decoration: none;}
#container_left img {border:0;}
#container_left .thumbs {width:62px; height:180px; position:absolute; left:0; top:0;background:#cacaca;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:250px; left:125px; padding:5px; color:#666666;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#666666;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #fafafa;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:250px; height:185px; top:2px; left:80px; color:#e0e0e0; padding:5px; border:2px dotted #cacaca; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:20px; padding-left:150px; width:300px; text-align:left; font-family: Tahoma, "Verdana", serif; font-size:1.1em; font-weight:normal; color:#666666;}
#container_left h1 em {font-family: Arial, "Verdana", serif;font-size:1.1em; color:#666666; font-weight:normal;}


/* styling for gruppen gallery */
#container_gruppen {position:relative; width:480px; height:380px; background:#fff; border-top:8px solid #6699CC; border-right:1px solid #6699CC;border-bottom:8px solid #6699CC; border-left:2px solid #6699CC; margin:0.5em 0 0 0.5em ; float: left; text-decoration: none;}
#container_gruppen img {border:0;}
#container_gruppen .thumbs {width:90px; height:360px; position:absolute; left:0; top:10px;background:#fff;}
#container_gruppen a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:250px; left:125px; padding:5px; color:#666666;  z-index:100;}
#container_gruppen a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#666666;}
#container_gruppen a.gallery:active, #container_gruppen a.gallery:focus {border:1px solid #fafafa;}
#container_gruppen a.gallery:active em, #container_gruppen a.gallery:focus em {display:block; position:absolute; width:300px; height:225px; top:10px; left:130px; color:#e0e0e0; padding:5px; border:2px dotted #cacaca; z-index:50;}
#container_gruppen h1 {clear:both; margin:0; padding-top:30px; padding-left:150px; width:300px; text-align:left; font-family: Tahoma, "Verdana", serif; font-size:1.1em; font-weight:normal; color:#666666;}
#container_gruppen h1 em {font-family: Arial, "Verdana", serif;font-size:1.1em; color:#666666; font-weight:normal;}



/* styling for lageplan gallery */
#container_lage {position:relative; width:480px; height:380px; background:#fff; border-top:8px solid #6699CC; border-right:1px solid #6699CC;border-bottom:8px solid #6699CC; border-left:2px solid #6699CC; margin:0.5em 0 0 0.5em ; float: left; text-decoration: none;}
#container_lage img {border:0;}
#container_lage .thumbs {width:90px; height:380px; position:absolute; left:0; top:0;background:#fff;}
#container_lage a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:355px; left:105px; padding:5px; color:#666666;  z-index:100;}
#container_lage a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#666666;}
#container_lage a.gallery:active, #container_lage a.gallery:focus {border:1px solid #fafafa;}
#container_lage a.gallery:active em, #container_lage a.gallery:focus em {display:block; position:absolute; width:350px; height:350px; top:5px; left:100px; color:#e0e0e0; padding:0px;  z-index:50;}
#container_lage h1 {clear:both; margin:0; padding-top:20px; padding-left:150px; width:300px; text-align:left; font-family: Tahoma, "Verdana", serif; font-size:0.9em; font-weight:normal; color:#666666;}
#container_lage h1 em {font-family: Arial, "Verdana", serif;font-size:1.1em; color:#666666; font-weight:normal;}