/**
 * "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-2010, 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.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 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
  */

  /* (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%; }

 /**
  * (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:Trebuchet MS, Helvetica, Arial, sans-serif;
  }

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

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

  h1,h2,h3,h4,h5,h6 {
    font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
    font-weight:normal;
    color:#000;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

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

  ul, ol, dl { line-height:1.5em; margin:0 0 0 0; }
  ul { list-style-type:none; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin:0 0 0 0; line-height:1.5em; }

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

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

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

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

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

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  
  sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }
  
  
  #box1  { background:transparent; position:relative; top:13px; left:13px; width:579px; height:369px; z-index:-1px;}
#box2  { background:transparent; position:relative; top:-356px; left:604px; width:382px;  height:369px;   z-index:-1px; }
#box3  { background:transparent; position:relative; top:-343px; left:12px; width:973px;  height:293px; }
#box_unten_links  { background:transparent; position:relative; top:-297px; left:13px; width:235px;  height:171px;}
#box_unten_mitte  { background:transparent; position:relative; top:-468px; left:260px; width:235px;  height:171px; }
#box_unten_rechts  { background:transparent; position:relative; top:-639px; left:751px; width:235px;  height:171px; }
#headermenue { background:transparent; position:relative; top:10px; left:65px; width:400px; }
#suche { background:transparent; position:relative; top:-25px; left:842px; width:200px; }
#layer { background:transparent; position:fixed; top:15%; z-index:20;}

 
 /*runde Ecken*/
 
 
 
 
 .rc1_box_275224 {
	background: url(../../images/rc_box4-5-6_tl.png) no-repeat top left; 
}
.rc1_top_275224 {
	background: url(../../images/rc_box4-5-6_tr.png) no-repeat top right;}
.rc1_bottom_275224 {
	background: url(../../images/rc_box4-5-6_bl.png) no-repeat bottom left; }
.rc1_bottom_275224 div {
	background: url(../../images/rc_box4-5-6_br.png) no-repeat bottom right;
}
.rc1_content_275224 {
	background: url(../../images/rc_box4-5-6_r.png) top right repeat-y;
}

.rc1_top_275224 div,.rc1_top_275224,
.rc1_bottom_275224 div, .rc1_bottom_275224 {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.rc1_content_275224, .rc1_bottom_275224 {
	margin-top: 5px; 
}
.rc1_content_275224 { padding: 6px; height:159px; margin-left:10px; }


 .rc2_box_275224 {
	background: url(../../images/rc_box4-5-6_tl.png) no-repeat top left; 
}
.rc2_top_275224 {
	background: url(../../images/rc_box4-5-6_tr.png) no-repeat top right;}
.rc2_bottom_275224 {
	background: url(../../images/rc_box4-5-6_bl.png) no-repeat bottom left; }
.rc2_bottom_275224 div {
	background: url(../../images/rc_box4-5-6_br.png) no-repeat bottom right;
}
.rc2_content_275224 {
	background: url(../../images/rc_box4-5-6_r.png) top right repeat-y;
}

.rc2_top_275224 div,.rc1_top_275224,
.rc2_bottom_275224 div, .rc1_bottom_275224 {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.rc2_content_275224, .rc1_bottom_275224 {
	margin-top: -5px; 
}


.rc2_content_275224 { padding: 6px;  height:169px; margin-left:10px;}


 .rc3_box_275224 {
	background: url(../../images/rc_box4-5-6_tl.png) no-repeat top left; 
}
.rc3_top_275224 {
	background: url(../../images/rc_box4-5-6_tr.png) no-repeat top right;}
.rc3_bottom_275224 {
	background: url(../../images/rc_box4-5-6_bl.png) no-repeat bottom left; }
.rc3_bottom_275224 div {
	background: url(../../images/rc_box4-5-6_br.png) no-repeat bottom right;
}
.rc3_content_275224 {
	background: url(../../images/rc_box4-5-6_r.png) top right repeat-y;
}

.rc3_top_275224 div,.rc1_top_275224,
.rc3_bottom_275224 div, .rc1_bottom_275224 {
	width: 100%;
	height: 6px;
	font-size: 1px;
}
.rc3_content_275224, .rc1_bottom_275224 {
	margin-top: 5px;
}
.rc3_content_275224 { padding: 6px;  height:159px;margin-left:10px; }

/*runde Ecken ende*/
.boxWrapper {
	position: absolute;
	top: 800px;
	height: auto;
	width: 1000px;
	overflow: hidden;
	clear: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;	
  margin-bottom: 24px;
}

.boxWrapper .box {
	width: 232px;
	float: left;
	margin-right: 12px; 	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;  
  background: #f1f1f1;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  height:187px;
}

#footer {
	margin-top: 40px!important;
}

.boxWrapper .box.first {
	padding: 0;
	border: 2px solid #585858;
}

.boxWrapper .box img {
  border: 0 none;
  height: auto;
  max-width: 100%;
}



.boxWrapper .box.last {
	margin-right: 0;
}

.boxWrapper .box .inside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.boxWrapper .box .inside {
	width: 100%;
}

.lang-en .box,
.lang-es .box,
.lang-ru .box {
  background: #f1f1f1!important;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  height: 187px;
  overflow: hidden;
  padding: 12px;
  width: 208px!important;
  height: 166px!important;
}



#main {

}

/**** BOXES (HÄNDLERSUCHE) ****/



  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#000; background:transparent; text-decoration:underline; }
  a:visited  { color:#000; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus { text-decoration:none; color:#000; outline: 0 none; }
  a:hover,
  a:active { color:#000; text-decoration:none; outline: 0 none; }

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

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .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:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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; border-collapse:collapse;   }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding:0; }
  thead th { color:#000; }
  tbody th { background:transparent; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:transparent; }

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

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:transparent; }
  tbody tr:hover td { background:transparent; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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;
  }
  */
   /* ab hier PopUp-Navigation (Modulname im Contenido: Drop-DownNavigation */



ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;}
ul.cssMenu ul ul{position: absolute;}
ul.cssMenu {
	margin:0 auto auto 220px;
	list-style:none;
	padding:0px 1px 1px 0px;
	width: 500px;
	z-index:2;!important
}
ul.cssMenu ul {
	margin:0px auto auto 0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	width: 185px;
	background-color:#fff;
		
}

.lang-es ul.cssMenu ul {
	width: 275px;	
}

.ru ul.cssMenu ul {
	width: 360px;	
}

ul.cssMenu table {border-collapse:collapse}

ul.cssMenu {
	display:block;
	_width:190.65px;
}

ul.cssMenu li{
	float: left;
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
	border:1px solid #000;	
}

ul.oben-cssMenu li{
	float: left;
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
	border:0px solid #000;	
}

ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}

li.cssMenui a {
	display:block;
	padding:4px 4px 4px 4px;
	_padding-left:0;
	font:bold 13px Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration:none;
	cursor:default;
	height: 20px;
	z-index:2;!important
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	padding:4px 4px 4px 4px;
	_padding-left:0;
	font:bold 13px Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #000;
	text-decoration:none;
	cursor:default;
	height: 20px;
	z-index:2;!important
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-image:none;
}

ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu ul li:hover>a{
	font:bold 13px Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration:none;
}
ul.cssMenu ul li a:hover{
	position:relative;
	font:bold 13px Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #fff;
	background-color:#999;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #fff !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.cssMenu ul img {width:30px;
height:15px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(arrow_sub1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(arrow_sub1.gif)}

ul.cssMenu a[href="front_content.php?lang=1&idcat=227"] {
	color: #FFFFFF!important;
	margin-right: 8px;
	cursor: pointer;
}


#slider {
    width: 579px; /* important to be same as image width */
    height: 369px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 {
    width: 382px; /* important to be same as image width */
    height: 369px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 550px;
    position: absolute;
	top: 0;
	margin-left: 0;
}

#slider1Content {
    width: 350px;
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.slider1Image {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
      position: absolute;
	    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 18px;
}


.lang-de .slider1Image,
.lang-en .slider1Image,
.lang-fr .slider1Image,
.lang-es .slider1Image,
.lang-ru .slider1Image {
	display: block;
}

.lang-de .slider1Image span,
.lang-en .slider1Image span,
.lang-fr .slider1Image span,
.lang-es .slider1Image span,
.lang-ru .slider1Image span {
	display: block;
}

.lang-de .box.sm p {
	line-height: 14px;
	margin-bottom: 3px;
}


.lang-fr ul.cssMenu a {
	padding: 4px 2px 4px 2px!important;	
	cursor: pointer;
}

.lang-fr ul.cssMenu li > a.cssMenui {
	color: #FFFFFF;
}

.lang-fr ul.cssMenu li ul li > a.cssMenui{
	color: #000!important;
}

.lang-fr ul.cssMenu li > a {
	font-size: 12px!important;
}

.lang-fr #headermenue {
	width: 800px!important;
}

.lang-fr ul.cssMenu { 
	width: auto!important;
}

.lang-fr ul.cssMenu > li:nth-of-type(5) {
	margin-left: 14px;
}

.lang-fr ul.cssMenu > li ul li:nth-of-type(5) {
	margin-left: 1px;
}


.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}