/*
 * 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: #46463e;
  background-color: #d7d7b3;
}


#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: #46463e;
  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: #46463e;
  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;
}

.verdi22_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{
  padding: 20px 20px 20px 20px;
  width: 570px;
}

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

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

#wwe3_mail_form form{
  background-color: #46463e;
  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 überschreiben. Tabellenzeilen werden hoch genug gemacht (5), um Label und normales
 * Formularelement beherbergen zu können. Ausserdem muss die gesamte Formulartabelle breit
 * genug sein, dass Label und Feld nebeneinander Platz *hätten* (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: 200px;       /* (2) */
  padding-top: 5px;
}

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

.msie .td_field textarea {
  margin-top: 0;
  position: relative;
  top: -20px;
  left: 200px;
}

.msie td.type_text1500 {
  
}

.msie td.td_field .ta_error,
.msie td.td_field .ta_noerror {
  position: relative;
  left: 200px;
  top: -20px;
}

.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;
}

.nt_linked .normaltext a {
  color: #fff;
}

.nt_linked .normaltext {
  display: block;
  padding-left: 22px;
  background: url(/static/img/verdi22/icons/next_weiss_12x12.gif) no-repeat 0px 4px;
}

#page_body_right_content .nt_linked {
  border-bottom: 0px !important;
}

#page_body_right_content .nt_linked img {
  padding-left: 16px;
}