@CHARSET "UTF-8";

body {
  background-color: #fff;
  font-size: 9pt;
  font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
  color:#000;
  padding:0;
  margin:0;
}

.left {
  text-align: left;
}
.right {
  text-align: right;
}
a {
  color: #4d7312;
}
a:visited {color:#4d7312;}
a:hover {color: #4d7312;}
a:active { color:#4d7312;}

form {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 9pt;
  color: #000;
  margin: 0 8px;
}

h2 {
  font-size:9pt;
  color:#4d7312;
  padding: 5px 8px;
  margin:0px;
}
h2.home {
  font-size:12pt;
  color:#4d7312;
  padding: 5px 8px;
  margin:0px;
}
h2.schwarz {
  font-size:9pt;
  color:#000000;
  padding-top: 5px; 
  padding-left: 9px; 
  padding-bottom: 0;
  margin:0px;
}

h3 {
  font-size:9pt;
  margin:0px;
}

img {
  border: none;
}

/* ----------container zentriert das layout-------------- */
#container {
  width: 934px;
  margin-bottom: 10px;
  margin: auto;
  background-color: #fff;
}

/* ----------banner ------------- */
#banner {
  background-color: #FFF;
  padding: 0px;
  margin: 0px;
  height:93px;
}
/* ----------logo-------------- */
#logo{
  width:190px;
  float:left;
}
/* ----------headright-------------- */
#headright{
  width:742px;
  height:93px;
  background-image:url(/basics/images/header_bg.jpg);
  float:left;
}

/* -----------------Inhalt--------------------- */
#content {
  background-color: #ffffff;
  padding: 0;
  margin: 0 178px;
}
div#content { 
  min-height:540px;
  height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre {
  padding-left: 10px;
  padding-top: 5px;
  margin:0;
  font-size: 9pt;
}

/* --------------left navigavtion------------- */
#left {
  float: left;
  width: 174px;
  margin: 0px;
  padding: 0px;
  margin-top:10px;
}
#right {
  float: right;
  width: 174px;
  margin: 0;
  padding: 0;
  margin-top:10px;
  margin-right:2px;
}
/* -----------footer--------------------------- */
#footer {
  color:#000;
  clear: both;
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: #007fb2;
}
/*  ----------------box---------------------- */ 
div.box {

  position:static;
  margin-bottom: 10px;
  
}
.boxhead {
  height:23px;
  background-image:url(/basics/images/box_bg.jpg);
}
.boxhead h2, .boxhead2 h2 {
  font-size: 9pt;
  padding: 5px 8px 3px 8px;
  text-transform: uppercase;
}
.boxhead_orange {
  height:23px;
  background-image:url(/basics/images/box_bg_orange.jpg);
}
.boxhead_orange h2 {
  font-size: 9pt;
  padding: 5px 8px 3px 8px;
  text-transform: uppercase;
  color: #fff;
}
.boxbot {
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;
  padding-bottom: 8px;

}
.boxbotc {
  padding: 8px 8px 0 8px;
}
.boxbotc p {
  width: 160px;
  margin: 0;
  padding: 0;
}
.boxbotcmitte {
  padding: 8px 8px 0 8px;
}
.boxbotchome {
  padding:10px;
  background-image:url(/basics/images/bg.jpg);
  font-size: 9pt;
}
.box2 {
  margin:10px;
  width:552px;
  position:static;
}
.boxhead2 {
  height:23px;
  background-image:url(/basics/images/box_bg2.jpg);   
}
/*  ----------------Navigation---------------------- */ 
#main-nav {
  float:left;
  width:565px;
  margin-top:28px;
  margin-left:0;
  font-size: 11px;
}
.navigation {
  margin: 0;
  padding: 0;
}
ul.navigation li {
  list-style: none;
  margin: 0;
  display: inline;
  padding: 0;
}
#flags {
  width:200px;
  position:relative;
  top:-65px;
  left:620px;
}
td.topnavi {
  background-image: url('/basics/images/topnavi_mitte.jpg');
  height:19px;
  padding-left: 5px;
  padding-right: 5px;
  color: #FFF;
}

td.topnavi a, td.topnavi a:visited {
  color: #FFF;
  text-decoration: none;
}
td.topnavi_aktiv {
  background-image: url('/basics/images/topnavi_mitte_aktiv.jpg');
  height:19px;
  padding-left: 5px;
  padding-right: 5px;
}
td.topnavi_aktiv a {
  color: #007fb2;
  text-decoration: none;
}
p.fehler {
  font-size: 8pt;
  color: red;
  margin: 0px;
}
a.navi {
  color: black;
  text-decoration: none;
}
a.navi_aktiv {
  color: black;
  text-decoration: none;
  font-weight: bold;
}
table.firmenliste{
  border-left: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  margin: auto;
}
table.firmenliste td {
  border-right: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
  padding: 5px;
}
span.text_gruen {
  color: #4d7312;
}
span.button_home {
  border: 1px solid #D5D5D5;
  background-color: #D4E8B5;
  color: #4D7312;
  padding: 7px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  cursor: hand;
  text-decoration:underline;
}

span.button {
  border: 1px solid #D5D5D5;
  background-color: #D4E8B5;
  color: #4D7312;
  padding: 3px;
  margin-top: 8px;
  font-size: 11px;
  cursor: pointer;
  cursor: hand;
}

p.fehler {
  font-size: 8pt;
  color: red;
  margin: 0px;
}

p.fehler a {
  font-size: 8pt;
  color: red;
  margin: 0px;
}

input.fehler {
  background-color: #FDD0D1;
}

textarea.fehler {
  background-color: #FDD0D1;
}

table.liste td {
  border-right: 1px solid #D4E8B5;
  border-bottom: 1px solid #D4E8B5;
}

table.liste tr.soft {
  color: #959595;
}

table.liste  {
  border-left: 1px solid #D4E8B5;
  border-top: 1px solid #D4E8B5;
  margin-top: 10px;
  margin-bottom: 10px;
}
table.liste th {
  border-right: 1px solid #D4E8B5;
  border-bottom: 1px solid #D4E8B5;
  background-color: #D4E8B5;
  color: #4d7312;
  font-size: 9pt;
}
table.blaettern, table.blaettern a {
  background-color: #D4E8B5;
  font-size: 9pt;
  color: #363636;
  text-decoration: none;
}
.clear { clear: both; }
p.text {
  padding: 0px;
  margin: 0px;
}
img.firmeninfo {
  margin-right: 10px;
}
img.produktbilder {
  margin-right: 15px;
  margin-top: 10px;
}
div.hilfe {
  margin: 5px 0 10px 0;
}
div.information {
  float: right;
  padding: 0 0 10px 10px;
}
a.pointer { cursor: pointer; }
a.footer {
  color: #007FB2;
  text-decoration: none;
}
td.angebot {
  background-color: #FEFFAF;
}
ol {
  margin-left: 22px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4px;
}
ul.gruen {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 22px;
}
ul.gruen li{
  margin: 0;
  color: #4d7312;
  padding: 0;
  font-weight: bold;
}
span.kategorie_aktiv {
  color: #4d7312;
  font-weight: bold;
}
span.kategorie_inaktiv {
  color: #999999;
  text-decoration: underline;
}
img.news {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
input.newsletter {
  width: 100px;
  margin-top: 10px;
  font-size: 8pt;
  font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
}
table.social img {
  margin: 2px 0;
}
table.social a {
  color: #000;
}
ul.subnavi {
  padding-left: 0;
  margin: 0;
}
ul.subnavi a {
  text-decoration: none;
}
ul.subnavi a.aktiv {
  font-weight: bold;
}
ul.subnavi li {
  margin: 4px 0;
  list-style-type: none;
  padding-left: 0;
}
div.trenner {
  border-bottom: 1px solid #ddd; 
  margin: 10px;
}
div.trenner_news {
  border-bottom: 1px solid #ddd; 
  margin: 5px 0;
}
span.datum {
  font-weight: normal;
  color: #666;
  font-size: 9pt;
}
p.box {
 
  padding: 0;

}
a.news {
  color: #000;
}
.kontakttextarea {
  width: 264px;
  height: 200px;
}
.kontaktinput {
  width: 260px;
}
.table_kontakt {
  margin-left: 20px;
  margin-top: 8px;
}
div#reiter {
  width: 150px;
  height: 30px;
  margin: 0;
  padding: 0;
}
.grau {
  color: #666;
}
.orange {
  color: #DF7635
}
.blau {
  color: #3E8AA4;
}
.gruen {
  color: #4d7312;
}

.btn_gruen {
  background-image: url(/basics/images/btn_gruen_mitte.gif);
  background-repeat: repeat-x;
  padding: 0 10px;
}

.btn_gruen a {
  color: #4c8aa2;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.btn_blau {
  background-image: url(/basics/images/btn_blau_mitte.gif);
  background-repeat: repeat-x;
  padding-right: 10px;
  color: #fff;
}

.btn_blau a, .btn_blau a:visited {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.pointer {
  cursor: pointer;
}