/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| DEBUG COLORS (delete or uncomment after layout styling)
*/
#pagewidth{background-color: #ffffff;}
#leftcol { background-color: transparent;}
#twocols { background-color: transparent;}
#maincol { background-color: #ffffff;}
#rightcol{ background-color: transparent;}

#header{   background-color: #ffffff;}
#footer{   background-color: transparent;}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:981px; background-image:url(schatten-mitte.jpg); background-position: 0px 0px; background-repeat: repeat-y;}
#leftcol {      width:196px; margin-top: 21px;}
#twocols {      width:785px; }
#maincol {      width:499px; }
#rightcol{      width:285px; }
#border  {      height:195px;}

#header{        height: 245px; background-image:url(bg_head.jpg); background-position: 0px 0px; background-repeat: no-repeat;}
#footer{        height: 80px; background-image:url(schatten-unten.jpg); background-position: 0px 30px; background-repeat: no-repeat;}

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

div#footer{
  margin-top: 50px;
}

div#footertext{
  margin-top: 20px;
  margin-left: 10px;
  height: 16px;
}

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

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

div.csc-frame ul{
  padding-left: 14px;
}

div.csc-frame div.csc-header h1.csc-firstHeader,
div.csc-frame div.csc-textpic div div.csc-textpic-text div.csc-textpicHeader h1,
div.csc-frame div.csc-header h1{
  color: #000000;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  padding-top: 6px;
}

div.csc-frame div.csc-header h2,
div.csc-frame h2,
div.csc-frame div.csc-textpic div div.csc-textpic-text div.csc-textpicHeader h2{
  margin: 0;
  padding: 0;
  padding-top: 6px;
  font-family: Times New Roman, Verdana, Arial;
  font-size: 20px;
  font-weight: normal;
  color: #a56b42;
}

div.csc-frame h2{
  font-size: 18px;
}

div.csc-frame p.bodytext{
  margin: 0;
  padding: 0;
  padding-top: 6px;
}

/* maincol */

div#maincol div.csc-frame{
  margin-top: 18px;
}

/* maincol tables */

table.contenttable{
  width: 475px;
}

table.contenttable tr.tr-even{
  background-color: #d9dadb;
}

table.contenttable tr.tr-odd{
  background-color: #ececed;
}

table.contenttable tr.tr-0{
  background-color: #e5cfbd;
}

table.contenttable tr td.td-0{
  background-color: #c5c7c8;
}

table.contenttable tr.tr-0 th,
table.contenttable tr td.td-0,
table.contenttable tr td.td-last,
table.contenttable tr td{
  border: 1px solid #ffffff;
  padding: 4px;
  font-size: 10px;
  vertical-align: top;
  font-weight: normal;
}

/* leftcol */

div#leftcol div.csc-frame div.csc-header h1{
  font-size: 11px;
}

div#leftcol div.csc-frame{
  background-color: #f6f6f6;
  margin: 3px 0 0 6px;
  padding-left: 12px;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 12px;
}

div#leftcol div.csc-frame p.bodytext a:link,
div#leftcol div.csc-frame p.bodytext a:visited,
div#leftcol div.csc-frame p.bodytext a:active{
  font-size: 11px;
  color: #a56b42;
  font-weight: normal;
  text-decoration: none;
}

div#leftcol div.csc-frame p.bodytext a:hover,
div#leftcol div.csc-frame p.bodytext a:focus{
  text-decoration: underline;
}

div#leftcol div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image,
div#leftcol div.csc-textpic-center .csc-textpic-single-image{
  margin-left: 0px;
}

/*rightcol*/

div#rightcol div.csc-frame{
  background-color: #f2e9e3;
  margin: 0;
  margin-left: 0px;
  margin-right: 6px;
  margin-top: 8px;
  padding-left: 12px;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 12px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic .csc-textpic-single-image{
  margin-top: 6px;
  margin-bottom: 0px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left: 0px;
}

/* border */

div#border div.tx-onetrandomcontent-pi1{
  margin-left: 720px;
  padding-top: 45px;
  height: 70px;
}

div#border div.tx-onetrandomcontent-pi1 div.csc-frame div.csc-header h1{
  font-size: 24px;
  font-weight: normal;
  color: #67b7da;
  font-family: Times New Roman;
}

div#border div#c16{
  width: 415px;
  padding-left: 38px;
  margin-top: -47px;
/*  padding-top: 147px; */
}

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

div#border div.csc-frame div.csc-header h1 {
  color: #707070;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  padding: 6px 0 0;
  text-align: left;
  padding-left: 8px;
}

/*
|| content elements
*/
h1.title{
  font-family: Helvetica;
  font-size: 30px;
  font-weight: 100;
  color: #666666;
}

h1 a:link,
h1 a:visited,
h1 a:active{
  color:#A56B42;
}

h1 a:focus,
h1 a:hover{
  color:#00A9D2;
  text-decoration: none;
}

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

div#maincol div.csc-header h1{
/*  font-size: 14px;
  color: #666666;*/
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  color: #000000;
}

/* contact form */

fieldset#fset{
  border: 0;
  margin: 0;
  padding: 0;
}

form#kontaktformular{
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 18px;
}

input.txt,
textarea.mtxt{
  width:280px;
  background-color: #f6f0ec;
  border: 0;
}

input.submit,
input#form_submit{
  background-image: url(absenden.jpg);
  background-color: #ffffff;
  background-position: center left;
  background-repeat: no-repeat;
  margin-left: 106px;
  margin-top: 8px;
  padding-left: 30px;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #a56b42;
  font-weight: bold;
}

input.submit:hover,
input#form_submit:hover{
  color: #00a9d2;
  background-image: url(icon-absenden-b.gif);
}

input#txtplz{
  width: 40px;
}

label#lblort{
  width: 30px;
}

input#txtort{
  width: 200px;
}

#formerror,
#formmessage{
  margin-left: 12px;
  margin-right: 12px;
}

div#maincol div#formerror p,
div#maincol div#formmessage p{
  color: #ff0000;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* form abo */

td.label{
  vertical-align: top;
  text-align: right;
  width: 100px;
}

span.label_right{
  float: right;
  width: 335px;
  margin-bottom: 10px;
  margin-top: -10px;
}

span.error{
  color: #ff0000;
}

input.form_radio,
input.form_cbx{
  display: block;
  width: 20px;
}

input.form_txt{
  background-color:#F6F0EC;
  border:0 none;
  width:280px;
}

input#postcode{
  width: 40px;
}

input#form_submit{
  margin-left: 98px;
  margin-top: 10px;
}

#lbl_abo_type{
  font-weight: bold;
}

#lbl_city{
  width: 30px;
}

#city{
  width: 215px;
}

/* from newsletter rightcol */

form#doubleoptin fieldset#tx-powermail-pi1_fieldset_2 legend{
  font-weight: normal;
  margin: 0;
  padding: 0;
}

form#doubleoptin fieldset#tx-powermail-pi1_fieldset_2{
  border: 0;
  background-color: transparent;
  width: 260px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

form#doubleoptin{
  margin: 0;
  padding: 0;
  padding-top: 6px;
}

div#rightcol form#doubleoptin{
  padding-top: 0;
}

form#doubleoptin fieldset.tx-powermail-pi1_fieldset label {
  font-weight:normal;
  width: 50px;
  color: #000000;
}

form#doubleoptin fieldset.tx-powermail-pi1_fieldset input.powermail_text,
form#doubleoptin fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
form#doubleoptin fieldset.tx-powermail-pi1_fieldset select.powermail_select{
  width: 160px;
  border: 0;
  background-color: #F6F0EC;
}

div.tx_powermail_pi1_fieldwrap_html{
  width: 100%;
  margin:10px 0;
}

form#doubleoptin fieldset.tx-powermail-pi1_fieldset select.powermail_select{
  width: 80px;
}

fieldset.tx-powermail-pi1_fieldset div.even{
  background-color: transparent;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
  font-weight:bold;
  margin: 0;
}

form#doubleoptin input.submit,
input.tx-powermail-pi1_mandatory_submit{
  background: none;
  background-color: #707070;
  color: #ffffff;
  border: 1px solid #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
  padding-left: 8px;
}

div.tx-powermail-pi1_mandatory form{
  margin-left: 0px;
}

div#rightcol table.contenttable{
  width:260px;
}

div#rightcol table.contenttable tr.tr-0 th,
div#rightcol table.contenttable tr td.td-0,
div#rightcol table.contenttable tr td.td-last,
div#rightcol table.contenttable tr td{
  border: 0;
  color: #ff0000;
}

form#doubleoptin fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid11,
form#doubleoptin fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid11 label,
form#doubleoptin fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid11 input#uid11{
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
}

form#doubleoptin .tx_powermail_pi1_fieldwrap_html_submit{
  margin-bottom: 0px;
}

div.tx-powermail-pi1{
  font-weight: normal;
  color: #ff0000;
  padding-top: 8px;
}

div#rightcol div.tx-powermail-pi1{
  padding-top: 0;
}

/* form abo */

form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html label{
  font-weight: normal;
  width: 80px;
}

form#doubleoptin_abo input.powermail_text,
form#doubleoptin_abo .powermail_textarea{
  background-color: #F6F0EC;
  border: 0;
  font-family:Arial;
  font-size:12px;
  width: 280px;
}

form#doubleoptin_abo,
form#doubleoptin_abo fieldset{
  width: 475px;
}

form#doubleoptin_abo,
form#doubleoptin_abo fieldset,
form#doubleoptin_abo fieldset legend{
  margin: 0;
  padding: 0;
  font-weight: normal;
}

form#doubleoptin_abo fieldset legend{
  display: none;
}

div#powermaildiv_uid13{
  margin: 0;
}

form#doubleoptin_abo fieldset{
  background-color: transparent;
  border: 0;
}

form#doubleoptin_abo .powermail_mandatory_js{
  margin-left: 100px;
}

div#powermaildiv_uid13{
  display: block;
  height: 177px;
  margin-bottom: 0px;
}

#powermaildiv_uid49 {
 margin-bottom:0px;
}
#powermaildiv_uid30 {
 margin-top:0px;
}

div.tx_powermail_pi1_fieldwrap_html_30 label {
  display:inline;
  float:none;
  margin-left: 40px;
  margin-top:0px;
}

form#doubleoptin_abo #uid30 {
  width:70px;
}

p.tx_powermail_pi1_fieldwrap_html_radio_title{
  font-weight: normal;
}

form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_radio_inner_uid13_0 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_radio_inner_uid13_1 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_radio_inner_uid13_2 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_check_inner_uid14_0 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_check_inner_uid49_0 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_check_inner_uid23_0 label{
  width: 420px;
  margin:0;
  padding:0;
  margin-left: 20px;
  margin-top: 8px;
  font-weight: normal;
}

form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_radio_inner_uid13_0 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_radio_inner_uid13_1 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_radio_inner_uid13_2 label{
  margin-left: 35px;
}

form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_check_inner_uid14_0 label,
form#doubleoptin_abo fieldset.tx-powermail-pi1_fieldset div.powermail_check_inner_uid49_0 label{
  margin-left: 40px;
  width: 400px;
}

form#doubleoptin_abo fieldset#tx-powermail-pi1_fieldset_3 .tx_powermail_pi1_fieldwrap_html_radio_title{
  display: none;
}

input#uid13_0,
input#uid13_1,
input#uid13_2,
input#check_uid23_0{
  margin-left: -440px;
  margin-top: 8px;
}

input#check_uid14_0,
input#check_uid49_0{
  margin-top: 10px;
  margin-left: -420px;
}

input#check_uid23_0{
  margin-top: 6px;
}

div.powermail_radio_inner_uid13_0{
  height: 60px;
}

div.powermail_radio_inner_uid13_2{
  height: 20px;
  margin-bottom: 20px;
}

div.powermail_radio_inner_uid13_1{
  height: 86px;
}


div#advice-validate-one-required-powermaildiv_uid13{
  margin: 0;
  margin-left: 20px;
  margin-top: -5px;
}

div#powermaildiv_uid14 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
div#powermaildiv_uid49 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
div#powermaildiv_uid23 p.tx_powermail_pi1_fieldwrap_html_checkbox_title{
  visibility: hidden;
  height: 0;
}

div#powermaildiv_uid14{
  margin-top: 0px;
  height: 70px;
}

div#powermaildiv_uid17,
div#powermaildiv_uid24,
div#powermaildiv_uid28{
  color: #000000;
  width: 470px;
}

div#powermaildiv_uid23{
  margin-top: 0px;
  height: 20px;
}

form#doubleoptin fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid9 label{
  display: none;
}

form#doubleoptin fieldset.tx-powermail-pi1_fieldset div#powermaildiv_uid9 input#uid9{
  width: 235px;
  border: 1px solid #707070;
}

/*
|| footer styles
*/
div#footertext{
  font-size: 11px;
  font-family: Times New Roman, Verdana, Arial;
  color: #a56b42;
  float: left;
  width: 195px;
}

/* footcol */
div#footcol{
  margin-top: 25px;
}
