@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @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.2.1
 * @revision        $Revision: 455 $
 * @lastmodified    $Date: 2010-01-01 17:33:05 +0100 (Fr, 01. Jan 2010) $
 */

@media screen, projection
{
  /* Powermail */
	/* Form */
  span.powermail_mandatory {
  	/* Color of mandatory error message */
  	color: #FF7C1A;
  }
  input.validation-failed,
  textarea.validation-failed {
  	/* Background color if validation failed 
  	background-color: red;*/
  	background-image: url(/fileadmin/templates/images/icons/icon_exclamation.jpg);
  	background-repeat: no-repeat;
  	background-position: 98% 1px;
  }
  div.powermail_mandatory_js {
  	/* DIV container of errormessage */
  	color: #FF7C1A;
  	margin: 3px 0 15px 210px;
  }
  fieldset.tx-powermail-pi1_fieldset {
  	/* Fieldset */
  }
  fieldset.tx-powermail-pi1_fieldset legend {
  	/* legend of Fieldset 
  	font-weight: bold;
  	color: black;*/
  	display:none;
  }
  
   fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_radio legend {
    display: block;
    font-weight: bold;
  }
  
  .powermail_mandatory_helper{visibility:hidden;height:1px;position:absolute;}
  fieldset.tx-powermail-pi1_fieldset label {
  	/* label */
  	display: block;
  	width: 210px;
  	float: left;
  	clear: both;
  	font-weight: bold;
  }
  fieldset.tx-powermail-pi1_fieldset input.powermail_text,
  fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
  fieldset.tx-powermail-pi1_fieldset select.powermail_select {
  	/* Input and textarea */
  	width: 260px;
  }
  fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { height: 100px; font-size: 115%; }
  fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
  	/* Radiobuttons */
  	margin: 5px 0;
  }
  div.tx_powermail_pi1_fieldwrap_html {
  	/* DIV container arround every field */
  	margin: 10px 0;
  }
  fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
  	/* submit button */
  	margin: 20px 0 10px 210px;
  	font-weight: bold;
  }
  p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
  p.tx_powermail_pi1_fieldwrap_html_radio_title {
  	margin: 0;
  	padding: 0;
  	font-weight: bold;
  }
  div.countryzone {
  	margin: 10px 0 0 210px;
  }
  div.tx_powermail_pi1_fieldwrap_html label a,
  div.tx_powermail_pi1_fieldwrap_html p a {
  	/* Description */
  	cursor: help;
  	text-decoration: none;
  }
  div.tx_powermail_pi1_fieldwrap_html label a dfn,
  div.tx_powermail_pi1_fieldwrap_html p a dfn {
  	/* Description */
  	display: none;
  	text-decoration: none;
  }
  div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
  div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
  	/* Description on mouseover */
  	display: block;
  	position: absolute;
  	width: 250px;
  	padding: 5px;
  	border: 1px solid red;
  	color: black;
  	text-decoration: none;
  	font-size: 0.8em;
  	text-decoration: none;
  }
  div.tx_powermail_pi1_fieldwrap_html img.icon_info {
  	/* Description icon */
  	padding: 2px 2px 0 2px;
  }
  fieldset.tx-powermail-pi1_fieldset div.even {
  }
  
  .tx_powermail_pi1_fieldwrap_html_captcha img { vertical-align: top; }
  
  #pager { position: relative; top: -25px; left: 825px; z-index: 10; width: 130px; }
  #imageCount a, #prev, #next { color: white; margin-left: 5px; padding: 1px 5px; background: url(../../images/pager.gif); text-decoration: none }
  #imageCount a.activeSlide { color: #4371b3; }
  #imageCount a:focus { outline: none; }
  
  #kontaktformular .powermail_check_inner { padding:5px 0; }
  #kontaktformular .powermail_check_inner label { font-weight:normal; }
  
  /*#powermaildiv_uid26 .tx_powermail_pi1_fieldwrap_html_checkbox_title,
  #powermaildiv_uid46 .tx_powermail_pi1_fieldwrap_html_checkbox_title,
  #powermaildiv_uid77 .tx_powermail_pi1_fieldwrap_html_checkbox_title,
  #powermaildiv_uid80 .tx_powermail_pi1_fieldwrap_html_checkbox_title,
  #powermaildiv_uid95 .tx_powermail_pi1_fieldwrap_html_checkbox_title,
  #powermaildiv_uid98 .tx_powermail_pi1_fieldwrap_html_checkbox_title { display:none; }*/
  
  .tx_powermail_pi1_fieldwrap_html_checkbox_title { display:none; }    
  div.tx_powermail_pi1_fieldwrap_html_label { margin-left: 210px; margin-bottom: 0px; margin-top: 5px; font-weight:normal; }  
  
  .tx_powermail_pi1_fieldwrap_html_radio div { margin-left: 210px; }
  .tx_powermail_pi1_fieldwrap_html_radio div label { font-weight: normal; }
  .tx_powermail_pi1_fieldwrap_html label span { font-weight: normal; }
  
  
  #powermaildiv_uid46 .powermail_check_inner_uid46_0 label,
  #powermaildiv_uid80 .powermail_check_inner_uid80_0 label,
  #powermaildiv_uid98 .powermail_check_inner_uid98_0 label { width:470px; }
  
  	/* Confirmation */
  td.powermail_all_td {
  	padding: 3px 10px 3px 0;
  }
  
  	/* THX */
  td.powermail_all p.bodytext {
  	margin: 0;
  }
  /* error message */
  .error {
  	/* supply height to ensure consistent positioning for every browser */
  	background-color:#FF7C1A;
  	border:1px solid #FF7C1A;
  	font-size:11px;
  	color:#fff;
  	padding:3px 10px 5px 10px;
  	margin-left:-2px;
      z-index:10;
      text-align:left;
      height:auto;
  
  
  	/* CSS3 spicing for mozilla and webkit */
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
  
  	-moz-box-shadow:0 0 6px #ddd;
  	-webkit-box-shadow:0 0 6px #ddd;
  	box-shadow:0 0 6px #ddd;
  }
  
  .error p {
  	margin: 0;
  	padding: 0;
  	font-weight: bold;
  }
  
  /* pure CSS arrow */
  html:root .error em {
  	display:block;
  	width:0;
  	height:0;
  	border:10px solid;
  	border-color:#FF7C1A transparent transparent;
  
  	/* positioning */
  	position:absolute;
  	bottom:-10px;
  	left:5px;
  	border-bottom:0 none;
  }
  
  /* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */
  
  /* the input field */
  .date {
  	width: 237px !important;
  }
  
  /* calendar root element */
  #calroot {
  	/* place on top of other elements. set a higher value if nessessary */
  	z-index:10000;
  	
  	margin-top:-1px;
  	width:198px;
  	padding:2px;
  	background-color:#fff;
  	font-size:11px;
  	border:1px solid #ccc;
  	
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
  	
  	-moz-box-shadow: 0 0 15px #666;
  	-webkit-box-shadow: 0 0 15px #666;
  	box-shadow:0 0 15px #666;
  }
  
  /* head. contains title, prev/next month controls and possible month/year selectors */
  #calhead {	
  	padding:2px 0;
  	height:22px;
  } 
  
  #caltitle {
  	font-size:14px;
  	color:#FA8800;	
  	float:left;
  	text-align:center;
  	width:155px;
  	line-height:20px;
  	text-shadow:0 1px 0 #ddd;
  }
  
  #calnext, #calprev {
  	display:block;
  	width:20px;
  	height:20px;
  	background:transparent url(../img/prev.gif) no-repeat scroll center center;
  	float:left;
  	cursor:pointer;
  }
  
  #calnext {
  	background-image:url(../img/next.gif);
  	float:right;
  }
  
  #calprev.caldisabled, #calnext.caldisabled {
  	visibility:hidden;	
  }
  
  /* year/month selector */
  #caltitle select {
  	font-size:10px;	
  }
  
  /* names of the days */
  #caldays {
  	height:18px;
  	border-bottom:1px solid #ddd;
  }
  
  #caldays span {
  	display:block;
  	float:left;
  	width:28px;
  	text-align:center;
  }
  
  /* container for weeks */
  #calweeks {
  	background-color:#fff;
  	margin-top:4px;
  }
  
  /* single week */
  .calweek {
  	clear:left;
  	height:22px;
  }
  
  /* single day */
  .calweek a {
  	display:block;
  	float:left;
  	width:27px;
  	height:20px;
  	text-decoration:none;
  	font-size:11px;
  	margin-left:1px;
  	text-align:center;
  	line-height:20px;
  	color:#666;
  	-moz-border-radius:3px;
  	-webkit-border-radius:3px; 		
  } 
  
  /* different states */
  .calweek a:hover, .calfocus {
  	background-color:#ddd;
  }
  
  /* sunday */
  a.calsun {
  	color:red;		
  }
  
  /* offmonth day */
  a.caloff {
  	color:#ccc;		
  }
  
  a.caloff:hover {
  	background-color:rgb(245, 245, 250);		
  }
  
  
  /* unselecteble day */
  a.caldisabled {
  	background-color:#efefef !important;
  	color:#ccc	!important;
  	cursor:default;
  }
  
  /* current day */
  #calcurrent {
  	background-color:#498CE2;
  	color:#fff;
  }
  
  /* today */
  #caltoday {
  	background-color:#333;
  	color:#fff;
  }
  
  /* slider root element */
  .slider { 
  	background:#3C72E6 url(../img/h30.png) repeat-x 0 0; 
  	height:9px; 
  	position:relative; 
  	cursor:pointer;
  	border:1px solid #333;
  	width:300px;
  	float:left; 
  	clear:right;
  	margin-top:10px;
  	-moz-border-radius:5px; 
  	-webkit-border-radius:5px;
  	border-radius:5px;
  	-moz-box-shadow:inset 0 0 8px #000;
  	box-shadow:inset 0 0 8px #000;
  }
  
  /* progress bar (enabled with progress: true) */
  .progress {
  	height:9px; 
  	background-color:#C5FF00; 
  	display:none;
  	opacity:0.6;
  }
  
  /* drag handle */
  .handle { 
  	background:#fff url(../img/h30.png) repeat-x 0 0; 
  	height:28px;
  	width:28px;
  	top:-12px;
  	position:absolute; 
  	display:block; 
  	margin-top:1px;
  	border:1px solid #000;
  	cursor:move;
  	-moz-box-shadow:0 0 6px #000;
  	-webkit-box-shadow:0 0 6px #000;
  	box-shadow:0 0 6px #000;
  	-moz-border-radius:14px;
  	-webkit-border-radius:14px; 
  	border-radius:14px;
  }
  
  /* the input field */
  fieldset.tx-powermail-pi1_fieldset input.powermail_text.range {
  	float:left;
  	margin:0 0 0 15px;
  	padding:3px 0;
  	text-align:center;
  	width:50px;
  }
}