* {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a { text-decoration: none; }
a img { border: none; }

body {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/bodyback.gif');
  position: relative;
}

ul { list-style-type: none; }

.clearfix { clear: both; }


/***************************
 *** IE6 WARNING
 ***/

div#ie-warning {
  background-color: #ffd;
  border-bottom: 1px solid #eeb;
  color: #000;
  font-size: 11px;
  padding: 5px 10px;
  overflow: hidden;
}

body > div#ie-warning {
  display: none;
}


/***************************
 *** BASIC LAYOUT POSITIONING
 ***/

#basic-panel {
  background-color: #fff;
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/contentpanel-bg.gif');
  background-repeat: repeat-y;
  margin: 0 0 10px 20px;
  overflow: hidden;
  position: relative;
  width: 984px;
}


/****************
 *** HEADER STYLES
 ***/

#header-panel {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headerpanel-bg.png');
  background-repeat: repeat-y;
  height: 80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 984px;
}

#header-panel a#head-logo {
  display: block;
  margin-left: 9px;
  padding-top: 10px;
  width: 415px;
}

#header-panel #head-ads {
  height: 60px;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 10px;
  width: 468px;
}


/******************
 *** HEAD NAVIGATION
 ***/

#headnavi-panel {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-bg.png');
  background-repeat: no-repeat;
  border: none;
  height: 80px;
  left: 0;
  margin: 0;
  padding: 0 0 0 1px;
  position: absolute;
  top: 80px;
  width: 984px;
}

#headnavi-panel ul.l1-navi {
  height: 52px;
  overflow: visible;
  position: relative;
  z-index: 100;
}

#headnavi-panel ul.l1-navi li.l1-item {
  float: left;
  padding: 0px;
}

#headnavi-panel ul.l1-navi a {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

#headnavi-panel ul.l2-navi {
  background: #333333;
  border: 0px;
  display: none;
  height: auto;
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 200px;
  z-index: 200;
}

#headnavi-panel ul.l1-navi li:hover ul.l2-navi {
  display: block;
}

#headnavi-panel li.l2-item {
  background: none;
}

#headnavi-panel li.l2-item a {
  background: none;
  color: #fff;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  margin: 0px;
  padding: 0px 10px;
  text-align: left;
}

#headnavi-panel li.l2-item a:hover,
#headnavi-panel li.l2-item a:focus,
ul#level1-items ul.l2-navi li.active {
  background-color: #0d688f;
  border: none;
  color: #fff;
}


/* Hunde */
a#p174 {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-buttons.png');
  background-repeat: no-repeat;
  height: 52px;
  text-indent: -1000px;
  width: 121px;
}

a#p174:hover,
a#p174:focus {
  background-position: 0 -52px;
}

/* Katzen */
a#p149 {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-buttons.png');
  background-position: -121px 0;
  background-repeat: no-repeat;
  height: 52px;
  text-indent: -1000px;
  width: 121px;
}

a#p149:hover,
a#p149:focus {
  background-position: -121px -52px;
}

/* Nager */
a#p96 {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-buttons.png');
  background-position: -242px 0;
  background-repeat: no-repeat;
  height: 52px;
  text-indent: -1000px;
  width: 121px;
}

a#p96:hover,
a#p96:focus {
  background-position: -242px -52px;
}

/* Vögel */
a#p77 {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-buttons.png');
  background-position: -484px 0;
  background-repeat: no-repeat;
  height: 52px;
  text-indent: -1000px;
  width: 121px;
}

a#p77:hover,
a#p77:focus {
  background-position: -484px -52px;
}

/* Fische */
a#p70 {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-buttons.png');
  background-position: -605px 0;
  background-repeat: no-repeat;
  height: 52px;
  text-indent: -1000px;
  width: 121px;
}

a#p70:hover,
a#p70:focus {
  background-position: -605px -52px;
}

/* Fische */
a#p47 {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/headnavi-buttons.png');
  background-position: -363px 0;
  background-repeat: no-repeat;
  height: 52px;
  text-indent: -1000px;
  width: 121px;
}

a#p47:hover,
a#p47:focus {
  background-position: -363px -52px;
}

    
p#clickpath {
  color: #ddd;
  height: 28px;
  line-height: 28px;
  padding-left: 9px;
}

p#clickpath a {
  color: #fff;
  line-height: 28px;
  padding: 0;
  text-decoration: none;
}

p#clickpath span {
  color: #ccc;
  line-height: 28px;
}

p#clickpath a:hover,
p#clickpath a:focus {
  text-decoration: underline;
}


/*************
 *** MAIN PANEL
 ***/

#main-panel {
  margin-top: 160px;
  padding: 10px 0 0 0;
  overflow: hidden;
}

.nofront #main-panel {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/contentpanel-nofront.png');
  background-repeat: repeat-y;
}

.front #content-panel {
  float: none;
  overflow: hidden;
  width: auto;
}

.front #sitenavi-panel {
  float: none;
  margin: 10px;
  overflow: hidden;
  width: auto;
}

.nofront #content-panel {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 656px;
}

.nofront #sitenavi-panel {
  float: left;
  margin: 10px;
  overflow: hidden;
  width: 636px;
}

.nofront #subcontent-panel {
  float: right;
  margin: 0;
  overflow: hidden;
  width: 328px;
}


/*************
 *** FOOT PANEL
 ***/
 
#foot-panel {
  background-color: #181818;
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/footer-bg.jpg');
  background-repeat: no-repeat;
  font-size: 10px;
  height: 120px;
}

#foot-panel #legal-info {
  background-image: url('http://www.haustierratgeber.de/fileadmin/HAU/imgv8/foot-separator.gif');
  background-position: top right;
  background-repeat: no-repeat;
  color: #888;
  float: left;
  font-size: 9px;
  height: 100px;
  margin: 10px 10px 0 9px;
  overflow: hidden;
  padding: 5px 0 0 0;
  width: 284px;
}

#legal-info a {
  color: #fff;
  font-size: 9px;
  text-decoration: none;
}

#legal-info a:hover,
#legal-info a:focus {
  text-decoration: underline;
}

#foot-panel ul {
  float: left;
  height: 100px;
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  width: 366px;
}

#foot-panel ul li {
  float: left;
  margin: 0 10px;
  width: 102px;
}

#foot-panel ul a {
  color: #fff;
  font-size: 10px;
  text-decoration: none;
}

#foot-panel ul a:hover,
#foot-panel ul a:focus {
  text-decoration: underline;
}


/******************
 *** RIGHT ADS PANEL
 ***/
 
#right-ads {
  height: 550px;
  left: 1020px;
  position: absolute;
  top: 90px;
  width: 160px;
}

#right-ads div {
  background-color: #fcfcfc;
  margin: 5px;
}

#right-ads div a {
  font-weight: bold;
  text-decoration: underline;
}

#wirkungsvoll-ads {
  margin: 10px 0 0 10px;
}

#wirkungsvoll-ads div {
  border: 1px solid #ddd;
  padding: 3px;
}

#wirkungsvoll-ads div div {
  border: none;
  padding: 0;
}


/*****************
 *** SITENAVI PANEL
 **/
 
#sitenavi-panel {
  border-top: 1px solid #333;
  padding: 0;
  position: relative;
}

#sitenavi-panel ul.level2 {
  height: 150px;
}

#sitenavi-panel ul.level1 li {
  float: left;
  margin: 10px 10px 0 0;
  width: 116px;
}

#sitenavi-panel ul.level1 li a {
  font-weight: bold;
}

#sitenavi-panel ul.level2 li {
  float: none;
  margin: 0;
  width: 120px;
}

#sitenavi-panel ul.level2 li a {
  font-weight: normal;
}

#sitenavi-panel a {
  color: #333;
  font-size: 10px;
}

#sitenavi-panel a:hover,
#sitenavi-panel a:focus {
  text-decoration: underline;
}

