@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * YAML core stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2007, 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.0.4
 * @revision        $Revision: 135 $
 * @lastmodified    $Date: 2007-10-15 21:34:35 +0200 (Mo, 15 Okt 2007) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  */

  /* Global reset of paddings and margins for all HTML elements */
  * { margin:0; padding: 0 }

  /* Correction: margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em }

 /**
  * Global fix of the Italics bugs in IE 5.x and 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; }

  /* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    font-size: 100.01%;

    /* Standard values for colors and text alignment */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid; }

  /* new standard values for lists, blockquote and cite */
  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 { margin: 0 0 1em 1.5em; }

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

 /**
  * @section base layout 
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative }

  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* essential for correct alignment in Opera 6 ! */
    text-align: right;
  }

  /* Backup for correct positioning */
  #header, #nav, #main, #footer { clear:both; }

  /* Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* Standard: center column with flexible width */
  #col3 { width:auto; margin: 0 200px }

  /* Adjustment: sort #col3 behind float columns using z-index */
  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }

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

 /**
  * @section generic classes for layout switching 
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hidecol1 #col3 {margin-left: 0; margin-right: 200px}
  .hidecol2 #col3 {margin-left: 200px; margin-right: 0}

  .hideboth #col1, .hideboth #col2 {display:none}
  .hidecol1 #col1 {display:none}
  .hidecol2 #col2 {display:none}

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

 /**
  * @section clearing methods
  */

  /* clearfix method for clearing floats */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* essential for Safari browser !! */
  .clearfix { display: block }

  /* overflow method for clearing floats */
  .floatbox { overflow:hidden }

  /* IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display: none }

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

 /**
  * @section subtemplates
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* alternative class for optional support of old  Mozilla/Netscape browers */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

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

 /**
  * @section hidden elements
  *
  * skip links and hidden content
  */

  /* classes for invisible elements in the base layout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* make skip links visible when using tab navigation */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}

 /*------------------------------------------------------------------------------------------------------*/
 /* DANGER! iehacks
 /*------------------------------------------------------------------------------------------------------*/

@media all
{
  html { height: auto; margin-bottom:0; }

  * html textarea { overflow:scroll; overflow-x: hidden; }
  * html input { overflow: hidden; }
  
  body { position:relative }  /* Essential in IE7 for correct layout scaling ... */
  * html body { position:static }  /* ... but not for IE5.x and IE6 */
  #main { position: relative } /* helpful for several problems in older IE versions*/

  .clearfix { display: inline-block }  /* ... especial for IE7 */
  .clearfix { display: block }      /* ... für IE5,IE6,IE7 */
  * html .clearfix { height: 1% }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */

  * html .floatbox { width:100% }
  
  .slidebox {
    margin-right: -1000px;
    position:relative;
    height: 1%
  }

  * html #col1 { position:relative } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
  * html #col2 { position:relative } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
  * html #col3 { position:relative }
   
  body { height: 1% }
  #page_margins, #page, #header, #nav, #main, #footer { zoom:1 }             /* IE6 & IE7    */
  #page_margins, #page { height: 1% }                                        /* IE 5.x       */
  * html #header, * html #nav, * html #main, * html #footer { width: 100% }  /* IE 5.x & IE6 */
  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto } /* IE 6         */

  body ol li { display:list-item; }
  

  #ie_clearing {
    position:static;
    display:block;
    \clear:both;
    width: 100%;
    font-size:0px;
    margin: -2px 0 -1em 1px;
  }

  * html #ie_clearing { margin: -2px 0 -1em 0}
  #col3_content {margin-bottom:-2px }

  html {margin-right: 1px}
  * html {margin-right: 0}

  #col3 { position:relative }

  * html body a, * html body a:hover { background-color: transparent; }

  * html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l, * html .c75l, * html .c62l,
  * html .c50r, * html .c25r, * html .c33r, * html .c38r, * html .c66r, * html .c75r, * html .c62r {
    display:inline;
  }
}

@media screen
{
  * html #col1 { display: inline }
  * html #col2 { display: inline }
  
  * html #col1_content { word-wrap: break-word; }
  * html #col2_content { word-wrap: break-word; }
  * html #col3_content { word-wrap: break-word; }

  * html .subcolumns .subc,
  * html .subcolumns .subcl,
  * html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; }
}

@media print
{
  #col3 { height: 1% }
}

@media screen
{

  * html #col1 {margin-right: -3px;}
  * html #col2 {margin-left: -3px;}

  * html #page_margins {
  width: 80em;

  width: expression((document.documentElement && document.documentElement.clientHeight) ?
    (document.documentElement.clientWidth < 840) ? "840px" : (( document.documentElement.clientWidth > (800 * parseInt(document.documentElement.currentStyle.fontSize))) ? "800em" : "auto") :

    (document.body.clientWidth < 840) ? "840px" : (( document.body.clientWidth > (800 * parseInt(document.body.currentStyle.fontSize))) ? "800em" : "auto")
 );
  }
 
* html #col3_content {
  height: 700px;

  }  

}



@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * Formatting YAML's  basic layout elements
   */

  /* Marginal areas & page background */
  body { padding: 0px; }

  /* Layout: width, background, borders */
  #page_margins { min-width: 840px; margin: 0; }

  /* Centering layout in old IE-versions */
  body { text-align: center }

  #printHeader { display:none; }
  #printFooter { display:none; }
  #offer-printFooter { display:none; }

  #page_margins { text-align:left }

  /* Designing main layout elements */
  #header {
    background-color: #E4E9F9;
  }
  
  
  #topnav { color: #aaa; background: transparent; }
  #logo { float: left; }


  /* adjustment of main navigation */
  #nav { border-top: 1px solid #FEC856; border-bottom: 1px solid #FEC856; padding-left: 220px; margin: 0px; padding-top: 3px; padding-bottom: 3px; height: 17px; }

  #mainnav { background: #fff;   }
  #mainnav ul { list-style-type:none; text-transform:uppercase; margin: 0px; }
  #mainnav ul li { float:left; border-left:3px solid #FEC856; margin-left:0px; padding: 1px 31px; line-height: 14px; }
  #mainnav ul li a { color:#FEC856; text-decoration: none; }
  #mainnav ul li a:focus,
  #mainnav ul li a:hover,
  #mainnav ul li a:active  { color: #000000;  }
  
  #langnav { float: right; }
  
  #forumlink { margin-top: 10px; padding-top: 10px; border-top:1px solid #5D7BC4; }

  #address { margin-top: 40px; padding-top: 30px; border-top:1px solid #5D7BC4; }

  #main { background: #fff; }
  
  #print_link { margin-top: 20px; }

  #footer { 
    color:#666; 
    background: #f9f9f9;
    padding: 15px;
    border-top: 5px #efefef solid;

  }

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

  /**
   * Formatting content container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  /* #col1 becomes the left column | #col1 wird zur linken Spalte */
  #col1 { width: 221px; }
  #col1_content { padding-top: 20px; padding-right: 10px; padding-left: 10px; text-align: right; }

  /* #col2 becomes the right column | #col2 wird zur rechten Spalte */
  #col2 { width: 221px; }
  #col2_content { padding-top: 20px; padding-left: 10px; padding-right: 10px; }

  /* #col3 becomes the middle column | #col3 wird zur mittleren Spalte */
  #col3 { margin: 0px;  border-left: 221px #E4E9F9 solid; border-right: 221px #E4E9F9 solid; }
  #col3_content { padding-top: 20px; padding-left: 15px; padding-right: 15px; min-height: 700px; }
  
  .hidecol2 #col3 {
	border-right:0px;
	margin: 0px;
  }  

  .hidecol1 #col3 {
	border-left:0px;
	margin: 0px;
  }  

  .hideboth #col3 {
	border-left:0px;
	border-right:0px;
	margin: 0px;
  }  
  
  .csc-frame-rulerBefore { border-top: 1px solid #E4E9F9; margin-bottom: 10px; }
  .csc-frame-rulerAfter { border-bottom: 1px solid #E4E9F9; margin-top: 10px; }

  .flexyFormField-emailrequest-textarea { width: 130px; }
  .flexyFormField-emailrequest-text { width: 130px; }
  #flexyForm771extension { width: 40px; }
  #flexyForm771name, #flexyForm771company, #flexyForm771department, #flexyForm771fax, #flexyForm771email { margin-left: 31px; width: 204px; }
  #flexyForm771phone { margin-left: 31px; }
  
  .flexyFormErrors-emailrequest { color: red; font-weight: bold; }
  .flexyFormField-emailrequest-required { background-color: #F8B89C; }
  
  .flexyForm-DataTable {  margin-left:1px; }
  .flexyForm-DataTable td { border: 1px solid black; }

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

  /* screen layout */
 
  /**
   * Fonts
   * font-family and font-size selection for headings and standard text elements
   *
   * @section content-fonts
   */

  /* reset font size for all elements to standard (16 Pixel) */
  html * { font-size: 100.01% }
  
  /* reset monospaced elements to font size 16px in Gecko browsers */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* base layout gets standard font size 12px */
  body {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px; 
    color: #444;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	color:#5D7BC4;
  	font-size:13px;
	line-height:16px;
	margin-bottom: 1em;
  }
  

  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1.3em; margin: 0 0 1em 0; }

  /* ### Lists #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

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

  /* ### text formatting ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

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

  pre, code { font-family: monospace; font-size: 1.1em; }
  
  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * standard classes for positioning and highlighting
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

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

  /**
   * External Links
   *
   * Formatting of hyperlinks
   *
   */

  a {color: #4D87C7; text-decoration:none; font-weight: bold;}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

  /**
   * Emphasizing external Hyperlinks via 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;
  }
  */

  /**
   * Tables
   * Generic classes for table-width and design definition
   *
   * @section content-tables
   */

  table { /*width: auto;*/ border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * Miscellaneous
   *
   * @section content-misc
   */

  hr {
    color: #000;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
  
  div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { border:1px solid #FEC856; }
  

  .news-list-container hr.clearer, .news-single-item hr.clearer, .news-latest-container hr.clearer { border: 0px; margin: 0px; padding: 0px; }
  .news-latest-container hr.clearer { color: #E4E9F9; }
  .news-single-item hr.clearer, .news-list-container hr.clearer { color: #FFF; }
  
  .news-latest-container { background: none; border: 0px; }
  .news-latest-item { background: none; border: 0px; margin: 0px; padding: 0px; } 
  .news-latest-item h3 { font-size: 1em; font-weight: bold; color: #000; } 

  .news-list-container { background: none; border: 0px; }
  .news-list-item { background: none; border: 0px; margin: 0px; padding: 0px; } 
  .news-list-container h3 { background: none; border: 0px; font-size: 1em; font-weight: bold; color: #000; } 
  .news-list-date { background: none; }
  .news-list-morelink { text-align: right; }
  
  .news-single-container { background: none; border: 0px; }
  .news-single-item { background: none; border: 0px; margin: 0px; padding: 0px; } 
  .news-single-item h2 { border: 0px; font-size: 1em; font-weight: bold; color: #000; } 
  .news-single-related, .news-single-files, .news-single-links { background: none; border: 0px; }
  .news-single-additional-info { background: none; border: 0px; border-top: 1px solid #000; }
  .news-single-backlink, .news-single-backlink a { font-size: 1em; }
  
  
  	.user-offers-pi1 h2 { font-size: 1em; font-weight: bold; color: #000; }
  
	table.user_offers { border: 1px solid #CCCCCC; margin-left:1px; }
	table.user_offers th { background: none; border-bottom: 1px solid #CCCCCC; padding: 3px; }
	table.user_offers td { padding: 3px; border-bottom:1px solid #CCCCCC; }
	table.user_offers td img { border:1px solid #FEC856; }
	

  
	#offer-header {
		background-color: #e4e9f9;
		height: 85px;
	}

	#offer-content {
		height: 460px;
		overflow:auto;
		padding: 20px;
		border-left: 1px solid #e4e9f9;
		border-right: 1px solid #e4e9f9;
		text-align: left;
	}

	#offer-footer {
		background-color: #e4e9f9;
		height: 45px;
		padding: 20px;
	}

	#offer-footer-first {
		float: left;
	}

	#offer-footer-second {
		float: left;
		margin-left: 20px;
	}

	#offer-footer-third {
		float: left;
		margin-left: 20px;
	}

	#offer-footer-printlink {
		float: right;
		text-align: left;
	}  
	
	
	.modalDialogOfferDetails {
		background-color:#FFFFFF;
		border:0px solid #000000;
		padding:2px;
		position:absolute;
		z-index:100002;
	}	
	
	.offer-image {
		margin-bottom: 11px;
	}
	
	.offer-description ul { position: static; }
	
	.csc-frame-rulerAfter { border-bottom: 1px solid #5D7BC4; margin-bottom: 5px; }
	
	.news-single-img { float: none; }
	.news-list-container img { float: none; }
	
	.csc-textpic-imagewrap, .csc-textpic-imagerow { width: auto !important; }
	
	.csc-textpic, .csc-textpic-imagewrap, .csc-textpic-image { position: static !important; }
  
}


table.thinLineTable {
	border-collapse: collapse;
	margin-left:1px;
}

table.thinLineTable tr {
	vertical-align: top;
}

table.thinLineTable td {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 3px;
}
a.popupWindow {
	margin-left: 0px;
}

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

/* print layout */

/* print base styles */
@media print
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  /* change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  body { font-size: 10pt; }
  
  /* Reset Scrollbar-Fix for FF in screenlayout */
  html { height: auto; margin-bottom: 0; }

  /* Hide unneeded container of the screenlayout in print layout */
  #topnav, #nav, #search { display: none; }

  /* Disable background graphics of links  */
  body a[href^="http:"],
  body a[href^="https:"] {
    padding-left: 0;
    background-image: none;
  }
    
 /**
  * overflow:hidden Bug in print layouts
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */

  .floatbox,
  .subcolumns,
  .subcolums_oldgecko { overflow:visible; display: table; }

  /* Linearising subtemplates */
  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
    width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important;
  }
  .subc, .subcl, .subcr  { margin: 0; padding: 0; }

  /* make .print class visible */
  .print { position: static; left: 0; }

  /* generic class to hide elements for print */
  .noprint { display:none !important; }

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

  /* Avoid page breaks right after headings */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }

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

  /* Preparation for optional column labels */

  #col1_content:before, #col2_content:before, #col3_content:before {
    content: "";
    color:#888;
    background:inherit;
    display:block;
    font-weight:bold;
    font-size:1.5em;
  }
}

  /* #col1 - 0
  ** #col2 - 0
  ** #col3 - x
  */

@media print
{
  #col1 {display:none}
  #col2 {display:none}
  #col3, #col3_content { width: 100%; margin:0; padding: 0; border:0}
  #col3_content { min-height: auto !important; }
  
  #footer { display:none; }
  
  #print_link { display:none; }
  #header { display:none; }
  #printHeader { display:block; margin-bottom: 20px; z-index: 2000000; }
  #printFooter { display:block; }
  #printFooter table tr { vertical-align: bottom; }

  #offer-printFooter { display:block; }
  #offer-printFooter table tr { vertical-align: bottom; }

  .doNotPrint { display:none !important; }

  #offer-header { display:none; }
  #offer-footer { display:none; }
  #DHTMLSuite_modalBox_contentDiv { margin-top: 130px; position: static; height: auto !important;  width: 100% !important; float: none; border: none !important; }
  #offer-content { height: auto !important; width: 100%; overflow: visible; border: none !important; } 
  .DHTMLSuite_modalDialog_contentDiv_shadow { display: none !important; }
}