@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: 7f5e29;
}


#menu{
	position:absolute;
	top:25px;
	left:0px;
	width:120%;
	height:35px;
	
}

#menu #menuHintergrund{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background-color:#FFF;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity: 0.40;
	
}

#menu .menuPunkt {
	position:relative;
	z-index:2;
	display:block;
	height:35px;
	float:left;
	
}

#menu .menuPunkt.menuPunkt1{

	margin-left:40px;
	
}


#menu .menuPunkt a{
	display:block;
	font-size:14px;
	line-height:35px;
	color: #fff;
	padding-right:50px;
	padding-left:40px;
	text-decoration:none;
	letter-spacing:1px;
}

#menu .menuPunkt a:hover, #menu .menuPunkt a:active, #menu .menuPunkt.aktiv a{
	color:#5f564b;
}

:active,:focus{
	outline:none;	
}

#container{
	position:relative;
	width:1024px;
	height:700px;
	background-repeat:no-repeat;
	background-position:center;	
}

#container.werftblick{
	background-image:url(files/hintergrund.jpg);	
}


#container.wohnung{
	background-image:url(files/wohnung_hini.jpg);	
}

#container.bau{
	background-image:url(files/bau_hini.jpg);
	background-color: 7f5e29;
}

#container.kontakt{
	background-image:url(files/kontakt_hini.jpg);	
}


#logo {
	position:absolute;
	bottom:10px;
	right:10px;
	background-image:url(files/logo_m.png);
	background-repeat:no-repeat;
	background-position:center;
	width:285px;
	height:115px;
}

#fotos .foto{
	position:relative;
	display:block;
	float:left;
	margin-top:35px;
	margin-bottom:-5px;
	margin-left:35px;
	margin-right:-5px;
	width:250px;
	height:170px;
}

#fotos .foto .fotoRahmen{
	position:absolute;
	z-index:1;
	
	width:100%;
	height:100%;

	background-color:#FFF;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity: 0.40;
	
}

#fotos .foto .bild {
	position:absolute;
	z-index:2;
	display:block;
	border:0;
	width:240px;
	height:160px;
	margin:5px;
	overflow:hidden;
}

#fotos .foto .bild a img{
	border:0;
}

#fotos {
	position:absolute;
	top:70px;
	left:35px;
	width:580px;
}

#textFeld{
	position:absolute;
	right:37px;
	top:105px;	

	width:250px;
	height:450px;
	}
	
#textFeldKontakt{
	position:absolute;
	right:37px;
	top:330px;

	width:250px;
	height:225px;
	}
	
#textFeldBau{
	position:absolute;
	left:50px;
	top:105px;

	width:270px;
	height:60px;
	}


#textFeldBau2{
	position:absolute;
	left:50px;
	top:175px;
	width:270px;
	height:60px;
	}

#textFeldBauklein{
	position:absolute;
	left:50px;
	top:105px;
	width:270px;
	height:60px;
	}

#textFeld .textRahmen, #textFeldBauklein .textRahmen, #textFeldBau .textRahmen, #textFeldKontakt .textRahmen{
	position:absolute;
	z-index:1;
	
	width:100%;
	height:100%;
	
	background-color:#FFF;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity: 0.40;
}

#textFeldBau2 .textRahmen{
	position:absolute;
	z-index:1;
	width:100%;
	height:520px;
	background-color:#FFF;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity: 0.40;	
}

#textFeld .textBereich{
	position:absolute;
	z-index:2;
	margin-left:15px;
	margin-right:15px;
	width:220px;
	height:420px;
}

#textFeldKontakt .textBereich{
	position:absolute;
	z-index:2;
	margin-left:15px;
	margin-right:15px;
	width:220px;
	height:195px;
}


#textFeldBau .textBereich, #textFeldBau2 .textBereich{
	position:absolute;
	z-index:2;
	margin-left:15px;
	margin-right:15px;
	width:246px;
	height:577px;
	left: 0px;
	top: 0px;
}

#textFeldBauklein .textBereich{
	position:absolute;
	z-index:2;
	margin-left:15px;
	margin-right:15px;
	width:246px;
	height:177px;
	left: 0px;
	top: 0px;
}

#textFeld .textBereich p, #textFeldBauklein .textBereich p, #textFeldBau .textBereich p, #textFeldKontakt .textBereich p{
	margin-top:15px;
	padding:0;
	vertical-align:top;
	color:#333;
	text-align:left;
	text-align:justify;
	font-size:12px;
}

#textFeldBau2 .textBereich{
	margin-top:4px;
	padding:0;
	vertical-align:top;
	color:#333;
	text-align:left;
	font-size:12px;
}


.buchungsplan{
	position:relative;
	right:0;
	top:70px;
	background-color: #7f5e29;
	width:450px;	
}
.buchungsplan table.fb { background-color: #FFFFFF; border-style: solid; border-collapse: collapse; border-color: #808080; }
.buchungsplan table.fb td { color: #000000; border-color: #808080; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.buchungsplan table.fb td.s { font-weight: bold; }
.buchungsplan table.fb td.fbf { background-color: #fdfec0; color: #000000; }
.buchungsplan table.fb td.fbfw { background-color: #fdfec0; color: #000000; font-weight: bold; }
.buchungsplan table.fb td.fbb { background-color: #eb5d2b; color: #FFFFFF; }
.buchungsplan table.fb td.fbbw { background-color: #eb5d2b; color: #FFFFFF; font-weight: bold; }
.buchungsplan table.fb td.fbc { background-color: #fe9537; color: #000000; }
.buchungsplan table.fb td.fbcw { background-color: #fe9537; color: #000000; font-weight: bold; }
.buchungsplan .ft { cursor: help; text-decoration: underline; }