* {
padding: 0;
margin: 0;
}

body {
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.8em;  
  text-align: center;
  background: url(bg_body.gif) repeat-x;
}

html, body {
  height: 100%;
}

h1, h2, h3, p {
  margin: 0.5em 0;
}

h1, h2, h3 {
  margin: 0 0;
}

h1{
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin-bottom: 7px;
}

h2{
  font-size: 14px;
}

h3{
  font-size: 12px;
}

a, a:link{
  color: #333;
  text-decoration: underline;
}
a:visited{
  color: #333;
  text-decoration: underline;
}
a:hover{
  color: #660033;
  text-decoration: underline;
}
a.img {
  border: 0 none;
}

a img {
  border: 0 none;
  text-decoration: none;
}

span.hide {
  display: none;
}

pre, code {
  display: block;
  width: auto;
  background-color: White;
  border: 1px solid #999;
  padding: 0.5em;
  margin: 1em 0;
  color: #666;
  font: 1.2em monospace;
}

td {vertical-align: top;}

/* AREAS */
#wrapper {
  margin: 0 auto 0 auto;
  width: 934px;
  min-height: 400px;
  text-align: left;
}

#top { height: 186px; margin: 50px 0 10px 0; }

#logo { height: 186px; width: 186px; float: left; }

#header-pic {
  width: 747px;
  height: 186px;
  float: right;
  background: url(bg_header.jpg) no-repeat;
}

#footer {background: url(bg_body.gif) repeat-x; height: 100px; clear: both;}
#footernavwrapper { margin: 0 auto 0 auto;   width: 934px; }
ul#footernav { list-style-type: none; margin-left: 615px; padding-top: 30px;}
ul#footernav li {  float: left; }
ul#footernav li a { color: #000; font-weight: bold; font-size: 10px; text-decoration: none; background: url(footernav_spacer.gif) no-repeat 5px 6px; padding-left: 10px;}
ul#footernav li a.first {  background: none;}
ul#footernav li a:hover, ul#footernav li a.active { color: #93B40E; font-weight: bold; font-size: 10px; }

#main_nav {
  width: 748px;
}
/* Main Nav */
ul#mainnav {
  list-style-type: none;
  width: 748px;
}
ul#mainnav li {
  line-height: 17px;
  float: left;
  width: 186px;
  height: 186px;
  border-right: 1px solid #fff;
  text-align: center;
}

ul#mainnav li.last {
  width: 186px;
  border: none;
}

ul#mainnav li a {
  display: block;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  width: 186px;
  font-weight: bold;
  background-color: #C5C6C8;
  margin-top: 156px;
  height: 30px;
  line-height: 30px;
}

ul#mainnav li a:hover, ul#mainnav li a.active {  
  background-color: #93B40E;
  color: #fff;
}

/* Main Nav */
ul#subnav {
  list-style-type: none;
  width: 186px;
}
ul#subnav li {
  line-height: 17px;
}

ul#subnav li a {
  display: block;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  width: 161px;
  padding-left: 25px;
  font-weight: bold;
  background: #C5C6C8 url(subnav_l1_default.gif) no-repeat 10px 13px;
  border-bottom: 1px solid #fff;
  height: 30px;
  line-height: 30px;
}

ul#subnav li a:hover, ul#subnav li a.active {  
  background: #93B40E url(subnav_l1_active.gif) no-repeat 10px 13px;
  color: #fff;
}

/* 2. Ebene  */
ul#subnav li ul {
  list-style-type: none;
}
ul#subnav li ul li a { color: #fff; padding-left: 30px; width: 156px; background: #cfe098 url(subnav_l2_default.gif) no-repeat 15px 13px; }
ul#subnav li ul li a:hover, ul#subnav li ul li a.active {background: #cfe098 url(subnav_l2_active.gif) no-repeat 15px 13px; color: #93B40E;}


#mainarea{
  clear: both;
}

#left_area {
  width: 186px;
  float: left;
}

#content_wrapper {
  float: right;
  width: 740px;
}

#content {
  width: 545px;
  float: left;
}

#right_area {
  float: right;
  width: 186px;
}

/* Content Styles */
#content img {
  float: left;
  margin: 0 10px 10px 0;
  clear: right;
}
#content ul {
  list-style: square;
  padding: 0em 10px 10px 13px;
  color: #333;
}
#content ul li {
  padding-left: 0px; 
  background: url(bl_content.gif) no-repeat 0 6px;
}

/*Rahmen um die Bilder im Haupt-Content-Bereich*/
#main img {border: 1px solid #ccc;}

/*Tabellen formatieren*/
.tr-odd {background-color: #eee;}

.news-latest-container {
  margin: 0;
  padding: 0;
}

.news-latest-wrapper {
  margin: 1px 3px 0 5px;
}
.news-latest-item {
  background: url(news_right_top.gif) no-repeat;
  font: 9px Verdana, Arial;
}

.news-latest-item { background-color: #e2e2e3; width: 186px;}
.news-latest-item .news-latest-date {   display: block; background-color: #93b40e; height: 30px; line-height: 18px; padding-left: 5px; }
.news-latest-item .news-latest-date a { color: #fff;}
.news-latest-item .news-latest-date a:hover { color: #fff; text-decoration: underline;}
.news-latest-item h3 {margin-top: 5px; font-size: 10px;}
.news-latest-item h3 a { padding-left: 5px; margin-top: 5px;color: #000; text-decoration: none;}
.news-latest-item h3 a:hover { text-decoration: underline; color: #000; }
.news-latest-item p {  padding-left: 5px;}
.news-latest-date a { color: #9c0; text-decoration: none; position: relative; top: 6px;}
.news-latest-date a:hover { color: #9c0; text-decoration: none; }
.news-latest-morelink { width: 145px; height: 20px; padding-left: 5px;}
.news-latest-morelink a { color: #9c0; text-decoration: none; }

.news-list-item { margin-bottom: 20px; }


.produkte_bild img {padding: 0; margin: 0;}

/*****************Page debug*****************Good rule to know the structure of the webpage* NOTE: Only compliant browser no IE*

div[id]{
  border: 1px solid #000;
  background-color: #fff;
}

div[id]:before{
  content: "div#" attr(id);
  background-color: #cf9;
  color: #060;
  display: block;
}

/*****************End Page debug*****************/

/* Kontaktformular */

fieldset {border-color: #ccc;}

fieldset legend {margin: 0 0px 0 0px;}

fieldset label {
  display: block;
  width: 130px;
  float: left;
margin: 0 -5px 0 5px;
}

fieldset br {
  clear: left;
  margin-bottom: .5em;
  display: block;
}

fieldset input {
  background: e1e1e1;
  color: #777;
  font: 11px Arial, Helvetica, sans-serif;
  border: 1px solid #9c0;
}

input#plz {
  width: 50px;
}

textarea#mitteilung {
  margin-left: 105px;}

fieldset textarea {
  width: 290px;
  height: 80px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #777;
  border: 1px solid #9c0;
}

fieldset select {
  border: 1px solid #9c0;
}

fieldset hr {
  margin-bottom: 5px;
}


/* Fehlermeldungen */

div.formerror {
  color: #ed1c24;
  border:  1px solid #ed1c24;
  padding: .5em;   
}

div.formerror h3, div.formerror a {
  color: #ed1c24 ! important;
}

div.formerror ul {
  list-style: circle;
}

div.formerror ul li {
  margin-left: 1.5em;
} 

.bodytext {}
.contenttable {width: 520px;}
.csc-uploads {  width: 520px;}
.tr-even {background-color: #cf9;}
.tr-odd {background-color: #9c6;}
.produkte_table h2 {background-color: #9c6; margin-bottom: 5px; padding-left: 5px;}
h1.produkte_ueberschrift {font-size: 24px; color: #9c0;}
table {
  font-size: 12px;
}
div.produkte_table td.td-0 {width: 50%;}
.produkte_bild img {border-bottom: 14px solid #fff;}
.produkte_description {
  border-bottom: 10px solid #fff;
}
div.produkte_link {margin-top: 10px; margin-bottom: 10px;}

#content dl.csc-textpic-image img {
  margin-bottom: 2px;
}

#content dd.csc-textpic-caption {
  line-height: 1.2em;
}

/*blueways*/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {padding:0px !important;}