@media print
{
/***************************** Breite mainmitte für Druckausgabe **************************************/
/************ wird an dieser Stelle definiert wegen Reihenfolge css bei Umschaltung auf 1-spaltig *****************/
  #mainmitte,
  * html #mainmitte {
  position: relative !important;
  width:auto !important;
  margin: 0 260px 0 0 !important;
  }

}

@media all
{



/***************Abstand Bildtext*****************/

.csc-textpic-caption {
	margin-top:3px !important;
	margin-bottom:3px !important;
}

/***************Dateilinks css_filelinks*****************/

.filelinks DIV {
	PADDING-LEFT: 40px; 
	BACKGROUND: url(../media/file_icons/default.gif) no-repeat left top; 
	padding-bottom: 5px;
	margin-top: 5px;
	clear: both;
}

.filelinks .even { 
	/*background-color: #f0f0f0; */
}

.filelinks SPAN {
	DISPLAY: block;
}

.filelinks .filecount {
	DISPLAY: block; 
	MARGIN-BOTTOM: 5px;
}


.filelinks .pdf {
	BACKGROUND-IMAGE: url(../media/file_icons/pdf.gif)! important;
}

.filelinks .doc {
	BACKGROUND-IMAGE: url(../media/file_icons/doc.gif)! important;
}

.filelinks .ppt{
	BACKGROUND-IMAGE: url(../media/file_icons/ppt.gif)! important
}
.filelinks .xls {
	BACKGROUND-IMAGE: url(../media/file_icons/xls.gif)! important
}


.filelinks .jpg {
	BACKGROUND-IMAGE: url(../media/file_icons/jpg.gif)! important
}

.filelinks .tif {
	BACKGROUND-IMAGE: url(../media/file_icons/tif.gif)! important
}

.filelinks .bmp {
	BACKGROUND-IMAGE: url(../media/file_icons/bmp.gif)! important
}

.filelinks .zip {
	BACKGROUND-IMAGE: url(../media/file_icons/zip.gif)! important
}

.filelinks .mp3 {
	BACKGROUND-IMAGE: url(../media/file_icons/mp3.gif)! important
}

.filelinks .mpg {
	BACKGROUND-IMAGE: url(../media/file_icons/mpg.gif)! important
}

.filelinks .mpeg {
	BACKGROUND-IMAGE: url(../media/file_icons/mpg.gif)! important
}

.filelinks .avi {
	BACKGROUND-IMAGE: url(../media/file_icons/avi.gif)! important
}

.filelinks .mov {
	BACKGROUND-IMAGE: url(../media/file_icons/mov.gif)! important
}

.filelinks .exe{
	BACKGROUND-IMAGE: url(../media/file_icons/exe.gif)! important
}
/*********************sitemap********************************/


.csc-sitemap ul li {
	font-size: 120%;
	line-height: 250%;
      } 

.csc-sitemap ul li ul li{
	font-size: 100%;
	margin-bottom: 0px;
	line-height: 150%;	
      } 
      
.csc-sitemap ul li ul li ul li {
	font-size: 90%;
	line-height: 150%;		
      } 
      
.csc-sitemap ul li ul li ul li ul li {
	font-size: 100%;
	line-height: 120%;	
      }       

/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6;text-align: left; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; text-align: left;}
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4;text-align: left; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px;text-align: left; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black;text-align: left; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black;text-align: left; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; text-align: left;}
TABLE.typo3-editPanel TD { border: 0px; text-align: left; }

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

  /* (de) Browser reset */
  
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0 }

  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  img { border: 0 solid}

  fieldset {
	border: 1px solid #C0C0C0;
  }

  /* Formatieren Standardelemente */
  h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;}

  /*p {font-size: 108% !important;}
  #mainmitte ul, li, ol {font-size: 108%;}
  #mainrechts ul, li, ol {font-size: 108%;}
  #produktmitte ul, li, ol {font-size: 108%;}
  #produktrechts ul, li, ol {font-size: 108%;}
*/

  hr {
  color: #fff;
  background:transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border:0;
  border-bottom: 1px #5c544b solid;
  }  

  #main h1, #main h2, #main  h3, #main h4, #main h5, #main h6 {
  color: #5c544b;
  }
  
  #mainrechts h3 {
  font-size:1em !important;
  margin-bottom:0px;
  }
  
  #mainrechts h3 a {
  color: #5c544b;
  text-decoration:none;
  background:transparent;
  padding:0;
  }
  
  #mainrechts h3 a:focus,
  #mainrechts h3 a:hover,
  #mainrechts h3 a:active {
  text-decoration:underline;
  }
  
  h1 { font-size: 200%; }                       
  h2 { font-size: 233.33%;}          
  h3 { font-size: 116.67%; }                        
  h4 { font-size: 100%; }                    
  h5 { font-size: 100%; }                     
  h6 { font-size: 100%; }  
  
  #produktmitte ul, #produktmitte ul li,
  #produktmitte ol, #produktmitte ol li,  
  #produktrechts ul, #produktrechts ul li,
  #produktrechts ol, #produktrechts ol li,  
  #mainmitte ul, #mainmitte ul li,
  #mainmitte ol, #mainmitte ol li,
  #mainrechts ul, #mainrechts ul li,
  #mainrechts ol, #mainrechts ol li {
  margin-left: 14px;
  }   

  /* ### text formatting | Textauszeichnung ### */

  strong,b { font-weight: bold }
  
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  /*** (de) Gestaltung von Hyperlinks ***/
  a {color: #ff731e; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {
  text-decoration:underline;
  -moz-outline: none;
  }
    
/*** Links im footer ***/
  #footer a { color: #9d9d9d; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active { background-color: transparent;}


  /*** Tables | Tabellen
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen   ***/
  table { width: auto; /*border-collapse:collapse; */}

  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html, * { font-size: 100.01% }

/**
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }

  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100% }

/*** generelle Einstellungen (Schriftart, Schriftfarbe, Textausrichtung, Seitenhintergrund) ***/
  body {
  min-height: 101%;
  padding: 20px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 75.00%;
/* (de) Vorgabe der Standardfarben und Textausrichtung */
  color: #5c544b;
  text-align: left;
/* (de) Seitenhintergrund */
  background-color: #5c544b;
  }



  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  
  #page_margins { text-align:left; }

 /*------------------------------------------------------------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------*/
 /*------------------------------------------------------------------------------------------------------*/
 /*** @section  Basis Layout ***/
 /* (de) Layout: Breite, Hintergrund, Rahmen */
 /*** Seite mit Rand ***/
  #page_margins {
  width: 880px;
  margin: 0 auto;
  border: 0 none;
  background: #ffffff;
  }

 /*** Seitenränder ***/
  #border-top {
  width: 880px;
  height: 10px;
  overflow:hidden;
  font-size:0;
  }

  #border-bottom {
  width: 880px;
  height: 10px;
  overflow:hidden;
  font-size:0;
  }

  #edge-lo {
  width: 20px;
  height: 10px;
  float:left;
  font-size:0;
  background-image:url(../media/seitenborder/gfxborder/ecke_lo.gif);
  background-position: top left;
  }

  #edge-ro {





















  width: 20px;
  height: 10px;
  position:relative; /* IE Fix | z-index */
  float:right;
  font-size:0;
  background-image:  url(../media/seitenborder/gfxborder/ecke_ro.gif);
  background-position: top right;
  }

  #edge-lu {
  width: 20px;
  height: 10px;
  float:left;
  background-image:  url(../media/seitenborder/gfxborder/ecke_lu.gif);
  background-position: bottom left;
  }

  #edge-ru {
  width: 20px;
  height: 10px;
  position:relative; /* IE Fix | z-index */
  float:right;
  background-image:  url(../media/seitenborder/gfxborder/ecke_ru.gif);
  background-position: bottom right;
  }
  
 /*** Seite ohne Rand ***/
  #page{  
  font-size: 90%;
  line-height: 130%;
  }

 /*** Layout Ebeneen ***/
 
 /*** Bereich head ***/
  #header {
  position:relative;
  clear: both;
  border: 0px none !important;
  padding: 0;
}

#header h1 {
  border: 0 !important;
}

 /*** Hilfsnavigation head ***/
  #headerhelp_outer {
  height: 20px;
  position:relative;
  padding-left: 173px;
  font-size:0.9em;
}

  #headerhelpnav {
  width:380px;
  float:left;
  padding-top: 1px;
  }
  
  #headerhelplanguage {
  width:97px;
  padding-top: 1px;
  text-align:right;
  float:left;
  }
  
  #headerhelpsearch {
  float:right;
  width:193px;
  /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
  text-align: right;
  white-space:nowrap;
  padding-right:35px;
  }

  #headerhelpsearchbox {
  padding:0;
  margin:0;
  color:#9d9d9d;
  }

  #headerhelpsearchbox .searchform {  }

  #headerhelpsearch #searchinput {
  margin:0;
  padding:0;
  }
  
  input.searchbutton {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }
  
  #headerhelpsearch #searchbutton {
  margin:0;
  padding:0;
  color: #5c544b;
  background-color: #ffffff;
  border: 0px;
  cursor:pointer;
  }
 /*** Ende Hilfsnavigation head ***/
  
 /*** Hauptnavigation head ***/
  #headernav_outer {
  height: 70px;
  position:relative;
  left:0;
  width:880px;
  }

  #headernav_logo {
  height:50px;
  float:left;
  width:100px;
  padding-left:25px;
  }
	
  #headernav {
  float:left;
  width:740px;
  margin-top:25px;
  overflow:hidden;
  position: relative;
  }
 /*** Ende Hauptnavigation head ***/

 /*** großes Imagebild head ***/
  #headernavimage {
  height: 182px;
  clear: both;
  text-align: left;
  padding-left:25px;
  }
 /*** Ende großes Imagebild head ***/
 /*** Ende Bereich head ***/

 /*** Bereich produktmain (wird nur bei den Produkt-Seiten angezeigt) ***/
  
  #produktmain {
  width: auto;
  padding-top: 20px;
  clear:both;
  }

 /*** mittlere Spalte, rechter Rand ***/
  #produktmitte {
  width:auto;
  margin: 0 230px 0 0;
  }
  
 /*** Innenabstände in mittlerer Spalte ***/
  #produktmitte_inner {
  padding: 12px 6px 0px 25px;
  }

 /*** Abstand unten für jedes Content-Element ***/
  .produktmitte_content {
  padding-bottom: 10px;
  clear: both;
  }

 /*** rechte Spalte, gefloatet, mit Breite ***/
  #produktrechts {
  width: 230px;
  float:right;
  }
  
 /*** Innenabstände in rechter Spalte ***/
  #produktrechts_inner {
  padding: 12px 25px 0px 6px;
  }

 /*** Abstand unten für jedes Content-Element ***/
  .produktrechts_content {
  padding-bottom: 10px;
  clear: both;	
  }
 /*** Ende Bereich produktmain (wird nur bei den Produkt-Seiten angezeigt) ***/
  
 /*** Bereich breadcrumb (trennt produktmain und main) ***/
  #breadcrumb {
  width: auto;
  clear:both;
  border: 0px none !important;
  padding: 22px 25px 10px 25px;
  }

  #breadcrumb a {
  color: #5c544b;
  }
 /*** Ende Bereich breadcrumb (trennt produktmain und main) ***/

 /*** Mainnavigation (wird nur bei den Produkt-Seiten angezeigt) ***/
  #mainnav {
  width: 100%;
  height:40px;
  clear:both;
  background-image:url(../media/bg/mainnav/bg_mainnav.gif);
  background-repeat:repeat-x;
  border: 0px none !important;
  }
 /*** Ende Mainnavigation (wird nur bei den Produkt-Seiten angezeigt) ***/

 /*** Bereich main (Hauptinhalte) ***/
  #main {
  width: auto;
  clear:both;
  }

 /*** linke Spalte im Bereich main ***/
  #mainlinks { 
  width: 186px;
  float: left;
  }

 /*** Login-Box in linker Spalte im Bereich main ***/
  #mainlinks #login {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e2;
  /*overflow: hidden;*/
  }

  #mainlinks #login label {
  margin: 0 !important;
  padding: 0 !Important;
  padding-bottom: 1px !important;
  float: left;
  }

 /*** Überschrift über Subnavigation in linker Spalte im Bereich main (Innenabstände) ***/
  #mainlinks_subnav_header {
  padding: 21px 0px 0px 23px;
  }

 /*** Subnavigation in linker Spalte im Bereich main (Innenabstände) ***/
  #mainlinks_subnav {
  padding: 0px 12px 12px 25px;
  }
 /*** Ende linke Spalte im Bereich main ***/

 /*** rechte Spalte im Bereich main ***/
  #mainrechts {
  width: 230px;
  float:right;
  }
  
 /*** Innenabstände rechte Spalte im Bereich main ***/
  #mainrechts_inner {
  padding: 21px 25px 12px 6px;
  }

 /*** Abstand unten für jedes Content-Element ***/
  .mainrechts_content {
  padding-bottom: 10px;
  /*clear: both;*/
  position:relative;
  }
 /*** Ende rechte Spalte im Bereich main ***/

 /*** mittlere Spalte im Bereich main ***/
  #mainmitte {
  width:auto;
  margin: 0 230px 0 186px;
  }

  /*** Bugfix for IE 3-Pixel-Jog Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes                   ***/
  * html #produktrechts {margin-right: -3px;}  
  * html #produktmitte {margin: 0 227px 0 0;}  
  * html #mainlinks {margin-right: -3px;}
  * html #mainrechts {margin-left: -3px;}
  * html #mainmitte { height: 1%;}
  * html #mainmitte { margin: 0 227px 0 183px; }
  /*-------------- Ende  Bugfix for IE 3-Pixel-Jog Bug ----------------------------------------------------*/

 /*** Innenabstände mittlere Spalte im Bereich main ***/
  #mainmitte_inner {
  padding: 21px 6px 12px 12px;
  }

 /*** damit mittlere Spalte nicht unter die längste Spalte rutscht (siehe http://www.yaml.de/de/dokumentation/grundlagen/funktionsweise-von-floats.html ***/
  #mainmitte_inner_float {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  }

 /*** Abstand unten für jedes Content-Element ***/
  .mainmitte_content {
  padding-bottom: 20px;
  clear: both;	
  }
 /*** Ende mittlere Spalte im Bereich main ***/

 /*** mittlere Spalten mittels z-index hinter float-Spalten verschieben ***/
  #produktrechts {z-index: 2;}
  #produktmitte {z-index: 1;}
  #produktrechts_inner {z-index: 4;}
  #produktmitte_inner {z-index: 3;}
  
  
  #mainlinks {z-index: 2;}
  #mainrechts {z-index: 3}
  #mainmitte {z-index: 1;}
  #mainlinks_subnav {z-index: 6;}
  #mainrechts_inner {z-index: 5;}
  #mainmitte_inner {z-index: 4;}

  #mainlinks_subnav, #mainrechts_inner, #mainmitte_inner, #produktrechts_inner, #produktmitte_inner { position:relative; }
 /*** Ende Bereich main (Hauptinhalte) ***/
  
.box_oben {
	padding-top:3px;
	background-image:url(../media/bg/box_oben.gif);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}  

.box_content {
	background-image:url(../media/bg/box_content.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:2px 10px 5px 10px;
	position:relative;
}  

.box_content h3 {
	border-bottom:1px solid #5c544b;
	padding-bottom:0.5em !important;
	margin-bottom:0.5em !important;
}  

.box_content a {
	line-height:2em;
	background-image:url(../media/static/morelink_global.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:25px;
}  
 

  
 /*** Bereich footer ***/
  #footer {
  clear:both;
  display:block;
  color:#9d9d9d;
  padding-right: 25px;
  border-bottom: 1px #fff solid;
  text-align: right;
  font-size:0.9em;
  }

 /*** Ende Bereich footer ***/



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

 /*** @section clearing methods
  */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  /*** mittlere Spalte class=floatbox, dann braucht man #mainmitte_inner_float nicht (hier nicht benutzt) ***/
  .floatbox { overflow:hidden; }

  /* (de) IE-Clearing: Benötigt nur der Internet Explorer wird über iehacks.css zugeschaltet */
  #ie_clearing, .ie_clearing { display: none; }
}