/***********************************************/
/*          Universale Formatierungen          */
/***********************************************/
body
	{
   background-color:#EFEFEF;
   padding:0px;
   margin:0px;
   }

td.basic_valign
	{
  background-image:url(../img/background/clouds_grey.jpg);
  background-position: 0px 0px;
  background-repeat:repeat-x;
  vertical-align:middle;
  background-color:#FFFFFF;
  }

/***********************************************/
/*           Bild-Klassen                      */
/***********************************************/
/* Standart: rot umrahmtes Bild */
.text div
  {
  /*margin-top:15px;*/
  border:1px solid #B71616;
  }

/* Produktseite: unten zentral plaziert */
#central_pic
  {
  text-align:right;
  }

#central_pic div
  {
  text-align:right;
  margin-bottom:4px;
  }
   
/* Umformatierung fuer alleinstehende Bilder */
/* Abstaende wie Absaetze */
div.simple_image,
div.float_left,
div.float_right
  {
  margin-left:15px;
  margin-right:15px;
  }

.text div.full_collumn,
.text div.simple_image,
.text div.float_right,
.text div.float_left
  {
  margin-top:5px;
  margin-bottom:5px;
  /*  
  margin-top:15px;
  margin-bottom:5px;
  */
  }

/* Textumfluss */
div.float_left
  {
  float:left;
  }
/* MSIE */
* html div.float_left
  {
  margin-left:7px;
  }
  
div.float_right
  {
  float:right;
  }
/* MSIE */
* html div.float_right
  {
  margin-right:7px;
  }
/***********************************************/
/*           Schriftformatierungen             */
/***********************************************/
/* Haupt-Schriftvormatierung *******************/
body, td, p
  {
  font:11px Frutiger,Helvetica,Arial;
  }
td, p
  {
  vertical-align:top;
  color:#000000;
  }
  
/* Zeilenhoehe: 16px ***********/
.text p,
.beige p,
td#red p,
.text h5,
.text h6,
.text h5,
.beige h5,
td#title_pic_sub_text p,
td#title_pic_middle_text p,
#startImageMiddle p,
#startImageRight p,
#startImageLeft p
  {
  line-height:16px;
  }
  
  
/* Rotes Vertikalfeld **************************/
td#red p
  {
  color:#FFFFFF;
  }


/* Textbereiche und HG-Bilder mit rotem Rahmen */
.text h5,
td#red h5,
.text h6
  {
  font-size:12px;
  font-weight:bold;
  /*margin-top:0px;
  margin-bottom:-3px;
  padding-left:15px;
  padding-right:13px;
  padding-top:0px;
  padding-bottom:0px;*/
  /*line-height:16px;*/
  }
   
   
.text p,
.beige p,
.text h5,
.beige h5
  {
  margin-top:0px;
  margin-bottom:10px;
  /*margin-top:10px;*/ /* Wichtig fuer Textumfluss */
  /*margin-bottom:-4px;*/
  padding-left:15px;
  padding-right:15px;
  padding-top:0px;
  padding-bottom:0px;
  /*line-height:16px;*/
  }


.text form
  {
  margin-top:0px;
  margin-bottom:10px;
  }

.text p + form
  {
  margin-top:0px;
  }

/* Titelseiten-Layout:
   Absaetze innerhalb und unterhalb der Bild-<div>s */
td#title_pic_sub_text p,
td#title_pic_middle_text p,
#startImageMiddle p,
#startImageRight p,
#startImageLeft p
	{
  margin-top:0px;
  margin-bottom:4px;
  padding-left:15px;
  padding-right:15px;
  padding-top:0px;
  padding-bottom:0px;
  /*line-height:16px;*/
  }

td#title_pic_sub_text p,
#startImageRight p
	{
  text-align:right;
  }

/* Kaesten auf Mitarbeiterseiten */
td.employee_notes p
  {
  font-size:11px;
  line-height:11px;
  padding-left:7px;
  margin-top:4px;
  margin-bottom:4px;
  }


/* Deco-Pic ************************************/
td.deco_pic div
  {
  margin-bottom:0px;
  border:4px solid #FFFFFF;
  }
table.employee_pic
  {
  /*height:125px;*/ /* nur zur Info, nicht verwenden!*/
  margin-top:0px;
  margin-bottom:0px;
  }

table.employee_pic td
  {
  /*border:4px solid #FFFFFF;*/
  }

table.employee_pic td div
  {
  width:86px;
  height:116px;
  background-color:#8F8F8F;
  border:4px solid #FFFFFF;
  }
td.employee_notes
  {
  width:116px;
  border:4px solid #FFFFFF;
  background-color:#F1EAD2; /* genau das funktioniert nicht! alles andere ja! warum????*/
  }

/* Hersteller-Logo + Link **********************/
#manufacturer_logo
  {
  text-align:right;
  }

#manufacturer_logo div
  {
  cursor:pointer;
  margin-bottom:2px;
  }

#manufacturer_logo p.footer_link
  {
  margin-top:0px;
  }

#manufacturer_logo a:link,
#manufacturer_logo a:active,
#manufacturer_logo a:visited
  {
  text-decoration:none;
  color:#505050;
  font-weight:bold;
  }

#manufacturer_logo a:hover
  {
  text-decoration:none;
  color:#B71616;
  font-weight:bold;
  }

/***********************************************/
/*             Layout-Tabellen                 */
/***********************************************/

/* Text-TD: Zentrale Ausrichtung ***************/
.text
  {
  /*padding-top:0px;*/
  }

/* Zentrale Positionierung des Gesamtinhaltes  */
table#mother_table
  {
  /*margin:0px;*/
  width:100%;
  height:100%;
  }
table#mother_td
	{
  }
table#white_table
  {
  height:100%;
  }
table#white_table td
  {
  background-color:#FFFFFF;
  }

/* Haupt-Tabelle *******************************/
table#main_table
  {
  background-color:#FFFFFF;
  /*min-height:800px;*/
  }


/* Logo-Zelle + Ergaenzung *********************/
td#logo
  {
  background-image:url(../img/background/logo.gif);
  background-position: 0px 0px;
  background-repeat:no-repeat;
  }
td#logo_completion
  {
  background-image:url(../img/background/logo.gif);
  background-position: 0px -94px;
  background-repeat:no-repeat;
  }

/* Rotes Vertikal-Feld rechts:
   als Zellen der Haupttabelle und eingefuegte
   Tabelle. ************************************/
td.red
  {
  background-color:#B71616;
  }
td#red
  {
  background-color:#B71616;
  color:#FFFFFF;
  height:534px;
  padding:15px;
  padding-top:0px;
  }

/* Hintergrundbild-Zellen im Inhaltsbereich ****/

td.beige
  {
  background-color:#EADEBA;
  }

td.beige_hell
  {
  background-color:#F1EAD2;
  }
/* td2_z2: Spalte neben Navileiste:            */
/* -> auf ganze layoutbreite (z.B. Startseite) */
td.td2_z2
  {
  background-image:url(../img/background/td2_z2.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
/* td2_z2: 2-zellige Spalte neben Navileiste:  */
/* -> Hauptzelle im Inhaltsbereich             */
/* -> untere Flachzelle                        */
td.td2_z2_c3
  {
  background-image:url(../img/background/td2_z2_c3.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
/* -> obere Flachzelle darueber                */
td.td2_z2_c2_w_beigeh
  {
  background-image:url(../img/background/td2_z2_c2_w_beigeh.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
/* td3_z4: 4-zellige Spalte neben td3          */
/* -> Beige-hell (Pseudo-Spalte), beige-dunkel
   Textinhalte-Bereich des Produkte-Layouts.   */
/* -> untere Flachzelle                        */
td.td3_z4_c2_beige_beige
  {
  background-color:EADEBA;
  background-image:url(../img/background/td3_z4_c2_beige_beige.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
td.td3_z4_c2_beiged_beigeh
  {
  background-color:EADEBA;
  background-image:url(../img/background/td3_z4_c2_beiged_beigeh.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
/* -> obere Flachzelle                         */
td.td3_z4_c2_beige_w
  {
  background-image:url(../img/background/td3_z4_c2_beige_w.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
/* Rotes vertikalfeld, der beige Reststreifen  */
td.tdred_beige15
  {
  background-image:url(../img/background/tdred_beige15.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }
td.tdred_beigeh15
  {
  background-image:url(../img/background/tdred_beigeh15.gif);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  }

td.title_pic
	{
  background-image:url(../img/background/td_vertical_white_beige.gif);
 	background-repeat:repeat-x;
 	background-position:0px 0px;
  }
  
  
/* SONDER-TABELLEN *****************************/
/* Ueber Startseitenbild gelegte Tabelle       */
#over_table
  {
  position:absolute;
  top:124px;
  /*margin-top:-557px;*/
  }

#over_table td
  {
  background-color:transparent;
  }

div#verwaltung_content
  {
  margin-left:20px;
  margin-right:20px;
  }

td#second_menu form
  {
  margin-left:15px;
  }
  
/*********************************************************/
/*                      NAVIGATION                       */
/*********************************************************/
td.navigation
  {  
  padding:0px;
  }
  
td.navigation p
  {
  
  }

a
  {
  color:#B71616;
  text-decoration:none;
  }
  
td#red p a
  {
  color:#FFFFFF;
  text-decoration:underline;
  }



/********* main ************/
p.link_main_branch
  {
  margin:0px;
  margin-left:25px; /* Im Originalentwurf war das 32px */
  font-weight:bold;
  font-size:12px;
  line-height:18px;
  }
p.link_main_branch a:link,
p.link_main_branch a:active,
p.link_main_branch a:visited
  {
  text-decoration:none;
  color:#000000;
  }

p.link_main_branch a:hover
  {
  text-decoration:none;
  color:#B71616;
  }

/********* sub *************/
p.link_sub_branch
  {
  margin:0px;
  margin-bottom:2px;
  margin-left:15px;
  font-size:11px;
  line-height:16px;
  }

p.link_sub_branch a:link,
p.link_sub_branch a:active,
p.link_sub_branch a:visited
  {
  text-decoration:none;
  color:#000000;
  }

p.link_sub_branch a:hover
  {
  text-decoration:none;
  color:#B71616;
  }

  
/**********************************************************************/
/**                       Formular-Tabellen                          **/
/**********************************************************************/
table.formular
  {
  }
  

table.formular td
  {
  padding:5px; 
  text-align:left;
  vertical-align:top;
  }

table.formular td span
  {
  color:#B71616;
  }
  
table.formular td textarea
  {
	height:40px;
  width:380px;
  }

/**********************************************************************/
/**        Formulare generell und Kontaktformular                    **/
/**********************************************************************/
td table.mailform
  {
  margin-left:13px;
  /*margin-top:13px;*/
  }
  
table.mailform td
  {
  padding:0px;
  padding-bottom:4px;
  }

table.mailform td span,
p.mailform span
  {
  color:#B71616;
  }
  
p.mailform
  {
  /*margin-bottom:0px;*/
  }
  
input,
textarea
	{
	color:#000000;
	background-color:transparent;
  border:1px solid #505050;  
  font-family:arial,helvetica,sans-serif;
  font-size:12px;
  padding:3px;
  padding-left:6px;
  }
  
td.no_textfield input
  {
	background-color:transparent;
  }

td.error
  {
	color:#B71616;
  }

input.error,
textarea.error
	{
	/*color:#B71616;*/
	background-color: #FFC6B2;
  }

td.mailform_normal input
  {
  width:136px;
  }
  
  
td.mailform_normal textarea
  {
  width:216px;
  height:100px;
  }

.send_button
  {
  padding:3px;
  background-color:transparent;
  border:1px solid #505050;  
  }

textarea
	{
    /*
	scrollbar-face-color:#FFFFEA;
	scrollbar-arrow-color:#C4C5B6;
	scrollbar-base-color:#FFFFEA;
	scrollbar-darkshadow-color:C4C5B6;
	scrollbar-track-color:#F6F6DF;
	scrollbar-highlight-color:#FFFFEA;
	scrollbar-shadow-color:#D4D5C3;
  scrollbar-3d-light-color:#FFFFFF;
  */
	}
  

/***********************************************/
/*      Suchformular und Suchergebnisse        */
/***********************************************/
td.text div.result_headline h5.search_headline
  {
  color:#B71616; 
  }

td.text div.result_headline
  {
  /*background-color:#FEFEFE; */
  border:none;  
  /*padding-top:1px;
  padding-bottom:15px;
  margin-bottom:-10px;*/
  }

td.text p.search_page_title,
td.text p.result_headline
  {
  padding-top:5px;
  padding-bottom:5px;
  }

p.search_page_title
  {
  background-color:#B71616;  
  }


p.search_page_title a:link,
p.search_page_title a:active,
p.search_page_title a:visited
  {
  color:#FEFEFE;
  font-weight:bold;
  }
p.search_page_title a:hover
  {
  color:#FFFFFF;
  text-decoration:underline;
  }


p.search_content
  {  
  }

p.search_content a b
  {
  color:#B71616;
  }


p.search_content a:link,
p.search_content a:active,
p.search_content a:visited
  {
  color:#000000;
  text-indent:15px;
  }
  
p.search_content a:hover
  {
  color:#B71616;
  }