/*

	farbdefinitionen:
   - dunkel grau (hintergrund): 			#26231e
   - rot 1 (index bg): 						#ae0a0a
   - rot 2 (nav line dunkle seiten): 	#c40909
   - grau schrift: 							#BBBBBB


*/
body {
	background:url(../_gfx/masterBG.gif) no-repeat center top #26231e;
   font-size:11px;
   font-family:arial, sans-serif;
   color:#BBBBBB;
   line-height:18px;
   /* */
   margin:20px auto 0 auto;
   text-align:center;
}

a,
a:link {
	color:#7b7873;
   text-decoration:none;
}

a:visited {
	color:#7b7873;
   text-decoration:none;
}

a:focus,
a:hover,
a:active {
	color:#bcbbb9;
   cursor:pointer;
   text-decoration:none;
}

#content a,
#content a:link {
	color:#BBBBBB;
   text-decoration:underline;
}

#content a:visited {
	color:#BBBBBB;
   text-decoration:underline;
}

#content a:focus,
#content a:hover,
#content a:active {
	color:#BBBBBB;
   cursor:pointer;
   text-decoration:none;
}

a.activLink,
a:link.activLink,
a:visited.activLink,
a:focus.activLink,
a:hover.activLink,
a:active.activLink {
	color:#bcbbb9;
   text-decoration:none;
}

#main_nav a.activLink,
#main_nav a:link.activLink,
#main_nav a:visited.activLink,
#main_nav a:focus.activLink,
#main_nav a:hover.activLink,
#main_nav a:active.activLink,
#sub_nav a.activLink,
#sub_nav a:link.activLink,
#sub_nav a:visited.activLink,
#sub_nav a:focus.activLink,
#sub_nav a:hover.activLink,
#sub_nav a:active.activLink


 {
	color:#bcbbb9;
   text-decoration:none;
}

/*
= item_nav styles | liste der projekte innerhalb der projekt- / konzeptgruppen
*/
#item_nav a,
#item_nav a:link,
#item_nav a:visited {
 	text-decoration:none;
	color:#7b7873;
}

#item_nav a:focus,
#item_nav a:hover,
#item_nav a:active,
#item_nav a.activLink,
#item_nav a:link.activLink,
#item_nav a:visited.activLink,
#item_nav a:focus.activLink,
#item_nav a:hover.activLink,
#item_nav a:active.activLink {
	color:#bcbbb9;
   cursor:pointer;
   text-decoration:none;
}

/*
	= raster - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#clicker {
 	position:absolute;
   left:0px;
   top:0px;
   width:20px;
   height:20px;
}

#debug {
 	width:200px;
   background:#000000;
   color:#FF00FF;
   font-family:monospace;
   position:absolute;
   left:0px;
   top:0px;
   display:none;/**/
}

#website_wrapper {
 	/*position:absolute;
   left:0px;
   top:50%;*/
   width:100%;
   height:608px;
   /*margin-top:-304px;*/
	background:url(../_gfx/masterBG.gif) no-repeat center top #26231e;
   display:none;
}

#website {
  /*	position:absolute;
   top:48px;
   left:50%;            */
   width:920px;
   height:608px;
  /* margin-left:-460px;
   margin-top:-304px;
   background:#48433b;*/
   margin:auto;
   text-align:left;
}

#topper {
	position:absolute;
   top:0px;
   right:0px;
   width:757px;
   height:100px;
   background:url(../_gfx/topperBG.gif) repeat-x left 75px;
}

#main_nav {
 	position:absolute;
   top:51px;
   left:0px;
   width:100%;
   height:24px;
}

#sub_nav {
 	position:absolute;
   bottom:0px;
   left:0px;
   width:100%;
   height:24px;
}


#footer {
 	position:absolute;
   left:163px;
   bottom:23px;
   width:757px;
   height:18px;
}

#langChooser {
 	position:absolute;
   right:0px;
   bottom:26px;
   width:112px;
   height:16px;   ´
}

#content {
 	position:absolute;
   left:0px;
   top:137px;
   height:427px;
   width:808px;
  	background:url(../_gfx/content_topLine_overlay.gif) no-repeat 143px top;
  	/*background:#333366;*/

}



#item_nav {
 	position:absolute;
   left:0px;
   top:7px;
   width:143px;
   height:370px;
}

#item_detail_kont {
 	position:absolute;
   left:0px;
   bottom:0px;
   width:143px;
}

#moodImage_box {
 	position:absolute;
   left:163px;
   top:0px;
   width:645px;
   height:136px;
}

#iFrame_box {
 	position:absolute;
   left:163px;
   top:157px;
   width:625px;
   height:268px;
}

#iFrame_scroller {
 	position:absolute;
   top:157px;
   left:788px;
   width:20px;
   height:250px;
}

#moddXImage_box {
 	position:absolute;
   left:163px;
   top:0px;
   width:645px;
   height:427px;
}

#adresse_ham, #adresse_ham_kon {
   position:absolute;
   left:83px;
   top:158px;
}

#adresse_gen, #adresse_gen_kon {
 	position:absolute;
   left:303px;
   top:158px;
}

#adresse_ham_kon {
 	left:0px;
   top:0px;
}

#adresse_gen_kon {
   left:220px;
   top:0px;
}

#item_detail {
 	position:absolute;
   left:163px;
   top:1px;
   width:645px;
   height:426px;
   background:#26231e;
}

#item_teaser {
 	position:absolute;
   left:0px;
   bottom:20%;
   width:645px;
   height:115px;
}

.item_teaser_bg {
 	width:645px;
   height:115px;
   position:absolute;
   left:0px;
   top:0px;
   background:#8d0606;
   filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
   z-index:4;
}

.item_teaser_con {
	width:605px;
   position:absolute;
   left:20px;
   bottom:20px;
   z-index:5;
}

#text_detail_box {
 	position:absolute;
   top:1px;
   left:163px;
   width:645px;
   height:425px;
   z-index:100;
}

#bilder_detail_box {
 	position:absolute;
   top:1px;
   left:163px;
   width:645px;
   height:426px;
}

.close {
   filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.show {
   filter:alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
}

/*
 = text projekt / konzept | detail-ansicht
*/
.td_box_bg {
	position:absolute;
   left:0px;
   top:0px;
 	width:100%;
   height:100%;
   background:#000;
   filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.td_box_text {
 	position:absolute;
   left:20px;
   bottom:20px;
   width:605px;
}

#text_detail_box h3 {
 	font-size:13px;
   font-weight:bold;
}

.td_box_close {
 	position:absolute;
   right:20px;
   top:20px;
}

#item_detailBT {
	position:absolute;
   left:0px;
   bottom:25px;
   font-size:10px;
   width:150px;
   text-align:right;
}

#content #text_detail_box .td_box_close a,
#content #text_detail_box .td_box_close a:hover {
 	text-decoration:none;
   padding:0px 17px 0px 0px;
   background:url(../_gfx/text_detail_closeIco.gif) no-repeat right center;

}

#content #item_detailBT a,
#content #item_detailBT a:hover {
 	text-decoration:none;
   color:#7a7772;
}

#content #item_detailBT a:hover {
 	color:#bcbbb7;
}

.subTitel { font-style:italic; }

/*
	= topper content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.ham-gen_label {
 	position:absolute;
   right:0px;
   top:0px;
   width:113px;
   height:20px;
   background:url(../_gfx/ham-gen_label.gif) no-repeat left top;
}

.ham-gen_label span { display:none; }

#topper h1 {
 	position:absolute;
   left:0px;
   top:0px;
   width:286px;
   height:20px;
   background:url(../_gfx/pfp-architekten_brand.gif) no-repeat left top;
}

#topper h1 span { display:none; }

#topper h1 a,
#topper h1 a:hover {
	width:100%;
   height:100%;
   display:block;
}


/*
	= main_nav, sub_nav, item_nav  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#main_nav {	font-size:1.3em; font-weight:bold; }
#main_nav ul { margin:0px 0px 0px 1px; }
#main_nav ul li {	float:left; margin:0px 40px 0px 0px; }

#sub_nav { font-size:1.1em; font-weight:bold; }
#sub_nav ul { margin:4px 0px 0px 1px; }
#sub_nav ul li { float:left; margin:0px 23px 0px 0px; }

#item_nav { text-align:right; font-weight:bold; }
#item_nav ul li { margin:0px 0px 10px 0px; line-height:13px; }


/*
	= content std - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.tab {
 	float:left;
   display:block;
   width:40px;
}
.tab-2 {
 	float:left;
   display:block;
   text-align:right;
   margin:0px 20px 0px 0px;
   font-weight:bold;
}

h1 {
 	font-size:14px;
   margin:0px 0px 5px 0px;
}

h2 {
 	font-size:12px;
   font-weight:bold;
   margin:15px 0px 0px 0px;
}

#item_teaser {
	line-height:1em;
}

#item_teaser div.detailBT a,
#item_teaser div.detailBT a:hover {
 	text-decoration:none;
}

#item_teaser h2 {
 	font-size:14px;
   font-weight:normal;
   float:left;
   margin:0px;
}

#item_teaser .detailBT {
 	float:right;
}

.listItem_jahr {
  /* height:40px;*/
 	font-weight:bold;
   margin:10px 0px 0px 0px;
}

#buero_teaserText {
 	position:absolute;
   left:20px;
   bottom:20px;
   width:600px;
   line-height:18px;
}

#buero_teaserText h2 {
	display:block;
   clear:both;
   width:100%;
 	font-size:14px;
   font-weight:normal;
   margin:0px;
}


/*
	= items detail ansicht - - - - - - - - - - - - - - - - - -
*/
#imgScroller {
 	display:block;
   clear:both;
   height:20px;
   width:98px;
   float:right;
}

.imgScr_label {
 	float:left;
}

.imgScr_BT {
 	float:right;
}

.proTextDetail {
 	text-align:right;
}


/*
	= scroller - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#iFrame_scroller span { display:none; }

#iFrame_scroller .rauf,
#iFrame_scroller .runter {
   position:absolute;
   left:0px;
   width:20px;
   height:20px;
   display:block;
}
#iFrame_scroller .rauf { top:0px; }
#iFrame_scroller .runter {	bottom:0px; }

#iFrame_scroller .rauf a,
#iFrame_scroller .rauf a:hover,
#iFrame_scroller .runter a,
#iFrame_scroller .runter a:hover {
 	width:100%;
   height:100%;
   display:block;
}

#iFrame_scroller .rauf a,
#iFrame_scroller .rauf a:hover {
 	background:url(../_gfx/scr_up.gif) no-repeat left top;
}
#iFrame_scroller .rauf a:hover { background-position:left bottom; }

#iFrame_scroller .runter a,
#iFrame_scroller .runter a:hover {
 	background:url(../_gfx/scr_down.gif) no-repeat left top;
}
#iFrame_scroller .runter a:hover { background-position:left bottom; }



/*
	= footer content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#footer { font-size:10px; }

#footer ul { height:100%; }

#footer ul li { float:left; }

#footer .copy {
 	width:209px;
   height:100%;
	background:url(../_gfx/foo_brand.gif) no-repeat left top;
   text-indent:-9999px;
}

#footer .sep {
 	width:13px;
   height:18px;
   background:url(../_gfx/foo_sep.gif) no-repeat left top;
   text-indent:-9999px;
}

#footer .mailto { width:109px; height:18px; }
#footer .mailto a,
#footer .mailto a:hover {
	width:100%;
   height:100%;
   display:block;
   background:url(../_gfx/foo_mailto.gif) no-repeat left top;
}
#footer .mailto a:hover { background-position:left bottom; }
#footer .mailto a span { display:none; }

#footer .impr { width:51px; height:18px; }
#footer .impr a,
#footer .impr a:hover {
	width:100%;
   height:100%;
   display:block;
   background:url(../_gfx/foo_impr.gif) no-repeat left top;
}
#footer .impr a:hover { background-position:left bottom; }
#footer .impr a span { display:none; }
/*
	= langChooser content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#langChooser ul li { float:left; }

#langChooser .de {
 	width:38px;
   height:16px;
   background:url(../_gfx/langChooser_de.gif) no-repeat left top;
}

#langChooser .gb {
 	width:37px;
   height:16px;
   background:url(../_gfx/langChooser_gb.gif) no-repeat left top;
}

#langChooser .it {
 	width:37px;
   height:16px;
   background:url(../_gfx/langChooser_it.gif) no-repeat left top;
}

#langChooser .de a,
#langChooser .de a:hover {
	width:100%;
   height:100%;
   display:block;
   background:url(../_gfx/langChooser_de.gif) no-repeat left top;

}
#langChooser .gb a,
#langChooser .gb a:hover {
	width:100%;
   height:100%;
   display:block;
   background:url(../_gfx/langChooser_gb.gif) no-repeat left top;


}

#langChooser .it a,
#langChooser .it a:hover {
	width:100%;
   height:100%;
   display:block;
   background:url(../_gfx/langChooser_it.gif) no-repeat left top;
}


#langChooser .de a:hover,
#langChooser .gb a:hover,
#langChooser .it a:hover {
	background-position:left bottom;
}

#langChooser #aktivLang a,
#langChooser #aktivLang a:hover {
	background-position:left bottom;
}


#langChooser .de a span,
#langChooser .gb a span,
#langChooser .it a span {
	display:none;
}

.clr {
	clear:both;
   width:1px;
   height:1px;
   display:block;
}