html {
  height: 100%;
  }

body {
	height: 100%; 
	min-height: 100%;
	background: #336699 url(../media_sanwood/background.jpg) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin: 0px;
	}

.clear {
  clear: both;
  }
/* Main Wraps */	
div#wrapper {
  margin: 0px auto;
  width: 970px;
  }
  div#content_main {
    width: 960px;
    min-height: 110px;
    background: transparent url(../media_sanwood/main_bg.jpg) top left no-repeat;
    padding: 30px 5px 0px 5px;
    float: left;
    position: relative;
    }
  div#footer {
    height: 20px;
    width: 100%;
    background: transparent url(../media_sanwood/footer_bg.png) top left no-repeat; 
    float: left;
    position: relative;
    }

/* Head Area */
div#head {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  }    
  div#head div#logo  {
    height: 48px;
    width: 200px;
    float: left;
    position: relative; 
    padding: 10px 13px 0px 13px;
    }
    div#head div#logo a img {
      border: 0px;
      outline: 0px;
      }
  div#head div#navigation {
    height: 60px;
    padding: 7px 0px 0px 20px;
    width: 494px;
    float: left;
    position: relative; 
    }
  div#head div#special  {
    height: 60px;
    width: 220px;
    float: left;
    position: relative;  
    }

/* Content Area */  
div#content  {
  width: 100%;
  float: left;
  position: relative;
  }
  div#content div#content_left {
    width: 200px;
    float: left;
    position: relative;
    }
  div#content div#content_right {
    width: 760px;
    float: left;
    position: relative;
    }
    
/* ====== NAVIGATION ======*/    
/* Main Navigation */
div#navigation ul {
	font-size: 8px;
	list-style-type: none;
	padding: 0px;
}
	*:first-child+html div#navigation ul {text-indent: -5000em;}


div#navigation li {
	position: relative;
	display: block;
	height: 28px;
	background-position: 0 -28px;
	background-repeat: no-repeat;
	float: left;
}

div#navigation a {
	display: block;
	height: 0;
	padding-top: 28px;
	background-repeat: no-repeat;
	overflow: hidden;
	outline: 0px;
}
	* html div#navigation a:link {height: 28px; he\ight: 0;}
	* html div#navigation a:visited {height: 28px; he\ight: 0;}

div#navigation li.nav1, div#navigation a.nava1 {background-image: url(../media_sanwood/nav_produkte.gif); width: 75px;}
div#navigation li.nav2, div#navigation a.nava2 {background-image: url(../media_sanwood/nav_unternehmen.gif); width: 109px;}
div#navigation li.nav3, div#navigation a.nava3 {background-image: url(../media_sanwood/nav_service.gif); width: 66px;}
div#navigation li.nav4, div#navigation a.nava4 {background-image: url(../media_sanwood/nav_kontakt.gif); width: 70px;}

div#navigation a:hover {
	background-image: none;
	outline: 0px;
}

/* Sepcial Navigation */
div#special ul {
  list-style: none;
  padding-top: 10px;
  font-size: 11px;
  }
  div#special ul li {
    float: left;
    padding-left: 10px;
    }
    div#special ul li a {color: #000000; text-decoration: none;}
    div#special ul li a:hover {color: #000000; text-decoration: underline;}


/* Subnavigation */    
div#content_left ul.subnavigation {
  list-style: none;
  margin: 17px 0px 10px 10px;
  /* border-top: 1px solid #666666;   */
  }
  div#content_left ul.subnavigation li {
    
    }
    div#content_left ul.subnavigation li a {
      color: #000000 !important; 
      text-decoration: none;
      width: 180px;
      height: 21px;
      /* background: transparent url(../media_sanwood/subnavi_off.gif) top left no-repeat;  */
      display: block;
      padding: 0px;
      text-indent: 10px;
      line-height: 20px;
      }
    div#content_left ul.subnavigation li a:hover, div#content_left ul.subnavigation li a.active, div#content_left ul.subnavigation li a.open {
      color: #000000 !important; 
      /* background: transparent url(../media_sanwood/subnavi_on.gif) top left no-repeat; */
      background-color: #ffdd00;
      }
      /* Level 2 */
      div#content_left ul.subnavigation ul {
        padding: 0px 0px 0px 10px;
        }
      div#content_left ul.subnavigation ul li a  {
        background: none;
        padding-left: 10px;
        width: 100%;
        height: auto;
        display: block;
        text-indent: 0px;
        color: #666666 !important;
        }
        div#content_left ul.subnavigation ul li a:hover {
          color: #666666 !important;
          text-decoration: underline;
          background: none;
          }
          div#content_left ul.subnavigation ul li a.subopen {color: #000000 !important; font-weight: bold;}


/* ==== Footer Information Links ==== */
div.informational {
  width: 100%;
  float: left;
  }
  div.informational ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    text-align: center;
    }
    div.informational ul li {
      display: inline;
      padding: 0px 10px 0px 10px;
      }
      div.informational ul li a {color: #ffffff !important; text-decoration: none;}
      div.informational ul li a:hover {color: #ffffff !important; text-decoration: underline;}