/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
  background-image: url(bg_pagehead.jpg); background-position: top center; background-repeat: repeat-x; background-color: #ffffff;
}
/*
|| DEBUG COLORS (delete or uncomment after layout styling)
*/
#pagewidth{background-color: #333333;}
#leftcol { background-color: #666666;}
#twocols { background-color: #999999;}
#maincol { background-color: #CCCCCC;}
#rightcol{ background-color: #666666;}

#header{   background-color: #DDDDDD;}
#footer{   background-color: #DDDDDD;}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:980px; background-color: #ffffff;}
#leftcol {      width:188px; background-color: #ffffff;}
#twocols {      width:792px; background-color: #ffffff;}
#maincol {      width:406px; background-color: #ffffff;}
#rightcol{      width:377px; background-color: #ffffff;}

#header{        height: 164px; background-color: #b5a8a4; border-bottom: 6px solid #f1dc17;}
#footer{        height: 40px; background-color: #ffffff; margin-top: 15px;}

/* margins */
div#border .csc-frame img{
  border-bottom: 1px solid #ffffff;
}

div#pagewidth{
  margin-left: 8px;
  margin-right: 8px;
}

h1.title,
img#headerimg,
h1.parentpagetitle,
div.csc-frame{
  margin-left: 8px;
}

div#rightcol div.csc-frame{
  margin-left: 4px;
}

div#maincol{
  margin-top: 50px;
  margin-right: 8px;
}

div#border div.csc-frame{
  margin-left: 0px;
}

/*Logo*/
div#logo_frame{
  margin-left: 801px;
  padding-top: 43px;
  padding-bottom: 33px;
}

/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
div.csc-frame-1col{
  clear: both;
}

div.csc-frame-1-2-col{
  width: 303px;
  float: left;
}

div.csc-frame-1-3-col{
  width: 199px;
  float: left;
}

div.csc-frame-2-3-col{
  width: 398px;
  float: left;
}

div.csc-frame-color{
  background-color: #DDDDDD;
}

/*
|| content elements
*/
div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, p, p.bodytext, ul, ol, ul li, ol li, td, th {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h1.title{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 100;
  color: #a81325;
}

img#contentheader{
  margin-left: 8px;
}

div#maincol div.csc-header h1{
  margin: 0;
  margin-bottom: 17px;
  line-height: 17px;
  font-size: 14px;
  color: #a81325;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  color: #000000;
  line-height: 17px;
  font-size: 13px;
  margin: 0;
  margin-bottom: 17px;
}

/*Footer*/
div#footertext{
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
  float: left;
  margin-left: 150px;
}

div#footertext a:active,
div#footertext a:link,
div#footertext a:visited{
  text-decoration: none;
}

/*form*/
form{
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 10px;
  margin: 0;
  width: 100%;
}

fieldset{
  padding:0;
  width: 396px;
  border: 0;
}

label.lbl{
  padding-right: 10px;
  text-align: right;
  width: 80px;
}

input.txt{
  width: 300px;
  border: 1px solid #745c54;
}

textarea.mtxt{
  color:#000000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 100px;
  margin-bottom: 5px;
  width: 300px;
  border: 1px solid #745c54;
}

input.submit{
  background-color: #B5A8A4;
  border: 1px solid #745C54;
  margin-left: 92px;
  margin-top: 8px;
}

/*eventplaner*/
div#maincol p.powermail_pagebrowser{
  margin: 0;
}

form.tx_powermail_pi1_form{
  margin: 0;
  padding: 0;
}

fieldset.tx-powermail-pi1_fieldset legend{
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

fieldset.tx-powermail-pi1_fieldset{
  background-color: #ffffff;
  border: 0;
  padding: 0;
  margin: 0;
  width: 396px;
}

div#maincol fieldset.tx-powermail-pi1_fieldset label{
  font-weight:normal;
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  width: 150px;
  margin: 0;
  padding: 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select{
  width: 244px;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  border: 1px solid #745C54;
}
input.jscalendar{
  font-size: 11px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  border: 1px solid #745C54;
}

fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea{
  height: 42px;
}

div.tx_powermail_pi1_fieldwrap_html{
  clear: both;
  margin: 0;
  padding: 0;
  height: 17px;
  margin-bottom: 10px;
}

fieldset.tx-powermail-pi1_fieldset div.odd,
fieldset.tx-powermail-pi1_fieldset div.even{
  background-color: #ffffff;
}

input.tx_powermail_pi1_submitmultiple_forward,
input.tx_powermail_pi1_submitmultiple_back{
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background-color: #B5A8A4;
  border: 1px solid #745C54;
}

input.tx_powermail_pi1_submitmultiple_back{
  margin-right: 29px;
}

  /*for the first div on each page*/
div.tx_powermail_pi1_fieldwrap_html_1,
div.tx_powermail_pi1_fieldwrap_html_5,
div.tx_powermail_pi1_fieldwrap_html_11,
div.tx_powermail_pi1_fieldwrap_html_19,
div.tx_powermail_pi1_fieldwrap_html_31,
div.tx_powermail_pi1_fieldwrap_html_32,
div.tx_powermail_pi1_fieldwrap_html_33{
  margin-top: 10px;
}

  /*for textareas*/
div#powermaildiv_uid2{
  height: 45px;
}

div#maincol p.tx_powermail_pi1_fieldwrap_html_radio_title,
div#maincol p.tx_powermail_pi1_fieldwrap_html_checkbox_title{
  font-weight: normal;
  margin-bottom: 3px;
}

div.powermail_radio_inner,
div.powermail_check_inner{
  margin-left: 20px;
}

  /*for inputs with two lined labels*/
div#powermaildiv_uid3,
div#powermaildiv_uid4,
div#powermaildiv_uid5,
div#powermaildiv_uid6,
div#powermaildiv_uid23,
div#powermaildiv_uid27{
  height: 34px;
}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio{
  margin-bottom: 3px;
  margin-top: 3px;
}

  /*settings for fields on page 2*/
div#powermaildiv_uid7{
  height: 58px;
}

div#powermaildiv_uid8{
  display: none;
}

div.powermail_radio_inner,
div.powermail_check_inner{
  margin-left: 20px;
}

input#uid9,
input#uid10{
  width: 40px;
}

  /*settings for fields on page 3*/
div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid11 label{
  width: 185px;
}

div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid12 label,
div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid14 label{
  width: 126px;
}

div#powermaildiv_uid11{
  height: 95px;
}

div#powermaildiv_uid12{
  height: 245px;
}

div#powermaildiv_uid13{
  height: 66px;
}

div#powermaildiv_uid14{
  height: 57px;
}
div#powermaildiv_uid16,
div#powermaildiv_uid18{
  height: 48px;
}

  /*settings for fields on page 4*/
div#powermaildiv_uid20,
div#powermaildiv_uid22,
div#powermaildiv_uid24,
div#powermaildiv_uid26,
div#powermaildiv_uid30{
  height: 48px;
}

div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid28 label{
  width: 302px;
}

div#powermaildiv_uid28{
  height: 57px;
}

  /*settings for fields on page 5*/
div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid31 label{
  width: 266px;
}

div#powermaildiv_uid31{
  height: 133px;
}

  /*settings for fields on page 6*/
div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid32 label{
  width: 232px;
}

div#powermaildiv_uid32{
  height: 95px;
}

  /*settings for fields on page 7*/
div#maincol fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid40 label{
  width: 126px;
}

div#powermaildiv_uid40{
  height: 57px;
}

div#powermaildiv_uid41{
/*  display: none*/
  height: 0px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit{
  font-weight:bold;
  margin:10px 0 10px 150px;
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background-color: #B5A8A4;
  border: 1px solid #745C54;
  padding: 0;
}

  /*errors*/
div.powermail_mandatory_js{
  margin: 2px 0 15px 0;
}

  /*js tabs*/
div#maincol ul#tabs{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div#maincol ul#tabs li.powermail_multiplejs_tabs_item{
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-right: 0px;
  padding-left: 10px;
/*  border-right: 1px solid #000000;*/
  font-size: 9px;
  display: block;
  float: left;
  background-image: url(mainmenubullet-hover.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

/*confirmation page*/
input.tx-powermail-pi1_confirmation_back,
input.tx-powermail-pi1_confirmation_submit,
input.print_button{
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background-color: #B5A8A4;
  border: 1px solid #745C54;
}

form.tx_powermail_pi1_formconfirmation_back{
  width: 75px;
  float: left;
  margin-top: 10px;
}

form.tx_powermail_pi1_formconfirmation_submit{
  width: 240px;
  float: right;
  margin-top: 10px;
}

form.print_form{
  width: 75px;
  float: left;
  margin-top: 10px;
}