/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 19.1.07
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte und TYPO3-spezifische �nderungen der content.css
**
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/
 
/* Open @media all - DO NOT DELETE! */
@media all
{
 
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
*/
 
/* ### �berschriften, Flie�texte ###################################################################### */
 
body {
  font-family: verdana, helvetica, arial, sans-serif;
  color: black;
}
 
h1 {
  color: rgb(166,140,83);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid rgb(216,210,195);
}
 
h2 {
  font-size: 1.0em;
  font-weight: bold;
  color: rgb(166,140,83);
  padding: 1.2em 0 0 0;
  border-bottom: 1px solid rgb(216,210,195);
}
 
h3 {
  font-size: 0.8em;
  font-weight: bold;
  color: rgb(166,140,83);
  padding: 1.2em 0 0 0;
}
 
ul {
  list-style-image: url(../../images/li_bullet2.gif);
  font-size: 0.8em;
  margin: 1.2em 0 1.2em 1em;
}
 
ul ul {
  font-size: 1em;
}
 
li {
  margin: 0 0 1.2em 1em;
}
 
dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}
 
dd {
  margin: 0 0 1.5em 1.5em;
}
 
p {
  margin: 1em 0 1.5em 0;
}
 
p, li, dd, dt {
  line-height: 1.3em;
}
 
pre, code {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9em;
  line-height: 100%;
}
 
address {
  font-style: normal;
  line-height: 150%;
  margin: 0 0 1em 0;
}
 
hr {
  color:#fff;
  background:transparent;
  margin:0 0 0.5em 0;
  border:0;
  border-bottom:1px #eee solid;
  padding:0 0 0.5em 0;
}
 
acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted rgb(168,140,83);
}
 
.grey {
  font-size: 0.9em;
  color: #AAA;
}
 
.white {
  color: #FFF;
}
 
/* ### Bildpositionierung ############################################################################ */
img.float_left {
  margin: 0.5em 0.5em 0.5em 0;
  float:left;
}
 
img.float_right {
  margin: 0.5em 0 0.5em 0.5em;
  float:right;
}
 
img.center {
  text-align:center;
  padding:4px;
  border:1px #ddd solid;
}
 
/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a { 
  color: rgb(168,140,83);
  background-color: transparent;
  text-decoration: underline;
}
 
a:focus, a:hover, a:active {
  text-decoration: none;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}
 
#footer a:hover {
  text-decoration: none;
}
 
/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/
table {
  font-size: 0.9em;
  margin: 1.2em 0 1.2em 0.25em;
  border-collapse: collapse;
  border: 1px solid #AAA;   
  width: 98%;
}
 
table table {
  font-size: 1.0em;
}
 
th {
  font-weight: bold;
  color: #000;
  background-color: rgb(166,140,83);
  border: 1px solid #AAA;
  border-collapse: collapse;
  padding: 2px;
}
 
td {
  border: 1px solid #AAA;
  border-collapse: collapse;
  padding: 2px;
}
 
form {
  margin:1.2em 0 1.2em 0;
  overflow:hidden;
}

fieldset {
  border: 1px solid #aaa;
  padding: 10px;
}

legend {
  font-weight: bold;
  color: rgb(166,140,83);
  padding: 2px;
}
 
label {
}
 
input, textarea {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #666;
  background: #fafafa;
  border: 1px #ccc solid;
  padding: 2px;
  width: auto;
}
 
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  color: #000;
  background: #f0f0f0;
  border-color: #ddd;
}

/* 
input[type=submit] {
  font-weight: bold;
  color: #999;
  background: #fafafa;
  vertical-align: middle;
  margin: 5px 0px 5px 5px;
  border: 1px solid rgb(166,140,83);
}
 
input[type=image] {
  background-color: transparent;
  border: none;
}
*/
 
/* #####################################################################
** ### Spezielle Formatanweisungen des TYPO3 Templates #################
** #####################################################################
*/
img {border:0;
}
p.csc-linkToTop {text-align:right;}
p.csc-form-label-req {font-weight:bold;}
 
.csc-caption {
  font-size:0.9em;
  line-height: 100%;
  color: #fff;
  background-color: rgb(166,140,83);
  padding:2px;
}
 
.csc-textpic a {
  border: 0;
}
 
.csc-textpic a:hover {
  background-color: transparent;
  border: 0;
}
 
.csc-textpic-image {
  margin-right: 2em;
  margin-left: 2em;
}
 
.csc-textpic-firstcol {
  margin-right: 2em;
  margin-left: 0;
}
 
.csc-textpic-lastcol {
  margin-right: 0;
  margin-left: 2em;
}
 
dd.csc-textpic-caption {
  font-style:italic;
  font-size:0.9em;
  line-height: 100%;
  padding: 2px;
}
 
  

/* ################################
** ### powermail ###################
** ################################
*/
 
span.powermail_mandatory {
    /* Color of mandatory error message */
    color: red;
}
 
input.validation-failed,
textarea.validation-failed {
    /* Background color if validation failed 
    background-color: red;*/
    background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
    background-repeat: no-repeat;
    background-position: 98% 1px;
}
 
div.powermail_mandatory_js {
    /* DIV container of errormessage */
    color: red;
    margin: 3px 0 15px 200px;
}
 
fieldset.tx-powermail-pi1_fieldset {
  border: none;
}
 
fieldset.tx-powermail-pi1_fieldset legend {
  font-weight: bold;
}
 
fieldset.tx-powermail-pi1_fieldset label {
  display: block;
  width: 200px;
  width: 10em;
  float: left;
  clear: both;
}
 
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_countryselect,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
    /* Input and textarea */
    width: 360px;
    width: 30em;
}
 
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;
    clear: both;
    overflow: hidden;
}
 
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submit {
    /* submit button */
    margin: 20px 0 10px 10em;
    font-weight: bold;
    display:inline;
}
 
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_reset {
    margin: 20px 0 10px 0px;
    display:inline;
    font-weight: bold;
}
 
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
    clear:both;
}
 
div.tx_powermail_pi1_fieldwrap_html_check,
div.tx_powermail_pi1_fieldwrap_html_radio {
    clear:both;
    margin: 20px 0px;
}
 
div.tx_powermail_pi1_fieldwrap_html_check div,
div.tx_powermail_pi1_fieldwrap_html_radio div {
    display: block;
    float:left;
    width: 13em;
}
 
div.tx_powermail_pi1_fieldwrap_html_radio div {
    display:block;
}
 
div.tx_powermail_pi1_fieldwrap_html_check div label,
div.tx_powermail_pi1_fieldwrap_html_radio div label {
    display: block;
    width:10.5em;
    float:right;
} 
 
div.tx_powermail_pi1_fieldwrap_html p a,
div.tx_powermail_pi1_fieldwrap_html label a {
    /* Description */
    cursor: help;
/*    display:none; */
}
 
div.tx_powermail_pi1_fieldwrap_html p a dfn,
div.tx_powermail_pi1_fieldwrap_html label a dfn {
    /* Description */
    display: none;
}
 
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
    /* Description on mouseover */
    display: block;
    position: absolute;
    width: 250px;
    padding: 5px;
    background-color: rgb(243,242,235);
    border: 1px solid rgb(216,210,195);
    color: black;
    text-decoration: none;
    font-size: 0.8em;
    font-weight: normal;
    font-style: normal;
}
 
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
    /* Description icon */
    padding: 2px 2px 0 2px;
}
 
fieldset.tx-powermail-pi1_fieldset div.even {
}
 
    /* Confirmation */
td.powermail_all_td {
    padding: 3px 10px 3px 0;
}
 
    /* THX */
td.powermail_all p.bodytext {
    margin: 0;
}

#tx_powermail_pi1_captcha_wrap {
    margin-left: 10em;
}

/* Close @media all - DO NOT DELETE! */
}
/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.mainMenu dfn, #col1_content .hidden {position:absolute; left:-1000em; width:20em;}
}