@charset "utf-8";
/* CSS - ff */

/* Standards */
*				{margin: 0; padding: 0;	}
html, body		{min-height: 100%; height: auto; height: 100%; }
body			{font-size: 76%; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/layout/body_back.png) repeat-x #000; behavior:url("csshover2.html");}

p				{font-weight:normal; font-size: 0.9em; color:#171616; text-align:left; line-height:140%;}
.textInnerFree p {color: #c4c4c4;} 
p.zitat			{font-size: 16px; text-align:center;}
p.justify		{text-align:justify;}

ul 				{list-style:none;}
img				{border:none;}

a, a:visited	{text-decoration: none; color:#fff; font-weight: normal;}
a:hover	 		{color:#f3ebeb; text-decoration:underline;}	
a:hover	img	 		{filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }


.nofloat		{clear: both;}
.floatright		{float: right;}
.floatleft 		{float: left;}
.png			{behavior: url(iepngfix.html);}
.center			{text-align:center;}
.rechts			{text-align:right; padding:10px 0 20px 0;}
.gross			{text-transform:uppercase;}


h1 span			{text-indent: -9999px; display:block;}
h2				{font-size: 0.9em; color: #fff; text-transform:uppercase; font-weight: normal;}
h3				{font-size: 0.9em; color: #c4c4c4; text-transform:uppercase; font-weight: normal;}

#buero h3, #kontakt h3, #profil h3, #impressum h3, #danke h3, #spektrum_staedtebau h3, #spektrum_architektur h3, #spektrum_produktdesign h3, #hassan_ghaemi h3 {border-bottom: 1px solid #c4c4c4; padding-bottom: 2px;}

#impressum h3	{margin-bottom: 2px;}


/* Layoutelemente */
#zip			{background: url(../images/layout/body_back.png) repeat-x #000; min-height: 100%;}
#wrapper 		{width:906px; margin: 0 auto;}
#head			{width:906px; height: 28px; margin: 56px 0 35px 1px; background:url(../images/layout/logo.png) no-repeat; behavior: url(iepngfix.html);}
#gal			{height: 133px; width: 906px; background: #2b3338; margin-bottom: 32px;}
#zStart			{background:url(../images/layout/z1.gif) left no-repeat; height: 50px; width: 49px;}
#zEnde			{background:url(../images/layout/z1.gif) bottom right no-repeat; padding: 35px 50px 20px 5px; }

.zitat			{width: 255px;}
.nachobendiv	{width: 200px;}
.nachobendiv a,
.nachobendiv a:visited {color: #4f4f4f; text-decoration: none; border-bottom: 1px outset #2e2e2e; padding-left: 20px; padding-bottom: 2px;}
.nachobendiv a:hover {color: #8d8d8d; border-bottom: 1px outset #4d4d4d;}

.textspalte		{width: 420px;}
.textspalteBig	{width: 100%;}
.textspalteAb	{margin-left: 65px;}
.freeAb			{margin-top: 80px;}
.padStart		{margin-top: 150px;}
.padZ			{padding: 28px 0 0 10px;}
.textspalte2row	{margin-left: 40px;}
.textInner		{background: #c9c9c9; height:100%;}
.textInnerFree		{background: transparent;}
.textInnerBild	{background: #2e373c; margin: 26px 20px 20px 0; padding-bottom: 15px; background:url(../images/layout/plus.gif) bottom right no-repeat;}
.textInnerBildSp	{margin: 26px 20px 20px 20px;}
.textInnerBildFree	{background: #2e373c; margin: 12px 20px 20px 0; padding-bottom: 15px; background:url(../images/layout/plus.gif) bottom right no-repeat;}
.textInnerText	{margin-top: 27px; width: 230px; padding-bottom: 30px; }
.textInnerText2row	{margin-top: 27px; width: 230px; padding-bottom: 30px; }
.textInnerText2form	{margin-top: 27px; width: 400px; padding-bottom: 30px; }
.textInnerTextCMS	{margin-top: 27px; width: 620px; padding-bottom: 30px; }
.textInnerTextFree	{padding: 20px 30px 20px 20px; }
.textInnerTextFreeBig	{width: 100%; padding: 20px 30px 20px 20px; }

.pdfrow			{}
.pdfDL			{background:url(../images/layout/pdf.png) no-repeat; margin-left: 8px; margin-top: 1px; padding-left: 11px;}
.pdfDL a,
.pdfDL a:visited	{text-decoration: none; color: #bfb2b2; display:block; padding: 3px 0 4px 40px;}
.pdfDL a:hover		{text-decoration: underline;}
.nachoben		{}
.bottomcon		{height: 22px; border-top: 1px solid #000; background: #2d353a;}


.abstandNorm	{padding-bottom: 40px;}
.abstandCat		{padding-bottom: 80px;}
.abstandNormF	{margin-bottom: 30px;}
.abstandCatF	{margin-top: 80px;}
.beLine			{display: inline;}
.beR			{position: relative; overflow: hidden;}
.abstandProf	{padding-top: 10px;}
.abstandKon		{padding-top: 12px;}
.txtR			{text-align: right;}
.proText		{margin-top: 27px; padding:0 20px 30px 20px;}

.spstadt		{width:700px; padding:40px 0 0 0;}
.spstadtAB		{margin:15px 0 0 0;}
.spstadtAB2		{margin:40px 0 0 0;}
.textInnerBildspstadt	{background: #2e373c; background:url(../images/layout/plus.gif) bottom right no-repeat;}
.sparch01		{width:230px;}
.sparch02		{width:470px;}

.marbo25		{margin-bottom:25px;}

table.tabbuero	{font-weight:normal; font-size: 0.9em; color:#c4c4c4; text-align:left; line-height:140%; margin:40px 0 0 158px;}
table.tabbuero2	{font-weight:normal; font-size: 0.9em; color:#c4c4c4; text-align:left; line-height:140%; margin:15px 0 15px 0;}
table.tabbuero tr td.tabb01	{width:200px; padding:0 0 0 40px;}
table.tabbuero tr td.tabb02	{padding:0 20px 0 0;}
table.tabbuero2 tr td.tabb03	{width:100px;}
table.tabbuero2 tr td.tabb04	{padding:0 0 0 20px;}
body#hassan_ghaemi	{background-color:#0c1b22; background-image:none;}
.popAB			{padding:30px;}

#mycarousel li		{float: left;}

/* Listen */
.textInnerFree ul,
.textInner ul,
.textInnerText2row ul	{padding-left: 20px; margin: 10px 0;}

.textInnerFree ul li,
.textInner ul li,
.textInnerText2row ul li	{padding: 1px 0 0px 15px; font-weight:normal; font-size: 0.9em; line-height: 140%; }

.textInnerText ul.pro 	{padding-left:5px;}

.textInnerFree ul li,
.textInnerText2row ul li	{color: #c4c4c4; background:url(../images/li_free.gif) no-repeat;}
.textInner ul li	{color: #171616; background:url(../images/li.gif) no-repeat;}


/* Subnavi */
#subnav			{margin-top: 20px; display:inline;}
#subnav ul		{list-style: none;}
#subnav	li		{display: inline; color: #b8b2b2; padding: 0 10px 0 10px; font-size: 0.9em; border-left: 1px solid #620d0d;}
#subnav	li.start	{border: none;}
#subnav	li.end		{padding-right: 0;}
#subnav	li a,
#subnav	li a:visited	{text-transform:uppercase; text-decoration: none; color: #b8b2b2;}
#subnav	li a.active,
#subnav	li a:visited.active,
#subnav li a:hover		{text-decoration: underline;}


/* Catfish */
#catfish		{position:fixed; bottom:0; width:100%; z-index:99; background: #4e0808; }
#catfish ul		{list-style: none;  padding: 13px 0 15px 0; height: 15px;}
#catfish ul li	{float: left; position:relative; padding: 0px;}
#catfish ul li a,
#catfish ul li a:visited	{text-decoration:none; text-transform: uppercase; padding: 5px 15px; color: #bfb2b2; font-size: 0.9em; border-right: 1px solid #340606;}
#catfish ul li a.active,
#catfish ul li a:visited.active,
#catfish ul li a:hover	{background: #340606; padding: 15px;}
#catfishWrap	{width: 860px; margin: 0 auto; position: relative;}


div#projekte			{position:absolute; left:0; top: -153px; z-index:1000; background:#490808; width: 160px; padding: 15px 10px 10px 10px; display: none;}

#catfish ul li div#projekte a,
#catfish ul li div#projekte a:visited	{text-decoration:none; text-transform: uppercase; padding: 5px; color: #bfb2b2; margin: 0; font-size: 0.73em; border-bottom: 1px solid #340606; border-right: none; display:block; width: 150px;}
#catfish ul li div#projekte a.active,
#catfish ul li div#projekte a:visited.active,
#catfish ul li div#projekte a:hover	{background: #340606;}

div#spektrum			{position:absolute; left:0; top: -107px; z-index:1000; background:#490808; width: 160px; padding: 15px 10px 10px 10px; display: none;}

#catfish ul li div#spektrum a,
#catfish ul li div#spektrum a:visited	{text-decoration:none; text-transform: uppercase; padding: 5px; color: #bfb2b2; margin: 0; font-size: 0.73em; border-bottom: 1px solid #340606; border-right: none; display:block; width: 150px;}
#catfish ul li div#spektrum a.active,
#catfish ul li div#spektrum a:visited.active,
#catfish ul li div#spektrum a:hover	{background: #340606;}

/* Fest 
#index #sn01 a, #index #sn01 a:visited,
#impressum #sn03 a, #impressum #sn03 a:visited,
#kontakt #sn02 a, #kontakt #sn02 a:visited	{text-decoration: underline;}

#profil #link0 a, #profil #link0 a:visited,
#spektrum #link1 a, #spektrum #link1 a:visited,
#gewerblicherhochbau #link201 a, #gewerblicherhochbau #link201 a:visited,
#gewerblicherhochbau #link2 a, #gewerblicherhochbau #link2 a:visited,
#staedtebau #link202 a, #staedtebau #link202 a:visited,
#staedtebau #link2 a, #staedtebau #link2 a:visited,
#wohnungsbau #link203 a, #wohnungsbau #link203 a:visited,
#wohnungsbau #link2 a, #wohnungsbau #link2 a:visited,
#informationen #link3 a, #informationen #link3 a:visited,
#buero #link5 a, #buero #link5 a:visited				{background: #340606; padding: 15px;}


#gewerblicherhochbau #link202 a, #gewerblicherhochbau #link202 a:visited,
#gewerblicherhochbau #link203 a, #gewerblicherhochbau #link203 a:visited,
#gewerblicherhochbau #link204 a, #gewerblicherhochbau #link204 a:visited,
#staedtebau #link201 a, #staedtebau #link201 a:visited,
#staedtebau #link203 a, #staedtebau #link203 a:visited,
#staedtebau #link204 a, #staedtebau #link204 a:visited,
#wohnungsbau #link201 a, #wohnungsbau #link201 a:visited,
#wohnungsbau #link202 a, #wohnungsbau #link202 a:visited,
#wohnungsbau #link204 a, #wohnungsbau #link204 a:visited				{background:#490808;}
*/