/* ----- Ferienwohnung am Strand - Styles -----*/

/* ----- Main ---- */

html, body { 
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	}

body 	{ 	
	background-color: #6457B1;
	color: #FFFFFF; 
	font-family: 'Arial',Arial,sans-serif; 
	font-size: 0.9em; 
	line-height: 1.6em;
	}

div 	{ margin: 0; }

img 	{ margin: 0; border: 0; }

a	{
	color: #F2D16D; 
	font-family: 'Arial',Arial,sans-serif; 
	text-decoration: none; 
	font-weight: normal;
	}
a:hover { color: #FFFFFF; }

table 	{ 
	width: 100%;
	line-height: 1em; 
	border-collapse: collapse; 
	border-spacing: 0;
	margin-bottom: 1em;
	margin-top: 1.5em;
	}
td	{
	border: 1px solid white;
	padding: 0.3em 0.5em;
	}
	
hr {
	color: White;
	border: none;
	border-top: solid 1px #ffffff;
	height: 1px;
	width: 70%;
	margin-left: 10%;
	}
* html hr { text-align:center; margin-left: -1em; }
*:first-child+html hr { text-align:center; margin-left: -1em; }

.einr	{ 
	display: block; 
	margin-left: 0.4em; 
	}

#jstest, #jsbeleg { display: none; }
#jstext p { margin-top: 4em; }
.headin { display: none; }
	
/* ------ Seitenlayout ------*/

#inhalt { 
	position: absolute; top: 3%;
	width: 100%; height: 100%;
	text-align: center;
	}

/* ------ Kopf ------*/

#head {
	position: relative;
	margin: auto;
	width: 960px; height: 132px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background-color: #2F1E9E;
	text-align: left;
	}

.hlt	{
	color: #F2D16D;
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	margin: 28px 0 0 25px;
	font-variant: small-caps;
	}

#hpic {
	position: absolute; z-index: 2;
	left: 712px; top: 4px;
	width: 180px; height: 111px;
	margin: 6px 0 0 20px;
	border: 1px solid white;
	}
#borkum {
	position: absolute; z-index: 2;
	right: 0px; top: 0px;
	width: 305px; height: 132px;
}
	
/* ------ Menue ------*/

ul#navigation {
	position: absolute;
	top: 83px; padding-left: 12px;
	margin: 5px 0 3px 0; 
	height: 39px; width: 948px;
	background-color: #1A1A91;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	}
	
ul#navigation li {
	display: inline;
	list-style: none;
	margin: 0; padding: 0;
	}
ul#navigation li a, ul#navigation li span {
	float: left; height: 30px;
	text-decoration: none;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	font-variant: small-caps;
	margin: 5px 6px;
	}

.m1 	{ width: 62px; }
.m2 	{ width: 87px; }
.m3 	{ width: 52px; }
.m4 	{ width: 71px; }
.m5 	{ width: 77px; }
.m6 	{ width: 77px; }
.m7 	{ width: 67px; }
.m8 	{ width: 56px; }
ul#navigation a:hover {	letter-spacing: 2px; }

/* ------ Inhalt ------*/

#content {
	border: 1px white solid;
	width: 960px;
	margin: auto;
	text-align: left;
	background-image: url(../pics/borkum_skyline.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #2F1E9E;
}

#pfeil {
	position: relative;
	background-image: url(../pics/pfeil2.gif);
	background-repeat: no-repeat;
	background-position: 165px bottom;
	height: 100%;
	}

.hspacer {
	display: inline;
	height: 370px; width: 1px; 
	float: right;
}

/* ------ Maintext-Bereich ------*/

#maintext {
	width: 500px; float: right;
	margin: 25px 184px 0 10px;
	display: inline;
	}
* html #maintext { margin-top: 30px; }
*:first-child+html #maintext { margin-top: 30px; }

/* ------ linke Spalte ------*/

#leftbox {
	width: 250px; float: right;
	margin-top: 25px;
	display: inline;
	}
	
* html #leftbox { margin-top: 30px; }
*:first-child+html #leftbox { margin-top: 30px; }

#leftbox p.belegung { 
	position: absolute;
	left: 40px; bottom: 150px; 
	width: 190px;
	margin: 0;
	}
	
/* ------ unterer Block ------*/

#clearer { cursor: default;
	height: 140px; clear: both;
	}
* html #clearer { height: 150px; }
*:first-child+html #clearer { height: 150px; }

#counter {
	position: absolute;
	bottom: 15px; right: 30px;
	width: 160px; height: 20px;
	text-align: right;
	font-size: 0.8em;
	color: #AC9DBA;
	}

/* ------ Footer ------*/

#footer {
/*	width: 960px; */
	text-align: center;
/*	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white; */
	padding: 5px 0 4px 0;
	}
#footer a, #footer span {
	margin: 0 12px;
	font-size: 0.6em;
	font-weight: normal;
	letter-spacing: 1px;
	}
#footer .line { 
	width: 660px; height: 1px;
	margin: auto; margin-top: 2px;
	background-color: White;
	line-height: 0px;
	font-size: 1px;
	}

/* ---------------------*/

/* ------ Belegungsplan ------*/

#belegtxt {
	display: block;
	/*margin-right: 27px;
	text-align: right;*/
}
#belegpic {
	display: block;
	width: 190px; height: 108px;
	border: 1px solid white;
	background-repeat: no-repeat;
	background-image: url(../pics/beleg2.jpg);
	text-decoration: none;
	margin-top: 3px;
	}
#belegpic:hover { background-position: 0 -108px; }

/* ------ Lupe ------*/

a#lupe	{
	display: block;
	position: absolute;
	left: 172px; bottom: 50px;
	width: 50px; height: 50px;
	background: url(../pics/nichts2.gif) no-repeat;
	}
a#lupe span { display: none; }
a#lupe:hover { background-position: 0px 0px; }
a#lupe:hover span {
	display: block;
	position: absolute;
	top: -80px; left: -60px;
	width: 191px; height: 191px;
	background: url(../pics/lupe.gif) no-repeat;
	}
	
/* ------ Bilder ------*/

.pageb {
	position: absolute;
	border: 1px solid white;
	top: 85px; left: 40px;
	width: 190px;
	cursor: pointer;
	}
.bhaus { height: 123px;	}
.bbalkon { height: 127px; }
.blage { height: 128px;	}
.bfreizeit { height: 123px; }
.bstrandb { height: 120px; }
.bsomstrand { height: 116px; }
.bfaehre { height: 121px; }
.bsonnenu { height: 130px; }

h1.willk { 
	font-family: 'Arial',Arial,sans-serif; 
	font-size: 1em;
	font-weight: normal; 
	}

.hinweis {
	font-family: 'Arial',Arial,sans-serif; 
	font-size: 0.7em;
	line-height: 1.2em;
	}

/* ------ Preise ------*/

.preise td { text-align: right;	}
.textoben { vertical-align: top; }

td.zentr { text-align: center; background-color: #2F2EAE; }
td.hell { background-color: #2F2EAE; }
	
/* ------ Wohnung ------*/

.wohn	{ 
	line-height: 1.6em;
	margin-bottom: 1.2em;
	margin-top: 0.6em;
	}
* html .wohn { 
	margin-bottom: 1.5em;
	margin-top: 1em; 
	}
*:first-child+html .wohn { 
	margin-bottom: 1.5em;
	margin-top: 1em; 
	}

.tabhead { padding-left: 0; }
.wohn td {
	border: none;
	vertical-align: top;
	}

	
/* ------ Galerie ------*/

.galerie {
	position: relative;
	top: 250px;
	width: 190px;
	margin-left: 25px;
	}
.galerie td {
	padding: 0; margin: 0;
	border: none;
	}
.galerie img {
	width: 90px; height: 60px;
	margin: 5px 8px 5px 0;
	border: 1px solid white;
	cursor: pointer;
	}

.galerie .tababstand { height: 10px; }
	
#transp {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 960px; height:100%;
	background-color: #1A1A91;
        opacity: 0.8;
	z-index: 10;
	}
#bildgross { 
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	width: 400px; height: auto;
	z-index: 11;
	}
	
#bildgross img { 
	display: block; 
	cursor: pointer;
	border: 1px solid white;
	}
#bildgross p {
	width: 98%;
	text-align: right;
	font-size: 0.8em;
	line-height: 14px;
	margin: 4px;
	cursor: pointer;
	}
	
/* ------ Lageplan/Karte ------*/

#gocard { text-align: right;}
#googcard {
	display: block;
	width: 500px; height: 330px;
	border: 1px solid white;
	}
.googlink {
	font-family: 'Arial',Arial,sans-serif; 
	font-size: 0.7em;
	line-height: 1em;
	}

#karte	{ display: none;
	height: 110px;
	margin-bottom: 1.8em;
	text-align: center; 
	color: #F2D16D; 
	border: 1px solid white;
	background-color: #1A1A91;
	}
#karte a {
	display: block;
	margin: auto;
	margin-bottom: 5px;
	width: 100px; height: 60px;
	background-image: url(../pics/kartekl.jpg);
	text-decoration: none;
	cursor: default;
	}
* html #karte a { margin-bottom: 0px; }
*:first-child+html #karte a { margin-bottom: 0px; }
#karte a:hover {
	position: absolute;
	top: 15px; left: 265px;
	width: 500px; height: 339px;
	border: 1px solid white;
	background-color: #1A1A91;
	background-image: none;
	}
	
#karte a .mark { display: none; }
#karte a:hover .mark { 	display: block; margin-top: 2em;}

#karte a:hover .cardpic {
	position: absolute;
	top: 0; left: 0;
	width: 500px; height: 339px;
	background-image: url(../pics/karte.jpg);
	}
	
/* ------ Kontakt ------*/

.tabkontakt td {
	border: none;
	}
	
.tabsaison td {
	font-size: 0.9em;
	border: none;
	vertical-align: top;
	line-height: 1.6em;
	}
	
#tplogo { vertical-align: middle; }


/* -------- Belegungsplan --------*/

#belegplan {
	margin: 0; padding: 0;
	width: 700px; height: 800px;
	background-color: #2F1E9E;
	overflow: auto;
	}
/* * html #belegplan { width: 590px; height: 620px; }
*:first-child+html #belegplan { width: 590px; height: 620px; }*/


	
.belegerl { margin: 8px 0 0 5px; }
.belegerl span { 
	margin-left: 40px;
	padding: 2px;
	}
.belegerllb {
 	position: absolute;
	top: 76px; left: 20px; 
	line-height: 30px; 
	}
.belegerllb span { 
	margin-left: 6px;
	padding: 2px;
	border: 1px solid white;
	}
.erl1	{ background-color: #333399; }
.erl2	{ background-color: #E6E6E6; }
.erl3	{ background-color: #99CC00; }

#picshinweis {
	display: none;
	position: absolute;
	top: 585px; left: 40px;
	width: 180px; height: 180px;
	border: 1px solid white;
	background-color: #2F1E9E;
	font-size: 11px;
	padding: 5px;
	}
	
/* ------ Links ------*/
.links { width: 530px; }
.linksp1 { width: 230px; }
/* -----------------------*/


#banner {
	position: relative;
	width: 470px;
	margin-bottom: 30px;
	border: 1px solid white;
	background-image: url(../pics/banner2bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	color: #000000; 
	background-color: #BEBCE4;
	font-size: 1.1em; 
	line-height: 1.2em;
	}
	
#bantext { 
	margin-top: 2px; 
	margin-left: 130px;
	margin-bottom: 1.7em;
	}
#banhead {
	position: absolute;
	bottom: 0;
	margin-left: 220px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	}
.banred { color: #DE0D0D; }
.bantextkl { 
	display: block;
	margin-top: 0.2em;
	font-size: 0.7em;
	line-height: 1.0em;
	}