/*
 * special content design
 * use for best viewing performance wwEdit CMS (www.wwedit.de)
 * (c) www.wegewerk.com
 * created: 20070508 bms/asz
 * lastmodified: 20070509 bms/asz
 */


/* #######################      FORMULARE      #################### */

.result_anchor {
  position: relative;
  top: -50px;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

label {
  padding: 0;
  margin: 0;
}

.mandatory {
  display: none;
}

select,
textarea,
input {
  font-size: 1em;
  font-family: Arial, sans-serif;
  border: 0;
  margin: 0;
  color: #464648;
  background-color: #d7d7be;
}

#smallsearch .search_text,
#smallsearch .wwe_form_submit{
  background-color: #ffc400;
}



#page_body_main_content input,
#page_body_main_content select,
#page_body_main_content textarea,
#page_body_right_content input,
#page_body_right_content select,
#page_body_right_content textarea{
  width: 250px;
  margin-bottom: 10px;
  padding: 5px;
  font-weight: normal;
}

#page_body_main_content label,
#page_body_right_content label {
  text-transform: uppercase;
  font-weight: bold;
}

#page_body_main_content select,
#page_body_right_content select {
  padding: 4px;
  width: 260px;
}

textarea {
  margin-top: .3em;
}

tr.form_required_field_info td{
  padding-bottom: .8em !important;
}


/* Formular Container */

.wwe3_form_container{
  line-height: 1.8em;
  background-color: #464648;
  color: #fff;
}

.wwe3_form_container h2 {
  font-size: 1.8em;
  color: #fff;
}

.wwe3_form_container tr.tr_title {
  display: none;
}

.wwe3_form_container legend {
  text-transform: uppercase;
  padding-bottom: 5px;
  font-family: 'arial black', arial;
  font-weight: normal;
  color: #fff;
}

.msie .wwe3_form_container legend {
  margin-left: -7px;
}

.wwe3_form_container table {
  padding: 0;
}

.wwe3_form_container table td {
  padding: 0 1em 0 0;
}

.wwe3_form_container .limit {
  margin-top: -10px;
  margin-bottom: 5px;
}


/* SUBMIT-BUTTONS */

.wwe_form_submit_js_hover {
  font-size: 1em;
  font-family: Arial, sans-serif;
  border: 0;
  margin: 0;
  color: #464648;
  background-color: #d7d7b3;
}

#page_body_main_content .wwe_form_submit,
#page_body_right_content .wwe_form_submit,
#page_body_main_content .wwe_form_submit_js_hover,
#page_body_right_content .wwe_form_submit_js_hover {
  width: auto;
  text-transform: uppercase;
  padding: 3px 6px;
  font-weight: bold;
}


.wwe_form_submit:hover,
.wwe_form_submit:focus,
.wwe_form_submit_js_hover {
  color: #D42121;
  cursor: pointer;
  font-weight: bold;
}


/* ALLGEMEIN (gilt fuer Kontakt- und Suchformular)*/

/* Fehlertexte */
table.wwe3tbl th.th_show_error,
table.wwe3tbl td.th_show_error,
table.wwe3tbl th.warning,
div.show_error {
  color:  #D42121;
  font-weight: bold;
}

p.message,
p.positive_message,
.proc_state_message {
  margin: 10px 20px 10px 0;
  color:  #fff;
  font-weight:bold;
  border: 1px solid #D42121;
  padding: 5px;
}


/* Suchergebnis-Browser */

.wwe3_browsebutt{
  display: inline;
}

.wwe3_browsebutt_active{
  display: inline;
  font-weight: bold;
}

.browse_list li {
  padding-right: 9px;
  display: inline;
}

.list_result,
.browse_list{

}

.sp_autoand,
.results {
  display: none;
}


/* Fotowettbewerb */

.supporterlistphoto {
  padding: 0 !important;
  color: #000;
}

.supporterlistphoto li {
  border-bottom: 10px solid #fff;
}

.supporterlistphoto li img {
  position: static !important;
  float: left;
}

.supporterlistphoto li strong {
  text-transform: uppercase;
  display: block;
}

.supporterlistphoto li .description {
  margin-left: 300px;
  padding: 16px 20px 15px 20px;
  font-weight: normal;
  width: 260px !important;
}

.msie6 .supporterlistphoto li .description {
  padding: 0px 20px 15px 20px;
}

.supporterlistphoto li .description p {
  margin-top: 20px;
}

/* Unterstuetzerliste */

.supporterlist {
  line-height: 1.5em;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.supporterlist h2{
  padding-left: 0px !important;
}

.supporterlist .pages {
  display: block;
  float: left;
  margin-right: 30px;
}

.supporterlist .browse_list {
  color: #000;
  padding: 0;
  text-transform: uppercase;
}

.supporterlist .browse_list li {
  padding-right: 9px;
}

.supporterlist .browse_list li img {
  vertical-align: text-top;
  float: none !important;
}

.supporterlist .browse_list .seperator {
  display: none;
}

.verdi22b_twocols #page_body_main_content .supporterlist img {
  position: static;
}

.supporterlist table {
  width: 100%;
  margin-bottom: 15px;
}

.supporterlist th {
  padding-top: 5px;
  padding-bottom: 15px;
  color: #000;
  text-transform: uppercase;
}

.supporterlist .name { width: 240px; }
.supporterlist .city { width: 210px; }
.supporterlist .time { width:  90px; }

.supporterlist .source {
  text-align: center;
  width: 20px;
}

/* vlog new article */

#wwe3_form_vlog_newarticle_v2{
  padding: 20px;
  width: 570px;
}

.mac.safari #wwe3_form_vlog_newarticle_v2{
  position: relative;
  top: -15px;
}

#wwe3_form_vlog_newarticle_v2 h2{
  font-size: 1.6em;
}

.comment_infotext{
  position:relative;
  color: #fff;
  width: 260px;
  padding: 20px;
  float:right;
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: normal;
}

.comment_infotext h2{
  font-size: 1.4em;
  padding-bottom: 10px;
  color: #fff;
}

.comment_infotext h3{
  font-size: 1em;
  margin-bottom: 5px;
  color: #fff;
}

.comment_infotext p.richtext{
  padding-bottom: 20px;
}

/* vlog new comment */
#wwe3_form_forum_newguestbookentry,
#wwe3_form_forum_newguestbookentry_2{
  padding: 20px 20px 20px 20px;
  width: 570px;
}

#wwe3_form_forum_newguestbookentry legend,
#wwe3_form_forum_newguestbookentry_2 legend{
  font-size: 1.6em;
}

/* contact form */
#wwe3_mail_form{
  background-image: url(/static/img/verdi22b/vlog_background.gif);
}

#wwe3_mail_form form{
  background-color: #464648;
  width: 570px;
  padding: 20px;
}

#wwe3_mail_form legend{
  font-size: 1.6em;
}


/* Formulare untereinander statt nebeneinander */

/* Gecko-Version */
form td, form th {
  display: block;
}

/* IE-Version */

/**
 * Wir positionieren alle Tabellenzellen relativ (1). Das Label bekommt eine fixe Breite (2),
 * wohingegen das Formularfeld um diese Breite nach links gezogen wird (3). Dann werden die
 * Formularfelder noch um eine Zeilenhoehe nach unten geschoben (4), damit sie nicht das
 * Label ueberschreiben. Tabellenzeilen werden hoch genug gemacht (5), um Label und normales
 * Formularelement beherbergen zu koennen. Ausserdem muss die gesamte Formulartabelle breit
 * genug sein, dass Label und Feld nebeneinander Platz *haetten* (6), da sonst das Label nicht
 * breit genug gezogen wird.
 *
 * Einschraenkung: Das Label muss einzeilig sein, was aber bei der gewonnenen Gesamtbreite des
 *                 Formulars nun nicht mehr so schwierig ist.
 *                 Textareas sind ein bisschen eigenwillig, aber die kann man ja separat noch
 *                 mit weiteren Styles versehen.
 */

.msie .wwe3tbl {
  width: 500px;       /* (6) */
}

.msie .th_label,
.msie .td_field {
  position: relative; /* (1) */
}

.msie .wwe3tbl tr {
  height: 4em;        /* (5) */
}

.msie .th_label,
.msie .th_show_error {
  width: 250px;       /* (2) */
  padding-top: 5px;
}

.msie .td_field {
  top: 1.2em;         /* (4) */
  left: -250px;       /* (3) */
}

.msie .td_field {
  top: 1.2em;         /* (4) */
  left: -230px;       /* (3) */
}

.msie .td_field textarea {
  margin-top: 0.9em;
}

.msie td.type_text200 {
  padding-bottom: 0.9em;
}


.msie .wwe3tbl tr.form_info {
  height: 2em;
}

.msie .form_info .td_field {
  left: 0;
  top : 0;
  width: 200px;
}

.msie .fna_video_info .td_field {
  width: 500px;
}

/* checkbox */

.wwe3_form_container .form_check td {
  display: inline;
}

.wwe3_form_container .form_check .th_label {
  display: block;
  line-height: 1.2em;
}

.wwe3_form_container .form_check td input{
  width: auto !important;
  margin-right: 10px;
  margin-bottom: 0 !important;
}

.supp_allow_contact td{
  line-height: 1.3em;
}

.msie .supp_allow_contact label{
  display: block;
  width: 230px;
}

.msie .supp_allow_contact td{
  width: 230px;
  left: 0;
}

.msie .supp_allow_contact input.checkbox{
  float: left;
  display: block;
}