body {
    font-family: Arial, Helvetica, sans-serif;
    color:#000;
    margin:0;
    padding:0;

    background:url(../images/body_bg.jpg) repeat-y top center;
}

/* ID */
#wrapper {
  width:960px;
  margin:0 auto;
  padding:10px;
  height:717px;
  background:url(../images/content_bg.jpg) no-repeat -10px -10px;
  display:block;
}

.clearer {
         clear:both;
         height:0;
         width:0;
         padding:0;
         margin:0;
         font-size:0;
}

/* Class
.test {
background:#fff;
  width:175px;
  height:120px;
  margin:0 5px 0 0;
  padding:0;
  float:left;
  border: 1px solid #ccc;
}  */


#wrapper #header {
  position:relative;
  background: url(../images/header_bg.jpg) repeat-y 0 0;
  width:960px;
  height:111px;
  margin:0;
  padding:0;
  top:0;
  left:0;
}

#wrapper #header h1 {
  color:#000;
  font-size:16px;
  line-height:24px;
  left:0;
  margin:0;
  padding:0 0 0 0;
}

#wrapper #bild {
  position:relative;
  /*background:url(../images/sample.jpg) no-repeat 0 0;*/
  background:#ccc;  
  width:960px;
  height:566px;
  margin:0;
  padding:0;
  z-index:0;
  top:0;
  left:0;
}

#wrapper #topnavigation {
  position:relative;
  background: url(../images/topnav_bg.png) no-repeat left top;
  width:295px;
  height:24px;
  margin:0;
  padding:0 0 0 50px;
  z-index:1;
  top:-567px;
  left:615px;
}

#wrapper #topnavigation ul#mainnav {
    padding:0;
    margin:0;
    height:24px;
}

#wrapper #topnavigation ul#mainnav li {
  color:#fff;
  padding:0 15px 0 0;
  margin:0 15px 0 0;
  float:left;
  text-decoration:none;
  list-style: none;
  height:24px;
  background:url(../images/topnav_trenner.jpg) no-repeat right 6px;
}

#wrapper #topnavigation ul#mainnav li.last {
  border-right:0;
  padding:0 10px 0 0;
  margin:0;
  background:none;

}

#wrapper #topnavigation ul#mainnav li a {
  color:#fff;
  text-decoration:none;  
  font-size:11px;
  padding:0;
  margin:4px 0 0 0;
  border:0;
  display:block;
}

/**************************************************/
/************ Wrapper Content  ********************/

#wrapper #wrapper_content {
  position:absolute;
  background:url(../images/subnav_bg.png) repeat-x 0 0;
  width:960px;
  height:127px;
  margin:0;
  padding:0;
  z-index:2;
  top:473px;
  clear:both;
  display:inline;
}

/**************************************************/
/************ Content Links ***********************/

#wrapper #wrapper_content #links {
  width:569px;
  margin:0;
  padding:17px 35px 0 35px;
  float:left;
}

#wrapper #wrapper_content #links h1 {
  margin-top:0;
  margin-bottom:18px;
  color:#fff;
  font-size:24px;
}

#wrapper #wrapper_content #links p {
  margin:0;
  padding:0;
  color:#fff;
  font-size:16px;
  line-height:24px;
  font-weight:bold;
}

/**************************************************/
/************ Content Rechts **********************/

#wrapper #wrapper_content #rechts {
  color:#fff;
  width:244px;
  height:125px;
  margin:0;
  padding:0;
  float:left;
}

#wrapper #wrapper_content #rechts p {
  margin-top:0;
  margin-bottom:8px;
  color:#fff;
  font-size:24px;
}

#wrapper #wrapper_content #rechts ul {
    padding:0;
    margin:0;
}

#wrapper #wrapper_content #rechts ul li {
  color:#fff;
  margin:0;
  padding:0;
  float:left;
  list-style: none;
}

#wrapper #wrapper_content #rechts ul li a {
  color:#000;
  margin:0;
  padding:3px 2px 1px 10px;
  float:left;
  display:block;
  width:227px;
  text-decoration:none;
  border-bottom:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  font-size:11px;
  font-weight:bold;
  height:16px;
  background:#e57512 url(../images/subnav_bg_right.jpg) no-repeat right 3px;    
}

#wrapper #wrapper_content #rechts ul li.first {
  color:#000;
  margin:0;
  padding:0px;
  border-top:1px solid #000;
  background:#e57512 url(../images/subnav_bg_right.jpg) no-repeat right 3px;
}

#wrapper #fussnavigation {
  position:absolute;
  width:960px;
  margin:10px 0 0 0;
  padding:0;
  z-index:4;
  top:692px;
}

#wrapper #fussnavigation ul {
    padding:0;
    margin:0 29px 0 0;
}

#wrapper #fussnavigation ul li {
  color:#fff;
  padding:0 0 0 15px;
  margin:0 0 0 15px;
  float:right;
  text-decoration:none;
  list-style: none;
  height:auto;
  background:url(../images/fussnav_trenner.gif) no-repeat left 2px;
}

#wrapper #fussnavigation ul li.last {
  padding:0;
  margin:0 0 0 15px;
  background:none;
}

#wrapper #fussnavigation ul li a {
  color:#000;
  text-decoration:none;  
  font-size:11px;
  padding:0;
  margin:0;
  border:0;
  display:block;

}

#wrapper #fussnavigation #fusslinks {
  width:451px;
  height:20px;
  margin:0 0 0 15px;
  padding:0;
  float:left;
  font-size:11px;
  display:inline;
}

#wrapper #fussnavigation #fussrechts {
  width:494px;
  height:20px;
  margin:0;
  padding:0;
  float:left;
  font-size:11px;
}

#wrapper #fussnavigation #fussrechts a.footerlinks {
  float:right;
  font-size:11px;
  padding:0 0 0 15px;
  margin:0 0 0 15px;
  color:#000;
  background:url(../images/fussnav_trenner.gif) no-repeat left 2px;
  text-decoration:none;
}

#wrapper #fussnavigation #fussrechts a.footerlinks-first {
  float:right;
  font-size:11px;
  padding:0 0 0 15px;
  margin:0 28px 0 15px;
  color:#000;
  background:url(../images/fussnav_trenner.gif) no-repeat left 2px;
  text-decoration:none;
}

img.logo {
  float:left;  
  border:0;
  margin:0;
  padding:0;
}