body {
    background-color: white;
    font: 11px "Verdana", sans-serif;
    line-height: 19px;
    margin: 0; padding: 0 0;
    text-align: center;
    min-width: 400px;     /* Zentrierung im Internet Explorer */
   }

div { border: 0; padding: 0; }   
h1 { font-size: 11px; line-height: 17px; font: Verdana; color:black; } 
p { font: normal normal normal 1em 1.5em Verdana;
    color: #707173; }
a { outline: 0; -moz-outline: 0; text-decoration: none; border: 0; }
  
div#site-index, div#site-agentur, div#site-portfolio, div#site-kunden { background-color: white;
    text-align: left;    /* Seiteninhalt wieder links ausrichten  */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    position: relative; top: 60px;
    width: 1003px;
    height: 575px;
}

div#site-index { background: url(../img/backgrounds/bg_index.png) no-repeat top left; }
div#site-agentur, div#site-kunden { background: url(../img/backgrounds/bg_agentur.png) no-repeat top left; }
div#site-portfolio { background: url(../img/backgrounds/bg_portfolio.png) no-repeat top left; }

div#menu {
    height: auto;
    width: 180px;
    margin-left: 39px;
    position: relative; top: 190px;
    float: left;
}

.js #menu {
    display: none;
}

a#agentur, a#portfolio {
    display: block;
    width: 122px;
    height: 22px;
    position:relative;   
}
a#agentur { background: url(../img/navbar/agentur.gif) no-repeat; top: -10px; }
a#portfolio { background: url(../img/navbar/portfolio.gif) no-repeat; top: -28px; }

a#agentur:hover, a#agentur:focus { background: url(../img/navbar/agenturHover.gif) no-repeat; }
a#agentur:active, a.agenturHome { background: url(../img/navbar/agenturAktiv.gif) no-repeat ! important; }
a#portfolio:hover, a#portfolio:focus { background: url(../img/navbar/portfolioHover.gif) no-repeat; }
a#portfolio:active, a.portHome { background: url(../img/navbar/portfolioAktiv.gif) no-repeat ! important; }


.js #agentur, .js #portfolio {
    background: none;
    position: static;
}

.agentur div {
    position: relative;
    top: -21px;
    left: 30px;
}

.portfolio div {
    position: relative;
    top: -38px;
    left: 30px;
}

.js .agentur div, .js .portfolio div {
    position: static;
}

#dialog {
    position: relative;
	width: 368px;
    top: 60px;
    left: 248px;
}

#dialog h4 { line-height: 17px; margin: 0; padding: 0; border: 0; font-size: 1em;}

.js #dialog {
    display: none;
    position: static;
}

 
div#title {
    height: 37px;
    width: 146px;
}

#title img, #gallery img, .footer-right img {
    border: 0;
    padding: 0;
    margin: 0;    
}

#title a, #gallery a, .footer-right a, .footer-left a {
    background: white;
    padding: 0;
    margin: 0;        
}
 
div#accordion {
    height: auto;
    width: 180px;
    position: relative; top: 19px;
  /*  display:inline;*/       /* for IE6 */
}

#accordion a { color: black; }
#accordion a:hover, #accordion a:focus { color: #707173; }
#accordion a:active { color: #e2007a; }

div#no-accordion {
    position: relative;
    top: -14px;
    height: auto;
    width: 180px;
  /*  display:inline;*/       /* for IE6 */
}

.js div#no-accordion {
    position: static;    
}

a.kontakt, a.kontakthome, a.kunden, a.kundenhome { 
    width: 150px;
    height: 22px;
    display: block;
}
a.kunden, a.kundenhome { margin-bottom: 6px; }
a.kunden { background: url(../img/navbar/kunden.gif) no-repeat; }
a.kontakt { background: url(../img/navbar/kontakt.gif) no-repeat; }

a.kunden:hover { background: url(../img/navbar/kundenHover.gif) no-repeat; }
a.kunden:active, a.kundenhome { background: url(../img/navbar/kundenAktiv.gif) no-repeat; }
a.kontakt:hover { background: url(../img/navbar/kontaktHover.gif) no-repeat; }
a.kontakt:active, a.kontakthome { background: url(../img/navbar/kontaktAktiv.gif) no-repeat; }

a.home, li.home { color: #e2007a ! important; }

#accordion ul, li {
    margin: 0;
    padding: 0;
    border: 0;
}

#accordion li {
    list-style-type: none;
}

div#content-agentur, div.tworows, div.buch-detail { 
    position: relative; top: 39px;
    width: 701px;
    height: 467px;
    padding: 15px;
    margin-left: 233px;   
}
div.philo { background: url(../img/backgrounds/bg_philo.png) no-repeat 280px 15px; }
div.person { background: url(../img/backgrounds/bg_person.png) no-repeat 363px 15px; }
div.team { background: url(../img/backgrounds/bg_team.png) no-repeat 55px 15px; }
    
#content-agentur h1, .tworows h1, .thumbnails h1 {
    line-height: 19px;
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
}

.team p, .person p, .philo p, .tworows p, .thumbnails p { font-size: 11px;
    line-height: 19px;
    font-weight: normal;
    border: 0;
    padding: 0;
    margin: 0;
}

.tworows abbr {
    color: black;
}

.philo h1, .person h1 { position: relative; top: 108px; }
.philo p, .person p { position: relative; top: 108px; }
.team h1 { position: relative; top: 385px; }
.team p { position: relative; top: 385px; }

div#spacer-leistungen {
    height: 10px;
    width: 13px;
    margin: 0;
    float: left;
}

div.left, div.right {
    position: relative; top: 108px; 
    height: 75%;
    margin: 0;    
}
div.left { float: left; width: 359px; }    
div.right { margin-left: 359px; }

#content img {
    margin: 0;
    border: none;
    padding: 0;
}

#content-kunden a, div { font-size: 11px;
    font-weight: normal;
    color: #707173;
    padding: 0;
    margin: 0;
}

div#fotografen {
    position: relative; top: -19px; left: 66px;
}

div.thumbnails { background: transparent;
    position: relative; top: 39px;
    width: 716px;
    height: 482px;
    padding: 15px 15px 0 0;
    margin-left: 233px;
}

#gallery {
    padding: 0 0;
    margin: 0 0;
    width: 716px;
}
    
#gallery ul {
   width: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
}

#gallery li {
    float: left;
    width: 165px;
    height: 146px;
    margin: 0 0 15px 0;
    padding: 0 0 0 14px;
}

#gallery img {
    display: block;
    width: 164px;
    padding-bottom: 2px;
    padding-left: 1px;
}

#gallery p {
    margin: 0;
    line-height: 16px;
}

#gallery img.corpdot, #gallery img.buchdot {
    width: 26px;
    height: 26px;
    position: relative;
    top: -15px;
    left: 137px;
}
#gallery img.buchdot { top: -31px; }

div.footer-left, div.footer-right, div.footer-center {
    height: 22px;
    margin: 0;
    position: absolute;    
}
div.footer-left {
    width: auto;
    top: 538px; left: 39px;
    z-index: 2;
}
div.footer-right {
    width: 77px;
    top: 537px; left: 868px;    
}
div.footer-center {
    width: 380px;
    top: 538px; left: 480px;
    z-index: 1;
    text-align: right;
}

.footer-center span {
    color: #000;
    text-align: right;
}
#gallery span, h1.grey, span.grey {
    color: #707173 ! important;
}

.footer-right a {
    margin: 0; padding: 0;
    height: 100%;
    width: 23px;
    display: block;  
}

a#opener { background: url(../img/portfolio/navbottom/info.gif) 1px 0px no-repeat; float:left; display: none; }
.js a#opener { background: url(../img/portfolio/navbottom/info.gif) 1px 0px no-repeat; float:left; display: block; }
a#opener:hover { background: url(../img/portfolio/navbottom/info-hover.gif) 1px 0px no-repeat; }
a#opener:active { background: url(../img/portfolio/navbottom/info-aktiv.gif) 1px 0px no-repeat; }

a#previous { background: url(../img/portfolio/navbottom/previous.gif) 1px 0px no-repeat; width: 23px; margin-left: 27px; }
a#previous:hover { background: url(../img/portfolio/navbottom/previous-hover.gif) 1px 0px no-repeat; }
a#previous:active { background: url(../img/portfolio/navbottom/previous-aktiv.gif) 1px 0px no-repeat; }

a#next { background: url(../img/portfolio/navbottom/next.gif) 1px 0px no-repeat; float:right; }
a#next:hover { background: url(../img/portfolio/navbottom/next-hover.gif) 1px 0px no-repeat; }
a#next:active { background: url(../img/portfolio/navbottom/next-aktiv.gif) 1px 0px no-repeat; }

.footer-left a {
    display: inline;
    margin: 0;
    color: #000;
}

a.imprint { font-size: 11px;
    font-weight: normal;
    color: #505050;
    padding: 0 0 5px 0;
    margin: 0 140px 0 0;
}
.footer-left a:hover, .footer-left a:focus { color: #707173;  }
.footer-left a:active, a.imprinthome { color: #e2007a; }

.hiddenimg {
  width:0px;
  height:0px;
  display:none;
  visibility:hidden;
}