.wohnungsgalerie_wrap_1 {		/* umschließt die gesamte Galerie */
	margin:auto;
	width:90%;
	border-style:solid;
	border-color:#FFF;
	background-color:#FFF;
	background-image:url(../images_galeries/image_00.jpg);
	background-repeat: no-repeat;
	background-size:100%;
	background-position:top;
}


.wohnungsgalerie_hauptbild {  /* Bild, das gross oben drübe steht */
	width:100%;
}

.wohnungsgalerie_thumbnail {
	width:20%;
	float:left;
	background-image:url(../images_galeries/logo_sternenhimmel_blau-auf-weiss_750x500.jpg);
	background-size:100%; 
	background-repeat:no-repeat;
	position:relative;
}

.wohnungsgalerie_thumbnail img {
	width:100%;
	border-style:solid;
	border-width:2px;
	border-color:#FFF;
}

/* Wohnung 1 - Achterdeck */

.wohnungsgalerie_thumbnail #boxstyle_1_1 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF; /* #FFF */
/* die folgenden Zeile "border-top-width: 25px;" sorgt für einen Ausgleich. Die obere "border" wird weiß um 25px nach oben gezogen, weil bei Bildschirmen, die schmaler sind als das Maximum, die großen Bilder der Thumbnails, die über das Hauptbiuld gelegt werden, irgendwie nach unten rutschen - und zwar je weiter, desto schmaler der Bildschirm ist: mit dem breiten weißen Rand (border) wird verhindert, dass das "hauptbild" noch oberhalb des großen Bildes des Thumbnails, über das gehovert wird, ein bischen zu sehen ist, denn der weiße Rand verdeckt (wie das Thumbnail gehörende große Bild) das "hauptbild" (klar, was gemeint ist?)  DIES ist nur eine Übergangslösung, bis ich Zeit habe, es perfekt auszutüfteln ===== */
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;  /* Originalwert: 30% */
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_1 {
	position:absolute;
	bottom:317%;   /* NEU! - Originalwert: 270% */
	left:-4%;   /* origial: 3% */
}

.wohnungsgalerie_thumbnail #boxstyle_1_2 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;   
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_2 {
	position:absolute;
	bottom:317%;   /* NEU! - Originalwert: 270% */
	left:-104%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_3 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_3 {
	position:absolute;
	bottom:317%;   /* NEU! - Originalwert: 270% */
	left:-204%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_4 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_4 {
	position:absolute;
	bottom:317%;   /* NEU! - Originalwert: 270% */
	left:-304%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_5 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_5 {
	position:absolute;
	bottom:317%;   /* NEU! - Originalwert: 270% */
	left:-404%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_6 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_6 {
	position:absolute;
	bottom:417%;	/* NEU! - Originalwert: 370% */
	left:-4%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_7 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_7 {
	position:absolute;
	bottom:417%;	/* NEU! - Originalwert: 370% */
	left:-104%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_8 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_8 {
	position:absolute;
	bottom:417%;	/* NEU! - Originalwert: 370% */
	left:-204%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_9 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_9 {
	position:absolute;
	bottom:417%;	/* NEU! - Originalwert: 370% */
	left:-304%;
}

.wohnungsgalerie_thumbnail #boxstyle_1_10 {
	width:500%;
	height:333%;
	border-style:solid;
	border-color:#FFF;
border-top-width: 25px; /* muss in jeden der 10 boxstyles eingefügt werden */
	position:absolute;
	bottom:30%;
	right:1550%;
}
.wohnungsgalerie_thumbnail:hover #boxstyle_1_10 {
	position:absolute;
	bottom:417%;	/* NEU! - Originalwert: 370% */
	left:-404%;
}


.freistyle {
}


.preisstyle {
}

.baltrumdirektstyle {
}

.baltrumdirektstyle a {
	border-style:none;
	border-width:thin;
	border-color:#333;
	padding: 5px;
	background-color:#FFF;
	color:#00F;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

.baltrumdirektstyle a:visitd {
	border-style:none;
	border-width:thin;
	border-color:#333;
	padding: 5px;
	background-color:#FFF;
	color:#00F;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

.baltrumdirektstyle a:hover {
	border-style:none;
	border-width:thin;
	border-color:#666;
	padding: 5px;
	background-color:#CCC;
	color:#00F;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

.baltrumdirektstyle a:active {
	border-style:none;
	border-width:thin;
	border-color:#333;
	padding: 5px;
	background-color:#FFF;
	color:#00F;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

.zudenanderenwohnungenstyle {
	background-color:#CCC;

}

.anderewohnungen_wrap {
	margin:auto;
	width: 95%;
}

.anderesbild_wrap {
	margin:auto;
	width:90%;
}

.anderewohnung_wrap {
	float:left;
	width: 22%;
	padding: 1%;
	border-style:solid;
	border-width: 1px;
	border-color:#333;
	background-color:#CCC;
}

.anderewohnung_wrap a {
	text-decoration:none;
	color:#00F;
}

.wohn_link {
	color:#00F;
	text-decoration:underline;
}

.wohn_link a {
	color:#00F;
	text-decoration:underline; 
}