* { margin:0; padding:0; }

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: #000000;
	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;
    height: 500px;
    float: left;
    position: relative;
    }
  div#content div#content_right {
    width: 740px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
    position: relative;
    }
  div#topimage {
    float: left;
    position: relative;
    width: 960px;
    height: 345px;
    padding: 4px 0px 10px 0px;
    }
  div#content div#left {
    width: 190px;
    float: left;
    position: relative;
    padding-left: 10px;
    height: 400px;
    }
  div#content div#right {
    width: 180px;
    float: left;
    position: relative;
    padding-left: 20px;
    border-left: 1px solid #777777;
    }
  div#content div#main {
    width: 500px;
    float: left;
    position: relative;
    padding-right: 20px;
    }
    
    
/* ====== NAVIGATION ======*/    
/* Main Navigation */
div#navigation ul {
	font-size: 8px;
	list-style-type: none;
	padding: 8px 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;
  padding-top: 21px;
  padding-left: 40px;
  }
  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;}
    div#special ul li a img {border: 0px;}
    div#special ul li img {padding-left: 7px;}


/* Subnavigation */    
div#content_left ul.subnavigation {
  list-style: none;
  padding: 10px 0px;
  margin-bottom: 10px;
  }
  div#content_left ul.subnavigation li {
    padding-left: 10px;
    
    }
    div#content_left ul.subnavigation li a {
      color: #666666; 
      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: 15px;
      line-height: 20px;
      }
    div#content_left ul.subnavigation li a:hover, div#content_left ul.subnavigation li a.active {
      color: #ffffff; 
      background: transparent url(../media_sanwood/subnavi_on.gif) top left no-repeat;
      }


/* ==== Font, List & Image Setup ==== */
a {color: #999999; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

h1 {
  font-size: 18px;
  font-weight: bold;
  color: #999999;
  padding-bottom: 10px;
  padding-top: 7px;
  width: 740px;
  display: block;

  }
 * html h1 {width: 100%;}

/* Portal Font Setup */
div#right p {
  width: 180px;
  padding-bottom: 20px;
  }
div#right img {
  border: 2px solid #999999;
  }
  
/****************************/
/* KONTAKTFORMULAR          */
/****************************/	
fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  }
  fieldset span {
  	color: #000000;
  }
  
  
  fieldset dt {width: 25%; float: left;}
  fieldset dd {float: left; width: 75%; padding-bottom: 10px;}
  
  fieldset input {
    width: 400px;
    padding: 2px;
    color: #000000;
    border: 1px solid #000000;
    font-size: 11px;
    }
	fieldset input.ultrasmall {width: 50px; margin-right: 10px;}
	fieldset input.small {width: 84px; margin-right: 10px;}
	fieldset input.small2 {width: 160px; margin-right: 10px;}
	fieldset input.wide {width: 300px;}
	fieldset input.half {width: 193px; margin-right: 10px;}
	fieldset input.full {width: 400px;}
	fieldset input.radio {width: 10px;}
	fieldset input:focus, fieldset input:hover {
	    border: 1px solid #ffdd00;
	    }
	
	fieldset input.checkbox {
    width: 12px;
	border: 0px;
	margin-bottom: 10px;
    }
	fieldset input.radio {
    width: 12px;
	   border: 0px;
    }

  fieldset textarea {
    width: 400px;
    height: 100px;
    padding: 2px;
    color: #000000;
    border: 1px solid #000000;
   	font-family: Arial, Verdana, Helvetica, sans-serif;
   	font-size: 11px;
    }
	fieldset textarea:focus, fieldset textarea:hover {
	    border: 1px solid #ffdd00;
	    }
    fieldset input.button {
	    width: 100px;
	    padding: 2px;
	    color: #000000;
	    border: 1px solid #000000;
	    background-color: #ffffff;
	    }
		fieldset input.button:hover {
			border: 1px solid #ffdd00;
			background-color: #ffffff;
			color: #000000;
		}


/* ==== SITEMAP ==== */
div.tx-flseositemap-pi1 a {
  color: #000000;
  }
  div.tx-flseositemap-pi1 a:hover {
    color: #777777;
    }
div.tx-flseositemap-pi1 ul {
  list-style: none;
  font-weight: bold;
  color: #000000;
  }
  div.tx-flseositemap-pi1 ul li {
    padding: 2px 0px 2px 0px;
    }
    div.tx-flseositemap-pi1 ul li ul {
      padding-left: 20px;
      list-style: none;
      font-weight: normal;
      }
      
/* ==== Ansprechpartner ==== */
div.float_small {
	width: 157px;
padding-right: 23px;

	float: left;
	position: relative;
	height: 650px;
	}
	
/* Partner */
div.partner {width: 180px; float: left; position: relative; height: 100px; margin: 0px 0px 10px 0px;}
div.partner a img {border: 0px;}
div.partner img a:hover {text-decoration: none;}
div.partner p {padding: 0px 0px 10px 0px; margin: 0px;}