body { margin:0; padding:0; border:0; font-family: Verdana, Tahoma, Segoe, Arial, sans-serif; font-size: 11px; background-color: #FFFFFF; letter-spacing:0.3pt } h1 {font-size:11px; font-weight: 800; letter-spacing:0.1mm; color: #000000; margin-top: 0px; margin-bottom: 9px; } h2 {font-size:11px; font-weight: 800; letter-spacing:0.1mm; color: #000000; margin-top: 0px; margin-bottom: -9px; } h3 {font-size:11px; font-weight: 800; letter-spacing:0.1mm; color: #000000; margin-top: 18px; margin-bottom: -9px; } h4 {font-size:11px; font-weight: 300; color: #FFFFFF; margin-top: 8px; margin-bottom: 0px } h5 {font-size:12px; font-weight: 300; color: #FFFFFF; margin-top: 9px; margin-bottom: 0px; letter-spacing:0.5mm} h6 {font-size:11px; font-weight: 700; color: #FFFFFF; margin-top: 15px; margin-bottom: 0px; color:#000000 } p { font-size: 11px; line-height:12pt } p.ohne { font-size: 11px; line-height:12pt; } p.datum { font-size: 11px; line-height:12pt; color:#666666 } a:link.text { color: #000000; text-decoration:underline } a:visited.text { color: #000000; text-decoration:underline } a:hover.text { text-decoration:underline; color: #000000;} a:active.text { color: #000000; text-decoration:underline } a:link.active { text-decoration:none; color:#000000 } a:visited.active { text-decoration:none; color:#000000 } a:hover.active { text-decoration:none; color:#000000 } a:active.active { text-decoration:none; color:#000000 } a:link.passive { text-decoration:none;color:#FF6600; } a:visited.passive { text-decoration:none; color:#FF6600; } a:hover.passive { text-decoration:underline; color:#FF6600; } a:active.passive { text-decoration:none; color:#FF6600; } a:link.underline { text-decoration:none;color: #000000;} a:visited.underline { text-decoration:none; color:#000000; } a:hover.underline { text-decoration:none; color:#000000; font-weight:800 } a:active.underline { text-decoration:none; color:#000000; font-weight:800 } a:link.underline2 { text-decoration:none;color:#000000; } a:visited.underline2 { text-decoration:none; color:#000000; } a:hover.underline2 { text-decoration:none; color:#000000; font-weight:800 } a:active.underline2 { text-decoration:none; color:#000000; font-weight:800 } a:link.passive { text-decoration:none; color: #666; font-weight:800} a:visited.passive { text-decoration:none; color: #666; font-weight:800} a:hover.passive { text-decoration:underline; color: #666; font-weight:800} a:active.passive { text-decoration:none; color: #666; font-weight:800} a:link.button { color: #000000; font-weight: 400; font-size: 20px; text-decoration: none } a:hover.button { color: #000000; font-weight: 400; font-size: 20px; text-decoration: none; background-color: #CCFF00;} a:visited.button { color: #000000; font-weight: 400; font-size: 20px; text-decoration: none } a:active.button { color: #000000; font-weight: 400; font-size: 20px; text-decoration: none } a:link.jahre { color: #FFFFFF; text-decoration:none } a:visited.jahre { color: #FFFFFF; text-decoration:none} a:hover.jahre { color: #000000; text-decoration:none} a:active.jahre { color: #000000; text-decoration:none} a:link.jahrstop { color: #000000; text-decoration:none } a:visited.jahrstop { color: #000000; text-decoration:none} a:hover.jahrstop { color: #000000; text-decoration:none } a:active.jahrstop { color: #000000; text-decoration:none } /*layout ****************************************************************************************************************************/ #page { width:1100px; } #header { margin:0px 0 0 0px; background-color:#FFFFFF; } #container { margin:150px 0 0px; height:500px } #footer { margin:50px 0 0 200px; font-size:10px; color:#999999 } #startlogo {margin-left:25%; width:55%; float:left } #logo { padding-left:540px; padding-top:11px; } #navigation { padding-left:540px; padding-top:6px; } #bauten { margin-left:540px; line-height:18px } #text { margin-left:540px; width:350px } #bildteil { margin-left:70px; width:540px;} #bild { width:400px; float:left } #bildteil_big { width:940px; float:left } #bild_big { width:800px; float:left } #bild_start { position:absolute; left:206px; top:77px; } /*pic navibar*/ #tabs { margin:0px 0px 0px 70px; float:left; } #tabs ul { margin:0; padding:0; list-style-type:none; } #tabs li { margin-right:8px; float:left; } #tabs li a { margin:0 0 0 0px; display:block; } #tabs li a:hover { } #tabs li a:hover span { } #tabs span { display:block; width:60px; height:40px; padding-top:48px } .clear { clear:both; } /*picture identity*/ /*aktuell ****************************************************************************************************************************/ #pid110 span { background-image:url(img/icons/works/2010_1.jpg); background-repeat:no-repeat; } #pid110 span:hover { background-image:url(img/icons/works/2010.jpg); background-repeat:no-repeat; } #pid110a span { background-image:url(img/icons/works/2010.jpg); background-repeat:no-repeat; } /* #pid111 span { background-image:url(img/icons/aktuell2.jpg); background-repeat:no-repeat; } #pid111 span:hover { background-image:url(img/icons/aktuell1.jpg); } #pid111a span { background-image:url(img/icons/aktuell1.jpg); } #pid112 span { background-image:url(img/icons/aktuell2.jpg); background-repeat:no-repeat; } #pid112 span:hover { background-image:url(img/icons/aktuell1.jpg); } #pid112a span { background-image:url(img/icons/aktuell1.jpg); } #pid113 span { background-image:url(img/icons/aktuell2.jpg); background-repeat:no-repeat; } #pid113 span:hover { background-image:url(img/icons/aktuell1.jpg); } #pid113a span { background-image:url(img/icons/aktuell1.jpg); } #pid114 span { background-image:url(img/icons/aktuell2.jpg); background-repeat:no-repeat; } #pid114 span:hover { background-image:url(img/icons/aktuell1.jpg); } #pid114a span { background-image:url(img/icons/aktuell1.jpg); } #pid115 span { background-image:url(img/icons/aktuell2.jpg); background-repeat:no-repeat; } #pid115 span:hover { background-image:url(img/icons/aktuell1.jpg); } #pid115a span { background-image:url(img/icons/aktuell1.jpg); }/ /*geplant *****************************************************************************************************************************/ #pid120 span { background-image:url(img/icons/geplant/11.jpg); background-repeat:no-repeat; } #pid120 span:hover { background-image:url(img/icons/geplant/12.jpg); background-repeat:no-repeat; } #pid120a span { background-image:url(img/icons/geplant/12.jpg); background-repeat:no-repeat; } #pid121 span { background-image:url(img/icons/geplant/21.jpg); background-repeat:no-repeat; } #pid121 span:hover { background-image:url(img/icons/geplant/22.jpg); background-repeat:no-repeat; } #pid121a span { background-image:url(img/icons/geplant/22.jpg); background-repeat:no-repeat; } #pid122 span { background-image:url(img/icons/geplant/31.jpg); background-repeat:no-repeat; } #pid122 span:hover { background-image:url(img/icons/geplant/32.jpg); background-repeat:no-repeat; } #pid122a span { background-image:url(img/icons/geplant/32.jpg); background-repeat:no-repeat; } #pid123 span { background-image:url(img/icons/geplant/41.jpg); background-repeat:no-repeat; } #pid123 span:hover { background-image:url(img/icons/geplant/42.jpg); background-repeat:no-repeat; } #pid123a span { background-image:url(img/icons/geplant/42.jpg); background-repeat:no-repeat; } /* #pid124 span { background-image:url(img/icons/geplant/05low.jpg); background-repeat:no-repeat; } #pid124 span:hover { background-image:url(img/icons/geplant/05.jpg); } #pid124a span { background-image:url(img/icons/geplant/05.jpg); } #pid125 span { background-image:url(img/icons/geplant/06low.jpg); background-repeat:no-repeat; } #pid125 span:hover { background-image:url(img/icons/geplant/06.jpg); } #pid125a span { background-image:url(img/icons/geplant/06.jpg); } / /*gebaut ****************************************************************************************************************************/ #pid130 span { background-image:url(img/icons/gebaut/11.jpg); background-repeat:no-repeat; } #pid130 span:hover { background-image:url(img/icons/works/2008.jpg); background-repeat:no-repeat; } #pid130a span { background-image:url(img/icons/works/2008.jpg); background-repeat:no-repeat; } #pid131 span { background-image:url(img/icons/gebaut/21.jpg); background-repeat:no-repeat; } #pid131 span:hover { background-image:url(img/icons/gebaut/22.jpg); background-repeat:no-repeat; } #pid131a span { background-image:url(img/icons/gebaut/22.jpg); background-repeat:no-repeat; } #pid132 span { background-image:url(img/icons/gebaut/31.jpg); background-repeat:no-repeat; } #pid132 span:hover { background-image:url(img/icons/works/2007.jpg); background-repeat:no-repeat; } #pid132a span { background-image:url(img/icons/works/2007.jpg); background-repeat:no-repeat; } #pid133 span { background-image:url(img/icons/gebaut/42.jpg); background-repeat:no-repeat; } #pid133 span:hover { background-image:url(img/icons/works/2005.jpg); background-repeat:no-repeat; } #pid133a span { background-image:url(img/icons/works/2005.jpg); background-repeat:no-repeat; } #pid134 span { background-image:url(img/icons/gebaut/51.jpg); background-repeat:no-repeat; } #pid134 span:hover { background-image:url(img/icons/gebaut/52.jpg); background-repeat:no-repeat; } #pid134a span { background-image:url(img/icons/gebaut/52.jpg); background-repeat:no-repeat; } #pid135 span { background-image:url(img/icons/gebaut/61.jpg); background-repeat:no-repeat; } #pid135 span:hover { background-image:url(img/icons/gebaut/62.jpg); background-repeat:no-repeat; } #pid135a span { background-image:url(img/icons/gebaut/62.jpg); background-repeat:no-repeat; } /*werk ***********************************************************************************************************************************/ #pid140 span { background-image:url(img/icons/werk2.jpg); background-repeat:no-repeat; } #pid140 span:hover { background-image:url(img/icons/werk1.jpg); } #pid140a span { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid141 span { background-image:url(img/icons/werk2.jpg); background-repeat:no-repeat; } #pid141 span:hover { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid141a span { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid142 span { background-image:url(img/icons/werk2.jpg); background-repeat:no-repeat; } #pid142 span:hover { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid142a span { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid143 span { background-image:url(img/icons/werk2.jpg); background-repeat:no-repeat; } #pid143 span:hover { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid143a span { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid144 span { background-image:url(img/icons/werk2.jpg); background-repeat:no-repeat; } #pid144 span:hover { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid144a span { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid145 span { background-image:url(img/icons/werk2.jpg); background-repeat:no-repeat; } #pid145 span:hover { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } #pid145a span { background-image:url(img/icons/werk1.jpg); background-repeat:no-repeat; } /*publikation ****************************************************************************************************************************/ #pid150 span { background-image:url(img/icons/publi2.jpg); background-repeat:no-repeat; } #pid150 span:hover { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid150a span { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid151 span { background-image:url(img/icons/publi2.jpg); background-repeat:no-repeat; } #pid151 span:hover { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid151a span { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid152 span { background-image:url(img/icons/publi2.jpg); background-repeat:no-repeat; } #pid152 span:hover { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid152a span { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid153 span { background-image:url(img/icons/publi2.jpg); background-repeat:no-repeat; } #pid153 span:hover { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid153a span { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid154 span { background-image:url(img/icons/publi2.jpg); background-repeat:no-repeat; } #pid154 span:hover { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid154a span { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid155 span { background-image:url(img/icons/publi2.jpg); background-repeat:no-repeat; } #pid155 span:hover { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } #pid155a span { background-image:url(img/icons/publi1.jpg); background-repeat:no-repeat; } /*kontakt ********************************************************************************************************************************/ #pid160 span { background-image:url(img/icons/works/2006_1.jpg); background-repeat:no-repeat; } #pid160 span:hover { background-image:url(img/icons/works/2006.jpg); background-repeat:no-repeat; } #pid160a span { background-image:url(img/icons/works/2006.jpg); background-repeat:no-repeat; } #pid161 span { background-image:url(img/icons/kontakt/02.jpg); background-repeat:no-repeat; } #pid161 span:hover { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid161a span { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid162 span { background-image:url(img/icons/kontakt/02.jpg); background-repeat:no-repeat; } #pid162 span:hover { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid162a span { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid163 span { background-image:url(img/icons/kontakt/02.jpg); background-repeat:no-repeat; } #pid163 span:hover { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid163a span { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid164 span { background-image:url(img/icons/kontakt/02.jpg); background-repeat:no-repeat; } #pid164 span:hover { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid164a span { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid165 span { background-image:url(img/icons/kontakt/02.jpg); background-repeat:no-repeat; } #pid165 span:hover { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid165a span { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } /*WERK ********************************************************************************************************************************/ #pid170 span { background-image:url(img/icons/works/2009_1.jpg); background-repeat:no-repeat; } #pid170 span:hover { background-image:url(img/icons/works/2009.jpg); background-repeat:no-repeat; } #pid170a span { background-image:url(img/icons/works/2009.jpg); background-repeat:no-repeat; } #pid180 span { background-image:url(img/icons/geplant/03low.jpg); background-repeat:no-repeat; } #pid180 span:hover { background-image:url(img/icons/geplant/03n.jpg); background-repeat:no-repeat; } #pid180a span { background-image:url(img/icons/geplant/03n.jpg); background-repeat:no-repeat; } #pid190 span { background-image:url(img/icons/geplant/21.jpg); background-repeat:no-repeat; } #pid190 span:hover { background-image:url(img/icons/geplant/22.jpg); background-repeat:no-repeat; } #pid190a span { background-image:url(img/icons/geplant/22.jpg); background-repeat:no-repeat; } #pid200 span { background-image:url(img/icons/kontakt/02.jpg); background-repeat:no-repeat; } #pid200 span:hover { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } #pid200a span { background-image:url(img/icons/kontakt/01.jpg); background-repeat:no-repeat; } /*****************************************************************************************************************************************/