@charset "UTF-8";
@media screen
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  * { margin:0; padding: 0 }
  option { padding-left: 0.4em }
  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
  background: #9999a0; padding: 10px 0;
  background-image:url(/files/header-white.gif);
  background-repeat: repeat-x;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 12px;
  min-height: 101%;
  color: #000;
  text-align: left;
  }
  fieldset, img { border: 0 solid}
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
  .header { background-image:url(/files/back-top.gif); background-repeat:repeat-y; height:94px;}
  .naviback{background-image:url(/files/navi-back.gif); padding: 0px; margin:0px;}
  .topnav a {
	color: #2990C8;
	text-decoration: none;
  }

#MenuBar li a {
	background-color: transparent;
	color:#FFFFFF;
	padding:5px;
}
#MenuBar a:hover, #MenuBar a:focus {
	background-image: url(/files/back-blue-nav.gif);
	background-repeat: repeat-y;
	color:#FFFFFF;
}
#MenuBar .Active {
	background-image: url(/files/back-orange.gif);
	background-repeat: repeat-y;
	color:#FFFFFF;
}
#MenuBar a.MenuBarItemHover, #MenuBar a.MenuBarItemSubmenuHover, #MenuBar3 a.MenuBarSubmenuVisible {
	background-image: url(/files/back-blue-nav.gif);
	background-repeat: repeat-y;
	color:#FFFFFF;
}
#MenuBar li {
	background-image: url(/files/back-blue.gif);
	background-repeat: repeat-y;
	width: 195px;
	border-bottom: 1px solid #FFF;
	color:#FFFFFF;
}

#MenuBar ul
{
	width: 195px;
	color:#FFFFFF;
}
#MenuBar
{
	font-family: Arial,Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#meta
{
background-color:#FFFFFF;
color:#0099cc;
font-family: Arial,Helvetica, sans-serif;
font-size:12px;
width:150px;
padding:10px;
text-decoration: none;
}

#meta a
{
color:#0099cc;
font-family: Arial,Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
}

/**
* Tables | Tabellen
* (en) Generic classes for table-width ...
* (de) Generische Klassen für die Tabellenbreite ...
*
* @section content-tables
*/

table.layout { margin: 0; padding: 0; }
table.full { width: 100%; margin-left:-1px;  border-color:#FFFFFF; border-collapse:collapse;}
table.fixed { table-layout:fixed}
table.detail {
   margin-left:-1px;  border-color:#FFFFFF; border-collapse:collapse;
}

table.detail td {
	padding: 0px;
	background-color:#E0E0E0;
	border-collapse:collapse;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

table.masse td {
	padding: 0px;
	padding-left: 10px;
	background-color:#CACBCD;
	border:0px;
}

table td  .masse_bg{
	padding: 0px;
	background-color:#b3b5b6;
	border:0px;
	padding-left: 10px;
}

#border td
{
padding: 0px;
background-color:#E0E0E0;
border-color: #FFFFFF;
border-width: 2px;
border-style: solid;
}

#inner td
{
padding: 0px;
background-color:#E0E0E0;
border:none;
}
.product_opening
{
background-image:url(/files/product_opening_back.gif);
background-repeat:repeat-x;
padding-top:10px;
padding-left:10px;
text-align:left;
}
.product_opening_head
{
font-size:16px;
font-weight:bold;
color:#ea661e;
text-align:left;
}
.product_heading
{
font-size:12px;
font-weight:bold;
color:#ea661e;
text-align:left;
}
.product_desc
{
height:17px;
padding:0px;
}

.prod_text
{
padding: 5px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(/files/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/files/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/files/overlay.png", sizingMethod="scale");
	}
.contact
{
padding: 10px;
}
.contact_pic
{
float:left;
}
.contact_text
{
padding:5px;
float:left;
}

.lupe {
	cursor: pointer;
	vertical-align: middle;
}

/* Download anbieten */

.list_content {
	font-family: Arial,Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:12px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}

/* Formular Definition */
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	text-align: left;
	clear: left;
float: left;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}
.formgen form
{
line-height : 120%;
width: 570px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
	margin-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 310px;
	height: 250px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	background-color: #fff;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 90%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 345px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #5D81A3;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
}
@media print {

  * { margin:0; padding: 0 }
  option { padding-left: 0.4em }
  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }
  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {
  background: #ffffff; padding: 10px 0;
  font-family: Arial,Helvetica, sans-serif;
  font-size: 12px;
  min-height: 101%;
  color: #000;
  text-align: left;
  }
  fieldset, img { border: 0 solid}
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
  .header { display:none;}
  .naviback{display:none;}
  .topnav a {
	display:none;
  }

#MenuBar li a {
	display:none;
}
#MenuBar a:hover, #MenuBar a:focus {
	display:none;
}
#MenuBar .Active {
	display:none;
}
#MenuBar a.MenuBarItemHover, #MenuBar a.MenuBarItemSubmenuHover, #MenuBar3 a.MenuBarSubmenuVisible {
display:none;
}
#MenuBar li {
display:none;
}

#MenuBar ul
{
display:none;
}
#MenuBar
{
display:none;
}

#meta
{
display:none;
}

#meta a
{
display:none;
}

/**
* Tables | Tabellen
* (en) Generic classes for table-width ...
* (de) Generische Klassen für die Tabellenbreite ...
*
* @section content-tables
*/

table.layout { margin: 0; padding: 0; }
table.full { width: 100%; margin-left:-1px;  border-color:#FFFFFF; border-collapse:collapse;}
table.fixed { table-layout:fixed}
table.detail {
  width: 100%; margin-left:-1px;  border-color:#FFFFFF; border-collapse:collapse;
}

table.detail td {
	padding: 0px;
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#border td
{
padding: 0px;
background-color:#FFFFFF;
border-color: #FFFFFF;
border-width: 2px;
border-style: solid;
}

#inner td
{
padding: 0px;
background-color:#FFFFFF;
border:none;
}
.product_opening
{
padding-top:10px;
padding-left:10px;
text-align:left;
}
.product_opening_head
{
font-size:16px;
font-weight:bold;
color:#000;
font-weight:bolder;
text-align:left;
}
.product_heading
{
font-size:12px;
font-weight:bold;
text-align:left;
color:#000;
}
.product_desc
{
height:17px;
padding:0px;
}

.prod_text
{
padding: 5px;
}

#lightbox{
display:none;
}
#lightboxDetails{
display:none;
}
#lightboxCaption{ display:none; }
#keyboardMsg{ display:none; }
#closeButton{ display:none; }

#lightbox img{ display:none;}
#overlay img{ display:none; }

#overlay{ display:none; }

* html #overlay{
display:none;
}
.contact
{
padding: 10px;
}
.contact_pic
{
float:left;
}
.contact_text
{
padding:5px;
float:left;
}

.lupe {
	cursor: pointer;
	vertical-align: middle;
}

/* Download anbieten */

.list_content {
	font-family: Arial,Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
	color:#000;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:12px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	margin:0px;
    line-height: 18px;
	}

/* Formular Definition */
/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	text-align: left;
	clear: left;
float: left;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}
.formgen form
{
line-height : 120%;
width: 570px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
	margin-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 310px;
	height: 250px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	width: 200px;
	background-color: #fff;
	margin-left: 4px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 90%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 345px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #5D81A3;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

}