@import "forms/Formular.css";

BODY {
   margin: 0px;
   font-size: 11px;
   font-family: Verdana;
   line-height: 18px; 
   background-color: #F2F2F2;

}

TABLE {
   line-height: 16px;
   font-size: 11px;
}

IMG { border: none; }

.page_head {
   background-image: url(img/83b214.png);
   background-repeat: repeat-y;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-left: 20px;
   padding-bottom: 3px;
}

.subline {
   font-weight: bold; 
   padding-top: 0px;
   color: #666666;
   line-height: 14px;
} 

H1 {
   padding: 0px;
   font-size: 18px;
   line-height: 22px; 
   color: #000000;
   font-weight: bold;
   margin: 0px;
   margin-bottom: 10px;
   font-family: Verdana;
   ffont-variant: small-caps;
}

H2 {
   font-family: Arial;
   font-size: 14px;
   line-height: 16px; 
   color: #719911;
   margin-bottom: 0px;
   margin-top: 0px;
}

H3 {
   font-family: Verdana;
   font-size: 12px;
   line-height: 16px; 
   color: #719911;
   margin-top: 0px;
}

P {
  margin-top: 6px;
  margin-bottom: 6px;
}

UL {
  padding-left: 20px;
  margin-left: 0px;
}

LI {
  margin-bottom: 5px;
}

A {
         color: #669900;
         text-decoration: none;
}

A:HOVER {
         text-decoration: underline;
}

.pfeillink {
         background-image: url(img/PF1-navi-red.png);
         background-repeat: no-repeat;
	 background-position: 0px 3px;
         color: #669900;
         text-decoration: none;
	 padding-left: 8px;
         cursor:hand; cursor:pointer;
}


A.blue {
         background-image: url(img/PF1-navi-red.png);
         background-repeat: no-repeat;
	 background-position: 0px 3px;
	 color: #1E87A0;
	 padding-left: 8px;
}


/* ----- BOX ----------------------------------------------------- */

.box {
/*
  border: 1px solid #979988;
*/
  border: 1px solid #99CC00;

  background-color: #F2F2F2;

  width: 100%;
  padding: 10px;
}

.box_text {
  border-top: 1px solid #979988;
  padding-top: 10px;
  font-size: 11px;

}

.box_text_nl {
  font-size: 11px;

}

.box_head {
 text-align: center;
 font-weight: bold;
 font-size: 11px;
}

.textbox {
  border: 1px solid #99CC00;
  background-color: #E0F0B2;
  width: 100%;
  padding: 10px;
}

.infobox,.infobox_hl,.infobox_blue {
 background-color: #FFFFFF;
 padding: 10px;
 border: 1px solid #99CC00;
 font-size: 10px;
 overflow: hidden; 
}

.infobox_head,.infobox_head_hl,.infobox_head_blue {
 text-align: center;
 background-color: #FFFFFF;
 border-top: 1px solid #99CC00;
 border-left: 1px solid #99CC00;
 border-right: 1px solid #99CC00;
 color: #000000;
 font-weight: bold;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 10px;
 padding-right: 10px;
}

.infobox_blue,.infobox_head_blue {
  border-color: #1E87A0;
  overflow: visible;
}
.infobox_blue { padding-bottom: 10px; }

.infobox_hl {
  background-color: #E0F0B2;
  font-weight: bold;
}

.infobox_wbm {
 background-color: #FFFFFF;
 border-bottom: 1px solid #99CC00;
 border-left: 1px solid #99CC00;
 border-right: 1px solid #99CC00;
 padding: 10px;
}

.seperator,.seperator_blue {
 border-bottom: 1px solid #99CC00;
 margin-top: 10px;
 margin-bottom: 10px;
}
.seperator_blue { border-color: #1E87A0; }


/* ----- Styles für Bilder ------------------------------------- */

.picbig {
 border: 2px solid #99CC00;
}

.picsmall {
 border: 1px solid #99CC00;
}

/* Styles for Navigation --------------------------------------- */
.left_nav {
   background-color: #D6EB99;
   padding: 10px;
}

.main_item,.main_item_nl {
  padding-left: 4px;
  padding-top: 5px;
  padding-bottom: 2px;
  cursor:hand; cursor:pointer;
  border-top: 1px solid #83BB19; 
  font-weight: bold;
}

.main_item_nl {
  padding-top: 6px;
  border-top: none;
}

.main_item_hover,.main_item_active {
  background-color: #91C516;
  padding-left: 4px;
  padding-top: 6px;
  padding-bottom: 2px;

  cursor:hand; cursor:pointer;
  font-weight: bold;
}

.main_item_active {
  color: #ffffff;
}

.item_href {
  color: #000000;
}

.item_href_active {
  color: #ffffff;
}

.item_href_active:hover {
  text-decoration: none;
}

.item_href:hover {
  text-decoration: none;
}

.subitem {
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 3px;

  border-style: none;
  border-width: 0px;

  cursor:hand; cursor:pointer;
}

.subitem_hover,.subitem_active {
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 3px;

  background-color: #91C516;

  cursor:hand; cursor:pointer;
}

.subitem_active {
  color: #ffffff;
}


.top_nav {
   background-color: #E0F0B2;
   height: 18px;
   padding-left: 20px;
   text-align: right;
   padding-right: 10px;
}

.topitem,.topitem_hover,.topitem_active {
  margin-right: 10px;
  padding-left: 3px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 1px;
  font-size: 10px;
}

.topitem_hover,.topitem_active {
   background-color: #91C516;
}

.topitem_active {
  cursor: default;
  color: #ffffff;
}

.printitem,.printitem_hover { 
  padding-left: 3px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 1px;
  font-size: 10px;
  background: url("img/print.png") no-repeat right top;

}
.printitem_hover {
  text-decoration: underline;
}

/* --- Buttons ---------------------------------------------------------- */

.button {

  background-color: #FFFFFF; 
  padding-top: 3px; 
  padding-left: 10px;
  padding-bottom: 3px;
  color: #000000;
  border-bottom: 1px solid #99CC00;
  border-left: 1px solid #99CC00;
  border-right: 1px solid #99CC00;
}


/* ---------------------------------------------------------------------- */

.logo {
  width: 200px;
}

.clock {
   
   background-color: #83B214;
   color: #ffffff;
   text-align: right;
   padding-right: 14px;
   padding-top: 2px;
}

.darkgreen_bar {
   background-color: #719911;
   width: 200px;
}

.lightgreen_bar {
   background-color: #83B214;
}

.verylight_bar {
  background-color:  #E0F0B2;
}

.left_bar {
   background-color: #CFD2BB; 
   height: 100%;
   width: 200px;
   vertical-align: top;
   font-size: 10px;
}

.left_bar_content {
  margin: 10px;
  width: 180px;
  padding-top: 5px;
}

.content {
/*
   background-color: #ECEDE6;
*/
   background-color: #F2F2F2;
   height: 100%;
   padding: 10px;
   vertical-align: top;
   padding-top: 17px;
   padding-left: 20px;
   padding-right: 20px;
   width: auto;
  
   font-size: 11px;
}

.right_bar {
/*
   background-color: #ECEDE6;
*/
   background-color: #F2F2F2;
   height: 100%;
   vertical-align: top;
   padding-left: 10px;
   padding-top: 17px;
   padding-right: 10px;
   width: 180px;
   font-size: 10px;
}

.monitor_login {
   background-image: url("img/HG-login.png");
   background-repeat: no-repeat; 
   height: 120px;
}

.monitor_login_text {
   padding-left: 10px;
   padding-top: 25px;
}

.LNpic {
   border-top: 1px solid #868775;
}

.BTpic {
   border-top: 1px solid #868775;
   border-bottom: 1px solid #868775;
}

/* Styles for intro -------------------- */

.intro_img { margin-right: 20px; 
             border: 1px solid #99cc00;
}

.intro { margin-bottom: 10px;
         overflow: hidden; 
}

.intro_head {
         font-size: 18px;
         line-height: 22px;
         font-weight: bold;
         color: black; 
         font-family: Verdana;
         margin-bottom: 10px;
}

/* DBFORM ----------------------------------- */
.dbform_fieldnames {
         background-color: #83B214;
         color: white;
         cursor:hand; cursor:pointer;
         padding: 2px;
         font-weight: bold;
}

.ordernav {
       margin-bottom: 10px;
}

.page {
       width: 480px;
}

.prodfullname {
   font-weight: bold;
   /*font-style: italic;*/
}

/* Styles für Druckansicht */
.printpage {
  margin: 15px;
}

TABLE.table1 {
   border-collapse: collapse;

}

TABLE.table1 TD {
    border: 1px solid #666666;
    padding: 3px;
    padding-left: 5px;
    background-color: #FFFFFF;

}

TABLE.table1 TH {
    text-align: left;
    padding: 3px;
    border: 1px solid #666666;
    background-color: #999999;
    color: white;
}

TABLE.table2 {
     border-collapse: collapse;
}

TABLE.table2 TD {
    border: none;
    vertical-align: top;
    border: 1px solid #cccccc;
}