@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */
html {
  overflow-y:scroll;
}
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; 
  		letter-spacing:0px;}

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:  Microsoft sans serif, Arial, Helvetica, Geneva, sans-serif;
    font-size: 80.00%;
    color: black;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1 { font-size:150%; }
  h2 { font-size:116.67%; }     /* 14px */
  h3 { font-size: 100.01%; }
  h4 { font-size: 100.01%; }
  h5 { font-size: 100.01%; }
  h6 { font-size: 100.01%; }

  h1,h2,h3,h4,h5,h6 {
    font-family: Microsoft sans serif, Arial, Helvetica, Geneva, sans-serif;
    font-weight:normal;
    color:black;
  }

  h1 {
      font-weight:bold;
      margin-top:0px;
      margin-bottom:15px;
      padding:0px;      
  }
  h2 { 
    font-weight:bold;
    color:#000000;
    font-size:120%;
    margin-bottom:5px;
  }


  h5 {
    background-color:#EDEDED;
    color:#595959;
    font-size:100%;
    font-weight:normal;
    margin-bottom:5px;
    padding-left:5px;
  }



  label {  font-size:  100.01%; }
 

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul 
{
	list-style-type:none;
	padding:0px;
	padding-left:8px !important;
	padding-bottom:10px;
	margin:0px;
}

#col3
{
	letter-spacing:0px;	
}
	
#col3 ul
{
	padding-left:0px !important;
}

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

li 
{
	margin-left: 0.8em;
	padding:0px;
	line-height: 1.5em;
	font-size: 100.01%;
}
  
#col3 ul li
{
	margin-left: 5px;
	padding-left:13px !important;
	background: url(/assets/web/images/s_bullet_li_moz.gif) 0 2px no-repeat;
	margin-bottom:2px;
}
	
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  .searchresult{
      margin:0px;
      margin-bottom:20px;
  }

  .searchresult dt {
      margin:0px;
      border-bottom: 1px solid #818181;
      padding-left:15px;
      background: url(/assets/web/images/icon_searchresult.gif) no-repeat 0px 3px;
       color:#4c4c4c;
  }

  .searchresult dt a {
      color:#818181;
      font-weight:normal;
      text-decoration:none;

  }
  .searchresult dd {
  margin:0px;
  padding:0px;
   color:#4c4c4c;
  }

  .searchresult dd a {
        color:#4c4c4c;
  }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0;  font-size:100.01%; }

  

  blockquote, cite,q {
    font-family: Microsoft sans serif, Arial, Helvetica, Geneva, sans-serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  pre, code, kbd, tt, samp, var { font-size: 100.01%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 80%; }

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

   .separator {
      margin-bottom:1em;
  }

  span.morelink  {
    /*background:url("/assets/web/images/s_bullet_more.gif") no-repeat scroll right center transparent;*/
    color:#EC1D25;
    display:block;
    /*padding-right:20px;*/
    text-align:right;
    text-decoration:none;
  }

    .link  {
    /*background:url("/assets/web/images/s_bullet_headings.gif") no-repeat scroll left top transparent;*/
    /*padding-left:20px;*/
    text-align:left;
    text-decoration:none;
  }

  .squarebullet {
       color:#000000;
    text-decoration:none;
    background:url("/assets/web/images/s_bullet_link_grey.gif") no-repeat scroll 0 3px transparent;
    color:#686868;
    padding-left:20px;
  }
  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: black; text-decoration:none; }
  a:visited  {color: black; }

  a:focus,
  a:hover,
  a:active { color:black; text-decoration:underline; }

  a.hyperlink {
    margin:0px;
    padding:0px;
    color:#000000;
    /*background:url("/assets/web/images/s_bullet_link_grey.gif") no-repeat scroll 0 4px transparent;
    padding-left:20px;*/
  }

 div.hyperlink {
    float:left;
    margin:0px;
    margin-left:5px;
    margin-right:5px;
    padding:0px;
    /*padding-left:20px;*/
    color:#000000;
    text-decoration:none;
   /* background: url("/assets/web/images/s_bullet_link_grey.gif") no-repeat scroll 0 6px transparent;*/
  }

   p.hyperlink a{
    margin:0px;
    padding:0px;
    color:#000000;
    text-decoration:none;
   /* background: url("/assets/web/images/s_bullet_link_grey.gif") no-repeat scroll 0 4px transparent;*/
   }

   p.hyperlink a {
    padding-left:20px;
  }


   div.hyperlink p  {
      margin:0px;
      padding:0px;
  }

  .externlink {
       /*padding-left:15px;
        background:url("/assets/web/images/s_bullet_more.gif") no-repeat 0px 3px;*/
  }


  #footer a { color: white; text-decoration:none; font-weight: normal;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: white; text-decoration:underline;}

  /*
  #sitemap a { color: #48535d; text-decoration:none;  }

  #sitemap a:focus,  #sitemap a:hover,  #sitemap a:active {
      text-decoration:none;
      background-color: transparent;
      color:#74b94e;
  }

  */
  
  .icon_image {
     padding-right:5px;
     float:left;
  }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0px;margin-right:30px; }
  p.icaption_right { float:right; display:inline; margin:0px;margin-left:1em; padding:0px; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border: 0px #888 solid; }
  p.icaption_right span { margin-top:3px; line-height:1.5em;color:#999999;display:block; overflow:hidden;font-size:90%;}
  p.icaption_left span { margin-top:3px; line-height:1.5em;color:#999999;display:block; overflow:hidden;font-size:90%;}

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0px; ; font-weight: normal; font-size: 91.667%; }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 30px; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 30px; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

  .bildunterschrift { float:right; margin:0px;}

  .blockheading {
      letter-spacing:2px;
      color:black;
      font-size:110%;
      font-weight:bold;
  }

  .company_red {
    color:#ec1d25;
  }

.login_form {
	margin-top:15px;
	margin-left:10px;
}

.logout {
	margin-top:15px;
	margin-left:10px;
}
 

/* # categorys # */
.category, .category2 {
	width: 300px;
	height: 70px;
	overflow: hidden;
	
	float: left;
	margin: 10px 0 15px 10px;
}

.category > div , .category2 > div{

	vertical-align: middle;
	width: 50px;
	overflow: hidden;
	border: 1px solid #FFF;
	
	float: left;	
	margin-right: 10px;
}

.category p {

	font-weight: bold;
	line-height: 1.4;
	vertical-align: middle;
	height: 100%;
	float: left;
}


/* # catalogue list # */

table.catalogue_list 
{
	width: 460px;
	margin-bottom: 25px;
	margin-right:20px;
}

table.catalogue_list.catalogue_update
{
	margin-bottom:0px;
}

table.catalogue_list thead th {

	font-weight: bold;
	border-bottom: 1px solid #CCC;
	text-align:left;
}

table.catalogue_list td {

	padding: 1px 1px 1px 0;
}

.catalogues_newest {

	font-weight: bold;
	text-align: right;
	margin-right:20px;
}

 
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width: auto !important; margin-bottom: 0.5em;  }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th {  text-align: left; }
  tbody td {  }

  /* Formulare: */
  #tbl_form_contact1, #tbl_form_contact2 table{
    padding:0px;
    margin:0px;
  }

  #tbl_form_contact1 td, #tbl_form_contact2 td {
      vertical-align:top;
      padding:0px;
      padding-top:2px;
      padding-bottom:2px;
      margin:0px;      
  }
  #tbl_form_contact1 .td1 {
      width:130px;
      padding-right:5px;
  }
   #tbl_form_contact1 .td2 {
      width:458px;
  }

  #tbl_form_contact1 input, #tbl_form_contact2 input {
      width:150px;
  }
  #tbl_form_contact1 textarea {
      width:458px;
      height:150px;
  }

  #tbl_form_contact2 {
      width:598px;
  }

  #tbl_form_contact2 .td1,  #tbl_form_contact2 .td3 {
       width:130px;      
  }

  #tbl_form_contact2 .td2 {
      width:169px;
      padding-right:5px;
  }

  #tbl_form_contact2 .td4  {
      width:169px;
      text-align:right;
  }

  #tbl_form_contact2 select {
       width:152px;       
  }

  #tbl_form_contact2 textarea {
       width:468px;
       height:150px;
  }


	#form_ce .table_form tr:first-child td:first-child
	{
		width:15%;
	}

  
  /* tbody tr:hover th[scope="row"],*/
 /* tbody tr:hover tbody th.sub { background: #f0e8e8; }*/
  /* tbody tr:hover td { background: #fff8f8; }*/

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

    .staticblock {
      padding:0px;
      border:0px solid #ededed;
      margin-bottom:12px;
	  width:220px !important;
	  overflow:hidden;
		border-top:1px solid #D9D9D9;
		padding-top:12px;
  }
	.staticblock.staticCenter 
	{
		text-align:center;
	}
	
	.staticblock.staticCenter img 
	{
		margin-left:0px !important;
		margin-right:0px !important;
		float:none !important;
	}
  
  .staticblock:first-child, .staticblock.noBorder
  {
	border:0px solid #ededed;
	padding-top:0px;
  }

  .staticblock .float_left { margin-right: 0.5em; }

  .staticblock p {
      padding:5px;
      padding-top:0px;
  }
.staticblock h5 {
      font-weight:bold;
      margin-bottom:5px;
  }

  /**
  *
  * (de) Formulare
  *
  */

  form {
     margin:0px;
     padding:0px;
  }
  input {
	border:0px solid rgb(230,230,230);
    font-family:  Microsoft sans serif, Arial, Helvetica, Geneva, sans-serif;
    font-size: 100.01%;
  }
  input[type=text], input[type=password]
  {
	xxxborder:1px solid rgb(230,230,230);
	xxxborder-right:0px solid rgb(230,230,230);
	width:265px;
	height:20px;
	padding-left:5px;
	vertical-align:middle;
	background: url(/assets/web/images/eingabe/eingabe_265.gif) no-repeat;
	line-height:20px !important;
  }
	input[name=zipcode], input[name=plz]
	{
		width:80px;
		background: url(/assets/web/images/eingabe/eingabe_80.gif) no-repeat;
	}
	input[name=city], input[name=location]
	{
		width:180px;
		background: url(/assets/web/images/eingabe/eingabe_180.gif) no-repeat;
	}

  

  select {
    border:1px solid #c1c1c1;
    font-family: Microsoft sans serif, Arial, Helvetica, Geneva, sans-serif;
    font-size: 100.01%;
	width:265px;
	background: url(/assets/web/images/eingabe/eingabe_265.gif) no-repeat;
  }

  textarea {
    border:0px solid #c1c1c1;
    border-top:0px solid black;
    border-left:0px solid black;
    font-family:  Microsoft sans serif, Arial, Helvetica, Geneva, sans-serif;
    font-size: 100.01%;
	background: url(/assets/web/images/eingabe/bemerkung_300.gif) no-repeat;
	width:300px;
	height:130px;
	padding-left:5px;
	overflow:hidden;
	
  }
  #form_ce .table_form,
  #col3_content .table_form
  {
	table-layout:fixed;
	width:100% !important;
  }
	#col3_content .table_form tr td:first-child,
	#form_ce .table_form tr td:first-child,
	#col3_content .table_form tr:first-child td:first-child,
	#form_ce .table_form tr:first-child td:first-child
	{
		width:25% !important;
		overflow:visible;
	}
	#col3_content .table_check tr td:first-child,
	#form_ce .table_check tr td:first-child,
	#col3_content .table_check tr:first-child td:first-child,
	#form_ce .table_check tr:first-child td:first-child
	{
		width:25px !important;
	}
	
	#col3_content .table_form.table_check tr td + td,
	#form_ce .table_form.table_check tr td + td
	{
		width:400px !important;
	}

	#form_ce .table_form tr td+td,
	#col3_content .table_form tr td+td
	{
		min-width:75% !important;
		width:auto !important;
	}
	
  .form_text_error {
     color:#74b94e;
      font-weight:bold;
  }

  .form_field_error {
      color:white;
      background:#74b94e;
  }

  .radio_button {
      border:0px;
  }

  .input_checkbox, input[type=checkbox] {
     border:0px solid black;
	 padding:0px;
	 width:18px;
	 height:18px;
	 background: url(/assets/web/images/eingabe/checkbox_18.gif) no-repeat;
  }
  .input_checkbox, input[type=radio] {
     border:0px solid black;
	 padding:0px;
	 width:18px;
	 height:18px;
	 background: url(/assets/web/images/eingabe/radio_18.gif) no-repeat;
  }

  .input_submit, input[type=submit] {
	  background:transparent url(/assets/web/images/button/senden.gif) no-repeat;
	  width:60px;
	  height:20px;
	  margin-left:400px;
	  cursor:pointer;
	  display:block;
	  text-decoration:none !important;
	  margin-bottom:10px;
	  font-size: 1em;
    color: transparent; /* Fix for Firefox */
    border-style: none;
    border-width: 0;
    padding: 0 0 0 60px !important; /* Fix for Internet Explorer */
    text-align: left;
    line-height: 1 !important;
    overflow: hidden;

  }

  .form_error_radio {
      border:1px solid #ec1d25;     
  }

  .form_error_checkbox {
     border:1px solid #ec1d25;
  }

  .form_error_select {
      color:white;
  }
  .form_error_text {
     border:2px solid #ec1d25;
     
  }

   .form_error_textarea {
     border:2px solid #ec1d25;
     color:black;
  }

  .form_error_infofield {
      border:1px solid #ec1d25;
      color:#ec1d25;
      padding:5px;
      margin:0px;
      margin-bottom:10px;
  }
  
	#downloadLinks
	{
		float:left;
		width:220px;
		margin-right:25px;
		margin-bottom:20px;
	}
	
	#downloadLinks label
	{
		display:block;
	}
	
	#downloadLinks input[type=text],
	#downloadLinks input[type=password]
	{
		width:190px;
		background: url(/assets/web/images/eingabe/eingabe_190.gif) no-repeat;
	}
	
	#downloadLinks input[type=submit]
	{
		width:50px;
		height:20px;
		background: url(/assets/web/images/button/login.gif) no-repeat;
		color:transparent;
		border:0px solid black;
		padding:0px;
		margin-left:140px;
		margin-top:5px;
		margin-bottom:10px;
		cursor:pointer;
	}
	
	#downloadLinks a
	{
		text-decoration:underline;
	}
	
	#downloadRechts
	{
		float:left;
		width:220px;
	}
	
	#form_password input[type=submit]
	{
		background: url(/assets/web/images/button/passwort-anfordern.gif) no-repeat;
		width:135px;
		margin-top:5px;
		margin-left:117px;
		margin-left:191px;
		padding: 0 0 0 135px !important;
	}
	
	.subcolumns table
	{
		border:0px solid white;
		border-spacing: 0px;
	}
	
	.subcolumns table td
	{
		border:0px solid white;
		border-top:0px solid white;
		border-right:0px solid white;
		padding:6px;
	}
	
	
	 table.adresstable td, table#newTable td
	 {
		background:transparent;
	 }
  	
  	/* 
	** Stylings CAD-Center
	** 
	*/	
	.cadsearch
	{
		margin-bottom:5px;
	}
	
	.breadCrumb
	{
		height:20px;
		margin-top:15px;
		margin-bottom:25px;
	}
	
	.searchinput.longsearch
	{
		background:url("/assets/web/images/eingabe/suchen_265.gif") no-repeat scroll 0 0 transparent !important;
		height: 18px !important;
	    padding-left: 5px;
	    vertical-align: middle;
	    width: 265px !important;
	}
	
	.cadsearch, .breadCrumb, .breadCrumb a
	{
		color:#666666;
	}
	
	.cadKategorie img
	{
		float:left;
	}
	
	.cadKategorie p
	{
		margin-left:13px;
		padding:0px;
	}
		
	.floatLeft
	{
		float:left;
	}
	
	.cadHeadline
	{
		height:19px;
		font-weight:bold;
	}
	
	.cadHeadlineSearch
	{
		margin:30px 0px 15px;
	}
	
	form div.cadHeadlineSearch:first-child
	{
		margin-top:15px !important;
	}
	
	.cadTitle
	{
		width:370px;
		margin-right:8px;
	}
	
	.cadType
	{
		width:128px;
	}
	
	.cadType img
	{
		cursor:pointer;
	}
	
	.cadArtikel, .cadForm
	{
		margin-bottom:5px;
		width:506px;
		float:left;
	}
	
	.cadHeadline .cadTitle,
	.cadHeadline .cadType
	{
		border-bottom:1px solid #D9D9D9;
	}
	
	.cadDetail
	{
		width:40px;
	}
	
	.cadDetail img
	{
		cursor:pointer;
	}
	
	.cadCheck
	{
		width:30px;
		margin-left:2px;
	}
	
	.cadDesc
	{
		width:298px;
		margin-right:8px;
	}
	
	.cadSearchResultCount
	{
		margin:10px 0px -10px;
	}
	
	.cadSearchBreadcrumb
	{
		width:506px;
		margin:10px 0px;
		color:#666666;
	}
	
	.cadSearchBreadcrumb a
	{
		color:#666 !important;
	}
	
	.cadType img:first-child
	{
		margin-right:15px;
		margin-left:3px;
	}
	 
	.cadForm.cadFormFirst,
	.cadForm.cadHeadline
	{
		margin-top:10px;
	}
	
	.cadForm.cadHeadline,
	.cadForm.cadHeadline .cadType
	{
		width:300px;
		border:0px solid black;
	}
		
	input.dwgSubmit
	{
		display:inline;
		margin:0px 15px 0px 3px;
		padding:0px !important;
		padding: 0 0 0 50px !important; /* Fix for Internet Explorer */
		width:50px;
		background:url("/assets/web/images/button/button-dwg.png") no-repeat 0 0 scroll;
	}
	
	input.dwgSubmit[disabled=disabled]
	{
		background:url("/assets/web/images/button/button-dwg-disabled.png") no-repeat 0 0 scroll;
	}
	
	input.dxfSubmit
	{
		display:inline;
		margin:0px;
		padding:0px !important;
		padding: 0 0 0 50px !important; /* Fix for Internet Explorer */
		width:50px;
		background:url("/assets/web/images/button/button-dxf.png") no-repeat 0 0 scroll;
	}
	
	input.dxfSubmit[disabled=disabled]
	{
		background:url("/assets/web/images/button/button-dxf-disabled.png") no-repeat 0 0 scroll;
	}
	
	.openTooltip
	{
		opacity:1 !important;
		filter:alpha(opacity=100) !important; /* For IE8 and earlier */
		border:1px solid black !important;
		padding:15px !important;
	}
}