body {
  margin: 0px;
  background-color: black;
  background-repeat: repeat-x;
  color: #bbb;
  font-family: Verdana,Tahoma,Arial;
  font-size: 13px;
  line-height: 18px; }

a {
  text-decoration: none; }

ul {
  list-style-type: none; }

.right {
  float: right;
  margin-left: 10px; }

#header #language_switch {
  width: 850px;
  height: 10px;
  margin: auto;
  position: relative;
  top: 10px; }
  #header #language_switch #languages {
    float: right;
    width: 100px; }
    #header #language_switch #languages a {
      font-size: 8px;
      color: #ccc; }
    #header #language_switch #languages a.language_active {
      cursor: default;
      color: #555; }
#header #logo {
  width: 850px;
  height: 40px;
  margin: auto;
  position: relative;
  top: 20px; }
#header #navi {
  height: 150px;
  padding-top: 7px; }
#header #containerNavi {
  margin: auto;
  width: 850px;
  height: 150px;
  visibility: hidden; }
#header .red {
  background-image: url("/images/background/back_red.png"); }
#header .orange {
  background-image: url("/images/background/back_orange.png"); }
#header .yellow {
  background-image: url("/images/background/back_yellow.png"); }
#header .green {
  background-image: url("/images/background/back_green.png"); }
#header .blue {
  background-image: url("/images/background/back_blue.png"); }
#header .purple {
  background-image: url("/images/background/back_purple.png"); }
#header .pink {
  background-image: url("/images/background/back_pink.png"); }

ul#navigation {
  margin-top: 20px; }
  ul#navigation li {
    display: block;
    float: left; }
  ul#navigation #about_us a {
    color: #80120e; }
  ul#navigation #services a {
    color: #fd6c1a; }
  ul#navigation #market_research a {
    color: #fcff1c; }
  ul#navigation #clients_and_creative a {
    color: #058108; }
  ul#navigation #client_references a {
    color: #4066fd; }
  ul#navigation #press a {
    color: #3a3599; }
  ul#navigation #contact_and_imprint a {
    color: #993969; }

#subnavi a {
  color: white; }
#subnavi #submenu-entries {
  border-right: 1px solid white;
  margin-top: 100px;
  text-align: right; }
  #subnavi #submenu-entries li {
    padding-right: 10px;
    margin-bottom: 5px; }
#subnavi .about_us li a:hover {
  color: #80120e; }
#subnavi .about_us li.active a {
  color: #80120e; }
#subnavi .services li a:hover {
  color: #fd6c1a; }
#subnavi .services li.active a {
  color: #fd6c1a; }
#subnavi .market_research li a:hover {
  color: #fcff1c; }
#subnavi .market_research li.active a {
  color: #fcff1c; }
#subnavi .press li a:hover {
  color: #3a3599; }
#subnavi .press li.active a {
  color: #3a3599; }
#subnavi .contact_and_imprint li a:hover {
  color: #993969; }
#subnavi .contact_and_imprint li.active a {
  color: #993969; }

#content-area {
  margin-top: 20px; }
  #content-area .red {
    color: #80120e; }
  #content-area #containerIntro {
    margin-top: 100px;
    width: 720px;
    height: 500px; }
  #content-area h2 {
    color: #555;
    font-size: 17px;
    margin-top: 30px; }
  #content-area h2.first {
    margin-top: 0px; }
  #content-area a {
    color: #aaa;
    border-bottom: 1px dotted #aaa; }
  #content-area a:hover {
    color: #fff;
    border-bottom: 1px dotted #fff; }
  #content-area li {
    margin-bottom: 5px; }
  #content-area .clients {
    border-bottom: 1px solid #555; }
  #content-area #why_gay_marketing ul, #content-area #warum_gay_marketing ul {
    list-style-type: circle; }
  #content-area #communigayte_press ul,   #content-area #gay_business_press ul,   #content-area #communigayte_presse ul,   #content-area #gay_business_presse ul {
    margin-left: 0px; }
    #content-area #communigayte_press ul li.date,     #content-area #gay_business_press ul li.date,     #content-area #communigayte_presse ul li.date,     #content-area #gay_business_presse ul li.date {
      font-size: 10px;
      color: #666;
      margin-top: 20px;
      margin-bottom: 0px; }
    #content-area #communigayte_press ul li.first,     #content-area #gay_business_press ul li.first,     #content-area #communigayte_presse ul li.first,     #content-area #gay_business_presse ul li.first {
      margin-top: 0px; }
  #content-area #clients_and_creative .creative {
    width: 110px;
    height: 120px;
    float: left;
    margin-bottom: 20px;
    margin-right: 10px; }
  #content-area #clients_and_creative h2 {
    border-bottom: 1px solid #666;
    clear: both; }
  #content-area #content-headline {
    height: 80px; }
  #content-area blockquote {
    font-style: normal;
    margin-left: 0px;
    color: #ddd; }
    #content-area blockquote .initial {
      margin-top: -10px;
      margin-right: -1px;
      font-size: 20px; }
    #content-area blockquote span.source {
      color: #006F08;
      font-style: normal; }
  #content-area #slideshow {
    width: 250px;
    height: 250px;
    margin-bottom: 50px; }
    #content-area #slideshow .slide {
      display: none; }
  #content-area .left {
    float: left;
    margin-right: 20px; }
  #content-area .right {
    float: right;
    margin-left: 20px; }

#numberDisplay {
  color: #333; }

#facebox {
  position: relative;
  width: 650px; }
  #facebox #popup_closer {
    width: 30px;
    float: right;
    position: absolute;
    left: 630px;
    top: -5px;
    z-index: 100; }
  #facebox .content {
    width: 550px; }
    #facebox .content h1, #facebox .content h2, #facebox .content h3, #facebox .content h4, #facebox .content h5, #facebox .content h6 {
      color: #bbb; }
    #facebox .content #popup_header {
      height: 160px; }
      #facebox .content #popup_header #popup_logo {
        float: right;
        width: 120px; }
      #facebox .content #popup_header #popup_description {
        float: left;
        width: 400px; }
    #facebox .content #popup_content {
      clear: both; }
      #facebox .content #popup_content h4 {
        margin-bottom: 5px;
        border-bottom: 1px solid #222; }
      #facebox .content #popup_content .popup_category {
        margin-bottom: 10px;
        clear: both; }
        #facebox .content #popup_content .popup_category .popup_creatives .popup_creative {
          height: 150px;
          overflow: hidden;
          display: block;
          float: left;
          margin: 5px;
          margin-bottom: 10px; }
          #facebox .content #popup_content .popup_category .popup_creatives .popup_creative img {
            width: 100px; }