@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-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.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

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

  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: 'Verdana', Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 75.00%;
    color: #333;
  }

  h1,h2,h3,h4,h5,h6 {
    font-family:"Verdana";
    font-weight:bold;
    color:#1C4482;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 150%; margin: 0.5em 0 0.7em 0; }
  h2 { font-size: 120%; margin: 0.5em 0 0.2em 0;}
  h3 { font-size: 110%; margin: 1em 0 0.4em 0;}
  h4 { font-size: 110%; margin: 0.1em 0 0.7em 0;}
  h5 { font-size: 110% }
  h6 { font-size: 100%; font-style:italic }
  
  .ausbildung h3{margin-bottom:0em;}
  .ausbildung p{margin-bottom:0.5em;}

  p { line-height: 1.5em; margin: 0 0 1em 0; }
  address { line-height: 1.5em; margin: 0 0 1em 1em; font-style:normal; }

  /* Spezielle Klassen zur Positionierung */
  .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 }
  .float_div{float:left; width:100%; margin-bottom:10px;}
  .float_p{float:left; width:50%; margin-bottom:15px;}


  /* Link-Gestaltung */
  a {color: #1C4482; text-decoration:underline; outline:none; }
  a:focus,
  a:hover,
  a:active {color:#5A8EDC; text-decoration:underline;}

  #header a { color: #fff; font-weight: normal; background:transparent; text-decoration:none;}
  #header a:focus,
  #header a:hover,
  #header a:active { text-decoration:underline; background-color: transparent;}

  .forward{
  background:url(/images/global/icon_forward.gif) left no-repeat;
  padding-left: 5px;
  font-size:11px !important;
  }
  .forward2{
  background:url(/images/global/icon_nav_list_small.gif) left no-repeat;
  padding-left: 15px;
  font-size:11px;
  }

  /* Tables | Tabellen */
  table { width: auto; border-collapse:collapse; margin-bottom: 0em; }

  th,td { padding: 5px 7px; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }


  /* ################################ Header ##################################
  #############################################################################*/
  #header #logo {
  margin:0;
  padding:0;
  }
  #header img{
    padding:0;
  margin:0;
  }

  #header ul{
  list-style-type: none;
    color: #fff;
  background: transparent;
  float:right;
  }
  #header ul li{
  display:inline;
  }


  /* ######### globale Box-Definition (small box) ########## */
  .bg_sbox_top{
  background:url(/images/global/bg_sbox_top.gif) no-repeat;
  width:179px;
  padding:10px 10px 10px 10px;
  }
  .bg_sbox_bottom{
  background:url(/images/global/bg_sbox_bottom.gif) no-repeat;
  width:199px;
  margin-bottom:12px;
  }
  /* ######## globale Box-Definition (middle box) ########## */
  .bg_mbox_top{
  background:url(/images/global/bg_mbox_top.gif) no-repeat;
  width:232px;
  padding:10px 0px 0px 10px;
  }
  .bg_mbox_bottom{
  background:url(/images/global/bg_mbox_bottom.gif) no-repeat;
  width:242px;
  margin-bottom:12px;
  padding:0;
  }
  .bg_mbox_bottom_Haendler{
  background:url(/images/global/bg_mbox_bottom_haendler.gif) no-repeat;
  width:242px;
  margin-bottom:12px;
  padding:0;
  }

  /* ######### globale Box-Definition (big box) ############ */
  .bg_bbox_top{
  background:url(/images/global/bg_bbox_top.gif) no-repeat;
  width:480px;
  padding:10px 10px 10px 10px;
  margin-top:30px;
  }
  .bg_bbox_bottom{
  background:url(/images/global/bg_bbox_bottom.gif) no-repeat;
  width:500px;
  margin-bottom:12px;
  padding:0;
  }
  /* ########### Suchbox, Loginbox, Cardbox, Mainbox ############## */
  #searchBox, #loginBox, #cardBox, #mainBox{
  color:#1C4482;
  line-height:1.7em;
  }
  #searchBox h3{
  font-weight:bold;
  padding-left: 1.5em;
  margin: 0.3em 0;
  background: url(/images/global/icon_search_list.gif) no-repeat left;
  }
  #loginBox h3, #cardBox h3, #mainBox h3{
  font-weight:bold;
  margin: 0;
  }
  #loginBox p, #cardBox p, .searchLabel{
  font-size:0.9em;
  margin:0;
  }
  #searchText{
  width:175px;
  }
  #searchSelect{
  width:179px;
  }
  #searchBox .boxButton, #loginBox .boxButton{
  margin:7px 0 3px 0;
  }
  *html #searchSelect{
  margin-bottom:7px;
  width:175px;
  }
  .imgHaendler{
  float:right;
  margin:-198px 1px 0 0
  }
  *html .imgHaendler{
  float:right;
  margin:-139px 2px 0 0
  }
  #cardBox table{
  font-size:0.9em;
  margin:0;
  padding:0;
  width:100%;
  }
  #cardBox td{
  margin:0;
  padding:3px 5px 3px 0;
  vertical-align:bottom;
  }
  #cardBox thead, #cardBox tfoot{
  font-weight:bold;
  }

  /* ########################### Mittleren Spalte ################################
  ################################################################################*/
  .mainImage{
  margin-bottom:1em;
  }

	#col3 ul{
	list-style-type:square;
	color: #333;
	}

  /* ######## Box auf der Startseite ######## */
  .bg_mainBox{
  background-color: #E4E7E9;
  width: 100%;
  float:left;
  margin-bottom: 1em;
  padding-bottom:0.6em;
  }
  .bg_mainBox .float_left{
  margin:15px 25px;
  }
  .bg_mainBox h3, .bg_mainBox p{
  width:115px;
  margin: 0;
  }
  .bg_mainBox p{
  font-size:0.8em;
  color:#1C4482;
  line-height:140%;
  }

  /* ######## Zusatzinfo-Box Produktdetails ######## */
  .bg_bbox_top ul {
  margin-bottom:1em;
  list-style-type:none !important;
  }
  .bg_bbox_top ul li{
  width: 90%;
  margin:0;
  padding: 0.3em 0 0.2em 8px;
  border:0;
  background:url(/images/global/icon_forward.gif) 0 10px no-repeat;
  }
  .bg_bbox_top ul li a{
  /*margin-left: 1em;*/
  font-size: 0.9em;
  line-height:1.5em;
  font-weight:normal;
  /*background:url(/images/global/icon_forward.gif) left no-repeat;
  padding-left: 5px;*/
  }
  /* ######### Trefferliste ######### */
  .resultTable{
    width:100%;
  }
  .resultTable tr, .resultTable td{
  vertical-align:top;
  }
  .resultTable h3{
    font-weight:bold;
  color:#333333;
  margin:0 0 5px 0;
  padding:0;
  }
  .resultTable p{
    font-weight:normal;
  font-size:11px;
  }
  .resultTable h4{
    width:130px;
  color:#333;
  }
  /* ########## Produktdetailansicht ########### */
  .produktBoxLeft{
    float:left;
  padding:5px 15px 10px 0;
  }
  .produktBoxRight{
    float:right;
  padding:5px 0 10px 15px;
  }
  .produktBoxLeft img, .produktBoxRight img{
  margin: 0 0 0.5em 0em;
  }
  .produktBoxLeft h4, .produktBoxLeft p, .produktBoxRight h4, .produktBoxRight p{
  margin: 0.4em 0.3em;
  font-size:1.2em;
  color:#333;
  }
  .produktBoxCenter{
    width:100%;
		text-align:center;
  }
  /* ############################ Rechten Spalte ##################################
  ################################################################################# */

  #col2 .topseller{
  color:#1C4482;
  border-bottom:1px solid #ccc;
  height:6.8em;
  }
  #col2 .topseller img{
  margin: 0 10px 0 10px;
  float: left;
  border:0;
  }

  /* ############################# Footer #########################################
  #################################################################################*/
  #footer img{
  margin-left: 0.5em;
  }

  /* ############## Formular ##################*/
  form.globalForm fieldset{
    padding:0;
    border:1px solid #E4E7E9;
    margin-bottom:20px;
  }
  form.globalForm legend{
    margin:10px;
    padding:0 10px;
    color:#1C4482;
    font-weight:bold;
    font-size:1.1em;
  }
  form.globalForm label{
    color:#1C4482;
    /*font-weight:bold;*/
    font-size:1.0em;
  }
  form.globalForm table{
    width:100%;
    background-color:#E4E7E9;
    margin:0;
    padding:0;
  }
  form.globalForm table tr{
    width:100%;
  }
  form.globalForm table td{
    vertical-align:top;
    padding:10px 5px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
  }
  form.globalForm table td.firstTd{
    text-align:right;
  }
  form.globalForm .inputText{
    width:250px;
  }
  form.globalForm .inputCheckbox{
    margin-right: 5px;
  }
  form.globalForm select{
    width:254px;
  }
  form.globalForm textarea{
    width:250px;
    height:100px;
    font-size:1.2em;
  }
  input:focus, select:focus, textarea:focus {
    outline: 1px solid #1C4482;
  }
/* Meldungen- & Download-News */
	.haendlerH4{
	margin:1em 0 0 0;
	clear:both;
	padding-bottom:0.2em;
	}


/* added by jeho */

.okMsg {
  color: green;
  font-weight: bold;
  /*
  padding: 4px;
  width: 490px;
background-color: #f1f1f1;
  border: 1px solid #1C4482;
*/
}

.errMsg {
  color: red;
  font-weight: bold;
  /*
  padding: 4px;
  width: 490px;
background-color: #f1f1f1;
  border: 1px solid #1C4482;
*/
}


.greyBox {
  background-color:#F2F2F2;
  padding: 5px 10px 5px 10px;
  border: 1px solid #ccc;
}

.shopList {
	width: 475px;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	border: 1px solid #CCC;
	background-color: #FCFCFC;
}

.shopIcon {
	margin: 0px 10px 0px 5px;
	padding: 0px;
}

.shopIconText {
	float: left;
	margin: 2px;
	padding: 0px;
}
.download_description {
  margin-left: 1em;
  font-size: 0.9em;
  line-height:1.5em;
  font-weight:normal;
  padding-left: 5px;

}

.noUnderline {
    text-decoration: none;
}

.small {
    font-size:8pt;
}

fieldset p {
    margin-left: 5px;
}

/* für ansprechpartner_aussenmitarbeiter.php*/
#aussendienst {
margin-top:1em;
}
#aussendienst td {
	vertical-align:top;
	border-bottom:1px solid #CCCCCC;
}
}

  /* IE 5.5 Hack für korrekte Boxen-Darstellung */
  html.* .bg_sbox_top {content:"\"; width: 199px; }

  html.* .imgHaendler{
  float:right;
  margin:-149px -11x 0 0
  }
  html.* .bg_mbox_top{
  width:242px;
  padding:10px 10px 0px 10px;
  }
  html.* .bg_bbox_top{
  width:500px;
  padding:10px 10px 0px 10px;
  }