*
{
  font-family: arial;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

html body
{
  font-size: 0.8em;
  background-image: url('../files/images/bg.jpg');
  background-repeat:no-repeat;
  background-position:bottom right;
  background-attachment:fixed;
}

#page
{
  height:100%;
  margin: 0 auto;
  width: 100%;
  text-align: left;
}

#top
{
  position:fixed;
  z-index: 10;
  height: 125px;
  width: 100%;
  left: 0;
  top: 0;
  background-image: url('../files/images/header_background.jpg');
  background-repeat:no-repeat;
  background-position:top left;
  background-color: #EDEDE5;
}

td#sprachumschaltung
{
	width: 85px;
}

td#sprachumschaltung div
{
	padding-left: 11px;
	white-space: nowrap;
}

td#suche
{
	text-align: center;
	white-space: nowrap;
}

#sprachumschaltung img
{
	border: none;
}

#nav
{
  height: 29px;
  margin-top:125px;
  background-color:#a7a7a9;
}

#redline
{
  height: 2px;
  font-size:0;
  border-top: 2pt solid white;
  background-color: #0e87d8;
}


#left
{
  width: 23%;
  height: 100%;
  float: left;
  background: #e7e7e0;
  padding-top: 28px;
  margin-top: 155px;

}

#left #subnav_bottom
{
  position: fixed;
  width: 23%;
  left: 0;
  bottom: 0;
  height: 0px;
  background-color: #e7e7e0;

}

#content
{
  width: 75%;
  float: right;
  padding-top: 30px;
  margin-top: 120px;
  padding-right: 10px;

}

TD
  {
  color: #000000;
  }

TABLE.aktuelles
  {
   width: 100%;
   border-collapse:collapse;
   padding-top: 0pt;
   padding-right: 0pt;
   padding-left: 0pt;
   padding-bottom: 0pt;
    margin-top: 3pt;
  margin-right: 0pt;
  margin-left: 0pt;
  margin-bottom: 0pt;

  }
  
  TABLE.phone
  {
  width: 100%;
  border-collapse:collapse;
  padding-top: 0pt;
  padding-right: 0pt;
  padding-left: 0pt;
  padding-bottom: 0pt;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-left: 0pt;
  margin-bottom: 0pt;

  }

P
  {
  color: #000000;
  }

H1
  {
  /*FONT-SIZE: small;
  font-weight:bold;*/
  font-size: 1.4em;
  color: #a7a7a9;
  }

  TD.phone
  {

  background-color: #565656;
  height: 15px;
  color: #ffffff;
  text-align:left;
  font-weight:bold;
  padding-left:0px;
  }
  
  TD.phone_left
  {

    background-color: #565656;
  height: 15px;
  width:45px;
  color: #ffffff;
  text-align:right;
  font-weight:bold;
  padding-left:15px;
  }

TD.aktuelles_neu
  {

  background-color: #0e87d8;
  height: 15px;
  width:45px;
  color: #ffffff;
  text-align:center;
  font-weight:bold;
  padding-left:15px;
  }

TD.aktuelles_titel
  {
  color: #ffffff;
  background-color: #a7a7a9;
  FONT-weight:bold;
  padding-left:5px;
  }


TD.aktuelles_text
  {
  width:100%;
  color: #0e87d8;
  padding-left:5px;


  }

  TD.aktuelles_mehr_link
  {
  text-align:right;
  FONT-SIZE: xx-small;
  color: #0e87d8;
  width:100%;
  }



TD.h2
  {
  /*  background-image: url('files/images/h2.gif');  */
  /* background-repeat: repeat-x;              */
  color: #a7a7a9;
  height: 15px;
  FONT-SIZE: large;
  font-weight:bold;
  text-align:left;
  }

TD.h3
  {
  /*  background-image: url('files/images/h2.gif');  */
  /* background-repeat: repeat-x;              */
  color: #000000;
  height: 15px;
  font-style:italic;
  text-align:left;
  }

TD.kurztext
  {
  color: #000000;
  text-align: left;
  }

UL
{
  padding: 20px;
}

LI
  {
  color: #000000;

  }

TD.langtext
  {
  color: #000000;
  }

IMG.bildklein
  {
    border: 0pt;
  }

TD.nav
  {
  text-align:center;
  vertical-align:middle;
  background-repeat:repeat-x;
  background-position:bottom center;
  width: 140px;
  height: 20px;
  border-left: 0px #ffffff solid;
  border-right: 2px #ffffff solid;
  border-top: 0px #ffffff solid;
  border-bottom: 0px #ffffff solid;
  }

BODY.nav
  {
  height:29px;
  width:100%;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-left: 0pt;
  margin-bottom: 0pt;
  padding:0pt;
  background-color:#a7a7a9;
  }

BODY.nav_unten
  {
  width:100%;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-left: 0pt;
  margin-bottom: 0pt;

  background-color: #ffffff;
  padding:0pt;

  }

TABLE.subnav_produkte
  {
   width: 100%;
   border-collapse:collapse;
   padding-top: 0pt;
   padding-right: 0pt;
   padding-left: 10pt;
   padding-bottom: 0pt;

  }

TABLE.subnav
  {
   width: 80%;
   border-collapse:collapse;
   padding-top: 0pt;
   padding-right: 0pt;
   padding-left: 0pt;
   padding-bottom: 0pt;

  }

  TD.subnav
  {
  width:95%;
  color: #0e87d8;
  padding:2pt;

  }

TD.nav_ohneRand
  {


  background-repeat:repeat-x;
  background-position:bottom center;
  width: 176px;
  height: 20px;
  vertical-align:middle;
  border-left: 0px #ffffff solid;
  border-right: 0px #ffffff solid;
  border-top: 0px #ffffff solid;
  border-bottom: 0px #ffffff solid;
  }

  Table.nav
  {

  width: 100%;
  height: 20px;
  margin:0px;
  border-left: 0px #ffffff solid;
  border-right: 0px #ffffff solid;
  border-top: 0px #ffffff solid;
  border-bottom: 0px #ffffff solid;
  }

INPUT.submit {
background-color: #a7a7a9;
color:#ffffff;
width: 60px;
height:20px;
font-weight:bold;
border:0pt;
}


INPUT.nav
{background-color: #ffffff;
color:#0e87d8;
border:1pt solid #379aca;
width: 110px;
border-spacing: 0;
FONT: Arial;
height: 15pt;
margin: 0;
padding: 0;

}

h1
{
  padding-bottom: 0px;
  margin-bottom: 0px;
}

h2
{
  color: #a7a7a9;
  font-family:arial;
  height: 15px;
  FONT-SIZE: large;
  font-weight:bold;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

hr
{
  color: #2D65A0;
}

#content input, #content textarea
{
  width: 300px;
}

#content textarea
{
  height: 100px;
}

#h1_produktgruppe
{
  color: #0e87d8;
  font-size: 1.3em;
}

#kopf_links
{
  vertical-align: top;
  width: 40%;
}

#kopf_rechts
{
  vertical-align: top;
  padding-left: 20px;
}

#kopf_rechts td
{
  font-family:arial;
  font-size: x-small;
}

#table_daten
{
  width: 100%;
  margin-top: 20px;
}

#tr_ueberschriften
{
  font-family: arial;
  font-size: 12px;
  background: #0e87d8;
  color: white;
  font-weight: bold;
  vertical-align:top;
}

#tr_daten
{
  background: #0e87d8;
  color: white;
  vertical-align:top;
  font-family: arial;
  font-size: 12px;
  line-height:19px;
}

#text2
{
  background: #0e87d8;
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#text2 li, #text2 h1
{
  color: white;
}

.katalog
{
  border: 1px #0e87d8 solid;
}

.td_daten
{
  font-size:x-small;
  color:#ffffff;
}

#teilezeichnungen h2
{
  color: #0e87d8;
  font-size: 1em;
}

#teilezeichnungen h3
{
  font-size: 1.1em;
  color: black;
}

#teilezeichnungen td
{
  padding-right: 50px;
}

#teilezeichnungen .spacer
{
  height: 40px;
}

#teilezeichnungen td.h2
{
  border-bottom: 1px solid silver;
}

#teilezeichnungen td.h3
{
  height: 30px;
}

#teilezeichnungen a
{
  color: #0e87d8;
  text-decoration: none;
}

#teilezeichnungen a:hover
{
  text-decoration: underline;
}

A.mehr_link {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: xx-small; FONT-STYLE: italic; TEXT-DECORATION: none}
A.mehr_link:link {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: xx-small; FONT-STYLE: italic; TEXT-DECORATION: none}
A.mehr_link:visited {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: xx-small; FONT-STYLE: italic; TEXT-DECORATION: none}
A.mehr_link:active {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: xx-small; FONT-STYLE: italic; TEXT-DECORATION: none}
A.mehr_link:hover {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: xx-small; FONT-STYLE: italic; TEXT-DECORATION: underline}

A.sprachwahl {COLOR: #8faad1; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A.sprachwahl:link {COLOR: #8faad1; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A.sprachwahl:visited {COLOR: #8faad1; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A.sprachwahl:active {COLOR: #8faad1; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A.sprachwahl:hover {COLOR: #2c65a0; FONT-FAMILY: Arial;  TEXT-DECORATION: none}

A.suche {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: small;  TEXT-DECORATION: none}
A.suche:link {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: small; TEXT-DECORATION: none}
A.suche:visited {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: small; TEXT-DECORATION: none}
A.suche:active {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: small; TEXT-DECORATION: none}
A.suche:hover {COLOR: #0e87d8; FONT-FAMILY: Arial; FONT-SIZE: small; TEXT-DECORATION: none}

A.nav:link {COLOR: #ffffff; font-weight:bold; TEXT-DECORATION: none}
A.nav:visited {COLOR: #ffffff; font-weight:bold; TEXT-DECORATION: none}
A.nav:active {COLOR: #ffffff; font-weight:bold; TEXT-DECORATION: none}
A.nav:hover {COLOR: #ffffff; font-weight:bold; TEXT-DECORATION: underline}


A.subnav {COLOR: #0e87d8; TEXT-DECORATION: none}
A.subnav:link {COLOR: #0e87d8; TEXT-DECORATION: none}
A.subnav:visited {COLOR: #0e87d8; TEXT-DECORATION: none}
A.subnav:active {COLOR: #0e87d8; TEXT-DECORATION: none}
A.subnav:hover {COLOR: #0e87d8; TEXT-DECORATION: underline}

#produkte_kataloge td
{
	text-align: left;
	vertical-align:top;
}

#produkte_kataloge .titel
{
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;	
}

#produkte_kataloge .download_link
{
	margin-top:5px;
	text-align: left;
}

#produkte_kataloge .download_link a
{
	background-image: url(../files/images/pdf_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #0e87d8;
}

a.download, a.merkblatt
{
	color: #0e87d8;
}

.content_produkte_uebersicht h2
{  
	color: #a7a7a9;
	height: 15px;
	FONT-SIZE: large;
	font-weight:bold;
	margin-top:35px;
}

.content_produkte_uebersicht .bild
{
	float: left;
	height: 150px;
	margin-right: 15px;
	margin-top: 5px;
}

.content_produkte_uebersicht .text
{
	margin-top: 5px;
}

.content_produkte_uebersicht .spacer_h
{
	clear: both;
	height: 5px;
	border-bottom: 1px solid #E7E7E0;
	margin-bottom: 9px;
}

.content_produkte_uebersicht .gruppe
{
	/*float: left;*/
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
	border-right: 10px solid white;
	border-bottom: 10px solid white;
/*
	min-height: 277px;
	min-height: 390px;
*/
	padding: 5px;
	padding-top: 7px;
	background-color: #E7E7E0;
}

.content_produkte_uebersicht .gruppe .bild
{
	/* position: absolute; */
	max-width: 200px;
	opacity: 0.10;
    MozOpacity: 0.10;
    KHTMLOpacity: 0.10;
    filter: alpha(opacity:10);	
}

.content_produkte_uebersicht .gruppe ul
{
	/* margin-top: 17px; */
	padding-top: 7px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.content_produkte_uebersicht li
{
	height: 50px;
	list-style: none;
	/* padding-left: 14px; */
	margin-bottom: 1px;
	padding-top: 3px;
	padding-right: 5px;	
	padding-bottom: 4px;
	background-color: white;
}

.content_produkte_uebersicht li.untergruppe
{
	/* background-image: url(../files/images/kasten.jpg); */
	width:180px;
}

.content_produkte_uebersicht li.produkt
{
	/* background-image: url(../files/images/pfeil_subnav.gif); */
}

.content_produkte_uebersicht li .gruppe_bild
{
	/* position: absolute; */
	float: left;
	width: 65px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	margin-right: 5px;
}

.content_produkte_uebersicht li .gruppe_bild img
{
	/* height: 20px; */
	width: 60px;
	max-width: 60px;
}

.content_produkte_uebersicht li a
{
	/* margin-left: 70px; */
	
	font-size: 11px;
}

.content_produkte_uebersicht a
{
	/* position: absolute;	 */
	/* width: 180px; */
	/* width: 165px; */
	/* height: 17px; */
	/* height: 15px; */
	/* overflow: hidden; */
	color: #0e87d8;
	text-decoration: none;	
}

.content_produkte_uebersicht a:hover
{
	text-decoration: underline;
}

a.obergruppe
{
	/* display: block; */
	padding-left: 0px;
	/* width: 200px; */
	text-decoration: underline;
	font-weight: bold;
	color: #0E87D8;
}

/*
a.obergruppe.lang
{
	font-size: 11px;
}
*/

.download_bereich .gruppe
{
	float: left;
	width: 170px;
	margin-right: 10px;
	margin-bottom: 10px;
	min-height: 233px;
	padding: 10px;
	padding-right: 10px;
	text-align: left;
	background-color: #E7E7E0;
}

.download_bereich .gruppe .titel
{
	margin-bottom: 5px;
}

.download_bereich .gruppe img
{
	height: 187px;
	border: none;
	border: 1px solid silver;
}

.nav_sub
{
	margin-top: -17px;
	margin-left: -2px;
}

.nav_sub li
{
	list-style: none;
	margin-bottom: 5px;
	background-image: url(../files/images/kasten.jpg);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 15px;	
}

.nav_sub li.mit_subnav
{
	background-image: none;
	margin-top: -20px;
}

.nav_sub li ul
{
	padding-left: 5px;
}

.nav_sub a
{
	color: #0e87d8;
	text-decoration: none;
}

.nav_sub a:hover
{
	text-decoration: underline;
}

.form td
{
	vertical-align: top;
	padding-right: 10px;
	padding-bottom: 3px;
}

#content .form input
{
	width: 200px;
	margin-right: 20px;
}

#content .form textarea
{
	width: 200px;
	height: 100px;
}

.form textarea.fracht
{
	color: black;
	background-color: white;
	border: 1px solid black;
    width:335px;
    height:100px;
}

#popup
{
	position: absolute;
	top: 10%;
	left: 20%;
	background-color: black;
	border: 3px solid #0d86d7;
	overflow: auto;
	text-align: center;
	padding: 0px;
	padding-top: 40px;
	z-index: 2;
}

#popup #toolbar
{
	position: absolute;
	margin-top: -40px;
	height: 40px;
	background-color: #e5e5e5;
	text-align: right;
}

#popup #toolbar img
{	
	margin-top: 2px;
	margin-right: 2px;
	height: 36px;
	border: none;
}
