@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version       $Id$
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006 - 2012, HieblMedia (Reinhard Hiebl)
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

@media screen, projection
{
  /**
   * The following commented line parsed automaticly by the template for IE PNG-Fix
   * @see: http://www.jyaml.de/en/documentation/jyaml-4-joomla/programming-and-development/ie-adjustments.html
   *
   * Syntax: css-selector
   */
  /* @IEWORKAROUND_PNGFIX@ img, div, p, span, li @END@ */


  /**
   * Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

  /**
   * For global blow up the html tag to full viewport
   * (only required with the fullheight template)
   */

  html { height: 100%; padding: 0; }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Formatting basic layout elements
   */

  /* Marginal areas & page background */
  body {
	padding: 0px;
	background-color: #CFD3D6;
	background-image: url(../images/hg-body.png);
	background-repeat: repeat-x;
	background-position: 0px -79px;
}

  /* Centering layout in old IE-versions */
  body { text-align:center; }
  .ym-wrapper { text-align:left; margin:0 auto; }

  /* Layout:width, background, borders */
  .ym-wrapper {
	max-width: 960px;
	background-image: url(../images/hg-page_margins.png);
	 /**
     * The following commented line parsed automaticly by the template for IE min-/max-width workaround
     * @see: http://www.jyaml.de/en/documentation/jyaml-4-joomla/programming-and-development/ie-adjustments.html
     *
     * Syntax: css-selector|min-width|max-width|disabled-js-fallback-width
     * Possible units are px, em and %
     */
    /* @IEWORKAROUND_MINMAXWIDTH@ .ym-wrapper|740px|80em|80em @END@ */
  }
  .ym-wbox {
	padding: 0px;
}
.random-image {
	margin-right: 20px;	
}
.random-image img {
	width: 100%;	
}
  #header {
	padding: 0px;
	position: relative;
	background-image: url(../images/load.gif);
	background-position: 465px 230px;
	background-repeat: no-repeat;
  }

  /* #topnav gets absolute positioning within #header */
  #topnav {
	position: absolute;
	top: 0px;
	left: 40px; /* LTR */
	text-align: left;
  }
  #topbanner {
	margin-left: 20px;
	display: none;
  }
  .tmpl-offline #topbanner {
	display: block;
  }
  #main {
	padding: 10px 0;
}

  #footer {
	color: #000;
	background: #ffffff;
	line-height: 1.5em;
	max-width: 750px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
  }

  #jyaml_mobile_switcher { padding:1em; text-align: left; background: #fff; color: #000; }

  #breadcrumbs {
	position: absolute;
	padding: 0;
	margin-bottom: 1em;
	z-index: 999;
  }
  #bottomnav {
	float: right;
	text-transform: lowercase;	  
  }

  /* Backup for correct positioning */
  #header, #nav, #main, #footer, #breadcrumbs,
  .clr { clear:both; }
  
  /*+ neu wegen Umgestaltung Navigationsleiste +*/
  #nav{
	min-height: 50px;
	padding-left: 100px;
	padding-right: 0px;
	background-image: url(../images/hg-hlist.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-top: 10px;
}

  /* Extend subtemplate equalizing for sub-containers */
  .ym-equalize-subc ym-gbox ym-gbox-right, .ym-equalize-subc ym-gbox ym-gbox-left, .ym-equalize-subc .subcr {
    padding-bottom: 32767px;
    margin-bottom: -32767px;
  }

  /* noscript formatting */
  noscript { display:block; overflow:hidden; width:auto; }
  noscript div { padding:5px 7px; border:3px solid #c30; margin:0 0 1em 0; background:#ffe4e4; }
  noscript.jswarn-global div { background:#FFFFCF; margin:0; border:0; border-top:6px solid #c30; border-bottom:6px solid #c30; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Formatting content container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | .ym-col1   | .ym-col3     | .ym-col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   *
   * Set here your default column values
   * Details see: {@section content-columns}
   */

  .ym-col1 { width:25%; }
  .ym-col1 .ym-cbox {
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}

  .ym-col2 { width:25%; }
  .ym-col2 .ym-cbox {
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}

  .ym-col3 { margin:0 25%; }
  .ym-col3 .ym-cbox {
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
}

  #col3_content_wrapper {
    /* encapsulate contents - clearfix and floatbox here make some problems */
    width: 100%; overflow:hidden;
  }

  #main {
	/* Linearise outline paddings for all column order layouts {@experimental} */
	/*margin-left: -10px;
	margin-right: -10px;
	padding-right: 100px;
	padding-left: 100px;*/
	padding-right: 90px;
	padding-left: 90px;
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Column order layouts
   * Visual styling for the column ordering of .ym-col1, .ym-col2 and .ym-col3

   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)
   * @section content-columns
   */

  /* Layout: 1col_3 (only one column) */
  body.layout-1col_3 .ym-col1 { /* @hide */ display: none; }
  body.layout-1col_3 .ym-col2 { /* @hide */ display: none; }
  body.layout-1col_3 .ym-col3 { /* main  */ margin-left:0; margin-right:0; border-left:0; border-right:0; }

  /* Layout: 2col_13 (normal/default view) */
  body.layout-2col_13 .ym-col1 { /* left  */ }
  body.layout-2col_13 .ym-col2 { /* @hide */ display: none; }
  body.layout-2col_13 .ym-col3 { /* main  */ margin-right:0; border-right:0; }

  /* Layout: 2col_32 (normal/default view) */
  body.layout-2col_32 .ym-col1 { /* @hide */ display: none; }
  body.layout-2col_32 .ym-col2 { /* right */ }
  body.layout-2col_32 .ym-col3 { /* main  */ margin-left:0; border-left:0; }

  /* Layout: 2col_31 (special/advanced view - require width adjustments) */
  body.layout-2col_31 .ym-col1 { /* main  */ width: 25%; float:right; }
  body.layout-2col_31 .ym-col2 { /* @hide */ display:none; }
  body.layout-2col_31 .ym-col3 { /* left  */ margin-right: 25%; margin-left: 0; border-left:0;}

  /* Layout: 2col_23 (special/advanced view - require width adjustments) */
  body.layout-2col_23 .ym-col1 { /* @hide */ display:none; }
  body.layout-2col_23 .ym-col2 { /* main  */ width: 75%; float:left; }
  body.layout-2col_23 .ym-col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }

  /* Layout: 3col_132 (normal/default view) */
  body.layout-3col_132 .ym-col1 { /* left  */ /* YAML core column order */ }
  body.layout-3col_132 .ym-col2 { /* right */ /* YAML core column order */ }
  body.layout-3col_132 .ym-col3 { /* main  */ /* YAML core column order */ }

  /* Layout: 3col_123 (special/advanced view - require width adjustments) */
  body.layout-3col_123 .ym-col1 { /* left  */ width: 25%; margin: 0; }
  body.layout-3col_123 .ym-col2 { /* main  */ width: 50%; float:left; margin: 0; }
  body.layout-3col_123 .ym-col3 { /* right */ margin-left: 75%; margin-right: 0; border-right:0; }

  /* Layout: 3col_213 (special/advanced view - require width adjustments) */
  body.layout-3col_213 #main { width: 100%; float:left; }
  body.layout-3col_213 .ym-col1 { /* main  */ width: 50%; float:left; margin-left: 25%; }
  body.layout-3col_213 .ym-col2 { /* left  */ width: 25%; float:left;  margin-left: -75%; }
  body.layout-3col_213 .ym-col3 { /* right */ float:right; width: 25%; margin-left: -5px; margin-right: 0; border-right:0; }

  /* Layout: 3col_231 (special/advanced view - reverse left and right of col1 and col2) */
  body.layout-3col_231 .ym-col1 { /* right */ float:right; }
  body.layout-3col_231 .ym-col2 { /* left  */ float:left; }
  body.layout-3col_231 .ym-col3 { /* main  */ }

  /* Layout: 3col_312 (special/advanced view - require width adjustments) */
  body.layout-3col_312 #main { width: 100%; float:left; }
  body.layout-3col_312 .ym-col1 { /* main  */ width: 50%; float:right; margin-left: -75%; margin-right: 25%; }
  body.layout-3col_312 .ym-col2 { /* right */ width: 25%; float:right; margin-right: 0; border-right:0; }
  body.layout-3col_312 .ym-col3 { /* left  */ float:left; width: 25%; margin-left: 0; border-left:0; margin-right: -5px; }

  /* Layout: 3col_321 (special/advanced view - require width adjustments) */
  body.layout-3col_321 .ym-col1 { /* right */ width: 25%; float:right; margin: 0; }
  body.layout-3col_321 .ym-col2 { /* main  */ width: 50%; margin: 0; }
  body.layout-3col_321 .ym-col3 { /* left  */ margin-left: 0; margin-right: 75%; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Index HTML Template adjustments (html/index/*.php)
   * @require dynamic body css classes in html document (<body<?php echo $this->getBodyCssClass(); ?>>)
   * @section content-templates
   */

  /* Template adjustments: /html/index/flexible_grid_simple_draft.php */
  body.html-flexible_grid_simple_draft #main { margin:0; padding: 0; }

  /* Template adjustments: /html/index/fullheight.php */
  body.html-fullheight { height: 100% !important; padding-top: 0; padding-bottom:0; }
  body.html-fullheight .ym-wrapper {
	position: relative !important;
	min-height: 100%; /* real browsers */
	height: auto !important;
	background-image: url(../images/hg-page_margins.png);
  }
  * html body.html-fullheight .ym-wrapper { height:100% !important; }
  body.html-fullheight .ym-wbox {
    /* allocate space for footer */
    padding-bottom: 70px;
  }
  
/*+++ Anpassung 06.04.2016 +++*/
/* 
  body.html-fullheight #footer {
	position: relative !important;
	width: 750px;
	margin: 0 auto;
	margin: -70px auto 0;
	background: #fff;
	border: 0 none;
	padding: 0;
	color: #000;
  }
*/  
  
    body.html-fullheight #footer {
	position: relative !important;
	margin: 0 auto;
	border: 0 none;
	color: #000;
	margin-top: -70px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 100px;
	padding-bottom: 0;
	padding-left: 100px;
	background-color: transparent;
  }
  
  #footer_content {
	text-align: left;
	color: #000;
	border-top: 1px #DED5CF solid;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	text-transform: uppercase;
  }

  /* Template adjustments: /html/index/fullpage.php */
  body.html-fullpage { background: #fff; padding: 0; }
  body.html-fullpage #header,
  body.html-fullpage #nav,
  body.html-fullpage #breadcrumbs,
  body.html-fullpage #main,
  body.html-fullpage #footer { background: #fff; margin:0; padding:0; }
  body.html-fullpage #header { border-bottom: 5px #efefef solid; }
  body.html-fullpage #header .ym-wbox { position: relative; padding:10px; }
  body.html-fullpage #footer { border-top: 5px #efefef solid; }
  body.html-fullpage #header .ym-wbox { padding:10px; }

  /* Template adjustments: /html/index/gfxborder.php */
  body.html-gfxborder { background: #3b69ad; }
  body.html-gfxborder .ym-wrapper {
    border: 0 none;
    background-image: url(../images/gfxborder/border_left.gif);
    background-repeat:repeat-y; background-position:left;
  }
  body.html-gfxborder .ym-wbox {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-image: url(../images/gfxborder/border_right.gif);
    background-repeat:repeat-y; background-position:right;
  }
  body.html-gfxborder .border-top {
    overflow:hidden; font-size:0;
    width: auto; height: 20px;
    margin-bottom: -15px;
    background-image: url(../images/gfxborder/border_top.gif);
    background-repeat:repeat-x; background-position:top left;
  }
  body.html-gfxborder .border-bottom {
    overflow:hidden; font-size:0;
    width: auto; height: 20px;
    margin-top: -15px;
    background-image: url(../images/gfxborder/border_bottom.gif);
    background-repeat:repeat-x; background-position:bottom left;
  }
  body.html-gfxborder .edge-tl {
    float:left; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_tl.gif);
    background-position: top left;
  }
  body.html-gfxborder .edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_tr.gif);
    background-position: top right;
  }
  body.html-gfxborder .edge-bl {
    float:left;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_bl.gif);
    background-position: bottom left;
  }
  body.html-gfxborder .edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/corner_br.gif);
    background-position: bottom right;
  }

  /* component template adjsustments */
  body.tmpl-component { text-align: left; background: #fff; }
  body.tmpl-component #main { margin: 0; border:0; padding:10px; background: #fff; }

  /* offline template adjustments */
  body.tmpl-offline #main { padding:10px; }

  /* error template adjustments */
  body.tmpl-error h1 { color: #f00; }
  body.tmpl-error p.info,
  body.tmpl-error #techinfo { overflow: auto; }
  body.tmpl-error #techinfo table { width:100%; }


  /* WYSIWYG Editor Mode */
  body.editor-active .ym-col1 { display: none !important; }
  body.editor-active .ym-col2 { display: none !important; }
  body.editor-active .ym-col3 { margin-left: 0 !important; margin-right: 0 !important; }


  /**
   * ---------------------------------------------------------------------------- #
   *
   * Styling of layout specific elements
   */

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

  #header span { color:#999; }

  #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 {
	background: transparent;
	color: #000;
	text-decoration: none;
}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color:#000; background-color:transparent; text-decoration:underline; }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Skiplinks
   *
   * Visual styling for skiplink navigation
   *
   * @section content-skiplinks
   */

  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color:#fff;
    background:#333;
    border-bottom:1px #000 solid;
    padding:10px 0;
    text-decoration:none;
  }

  /* prevent the anchor link generate empty space */
  .skiplink-anchor {
    display:inline !important;
    border:0 none !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    outline:0 none !important;
    line-height:0 !important;
    height:0 !important;
    font-size:0 !important;
    overflow:hidden !important;
  }

  /**
   * ---------------------------------------------------------------------------- #
   *
   * Additional Subtemplate grid width's (5-steps 10%-90%)
   *
   * @section subtemplates
   */
   .floatblock {
	width: 100%;
	height: 100%;
	box-sizing:border-box;
   }
   
   p + .floatblock {
	margin-top: 30px;
   }
   
   .floatblock:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
   }  
   
   /* Die Abstände der Spalten */
   
   /* zwei Spalten */
   .ym-g50:first-child .abst {   
	margin-right: 10px;	 
   }
   .ym-g50:last-child .abst {
	margin-left: 10px;	    
   }   
    
   /* vier Spalten */  
   .ym-g25:nth-child(1) .abst {
	margin-left: 0px;
	margin-right: 15px;		   
   }   
   .ym-g25:nth-child(2) .abst {
	margin-left: 5px;
	margin-right: 10px;		   
   }  
   .ym-g25:nth-child(3) .abst {
	margin-left: 10px;
	margin-right: 5px;		   
   }
   .ym-g25:nth-child(4) .abst {
	margin-left: 15px;
	margin-right: 0px;		   
   }        

  .ym-g10, .c10r { width:10%; box-sizing:border-box; }
  .ym-g15, .c15r { width:15%; box-sizing:border-box; }
  .ym-g30, .c30r { width:30%; box-sizing:border-box; }
  .ym-g33, .c33r { width:33.3333333333333333333333%; box-sizing:border-box; }  
  .ym-g35, .c35r { width:35%; box-sizing:border-box; }
  .ym-g45, .c45r { width:45%; box-sizing:border-box; }
  .ym-g50, .c50r { width:50%; box-sizing:border-box; }
  .ym-g55, .c55r { width:55%; box-sizing:border-box; }
  .ym-g65, .c65r { width:65%; box-sizing:border-box; }
  .ym-g70, .c70r { width:70%; box-sizing:border-box; }
  .ym-g80, .c80r { width:80%; box-sizing:border-box; }
  .ym-g85, .c85r { width:85%; box-sizing:border-box; }
  .ym-g90, .c90r { width:90%; box-sizing:border-box; }
  .c355l, .c355r { width:355px; box-sizing:border-box; }
  body.layout-2col_31 .startc355l,  body.layout-2col_31 .startc355r { width:100%; }
  body.layout-1col_3 .startc355l,  body.layout-1col_3 .startc355r { width:45%; } 
  body.layout-1col_3 .startc355r { 
  	display: inline;
    float: right;
    margin-bottom: 0;
    margin-left: 40px; 
	}
  body.layout-1col_3 .startc355l { 
  	display: inline;
    float: left;
    margin-bottom: 0;
    margin-right: 40px; 
	}  
  .cwxl { float:left; }
  .cwxr { float:right; margin-left:-5px;}

  .startc355l img, .startc355r img { width:100%; }
  /**
   * Gfx-Border Module example (modChrome gfxborder)
   *
   * @section content-modules
   */
  .module-gfxborder {
    border: 0 none;
    background-image: url(../images/gfxborder/module/border_left.gif);
    background-repeat:repeat-y; background-position:left;

    background-color: #eee;
  }
  .module-gfxborder .module-gfxborder-content {
    border: 0 none;
    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
    background-image: url(../images/gfxborder/module/border_right.gif);
    background-repeat:repeat-y; background-position:right;
  }
  .module-gfxborder .module-border-top {
    overflow:hidden; font-size:0;
    width: 100%; height: 20px;
    margin-bottom: -15px;
    background-image: url(../images/gfxborder/module/border_top.gif);
    background-repeat:repeat-x; background-position:top left;
  }
  .module-gfxborder .module-border-bottom {
    overflow:hidden; font-size:0;
    width: 100%; height: 20px;
    margin-top: -15px;
    background-image: url(../images/gfxborder/module/border_bottom.gif);
    background-repeat:repeat-x; background-position:bottom left;
  }
  .module-gfxborder .module-edge-tl {
    float:left; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_tl.gif);
    background-position: top left;
  }
  .module-gfxborder .module-edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right; font-size:0;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_tr.gif);
    background-position: top right;
  }
  .module-gfxborder .module-edge-bl {
    float:left;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_bl.gif);
    background-position: bottom left;
  }
  .module-gfxborder .module-edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px; height: 20px;
    background-image: url(../images/gfxborder/module/corner_br.gif);
    background-position: bottom right;
  }

  /**
   * Joomla specific adjustments
   *
   * @section joomla-specific
   */

  /* Joomla Profiler (Debug Output) */
  #system-debug { background: #fff; color: #000; text-align: left; }
  #system-debug h4 { color: #f00; background: #eaeaea; padding:5px; margin: 1em 0 0.25em 0; border:0; }
  #system-debug ol li h4 { background: transparent; padding: 0; margin-top: 0; }
  #system-debug ol li { padding-bottom: 1em; }
  #system-debug pre { background:#fff; color:#800; padding:5px; margin: 0 0 1em 0; }
  #system-debug table { width: 100%; }
  #system-debug table, #system-debug td { background: #fff; color: #000; }

  /* Editor XTD Buttons */
  #editor-xtd-buttons { overflow: hidden; width:100%; margin:1em 0; }
  .button2-left, .button2-right { float: left; margin: 0 1em 1em 0; }
  .button2-left a, .button2-right a,
  .button2-left span, .button2-right span {
    display: block; width: auto; float: left;
    background: #eee; border: 1px solid #ccc; padding: .4em .5em;
  }

  /* Default edit form */
  form#adminForm fieldset { border:1px #ddd solid; background:#fafafa; margin:0 0 1em 0; padding:0.5em; }
  form#adminForm legend { font-size:125%; font-weight:normal; color:#000;}
  form#adminForm .formelm, form#adminForm .formelm-area { overflow: hidden; width: 100%; margin:0.5em 0; }
  form#adminForm label { display:block; cursor:pointer; float:left; width:30%; }
  form#adminForm .formelm-buttons { /* float: right; */ }

  /**
   * System Messages
   */
  #system-message-container { /* new in J1.7 */ }
  #system-message { margin:1em 0 0 0; padding:0; border:0; color:#000; }
  #system-message a.close { display: none; }
	#system-message .alert-heading {
    /*font-weight:bold; margin:0; padding:1em 0 0 0; border:0; font-size:1.25em; */
    display:none; /* hide title text (Error, Notice, Warning, Message) */
  }
  #system-message dd { padding:1em; margin:0 0 1em 0; border:0;  }
  #system-message .alert > div > p { margin:0; padding:0; border:0; }
  /* System standard messages */
  #system-message .alert-message { border:3px solid #1566CC; background:#E6F2FF; }
  /* System error messages */
  #system-message .alert-error { border:3px solid #c30; background:#ffe4e4;  }
  /* System warning messages */
  #system-message .alert-warning { border:3px solid #c30; background:#ffe4e4;  }
  /* System notice messages */
  #system-message .alert-notice { border:3px solid #ccc; background:#f9f9f9; }
  
  
  /**
   * Anpassung nach Migration auf jyaml 4
   */
   
   .ym-column{
	display: table;
	table-layout: fixed;
	width: auto!important;
}

.txtinput1, .txtinput2, .chrono_captcha_input {
    border: 1px solid #999999 !important;
}
.txtinput1 {
    width: 100% !important;
}
.txtinput2 {
    width: 100% !important;
}
/* +++ 2016 +++*/
.platz1 {
	position: absolute;
	width: 672px;
	left: 104px;
	top: 146px;
	z-index: 999;
	background-color: rgba(255,255,255,0.75);
	border: 1px solid rgba(181,181,181,1);
	padding: 40px;
}
.platz1:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.platz1 img{
	float: left;
	padding-right: 40px;
}
.platz1 h2{
	margin-top: 30px;
}


.responsiveContainer {
	box-sizing:border-box;
	border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

}