/*
 * stylesheet for ############ mindestlohn.de ###############
 * content design
 * (c) www.wegewerk.com
 * wwEdit CMS (www.wwedit.de)
 * created: 20050316 bms
 * lastmodified: 20080129 bms
 */


#page_head_left img {
  margin: 0;
  padding: 0;
}

#page_head_left a:hover,
#page_head_left a:focus,
#page_head_left a:active {
  background-color: #e5e8e1;
}

#page_head .content_object {
  float: left;
}

#page_head .content_object h2 {
  font-size: 2.1em;
  margin: 0 0 5px 0;
  line-height: 1em;
  text-transform: uppercase;
  font-family: Impact, sans-serif;
  color: #cc1d24;
}
#page_head div.random_img {
   height: 200px;
  position:relative;
}

.msie7 #page_head div.random_img {
 margin-top:40px;
 height: 200pxver;
 margin-bottom:10px;
}

#page_head img.random_img {
    position: absolute;
    bottom:0px;
    left:40px;
}

.msie #page_head_right br.clear {
  display: none;
}




/* #### Contentobjects links und rechts #### */

#page_body_left h2,
#page_body_right h2 {
  color: #000;
  background: transparent url(/static/img/verdi24a/schatten/headline.png) repeat-x top left;
  font-size: 1em;
  text-transform: uppercase;
  padding: 2px 7px 0;
  height: 14px;
  margin: 0;
  float: none;
}

#page_body_left h2 a,
#page_body_right h2 a {
  color: #000;
      text-decoration: none;
}

#page_body_left .normaltext,
#page_body_right .normaltext {
  display: none;
}

#page_body_left .normaltext a,
#page_body_right .normaltext a {
  text-decoration: none;
  color: #000;
}

#page_body_main_content form {
  padding: 7px 9px;
}


.link_wrap{
  margin: 0 0 7px 0;
}

#page_body_main_content .headlink {
  color: #B20E22;
  font-size: 1.1em;
  line-height: 1em;
  font-weight: bold;
  padding: 1px 0 2px 0;
  text-decoration: none;
  text-transform: uppercase;
}

#page_body_main_content .headlink:hover,
#page_body_main_content .headlink:focus {
  text-decoration: underline;
}



/* ticker */

#ticker_content.dynamic{
  position:relative;
}


.ticker_icon {
    background: url(/static/img/verdi24a/startstop.png) no-repeat top left;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin: 3px 5px 0 0;
}
.ticker_panel .startTicker{
    background-position: 0 -30px;
}

.ticker_panel .stopTicker {
    background-position: 0 -72px;
}

.ticker_panel a {
    float: left;
    display: block;
    padding: 0 22px 0 20px;
}

.ticker_panel a,
#ticker_content a {
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color:#fff;
}
#ticker_content a:hover {
    text-decoration: underline;
}

.msie #ticker_content.dynamic{
  position: absolute;
}

#page_head_ticker h2.ticker_title{
  font-size: 1em;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

#page_head_ticker .ticker_panel{
  float: left;
}

#page_head_ticker .ticker_panel a img{
  margin-right: 5px;
  position: relative;
  top: 2px;
}

#ticker_content{
  display: inline;
}

#ticker_content ul,
#ticker_content li{
clear:both;
}

#page_head_ticker li{
  margin-left: 18px;

  list-style-type:none;
}

#page_head_ticker ul.ticker_content_noscript li{
  clear: both;
}


/* #################################################################################################### */
/* ########################################    CONTENT DESIGN    ###################################### */
/* #################################################################################################### */


/* CONTENT_OBJECTS */
/*
 * min-height(wird nur von mozilla und co. interpretiert) muss entsprechend des
 *  grafischen entwurfs angepasst werden, je nachdem wie hoch ein contentobjekt
 *  mindestens ist. (h?ngt im wesentlichen von der bildgr?sse ab )
 */
#page_body_container .content_object{
  margin-bottom: 12px;
}

#page_head_content_head .richtext,
#page_body_main_content .content_object{
  overflow: visible;
}

#page_body_main_content .content_object {
    padding-bottom: 17px;
    margin-bottom: 15px;
}

#page_body_main_content .content_object {
    background: transparent url(/static/img/verdi24a/schatten/co_main.png) no-repeat bottom center;
}

.msie6 .home #page_body_main_content .content_object {
    background-image: url(/static/img/verdi24a/schatten_ie6/co_main.png);
}
#page_body_main_content .kingsize{
  background: transparent;
  padding-bottom: 0;
}

.h2_bottom {
    position:absolute;
}

.msie6 #page_body_left .h2_bottom {
 left:18px;
}

/*
 *  die height f?r den ie wird mit 1% angegeben, damit auch er die h?he der
 *  contentobjekte korrekt berechnet
 */
/* nur f?r ie-win sichtbar \*/
* html .content_object{
    height: 1%;
}
/* */

/*
 * hier werden die verschiedenen DIV-BEREICHE designed (also Hintergr?nde, Borders, margins etc..)
 * ausserdem k?nnen hier f?r die verschieden DIV-BEREICHE die GLOBALEN TAGDEFINITIONEN ?berschrieben werden
 */


/* ##################################      PAGE_BODY_COLS      ################################ */

/* --------- PAGE_BODY_COLS_TICKER ----------- */

#page_body_cols_ticker{
  font-size: .77em;
  margin: 5px 5px 0 5px;
  line-height: 2em;
}


#page_body_cols_ticker .ticker_image{
  margin: 2px 0 0 2px;
  float: left;
  width: 16px;
}

#page_body_cols_ticker .ticker_text{
  margin: 0 0 0 25px;
}


/* ###################################    PAGE_BODY_MAIN     ################################### */


/* ###############################      PAGE_BODY_MAIN_CONTENT       ########################## */

#page_body_main_content h2.co_headline {
  margin: 0;
  padding: 5px 5px 10px 7px;
  font-size: 1.45em;
  background-color: #cbd0d2;
  border-bottom: 5px solid #fff;
}

.msie #page_body_main_content h2.co_headline {
  margin-top: -3px;
}

#page_body_main_content img {
  margin: 0;
}

#page_body_main_content .image{
  float: left;
  border: 1px solid #949494;
  margin: 0 10px 5px 0;
}

.msie6 #page_body_main_content .image{
  margin-right: 6px;
}

#page_body_main_content .image img{
  border: 1px solid #E3E4E3;
}
#page_body_main_content .image a:hover img{
  border: 1px solid #B20E22;
}

#page_body_main_content h2 {
  margin-bottom: 0px;
}


#page_body_main_content .ext_teaser h2.link_wrap,
#page_body_main_content .dd_teaser h2.link_wrap {
  font-size: .95em;
  margin-bottom: 3px !important;
}

#page_body_main_content .ext_teaser h3,
#page_body_main_content .dd_teaser h3 {
  color: #726A6B;
  font-weight: bold;
  margin: 3px 0 2px 0;
  text-transform: uppercase;
  font-size: 0.9em;
}


/* LISTS */
#page_body_main_content ol {
  padding: 0;
  margin: 0 0 0 30px;
}

#page_body_main_content ul {
  padding: 0;
  margin: 0 0 0 18px;
}

#page_body_main_content li {
  margin-bottom: 5px;
  line-height: 1.4em;
}



/* F C K - EDITOR */
/* hier alles festlegen, was aus dem FCK-Editor kommen kann */

/* TEXT */
#page_body_main_content .richtext{
  margin: 0;
  line-height: 1.15em;
}


/* Seitenteaser */
.teaser{
    margin: 0 0 10px 0;
}

.teaser h2{
    margin: 0;
    padding: 0;
}

.dd_teaser {
  display: block;
  margin-bottom: 15px;
}
.dd_teaser {
  background: transparent url(/static/img/verdi24a/schatten/co_main_double.png) no-repeat bottom center;
}

.msie6 .home .dd_teaser {
    background-image: url(/static/img/verdi24a/schatten_ie6/co_main_double.png);
}

.dd_teaser td {
  vertical-align: top;
  padding: 0 0 24px 0;
  width: 220px;
}

.dd_teaser td .text{
    padding-left: 6px;
    padding-right: 9px;
}

.dd_teaser td.dd_right {
    padding-left: 7px;
}


/* PAGELIST */
/* bei bedarf globale tagdefinition berschreiben */

#page_body_main_content .pagelist{
}

#page_body_main_content .pagelist ul{
  margin: 0;
  list-style: none;
  padding: 0;
}

#page_body_main_content .pagelist li{
  font-size: 1em;
  margin: 0 0 10px 0;
  padding: 0;
}

#page_body_main_content .pagelist h2 {
  margin: 0 0 0 0;
  font-family: Georgia, Times,serif;
}

#page_body_main_content .pagelist h2 a{
  color: #cc1d24;
  text-decoration: underline;
  font-weight: normal;
}

/* NEWSLIST */
/* bei bedarf globale tagdefinition berschreiben */
#page_body_main_content .newslist{
  padding: 5px;
}

#page_body_main_content .newslist  ul{
  margin: 0 5px 5px 0px;
  list-style: none;
}

#page_body_main_content .newslist li{
  font-size: 1em;
  margin: 0 0 10px 0;
  padding: 0;
}

#page_body_main_content .newslist h2 {
  margin: 0 0 0 0;
  font-weight: normal;
}

#page_body_main_content .newslist h2 a{
  color: #CC1D24;
  text-decoration: underline;
  font-family: Georgia, Times, serif !important;
}


/* ---------- PAGE_BODY_MAIN_FOOT --------------- */
#page_body_main_foot {
  text-align: left;
  padding: 7px 9px 7px 9px;
  clear: both;
}

#page_body_main_foot a {
    color: #B10E21;
    text-decoration: none;
}

#page_body_main_foot a:hover {
    text-decoration: underline;
}


/* ################################    PAGE_BODY_RIGHT_CONTENT     ####################### */
/* ################################    PAGE_BODY_LEFT_CONTENT     ####################### */

/* #####################################     PAGE_BODY_LEFT_CONTENT     #################################### */
/* Einstellungen f?r den Content der linken Spalte */

#page_body_left_content .content_object,
#page_body_right_content .content_object {
  background: #fff;
}

#page_body_left_content .pagelist ,
#page_body_right_content .pagelist  {
  margin-bottom: 12px;
}

#page_body_left_content .rt_ext_inh {
  background: #fff url(/static/img/verdi24a/bg_quote.gif) no-repeat right 28px;
}

#page_body_right_content .headlink:hover,
#page_body_right_content .headlink:focus,
#page_body_left_content .headlink:hover,
#page_body_left_content .headlink:focus {
  background-color: #e5e8e1;
}

/* \ */
* html #page_body_right_content {
  /* damit der ie lange w?rter einfach hart umbricht, so dass nicht die ganze rechte spalte umbricht */
  /* sollte f?r jede installation einzeln entschieden werden, ob das eingesetzt werden soll */
  word-wrap: break-word;
}
/* */



/* ### F C K - EDITOR ###*/
/* hier alles festlegen, was aus dem FCK_editor kommen kann */

/* TEXT */
#page_body_right_content .richtext {
  margin: 15px 5px 5px 5px;
}

#page_body_left_content .richtext {
  margin: 25px 7px 0px 7px;
}

.msie #page_body_left_content .richtext {
  margin: 25px 7px 0px 0px;
  padding-left:7px;
}

/* TABLES */
#page_body_right_content .richtext table,
#page_body_left_content .richtext table {
  margin: 0;
  padding: 0;
  border-spacing: 5px;
}

#page_body_right_content .richtext td,
#page_body_left_content .richtext td {
  vertical-align: top;
}

/* LISTS */
#page_body_right_content .richtext ol,
#page_body_left_content .richtext ol {
  margin: 0 0 0 22px;
  padding: 0;
}

#page_body_right_content .richtext ul,
#page_body_left_content .richtext ul {
  margin: 0 0 0 18px;
  padding: 0;
}



/* ###############################       PAGE_FOOT         ############################### */


/* PAGE_FOOT  */
#page_foot {
  font-size: .8em;
  background: url(../../img/verdi24a/bg_footer.png) no-repeat;
  margin: 5px 0 0 0;
  padding:5px 5px 12px 25px ;
  clear: both;
  color: #abb0b2;
}

#page_foot a,
#page_foot a:visited {
  text-decoration: none;
  color: #abb0b2;
}

#page_foot a:hover,
#page_foot a:focus,
#page_foot a:active {
  background: none;
  text-decoration: underline;
}

.ta_error {
  color: #b80000;
  font-weight: bold;
}


/** GOOGLE MAP **/

.satellite_map .richtext {
  padding: 7px 9px;
}

.satellite_map .view {
  width: 485px;
  height: 550px;
}

.satellite_map .view a:hover,
.satellite_map .view a:focus,
.satellite_map .view a:active{
  background-color: transparent;
}

.mindesttour #iwsw {
  text-align: justify;
}

.mindesttour #iwsw ul,
.niedriglohn #iwsw ul {
  list-style: none;
  margin: 5px 0;
  padding-top: 5px;
}

.mindesttour #iwsw table {
  width: 100%;
  margin: 5px auto;
  clear: left;
}

.mindesttour #iwsw table td {
  padding-top: 5px;
  text-align: center;
}

.mindesttour #basics {
  width: 280px;
}

.msie v,
.msie v * {
  behavior:url(#default#VML);
}

.niedriglohn h3 {
  font-size: .9em;
}

.niedriglohn table td {
  width: 50%;
  padding: 0 10px;
  vertical-align: top;
}

.niedriglohn table td.first {
  border-right: 1px solid #999;
}

.niedriglohn td img {
  float: none;
  margin-bottom: 5px;
}


/* ----------------------------------------- */
/* - page_head_content_head (Schaufenster) - */
/* ----------------------------------------- */

#page_head_content_head {
    background: url(/static/img/verdi24a/schatten/schaufenster.png) top left no-repeat;
    padding: 1px 7px 19px 1px; 
    position: relative;
    font-size: 1.1em;
    overflow: hidden;
    height: 350px;
}
.msie6 #page_head_content_head {
}

#page_head_content_head .content_object {
    position: relative;
    font-size: 1.1em;
    margin-bottom: 0;
}

#page_head_content_head .content_object .text {
    position: absolute;
    bottom: 11px;
    left: 0px;
    text-transform: uppercase;
    font-size: 0.73em;
    font-family: verdana, sans-serif;
    padding: 3px 6px 3px 12px;
    background: #000 url(/static/img/verdi24a/bg_schaufensterlink.gif) no-repeat left center;
}

.safari #page_head_content_head .content_object .text,
.safari .carousel-controls {
    bottom:27px;
}

.msie6 #page_head_content_head .content_object .text {

    bottom:9px;

}

#page_head_content_head .content_object .h2_bottom {
    display: none;
}

#page_head_content_head .content_object a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

#page_head_content_head .content_object a:hover {
    background: transparent;
    text-decoration: underline;
}

#page_head_content_head .content_object div.image {
    width: 487px;
    background: #fff;
    margin-bottom:35px;
}

#page_head_content_head .content_object img {
  margin: 0 auto;
  display: block;
}


/* Schaufenster */

.jcarousel-item {
  width: 487px;
  padding: 0;
  float: left;
  list-style: none;
  overflow: hidden;
}

.msie6 li.jcarousel-item {
  z-index: 99;
}


.jcarousel-container li.last {
  padding-right: 0;
}

.jcarousel-container {
  position: relative;
}

.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.msie6 .jcarousel-clip {
  width: 100.1%;
  height: 100.1%;
}

.jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.jcarousel-prev,
.jcarousel-next {
  position:absolute;
  top: 45%;
  height: 25px;
  width: 26px;
  cursor: pointer;
  z-index: 3;
  background: transparent url(/static/img/verdi24a/btn_carousel.png) no-repeat 0 0;
  margin-top: -22px;
}

.msie6 .jcarousel-prev,
.msie6 .jcarousel-next {
  background-image: url(/static/img/verdi24a/btn_carousel.gif);
}

.jcarousel-prev {
  left: 0;
  background-position: -52px 0;
}

.jcarousel-prev:hover,
.jcarousel-prev:active {
  background-position: -26px 0;
}

.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active {
  background-position: -104px 0;
}

.jcarousel-next {
  right: 0;
  background-position: -78px 0;
}
.msie6 .jcarousel-next {
  right:6px;
}
.jcarousel-next:hover,
.jcarousel-next:active {
  background-position: 0 0;
}

.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active {
  background-position: -130px 0;
}

.carousel-controls {
    position: absolute;
    bottom: 10px;
    right: 0px;
    z-index: 100;
}

.msie6 .carousel-controls{
    bottom:0px;
}
.carousel-controls a {
    font-size: 12px;
    text-decoration: none;
    color: #fff !important;
    background-color: #A50C1E;
    width: 18px;
    text-align: center;
    height: 13px;
    margin-left: 2px;
    display: block;
    padding: 1px 0 3px 0;
    float: left;
}

.carousel-controls a:hover {
    text-decoration: underline;
    outline: 0;
}
.carousel-controls a:focus,
.carousel-controls a:active,
.carousel-controls a:hover,
.carousel-controls a.active {
    color: #000 !important;
    background-color: #919191;
}