/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

.bottomMargin {margin:0 0 10px 0;}

/* ------------------------- LAYOUT ------------------------- */

body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c6075;}

#wrapper {background:url(images/bg.gif) 76px 30px no-repeat; position:absolute; top:50%; left:50%; width:896px; height:500px; margin-top:-250px; margin-left:-448px;}

#content {float:left; top:20px; position:relative; width:650px; height:440px;}

/* ------------------------- HEADER ------------------------- */

#header {height:20px; padding:0 0 10px 0; width:100%;}

h1#logo a {width:216px; height:13px; display:block; text-indent:-9999px; background:url(images/ducksch-anliker_logo.gif); position:absolute; right:20px; top:7px; line-height:13px;}

h2#slogan {width:484px; height:20px; text-indent:-9999px; line-height:20px; position:absolute; top:0; left:226px; background:url(images/slogan.gif);}

h2.title {width:197px; height:20px; text-indent:-9999px; line-height:20px; position:absolute; top:0; left:226px;}

h2#profil {background:url(images/title_das-profil.gif);}

h2#projekte {background:url(images/title_die-projekte.gif);}

h2#partner {background:url(images/title_die-partner.gif);}

h2#galerie {background:url(images/title_die-galerie.gif);}

h2#kontakt {background:url(images/title_der-kontakt.gif);}

h2#jobs {background:url(images/title_die-jobs.gif);}

h2#verkauf {background:url(images/title_der-verkauf.gif);}

h2#news {background:url(images/title_die-news.gif);}

h3 {font-size:12px; margin:0 0 10px 0; line-height:18px;}

h3 a {color:#4c6075;}

p {font-size:12px; line-height:18px;}

/* ------------------------- NAVIGATION ------------------------- */

#navigation {width:206px; margin:60px 20px 0 0; float:left;}

#mainNav {float:left; margin:0 20px 0 0;}

#mainNav li {font-size:12px; margin:5px 0; width:66px;}

/* Main nav */

#mainNav li a {display:block; width:66px; height:15px; text-indent:-9999px;}

#mainNav li a:hover, #mainNav li a.current {background-position:0 -15px;}

#btn_profil {background:url(images/btn_profil.gif) top left no-repeat;}

#btn_projekte {background:url(images/btn_projekte.gif) top left no-repeat;}

#btn_partner {background:url(images/btn_partner.gif) top left no-repeat;}

/* subnav */

.subnav {display:none;}

.subnav .current {display:block;}

.subnav li ul {display:none;}

.subnav li ul.current {display:block;}

.subnav {width:120px; display:block; float:left; margin:0; overflow:hidden;}

.subnav li a {display:block; width:120px; height:15px; margin:5px 0; text-indent:-9999px;}

#navigation .subnav li a:hover, #navigation .subnav li a.current {background-position:0 -15px;}

/* subNav Profil */

#btn_philosophie {background:url(images/btn_philosophie.gif) top left no-repeat; }

#btn_team {background:url(images/btn_team.gif) top left no-repeat;}

#btn_referenzen {background:url(images/btn_referenzen.gif) top left no-repeat;}

/* subNav Projekte */

#btn_wohnen {background:url(images/btn_wohnen.gif) top left no-repeat;}

#btn_retail {background:url(images/btn_retail.gif) top left no-repeat;}

#btn_industrie {background:url(images/btn_industrie.gif) top left no-repeat;}

#btn_diverses {background:url(images/btn_diverses.gif) top left no-repeat;}

#btn_kundenliste {background:url(images/btn_kundenliste.gif) top left no-repeat;}

/* subNav Wohnen */

#btn_efh {background:url(images/btn_efh.gif) top left no-repeat;}

#btn_anlagen {background:url(images/btn_anlagen.gif) top left no-repeat;}

/* subNav Retail */

#navigation .subnav li a#btn_wohn-geschaeftshaeuser {background:url(images/btn_wohn-geschaeftshaeuser.gif) top left no-repeat; height:31px; line-height:31px;}

#navigation .subnav li a#btn_wohn-geschaeftshaeuser:hover, #navigation .subnav li a#btn_wohn-geschaeftshaeuser.current {background-position:0 -31px;}

#btn_einkaufszentren {background:url(images/btn_einkaufszentren.gif) top left no-repeat;}

#btn_mieterausbauten {background:url(images/btn_mieterausbauten.gif) top left no-repeat;}

/* subNav Diverses */

#btn_umbauten {background:url(images/btn_umbauten.gif) top left no-repeat;}

#btn_oeffentlichebauten {background:url(images/btn_oeffentlichebauten.gif) top left no-repeat;}

#btn_studienauftraege {background:url(images/btn_studienauftraege.gif) top left no-repeat;}

#btn_wettbewerbe {background:url(images/btn_wettbewerbe.gif) top left no-repeat;}

#btn_spezielles {background:url(images/btn_spezielles.gif) top left no-repeat;}



#btn_dienstleistungen {background:url(images/btn_dienstleistungen.gif) top left no-repeat;}

#btn_architektur {background:url(images/btn_architektur.gif) top left no-repeat;}

#btn_promotion {background:url(images/btn_promotion.gif) top left no-repeat;}

#btn_totalunternehmung {background:url(images/btn_totalunternehmung.gif) top left no-repeat;}

#btn_generalplanung {background:url(images/btn_generalplanung.gif) top left no-repeat;}

#btn_beratung {background:url(images/btn_beratung.gif) top left no-repeat;}


#btn_inhaber {background:url(images/btn_inhaber.gif) top left no-repeat;}

#btn_mitarbeiter {background:url(images/btn_mitarbeiter.gif) top left no-repeat;}

#btn_freelancer {background:url(images/btn_freelancer.gif) top left no-repeat;}


#btn_abg {background:url(images/btn_abg.gif) top left no-repeat;}

#btn_baruzzo {background:url(images/btn_baruzzo.gif) top left no-repeat;}
#btn_portrait {background:url(images/btn_portrait.gif) top left no-repeat;}
#btn_verkaufbaruzzo {background:url(images/btn_verkauf.gif) top left no-repeat;}
#btn_baruzzokontakt {background:url(images/btn_baruzzokontakt.gif) top left no-repeat;}
#btn_baruzzodienstleistungen {background:url(images/btn_baruzzodienstleistungen.gif) top left no-repeat;}
#btn_baruzzoreferenzen {background:url(images/btn_baruzzoreferenzen.gif) top left no-repeat;}
#btn_baruzzoprojekte {background:url(images/btn_baruzzoprojekte.gif) top left no-repeat;}
#btn_vermietungbaruzzo {background:url(images/btn_vermietung.gif) top left no-repeat;}

#btn_swisscastello {background:url(images/btn_swisscastello.gif) top left no-repeat;}

#btn_scportrait {background:url(images/btn_scportrait.gif) top left no-repeat;}
#btn_schausideen {background:url(images/btn_schausideen.gif) top left no-repeat;}

#btn_fachpartner {background:url(images/btn_fachpartner.gif) top left no-repeat;}


#bottomNav {position:absolute; right:20px; bottom:0;}

#bottomNav li {display:inline; margin:0 0 0 10px;}

#bottomNav li a {color:#4c6075; text-decoration:none; text-transform:lowercase;}

#bottomNav li a:hover, #bottomNav li a.current {font-weight:bold;}

/* refNav */

.refNav li {display:inline; float:left; margin:0 10px 0 0;}

.refNav li a {text-decoration:none; color:#4c6075; line-height:12px;}

.refNav li a img {opacity:0.5; filter:alpha(opacity = 50);}

.refNav li.current a {font-weight:bold;}

.refNav li:hover a img {opacity:0.5; filter:alpha(opacity = 50);}

.refNav li.current a img  {opacity:1; filter:alpha(opacity = 100);}

/* ------------------------- CONTENT ------------------------- */

.upper {position:relative; height:140px; margin:0 0 40px 0;}

.scupper {position:relative; height:140px; margin:100px 0 40px 0;}

.text {position:absolute; bottom:0;}

.lower {position:relative; height:220px;}

.profil {position:absolute; bottom:40px;}

.profil p {margin:0 0 20px 0;}

.profil p a {text-decoration:underline; color:#4c6075;}

.profilText {float:left; width:210px; height:310px; margin:0 10px 0 0;}

.bildNav {text-align:right; width:540px; margin:0 0 0 110px;}

.bildNav li {display:inline; float:left; margin:0 10px 0 0;}

.bildNav li.last {margin:0;}

.partnerNav {text-align:right; width:650px; margin:0;}

.partnerNav li {display:inline; float:left; margin:0 2px 0 0;}

.partnerNav li.last {margin:0;}

.scNav {text-align:right; width:650px; margin:0;}

.scNav li {display:inline; float:left; margin:0 10px 0 0;}

.scNav li.last {margin:0;}

table.verkauf tr td ul {margin:0 0 20px 0;}

table.verkauf tr td ul li {line-height:18px;}

ul.minergie {margin:0 0 0 15px;}

ul.minergie li {list-style:square;}

.news {height:360px; overflow:auto; width:650px;}

.news div.post {margin:0 0 20px 0; width:600px;}

.news div.post h3 {margin:0;}

.news div.post p {margin:0 0 16px 0;}

/*Baruzzo Verkauf */

#baruzzoverkauf {position:relative; top:50px; left:0; padding:0; margin:0;}

/* Referenzen */

.referenzen {height:360px; overflow:auto; width:650px;}

.referenzen table thead tr td {font-weight:bold;}

.referenzen table tbody tr td {border-bottom:#4c6075 1px solid;}

.referenzen table thead tr td, .referenzen table tbody tr td {line-height:18px; margin:0 0 10px 0; height:30px;}

.referenzen tbody tr td a {color:#4c6075;}

.werkverzeichnis {height:360px; overflow:auto; width:650px;}

.werkverzeichnis table tbody tr td ul {margin:0 0 0 15px; margin:0 0 15px 0;}

.werkverzeichnis table tbody tr td ul li {list-style:square;}

/* ------------------------- REFERENZEN ------------------------- */

#refContent {position:relative; top:18px; width:650px; height:330px; overflow:hidden;}

#refContent.baruzzo {top:8px;}

#refInner {position:relative; width:3900px; height:330px;}

#refInner li {float:left; display:inline; width:650px; height:330px;}

a#next1 {position:relative; left:555px; top:40px; text-indent:-9999px; background:url(images/btn_bilder.png) top left no-repeat; height:20px; display:block; width:95px;}

a#next2, a#next3, a#next4, a#next5 {position:relative; left:615px; top:40px; text-indent:-9999px; background:url(images/btn_next.png) top left no-repeat; height:20px; display:block; width:35px;}

a#back {position:relative; left:615px; top:40px; text-indent:-9999px; background:url(images/btn_back.png) top left no-repeat; height:20px; display:block; width:35px;}

a#back.ohne {position:relative; left:615px; top:40px; text-indent:-9999px; background:url(images/btn_backOhne.png) top left no-repeat; height:20px; display:block; width:35px;}

a#next5.mit, a#next4.mit, a#next3.mit, a#next2.mit {background:url(images/btn_next_mit.png) top left no-repeat;}

a#plaene {text-indent:-9999px; background:url(images/btn_plaene.png) top left no-repeat; height:20px; display:block; width:42px; margin:10px 10px 0 0; float:left;}

a#objektdaten {text-indent:-9999px; background:url(images/btn_objektdaten.png) top left no-repeat; height:20px; display:block; width:75px; margin:10px 0 0 0; float:left;}

a#next1:hover, a#next2:hover, a#next3:hover, a#next4:hover, a#next5:hover, a#back:hover, a#plaene:hover, a#objektdaten:hover {background-position:0 -20px;}

.refText {float:left; width:210px; height:310px; margin:0 10px 0 0;}

.refText h3 {font-size:11px; line-height:15px;}

.refText p {font-size:11px; line-height:15px;}

.text2bild img, .dreiBilder img, .bildSchmalBreit img {float:left; margin:0 10px 0 0;}

.text2bild img.last, .dreiBilder img.last, .bildSchmalBreit img.last {float:left; margin:0;}

table.factsheet tr td {line-height:18px; margin:0 0 10px 0; font-size:11px;}

sup {font-size:6px;}

/* ------------------------- TEAM ------------------------- */

table.mitarbeiter {background:#a5b0ba; position:absolute; bottom:40px;}

table.mitarbeiter tr td {background:#4c6075; height:64px; width:64px;}

table.mitarbeiter tr td a img {opacity:.3; filter:alpha(opacity = 30);}

div.mitarbeiter {display:none; padding:5px; width:248px;}

div.mitarbeiter h3, div.mitarbeiter p, div.mitarbeiter p a {font-size:11px; margin:0; color:#fff; line-height:12px;}

/* ------------------------- UEBERSICHT ------------------------- */

#uebersicht {width:700px; float:left; height:490px; background:url(images/mainBg.jpg) repeat-y; margin:0;}

ul.uebersicht li {float:left; width:150px; margin:0 20px 20px 0; padding:0 0 10px 0; border-bottom:#808080 1px solid;}

ul.uebersicht li.last {float:left; width:150px; margin:0 0 20px 0;}

ul.uebersicht li a {display:block;}

ul.uebersicht li img {width:150px;}

ul.uebersicht li h4 a {color:#808080; padding:10px 0 0 0; font-size:12px;}

ul.uebersicht li:hover h4 a {color:#de0526;}