html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
}

a {
  outline: none;
}

.logo{
width: 755px; height: 33px; border-bottom: 2px solid #F0FAFF; text-align:left;
}

.center{
width: 755px; height: 388px; vertical-align: middle;
}

.menubox{
position: relative;  width: 755px; height: 120px; border-top: 2px solid #F0FAFF;
}

.picturenav{
position: absolute; left: 520px; top:-2px;
}

.pagetitlebox{
  width: 755px; height: 55px; border-bottom: 1px solid #E0E8ED;
}

.pagetitle{
position: relative; width: 755px; height: 33px; text-align:left; left: 31px; top: 25px;
}

#wrapper {
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  width: 755px;
}

.page-header{
  display: none;
}

/* main menu */
.nav {
  height: 20px;
  margin-top: 5px;
  list-style-type: none;
}

.nav li{
  float: left;
  margin-right: 5px;
}

.nav li a{
  color: transparent;
}

/* sub menu */
.nav li ul{
  list-style-type: none;
  padding: 0;
  width: 40px;
}

.nav li ul li{
  float: left;
  width: 45px;
}

/** home */
.menu_home{
  background-image: url(../images/menu_nav/home.gif); background-repeat: no-repeat; height: 18px; width: 38px;
}

.menu_home:hover{
  background-image: url(../images/menu_nav/home_hover.gif); background-repeat: no-repeat; height: 18px; width: 38px;
}

/** people */
.menu_people{
  background-image: url(../images/menu_nav/people.gif); background-repeat: no-repeat; height: 18px; width: 42px;
}

.menu_people:hover{ 
  background-image: url(../images/menu_nav/people_hover.gif); background-repeat: no-repeat; height: 18px; width: 42px;
}

/** reportage */
.menu_reportage{
  background-image: url(../images/menu_nav/reportage.gif); background-repeat: no-repeat; height: 18px; width: 63px;
}

.menu_reportage:hover{
  background-image: url(../images/menu_nav/reportage_hover.gif); background-repeat: no-repeat; height: 18px; width: 63px;
}

/** stillife */
.menu_stillife{
  background-image: url(../images/menu_nav/stillife.gif); background-repeat: no-repeat; height: 18px; width: 39px;
}

.menu_stillife:hover{
  background-image: url(../images/menu_nav/stillife_hover.gif); background-repeat: no-repeat; height: 18px;  width: 39px;
}

/** kontakt */
.menu_kontakt{
  background-image: url(../images/menu_nav/kontakt.gif); background-repeat: no-repeat; height: 18px; width: 49px;
}

.menu_kontakt:hover{
  background-image: url(../images/menu_nav/kontakt_hover.gif); background-repeat: no-repeat; height: 18px; width: 49px;
}

/** vita */
.menu_vita{
  background-image: url(../images/menu_nav/vita.gif); background-repeat: no-repeat; height: 18px; width: 35px;
}

.menu_vita:hover{
  background-image: url(../images/menu_nav/vita_hover.gif); background-repeat: no-repeat; height: 18px; width: 35px;
}


.serie1{
  background-image: url(../images/serie1.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie2{
  background-image: url(../images/serie2.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie3{
  background-image: url(../images/serie3.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie4{
  background-image: url(../images/serie4.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie5{
  background-image: url(../images/serie5.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie6{
  background-image: url(../images/serie6.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie7{
  background-image: url(../images/serie7.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie8{
  background-image: url(../images/serie8.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}

.serie9{
  background-image: url(../images/serie9.gif); background-repeat: no-repeat; line-height: 12px; width: 10px;
}


/* ======================================================================================= */


.serie1:hover, .serie1_active{
  background-image: url(../images/serie1_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie2:hover, .serie2_active{
  background-image: url(../images/serie2_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie3:hover, .serie3_active{
  background-image: url(../images/serie3_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie4:hover, .serie4_active{
  background-image: url(../images/serie4_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie5:hover, .serie5_active{
  background-image: url(../images/serie5_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie6:hover, .serie6_active{
  background-image: url(../images/serie6_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie7:hover, .serie7_active{
  background-image: url(../images/serie7_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie8:hover, .serie8_active{
  background-image: url(../images/serie8_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}

.serie9:hover, .serie9#active_menu{
  background-image: url(../images/serie9_hover.gif); background-repeat: no-repeat; line-height: 12px; width: 20px;
}



/* ======================================================================================= */

.pic_nav a{
   text-decoration: none;
   display: block;
   float: left;  
   width: 20px; 
   height: 14px;
}

.pic_nav{
   margin-top: 5px;
}

.picleft{
   background-image: url(../images/picture_nav/left.gif); background-repeat: no-repeat; 
}

.picright{
  background-image: url(../images/picture_nav/right.gif); background-repeat: no-repeat; 
}

.pic1{
  background-image: url(../images/picture_nav/1.gif); background-repeat: no-repeat; 
}

.pic2{
  background-image: url(../images/picture_nav/2.gif); background-repeat: no-repeat; 
}

.pic3{
  background-image: url(../images/picture_nav/3.gif); background-repeat: no-repeat; 
}

.pic4{
  background-image: url(../images/picture_nav/4.gif); background-repeat: no-repeat; 
}

.pic5{
  background-image: url(../images/picture_nav/5.gif); background-repeat: no-repeat; 
}

.pic6{
  background-image: url(../images/picture_nav/6.gif); background-repeat: no-repeat; 
}

.pic7{
  background-image: url(../images/picture_nav/7.gif); background-repeat: no-repeat; 
}

.pic8{
  background-image: url(../images/picture_nav/8.gif); background-repeat: no-repeat; 
}

.pic9{
  background-image: url(../images/picture_nav/9.gif); background-repeat: no-repeat; 
} 

.pic10{
  background-image: url(../images/picture_nav/10.gif); background-repeat: no-repeat; 
}

/* ======================================================================================= */


.picleft:hover{
   background-image: url(../images/picture_nav/left_hover.gif); background-repeat: no-repeat; 
}

.picright:hover{
  background-image: url(../images/picture_nav/right_hover.gif); background-repeat: no-repeat; 
}


.pic1:hover, .pic1_active{
  background-image: url(../images/picture_nav/1_hover.gif); background-repeat: no-repeat; 
}

.pic2:hover, .pic2_active{
  background-image: url(../images/picture_nav/2_hover.gif); background-repeat: no-repeat; 
}

.pic3:hover, .pic3_active{
  background-image: url(../images/picture_nav/3_hover.gif); background-repeat: no-repeat; 
}

.pic4:hover, .pic4_active{
  background-image: url(../images/picture_nav/4_hover.gif); background-repeat: no-repeat; 
}

.pic5:hover, .pic5_active{
  background-image: url(../images/picture_nav/5_hover.gif); background-repeat: no-repeat; 
}

.pic6:hover, .pic6_active{
  background-image: url(../images/picture_nav/6_hover.gif); background-repeat: no-repeat; 
}

.pic7:hover, .pic7_active{
  background-image: url(../images/picture_nav/7_hover.gif); background-repeat: no-repeat; 
}

.pic8:hover, .pic8_active{
  background-image: url(../images/picture_nav/8_hover.gif); background-repeat: no-repeat; 
}

.pic9:hover, .pic9_active{
  background-image: url(../images/picture_nav/9_hover.gif); background-repeat: no-repeat; 
}

.pic10:hover, .pic10_active{
  background-image: url(../images/picture_nav/10_hover.gif); background-repeat: no-repeat; 
}

.edgeright{
position: absolute; right: 0px; bottom: 0px;
}

.edgeleft{
position: absolute; left: 0px; bottom: 0px;
}