body { background-color:rgb(235,235,235); font-family: Verdana,Arial,Sans-Serif; font-size:12px;overflow-y:scroll;}
#rundherum {height:100.1%;}
#rahmen { 
	width:875px;border:20px solid white; margin:20px auto;
	background-color:rgb(255,255,255); position:relative; /* height:1246px; */
	-moz-box-shadow: 0px 5px 20px #888;
	-webkit-box-shadow: 0px 5px 20px #888;
	box-shadow: 20px;
}
#kopf { height:96px; background-color:rgb(214,214,214); text-align:right;}
#bild { height:487px; margin:0 0 20px 0; padding:0; overflow:hidden; background-color:red; position:relative;}
.grossbild {height:487px;width:874px;position:absolute;top:0;left:0;}
#button_vor, #button_zur, #stat {background-color:white; width:40px;}
#button_vor, #button_zur {
	position:absolute;
	top:48%;
	height:32px;
	z-index:100;
	padding:5px 0 0 0;
	text-align:center;
	font-size:20px;
}		  
#button_vor:hover, #button_zur:hover {
	cursor:pointer;
}
#button_vor {right:0px;}
#button_zur {left:0px;}


h1 {}
h2 { display:none; }
h3 { color:rgb(0,51,102); font-size:1.1em; margin:0 0 1em 0;}
h4 { color:rgb(0,51,102); font-size:1em; line-height:1.4em; margin:0 0 0.1em 0;}
p { color:rgb(51,51,51); margin:0 0 1.8em 0; padding:0; line-height:1.4em; }
p + h3, p + h4 { padding-top:0em; }
ul { color:rgb(51,51,51); margin:0 0 1.8em 0; padding-top:0; padding-bottom:0; line-height:1.4em; }
/* strong { color:rgb(0,0,0); font-weight:normal; } */
img { border-width:0; }

#inhalt { position:absolute; width:266px; left:313px; top:0px; height:582px; padding: 0 5px 30px 0; overflow:auto;}
#inhalt_links { position:absolute; width:266px; left:20px; top:0px; height:582px; padding: 0 5px 30px 0; overflow:auto;}
#inhalt ul { list-style:none; padding-left:0px; }
#inhalt li { background:url("listitem.png") 2px 5px no-repeat; padding-left:15px; line-height:1.4em; margin-bottom:0.4em;}

#kleinebilder { /* position:absolute; left:0; top:0px; */ width:300px; }
#kleinebilder img { margin: 0 0 20px 0; border-width:0; width:293px; height:293px;}

#fuss { position: absolute; left:0; bottom:-10px; height:auto; width:875px; text-align:center; border-top:1px solid rgb(204,204,204); padding-top:10px; font-size:0.9em;}

#spalten { position:relative; width:875px; min-height:410px;}
#spalten_ende {clear:left; height:20px;}

#daten { position:absolute; background-color:rgb(0,68,121); width:239px; left:594px; top:-82px; height:676px; padding:20px 10px 0 32px; z-index:200;}
#daten a {color:white; text-align:none; }
#daten a.pdf {margin-top:1.5em; display:block; font-size:0.9em;}
#daten a:hover {text-align:underline;}
#daten h1 { color:rgb(255,255,255); margin:0; padding:0; font-size:1.2em; }
#daten h4 { color:rgb(255,255,255); margin:1.2em 0 0 0; padding:0; }
#daten p { color:rgb(43,153,207); margin:0; padding:0;line-height:1.3em;}
.pdficon { margin-left:-0px; margin-right:5px; border:1px solid white;}


/***************************** Intro ********************************/




#navi { position:absolute; top:66px; left: 0; width:548px; height:auto; padding:0; margin:0;
		list-style:none;
		padding-left:327px;
		z-index:200;
}
#navi ul, #navi li {list-style:none;padding:0;margin:0;}
#navi span.projekt_bereich { height:30px; color:rgb(102,102,102); font-weight:700;}
#navi .unternavi { display:block;  padding-left:9px; background-image:url('blau-hg.png'); border-left:0px solid rgb(255,255,255) !important;}
#navi ul.unternavi { position: absolute; left:0; top:30px; padding:0 0 0 10px; display:none; height:487px;  border-left:1px solid rgb(153,153,153);}
#navi ul.unternavi_rechts {display:none; background-image:url('blau-hg.png'); height:487px; }
#navi span.projekt_bereich { display:block;  padding-left:9px; border-left:1px solid rgb(214,214,214); }

#navi > li { float:left; }
#navi li#li_gebaeude { width:80px;}
#navi li#li_baeder { width:60px;}
#navi li#li_wellness { width:80px;}

#navi span#text_gebaeude {  }

#navi li#li_gebaeude ul.unternavi { padding-left:327px; width:268px; }
#navi li#li_gebaeude ul.unternavi_rechts { margin-left:268px; width:280px; }

#navi li#li_baeder ul.unternavi { padding-left:407px; width:468px; }
#navi li#li_wellness ul.unternavi { padding-left:467px; width:408px; }


#navi ul.unternavi ul {width:250px;}
#navi ul.unternavi > li {border-left:1px solid rgb(214,214,214); padding-left:9px;}
#navi ul.unternavi span.text, #navi ul.unternavi_rechts span.text { display:block; margin:0; padding-top:18px; padding-bottom:1px; color:rgb(43,153,207); font-weight:500;}
#navi a {text-decoration: none; color:rgb(183,183,183); display:block; padding:1px 0 1px 0px;}
#navi #hg { background:url("blau-hg.png") top left repeat; height: 487px; width: 875px; }


#navi li:hover span.projekt_bereich { border-left-color:rgb(153,153,153); color:rgb(255,255,255); }
#navi li:hover .unternavi, #navi li:hover .unternavi_rechts { display:block; }
#navi .unternavi:hover { display:block; }
#navi a:hover { color:rgb(255,255,255); }


/* iPad & Co. */
#navi li.hover span.projekt_bereich { border-left-color:rgb(153,153,153); color:rgb(255,255,255); }
#navi li.hover .unternavi, #navi li.hover .unternavi_rechts { display:block; }
#navi .unternavi.hover { display:block; }
#navi a.hover { color:rgb(255,255,255); }


#metanavi {
	position:absolute; top:10px; left: 20px; width:auto; height:auto; padding:0; margin:0; z-index:300;
	list-style:none;
}
#metanavi li#bauherren {
	position:absolute;
	left:183px;
	top:0;
}
#metanavi ul, #metanavi li {list-style:none;padding:0;margin:0;}
#metanavi > li { width:auto; float:left; font-weight:700;}
#metanavi > li > ul { 
	position:absolute;
	top:86px;
	width:672px;
	display:none;
	left:-203px;
	height:467px;
	background:url("blau-hg.png");
	padding:0px 0 20px 203px;
}
.Team .Bauherren_navi {
	height:405px !important;
}
.Team .unternavi, .Team .unternavi_rechts {
	height:425px !important;
}


#metanavi a, #metanavi span.text {text-decoration: none; color:rgb(102,102,102); padding:0 10px 0 9px; border-left:1px solid rgb(214,214,214);}
#metanavi a:hover { color:rgb(255,255,255); }
#metanavi > li > span.text {
	display:block;
	height:86px;
}
#metanavi ul a { color:rgb(214,214,214);}


#metanavi > li:hover ul { display:block; }

#metanavi > li:hover span.text {
	border-left: 1px solid rgb(153,153,153);
	color:white;
	height:86px;
}
#metanavi > li:hover ul span.text {
	background-color:transparent;
	font-weight:500;
	border-left-width:0;
	padding-left:0;
	color:rgb(214,214,214);
	color:rgb(193,193,193);
}

#metanavi > li:hover ul li { padding-bottom:5px !important; line-height: 1.1em; padding-left:10px; width:auto !important; border-left:1px solid rgb(214,214,214);}
#metanavi > li:hover ul li:hover span.text { color:white; } 

#metanavi li:hover ul li ul { position:absolute; right:0px; width:410px; display:none; padding:0; font-weight:500; }
#metanavi li:hover ul li:hover ul { display:block; background:url(); border-left:1px solid rgb(214,214,214);  margin-top:-1.4em; }
#metanavi li:hover ul li:hover ul li { margin:0; padding:0 0 5px 0 !important; }
#metanavi li:hover ul li:hover ul li a { border-left-width:0px !important; }


/* iPad & Co. */
#metanavi > li.hover ul { display:block; }
#metanavi > li.hover span.text {
	border-left: 1px solid rgb(153,153,153);
	color:white;
	height:86px;
}
#metanavi > li.hover ul span.text {
	background-color:transparent;
	font-weight:500;
	border-left-width:0;
	padding-left:0;
	color:rgb(214,214,214);
	color:rgb(193,193,193);
}
#metanavi > li.hover ul li { padding-bottom:5px !important; line-height: 1.1em; padding-left:10px; width:auto !important; border-left:1px solid rgb(214,214,214);}
#metanavi > li.hover ul li.hover span.text { color:white; } 

#metanavi li.hover ul li ul { position:absolute; right:0px; width:410px; display:none; padding:0; font-weight:500; }
#metanavi li.hover ul li.hover ul { display:block; background:url(); border-left:1px solid rgb(214,214,214);  margin-top:-1.4em; }
#metanavi li.hover ul li.hover ul li { margin:0; padding:0 0 5px 0 !important; }
#metanavi li.hover ul li.hover ul li a { border-left-width:0px !important; }






#starttext {
	font-size:1.2em;
	background-color:#fff;
	width:534px;
	padding:50px 30px;
	height:auto;
	opacity:0.92;
	line-height:1.5em;
}


#starttext {
	font-size:1.2em;
	background-color:#fff;
	/* width:504px; */
	margin-top:0px;
	padding:0px 0px 0px 60px;
	height:auto;
	opacity:0.92;
	line-height:1.5em;
}

#starttext_jq {
	font-size:1.4em;
	background:url() bottom left repeat-x #fff;
	width:504px;
	width: auto !important;
	margin-top:0px;
	margin-left:30px;
	margin-left:0;
	padding:0px 30px 0px 100px;
	height:auto;
	height:487px;
	opacity:0.92;
	line-height:1.5em;

}
#start_1 {padding-top:50px;}
#start_3 {padding-bottom:20px;}
#hochrunter {
	position:absolute;
	right:0;
	bottom:0;
	text-align:center;
	padding: 3px 6px;
}
#hochrunter:hover {
	cursor:pointer;
	/* text-decoration:underline; */
}

.schatten {
	-moz-box-shadow: 0px 5px 20px #444;
	-webkit-box-shadow: 0px 5px 20px #444;
	box-shadow: 20px;
}

.linksb {
	width:auto;
	float:left;
}

.abstand {
	height:45px;
}

#linkespalte {
	width:550px;
	float:left;
	position:relative;
}
#rechtespalte {
	/* position:absolute; */
	margin-left:594px;
	padding:0;
	height:auto;
	width:281px;
	overflow:hidden;
}
#linkespalte.halb {
	width:400px !important;
}
#rechtespalte.halb {
	width:400px !important;
	margin-left:474px;
}

#rechtespalte img { margin-bottom:0.2em; margin-left:-1px; }

.persondetails {
	display:block;
	position:absolute;
	left:358px;
	top:0;
	width:221px;
	height:77px;
	background-color:rgb(204,204,204);
	background-repeat:no-repeat;
	padding:235px 0 0 10px;
	z-index:5;
}

.weiss { background-color:rgb(255,255,255); }
.altweiss { background-color:rgb(240,240,240); }



#teamliste { margin: 0 0 50px 60px; list-style:none; padding:0; position:absolute; left:0;}
#teamliste_rechts { margin: 0 0 50px 210px; list-style:none; padding:0; position:absolute; left:0;}
#teamliste li { width:auto; }

#teamliste.noscr  li:hover .persondetails, #teamliste_rechts.noscr  li:hover .persondetails {
	z-index:10;
}

#teamliste .persondetails {
	left:298px;
}
#teamliste_rechts .persondetails {
	left:148px;
}

a {
	text-decoration:none;
	color:rgb(51,51,51);
	color:rgb(51,82,153);
}
a:hover {
	color:rgb(0,51,102);
	text-decoration:underline;
}





#unternavi {
	list-style:none;
	border-bottom:1px solid rgb(204,204,204);
	height:1.6em;
	padding:0;
	margin:0;
	margin-bottom:40px;
	font-size:12px;
	font-weight:700;
}
#unternavi li {
	float:left;
	width:auto;
	height:1.6em;
	padding-right:0.8em;
	color:rgb(51,51,51);
}
#unternavi li.unternavi_folgendes {
	border-left:1px solid rgb(204,204,204);
	padding-left:0.8em;
}
#unternavi li a {
	text-decoration:none;
	color:rgb(153,153,153);
}
#unternavi li a:hover {
	color:rgb(102,102,102);
}



/* Galleria Styles */		  


.galleria-container{
	position:relative;overflow:hidden;}
.galleria-container img{
	-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;}
.galleria-stage{
	position:absolute;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;}
.galleria-thumbnails {
	height:50px!important;}

.galleria-thumbnails-container{
	height:62px;bottom:1px;position:absolute;left:10px; right:290px;z-index:2;}

.galleria-carousel .galleria-thumbnails-list{
	margin-left:30px;margin-right:30px;}

.galleria-thumbnails .galleria-image{
	height:48px; width:89px;
	background:#777;margin:0 14px 1px 0;
	border:1px solid #fff;
	float:left;cursor:pointer;}

.galleria-counter{
	position:absolute;bottom:10px;left:10px;text-align:right;color:#fff;font:normal 11px/1 arial,sans-serif;z-index:2;}
.galleria-loader{
	width:20px;height:20px;position:absolute;top:10px;right:10px;z-index:2;
	display:none;background:url(dwjp-loader.gif) no-repeat 2px 2px;}
.galleria-info{
	width:50%;top:15px;left:15px;z-index:2;position:absolute;}
.galleria-info-text{
	background-color:#000;background-color:rgba(0,0,0,.9);padding: 12px;display:none;}
.galleria-info-title{font:bold 12px/1.1 arial,sans-serif;margin:0;color:#fff;}
.galleria-info-description{font:italic 12px/1.4 georgia,serif;margin:0;color:#bbb;}
.galleria-info-title+.galleria-info-description{margin-top:7px;}
.galleria-info-close{
	width:9px;height:9px;position:absolute;top:5px;right:5px;
	background-position:-753px -11px;opacity:.5;cursor:pointer;display:none;}
.galleria-info-link{
	background-position:-669px -5px;opacity:.8;
	position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000;}
.galleria-info-link:hover,
.galleria-info-close:hover{opacity:.5;}
.galleria-image-nav{position:absolute;top:50%;margin-top:-15px;width:100%;height:31px;left:0;}
.galleria-image-nav-left,
.galleria-image-nav-right{opacity:.0;cursor:pointer;width:16px;height:31px;position:absolute;left:10px;z-index:2;}
.galleria-image-nav-right{left:auto;right:10px;background-position:-300px 0;z-index:2;}
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover{opacity:.5;}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right{
	cursor:pointer;display:none;background-position:-495px 10px;
	position:absolute;left:0;top:0;height:50px;width:23px;z-index:3;opacity:.8;}
.galleria-thumb-nav-right{
	background-position:-578px 10px;border-right:none;right:0;left:auto;}
.galleria-thumbnails-container .disabled,
.galleria-thumbnails-container .disabled:hover{opacity:.5;cursor:default;}
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover{opacity:1;background-color:#ccc;}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right{display:block;}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right{background-image:url(dwjp-map.png);background-repeat:no-repeat;}