/**
 * Project: Heitmann Werbung
 * ------------------------------ 
 * Type: screen
 * Date: 2010-06
 * Init: Niels Weber, Ticcon AG (Flensburg)
 * Edit: YYYY-MM | [Name]  
 **************************************************************/

@import url("text.css");
@import url("table.css");
@import url("form.css");


.debug  { color: #000000; }
.hidden { display: none;  }

BODY {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
  background-color: #BABABA;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 12px;
}



#logo {
  width: 100%;
  text-align: left;
}
#logo A {
  width: 205px;
  height: 110px;
  display: block;
  position: absolute;
  top: 0;
  left: 2%;
}
#logo A IMG {
  border: 0;
}


#main-wrap {
  width: 800px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  display: block;
  text-align: center;
}
#main {
  width: 800px;
  height: 600px;
  margin: 7% 0 0 0;
  position: relative;
  background-color: transparent;
  background-image: url(../img/bg_main.gif);
  background-repeat: no-repeat;
  background-position: top center;
}


#navi-main {
  width: 600px;
  height: 50px;
  position: absolute;
  top: 123px;
  left: 100px;
  font-size: 30px;
  font-style: italic;
  text-align: center;
  line-height: 30px;
}

#navi-main A,
#navi-main SPAN.link {
  height: 60px;
  display: block;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
}
/* Home */
#index #navi-main .link01   { width: 43px; left: 170px; background-image: url(../img/bg_navi-main_agentur-icon.png);  }
#index #navi-main .link02   { width: 70px; left: 265px; background-image: url(../img/bg_navi-main_galerie-icon.png);  }
#index #navi-main .link03   { width: 62px; left: 380px; background-image: url(../img/bg_navi-main_kontakt-icon.png);  }
/* Agentur */
#agentur #navi-main .link01 { width:  52px; left: 165px; background-image: url(../img/bg_navi-main_back-icon.png);    }
#agentur #navi-main .link02 { width:  43px; left: 280px; background-image: url(../img/bg_navi-main_agentur-icon.png); }
#agentur #navi-main .link03 { width: 130px; left: 380px; background-image: url(../img/bg_navi-main_agentur-text.png); }
/* Galerie */
#galerie #navi-main .link01 { width:  52px; left: 165px; background-image: url(../img/bg_navi-main_back-icon.png);    }
#galerie #navi-main .link02 { width:  70px; left: 265px; background-image: url(../img/bg_navi-main_galerie-icon.png); }
#galerie #navi-main .link03 { width: 122px; left: 380px; background-image: url(../img/bg_navi-main_galerie-text.png); }
/* Kontakt */
#kontakt #navi-main .link01 { width:  52px; left: 165px; background-image: url(../img/bg_navi-main_back-icon.png);    }
#kontakt #navi-main .link02 { width:  62px; left: 270px; background-image: url(../img/bg_navi-main_kontakt-icon.png); }
#kontakt #navi-main .link03 { width: 121px; left: 380px; background-image: url(../img/bg_navi-main_kontakt-text.png); }


#content-wrap {
  width: 800px;
  height: 400px;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
#content {
  width: 600px;
  height: 400px;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  text-align: left;
}
#content .inner-content {
  height: 400px;
  padding: 0;
  display: block;
  overflow: hidden;
}

#content #pagination {
  height: 370px;
  display: block;
  overflow: hidden;
}

#content #pagebrowser {
  width: 100%;
}


#imprint {
  width: 600px;
  margin: 0 auto 0 auto;
  text-align: right;
}