/*
 * stylesheet for # DGB20 - Ich bin mehr Wert! #
 * special content design (forms, sitemap)
 * (c) www.wegewerk.com
 * wwEdit CMS (www.wwedit.de)
 * created: 20080221 bms
 * lastmodified: 20080221 bms
 */


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


legend{
  font-weight: bold;
  padding: 0;
  margin: 0 0 2px 0;
}

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

label {
  padding-right: 10px;
}

.label,
.widelabel,
select,
textarea {
  font-size: 1em;
  font-family: Tahoma, sans-serif;
  border: 1px solid #e5e5e5;
  background: url(/static/img/dgb20/search_bg.gif);
  padding: 4px 0 4px 2px;
}

select{
  background-color: #fff;
}

/* INPUT ELEMENTE */
input:focus,
input:hover,
input:active,
select:focus,
select:hover,
select:active,
textarea:focus,
textarea:hover,
textarea:active {
  color: red;
}



/* SUBMIT-BUTTONS */
.wwe_form_submit,
.wwe_form_submit_js_hover {
  background: url(/static/img/dgb20/button_bg.gif);
  color: #ec0015;
  font-weight: bold;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 1.8em;
}

.wwe_form_submit:hover,
.wwe_form_submit:focus,
.wwe_form_submit_js_hover {
  cursor: pointer;
  background: url(/static/img/dgb20/button_bg_hover.gif);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.wwe3_form_container{
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: 20px;
}

.wwe3_form_container form{
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px;
}


.title_container{
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 10px 0;
}

.form_info td{
  padding: 5px 0;
}

td.th_label{
  padding-right: 10px;
  line-height: 2.2em;
}

#page_body_main_content textarea{
  background-repeat: repeat-x;
  width: 332px;
}



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

p.message,
p.positive_message,
.proc_state_message {
  margin: 20px 0 20px 0;
  color:  #cc0000;
  background: #f2f2f2;
  border: 1px solid #e5e5e5;
  padding: 10px;
  font-weight: bold;
}

p.positive_message {
  color:  #000;
}


/* ------------------------ */
/* - kleines Suchformular - */
/* ------------------------ */
#search{
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}


.smallsearch{

}

#search h2{
  display: none;
}

#search label{

}

#search .label {
  width: 168px;
  float: left;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.msie6 #search .label {
  width: 165px;
}

#search input{

}




/* -------------- */
/* - Newsletter - */
/* -------------- */
#wwe3_form_reg_newsletter{
  background-color: #f2f2f2;
  padding: 2px 10px 10px 10px;
  position: relative;
  top: -20px;
  margin-bottom: 0px;
}

#page_body_right_content #wwe3_form_reg_newsletter{
  width: 230px;
}

#page_body_right_content #wwe3_form_reg_newsletter select{
  width: 105px;
}

#wwe3_form_reg_newsletter form{
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

#page_body_right_content #wwe3_form_reg_newsletter form #rnl_action_0{
  display: none;
}

#wwe3_form_reg_newsletter .label{
  width: 101px;
  margin-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#wwe3_form_reg_newsletter table.wwe3tbl{

}

#wwe3_form_reg_newsletter br{
  display: none;
}



/* ------------------------ */
/* - GROSSES SUCHFORMULAR - */
/* ------------------------ */
.sp_autoand{
  display: none;
}

#form_search_generic form {

}




/* ------------------------ */
/* - Suchergebnis-Browser - */
/* ------------------------ */
.wwe3_browsebutt,
.wwe3_browsebutt_active{
  display: inline;
}

.wwe3_browsebutt_active{
  font-weight: bold;
}

.browse_background{
  background-color: #f2f2f2;
  padding: 10px;

}

.list_result,
.browse_list{
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 10px;
}

.browse_list{
  position: relative;
  top: -1px;
}

/* ----------------------------------------------- */
/* - SEARCHLIST (Ausgabe der der Suchergebnisse) - */
/* ----------------------------------------------- */
.searchlist{
  background-color: #f2f2f2;
  padding: 0 10px 5px 10px;
  margin-bottom: 20px;
}

.searchlist h2{
  margin: 5px 0 3px 0;
}

.searchlist ul{
  list-style-type: none;
}

.searchlist li{
  margin-bottom: 10px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #e5e5e5;
}

.searchlist .relevance{
  display: none;
}

.search_hit{
  background-color: #e5e5e5;
  font-weight: bold;
  padding: 0 3px;
}



/* ----------- */
/* - SITEMAP - */
/* ----------- */
#body_main_content_sitemap{
  background-color: #f2f2f2;
  padding: 10px;
}

#body_main_content_sitemap ul {
  border: 1px solid #e5e5e5;
  list-style-type: none;
  background-color: #fff;
  padding: 10px;
}

#body_main_content_sitemap ul ul{
  border: 0;
  padding: 0 0 0 20px;
}

#body_main_content_sitemap li a{
  padding: 3px 0;
  display: block;
  border-bottom: 1px solid #e5e5e5;
}

#body_main_content_sitemap li a:hover{
  background-color: #f2f2f2;
}



/* -------------- */
/* - Kommentare - */
/* -------------- */
.forum_comment_text{
  margin-bottom: 3px;
}

.article_comment_meta_box{
  border-top: 1px solid #e5e5e5;
  font-size: .83em;
  margin-bottom: 20px;
  color: #888;
}



/* ------------------ */
/* - Terminkalender - */
/* ------------------ */
#page_body_right_content .calendar table {
  width: 100%;
}

.calendar th {
  padding: 2px 0;
  text-align: center;
}

.calendar .co_head{
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 5px;
}

.calendar .co_head h2{
  margin: 0 !important;
}

.calendar .co_head h2 a{
  color: #ec0015;
}

.calendar .co_body{
  padding-right: 0 !important;
}

.msie .calendar th {
  width: 15%;
}

.calendar .monthselection a {
  display: block;
}

.msie6 .calendar .monthselection a {
  height: 1%;
}

.calendar .weekdays th {
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}

.calendar td {
  padding: 3px 4px 3px 2px;
  text-align: right;
}

.calendar td.past {
  color: #ccc;
}

.calendar td.today {
  border: 2px solid #ec0015;
  padding: 1px 2px 1px 0px;
}

.calendar td.weekend {
  font-weight: bold;
}

.calendar td a,
.calendar td a:visited {
  display: block;
  margin: -3px -4px -3px -2px;
  padding: 3px 4px 3px 2px;
}

.calendar td.today a,
.calendar td.today a:visited {
  margin: -1px -2px -1px 0;
  padding: 1px 2px 1px 0;
}

.calendar td a:hover {
  background-color: #f2f2f2;
}

.calendar .eventday {
  border-top: 1px solid #ccc;
  padding: 5px;
}

.calendar .eventday ul {
  list-style-type: none;
}

.calendar :target {
  background-color: #dee7c6;
}

.wwe3_styled th {
  padding-right: 10px;
}

/* ------------------------------- */
/* - Anzeige von Veranstaltungen - */
/* ------------------------------- */
.event_teaser .date{

}

.event_teaser h2{
  display: inline;
  font-size: 1em !important;
}


.event_teaser{
  margin-bottom: 10px;
}


.event table th{
  vertical-align: top;
  padding: 3px 15px 3px 0;
}


.event table td{
  width: 60%;
  padding: 3px 0;
}


/* ----------------- */
/* - Bildergalerie - */
/* ----------------- */
.img_gallery .preview{
  text-align: center;
}

.img_gallery .preview img{
  border: 1px solid #afafaf;
  padding: 5px;
  display: block;
}

.img_gallery .thumb_preview{
  width: 510px;
  overflow: hidden;
  padding-left: 4px;
}

.img_gallery .thumb_preview a{
  display: block;
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  text-align: center;
  height: 74px;
  width: 74px;
  border: 1px solid #afafaf;
}

.img_gallery .thumb_preview a img{
  padding: 5px;
}

.img_gallery .thumb_preview a:hover{
  border: 1px solid #000;
}

.img_gallery .diashow_controls {
 text-align: center;
 padding-bottom: 10px;
}

.img_gallery .diashow_controls img {
  float: none;
  padding: 0px 3px 0 3px;
  border: none;
}

.img_gallery .diashow_controls img:hover {
  cursor: pointer;
}

.img_gallery .slideshow {
  margin-left: 20px;
}

.img_gallery .caption{
  font-size: .83em;
  display: block;
  padding-top: 4px;
}

.img_gallery .detail_preview br {
  display: none;
}

/* - Video - */
.flash .richtext{
  padding-top: 10px;
}

.flash .co_head{
  border: 0 !important;
}