/* modules.css */

hr{
  background-color:#cccccc;
  height:1px;
  width:100%;
border:0;
}
/*
*    TEXT-COLOR
*/

/** color 1 - red    - #ee1d25 */

div.color01 #content h3,
div.color01 .highlight,
div.color01 a:link,
div.color01 a:visited,
div.color01 a:hover {color : #ee1d25;}


/** color 2 - yellow - #f59000 */

div.color02 #content h3,
div.color02 .highlight,
div.color02 a:link,
div.color02 a:visited,
div.color02 a:hover {color : #f59000 ;}


/** color 3 - green  - #6ba114 */

div.color03 #content h3,
div.color03 .highlight,
div.color03 a:link,
div.color03 a:visited,
div.color03 a:hover {color : #6ba114;}


/** color 4 - blue   - #0095da */

div.color04 #content h3,
div.color04 .highlight,
div.color04 a:link,
div.color04 a:visited,
div.color04 a:hover {color : #0095da ;}


/** RESET

#content h2.slogan {color : #000 !important;}*/


/*
*    Teaser
*/


/** Startseite */

div.module-homepage-slider .slides_container {
  width: 1018px;
  height : 473px;
  margin-top:16px;!important
}

div.module-homepage-slider .slides_container div.slides-item {
  width: 1018px;
  height: 473px;
  display: block;
}


div.module-homepage-slider .slides_container div.slider-text {
  /*    position : absolute; z-index : 10;*/
  /*    top : 100px; left : 625px;
  width : 360px; height : 345px; */
  /*  width: 358px;*/
  
  /* 18.10.2011 - vorbereitung position: bottom
  height: 363px;
  padding: 105px 0 0 640px;*/
  position : absolute; /*bottom: 50px; right:10px;*/
}

div.module-homepage-slider .slides_container div.slider-text div.more {
  position: relative;
  background: transparent !important;
  text-align: right;
  margin: 20px 0 0 0;
  width: 100%;
}

div.module-homepage-slider .slides_container div.slider-text div.more a {
  position: relative;
  display: inline !important;
  padding-right: 5px !important;
  padding-bottom: 2px;
  padding-top: 1px;
}

div.module-homepage-slider .slides_container div.slider-text div.more a span {
  position: relative;
  background : url("/system/images/bg-button-arrow.png") no-repeat center right;
  padding-right: 10px;
}

div.color01 div.module-homepage-slider .slides_container div.slider-text div.more a {background-color: #ee1d25;}
div.color02 div.module-homepage-slider .slides_container div.slider-text div.more a {background-color: #f59000;}
div.color03 div.module-homepage-slider .slides_container div.slider-text div.more a {background-color: #6ba114;}
div.color04 div.module-homepage-slider .slides_container div.slider-text div.more a {background-color: #0095da;}
div.color05 div.module-homepage-slider .slides_container div.slider-text div.more a {background-color: #6ba114;}
.teaserbox-breit {padding-top : 15px; width: 1018px; border: 1px solid transparent;}
.teaserbox-breit div.teaser {float : left; width : 309px; margin: 0 28px 0 0;}
.teaserbox-breit div.last {margin-right : 0; width : 339px;}

/** magazin Slider */

div.module-magazin-slider {
  height: 465px;
  position: relative;
  margin-right: -53px;
  overflow: hidden;
}

div.module-magazin-slider .slides_container {
  width: 655px;
  height : 364px;
}

div.module-magazin-slider .slides_container div.slides-item {
  position: relative;
  width: 655px;
  height: 364px;
  display: block;
}

div.module-magazin-slider .slides_container div.slides-item .slider-text {
  position: absolute;
  top: 40px;
  left: 260px;
  width: 374px;
}
div.module-magazin-slider .slides_container div.slider-text div.more {
  position: relative;
  background: transparent !important;
  text-align: left;
  margin: 20px 0 0 0;
  width: 100%;
}

div.module-magazin-slider .slides_container div.slider-text div.more a {
  position: relative;
  display: inline !important;
  padding-right: 5px !important;
  padding-bottom: 2px;
  padding-top: 1px;
}

div.module-magazin-slider .slides_container div.slider-text div.more a span {
  position: relative;
  background : url("/system/images/bg-button-arrow.png") no-repeat center right;
  padding-right: 10px;
}

div.color01 div.module-magazin-slider .slides_container div.slider-text div.more a {background-color: #ee1d25;}
div.color02 div.module-magazin-slider .slides_container div.slider-text div.more a {background-color: #f59000;}
div.color03 div.module-magazin-slider .slides_container div.slider-text div.more a {background-color: #6ba114;}
div.color04 div.module-magazin-slider .slides_container div.slider-text div.more a {background-color: #0095da;}
div.color05 div.module-magazin-slider .slides_container div.slider-text div.more a {background-color: #000000;}
div.module-magazin-slider .slides_pagination {
  position: absolute;
  top: 346px;
  left: 0px;
  z-index: 1000;
}

div.module-magazin-slider .slides_pagination ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.module-magazin-slider .slides_pagination ul li {
  float: left;
  position: relative;
  width: 212px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  margin-left: 9px;
}


div.module-magazin-slider .slides_pagination ul li.first {
  margin-left: 0px;
  margin-right: 0px;
}

div.module-magazin-slider .slides_pagination ul li a {
  display: block;
  padding: 16px 0 0 0;
  border: 0;
  background: transparent;
  margin: 0;
}

div.module-magazin-slider .slides_pagination ul li.current a {
  /*  background-image: url(/system/images/magazin-slider-pfeil.png);
  background-position: top center;
  background-repeat: no-repeat;*/
}

div.module-magazin-slider .slides_pagination ul li div.arrow {
  position: absolute;
  top: 1px;
  left: 0px;
  background-image: url(/system/images/magazin-slider-pfeil.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 212px;
  height: 16px;
  z-index: 100;
  display: none;
}

div.module-magazin-slider .slides_pagination ul li.current div.arrow {
  display: block;
}

/** Magazin Ticker */
div.magazin-ticker {
  width: 652px;
  position: relative;
  margin-top: 10px;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
  border: 0;
  background: transparent url(/system/images/bg_ticker.png) top left no-repeat;
  width: 652px;
  height: 18px;
  margin: 0;
  padding: 33px 0 0 0;
  overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  left: 0px;
  top: 0px;
  width: 652px;
  overflow: hidden;
}
ul.newsticker { /* that's your list */
  position: relative;
  left: 652px;
  font: 11px Verdana;
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}
ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;
  background: transparent;
}
ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  // color: #ff0000;
  // font: bold 10px Verdana;
  margin: 0 50px 0 0;
}
ul.newsticker span {
  margin: 0 10px 0 0;
}

/** Magazin Aktuelle Ausgabe DL */

.teaser-aktueller-download {
  margin : 0 0 50px 6px;
  line-height : 1.6;
}

.teaser-aktueller-download h2 {font-weight : bold; margin: 0 0 0 -6px !important; padding : 0 0 0 6px;}
.teaser-aktueller-download h3 {
  margin: 0 0 20px -6px; padding : 0 0 15px 6px;
  font-weight : normal;
  background : transparent url("/system/images/bg-headline.png") no-repeat bottom left;
}

.teaser-aktueller-download div.more {margin-top : 20px;}

/** Magazin Aktuelles */

.teaser-box {margin-top : 46px;}
.teaser {margin-bottom : 10px;}
.teaser .inside {margin-bottom : 10px;}
.teaser span.date {}
.teaser h3 {margin-bottom : 0;}
.teaser p {padding: 0 0 5px 0;}

/* ursprünglich NUR bei .teaser - Klasse erstmal entfernt */
div.more {}
div.more a:link,
div.more a:visited,
div.more a:hover {
  position: relative;
  padding : 1px 5px 2px 7px ;
  color : #FFF !important; font-size : 1.0em; text-decoration : none;
  border : none;
  /* background : transparent url("/system/images/bg-button-arrow.png") no-repeat right center;*/
  display: inline !important;
  
}

div.more a span {position: relative; padding: 0 12px 0 0; background : transparent url("/system/images/bg-button-arrow.png") no-repeat right 6px !important;}

/* ursprünglich NUR bei .teaser - Klasse erstmal entfernt */
div.color01 div.more a {background-color: #ee1d25;}
div.color02 div.more a {background-color: #f59000;}
div.color03 div.more a {background-color: #6ba114;}
div.color04 div.more a {background-color: #0095da;}
div.color05 div.more a {background-color: #000000;}

.teaser-box span.pagination-site {margin-right : 7px; padding : 1px 0; float : left; line-height : 1.0;}
.teaser-box .pagination {
  margin-top :50px; padding : 15px 0;
  background : transparent url("/system/images/bg-headline.png") no-repeat top left;
  overflow: hidden;
}

.teaser-box .pagination ul {list-style : none; float : left; margin : 0; padding : 0;}
.teaser-box .pagination ul li {float : left;}

#content .teaser-box .pagination ul li a {
  padding : 1px 7px;
  display : block; line-height : 1.0;
  border-left : 1px solid #000; color : #000;
  text-decoration : none;
}

#content .teaser-box .pagination ul li:first-child a{border : none;}

div.color01 #content .teaser-box .pagination ul li.current a {color: #ee1d25;}
div.color02 #content .teaser-box .pagination ul li.current a {color: #f59000;}
div.color03 #content .teaser-box .pagination ul li.current a {color: #6ba114;}
div.color04 #content .teaser-box .pagination ul li.current a {color: #0095da;}

/** Magazin Content Blocks **/

.contentBlocks {margin-top : 20px;}

.contentBlocks .contentBlocks-row {
  margin-top : 50px; overflow: hidden;
}

.contentBlocks .sliderItem {
  width : 281px; float : left;
}
.contentBlocks .contentBlocks-row div.first {margin-right : 45px !important;}
.contentBlocks .sliderItem h1 {margin-bottom : 20px !important; padding-bottom : 12px !important; font-size : 1.3em !important;}
.contentBlocks .sliderItem h2 {padding-bottom : 2px !important; font-size : 1.0em; font-family: Verdana;}
.contentBlocks .sliderItem img {margin-bottom : 5px;}
.contentBlocks .sliderItem div.more {margin-top : 28px;}

/** img sidebar */

#sidebar img {margin-left: 6px;}

/** Formulare */

form.standardform .col-1 {width : 600px; margin-right : 0;}

form.standardform .col-1 .row {width : 600px;}

form.standardform .col-1 .row label {width : 125px; margin-right : 10px;}
.nolabel {margin-left : 135px;}

form.standardform .col-1 .row .long {width : 450px;}
form.standardform .col-1 .row select.long {width : 462px;}
form.standardform .col-1 .row .shortl {width : 175px;}
form.standardform .col-1 .row .longr {margin-left : 9px; width : 254px;}
form.standardform .col-1 .row .longl {width : 254px;}
form.standardform .col-1 .row .shortr {margin-left : 9px; width : 175px;}

form.standardform .submit {
  margin : 10px 5px 0 135px; padding : 2px 6px 2px 7px;
  float : left;
  color : #FFF; font-size : 1.0em;
  border : none;
  /*  background : #000 url("/system/images/bg-button-arrow.png") no-repeat 90px 8px;*/
  background: #000;
}

form.standardform .submit span {
  background: url("/system/images/bg-button-arrow.png") no-repeat right center !important;
  padding: 0 10px 0 0;
}

form.standardform .info {
  padding: 0 0 135px 0;
}

form .imageuserinput table { border-color: #000000 !important;}

/** bsm detail **/
div.bsm .mainImage {margin-left: 0px; position: relative; background: url(/system/images/bg_bsm_image_ohne.jpg) bottom left no-repeat; min-height: 206px;}
div.bsm .mainImage img {position: absolute; bottom: 24px; left: 8px; padding: 8px; background-color: #fff;}
div.bsm .mainImageOhne {margin-left: 0px; position: relative; background: url(/system/images/bg_bsm_image_ohne.jpg) bottom left no-repeat; min-height: 206px;}
div.bsm .mainImageOhne img {position: absolute; bottom: 24px; left: 8px; padding: 8px; background-color: #fff;}
div.bsm .mainImage .kehrbesen {position: absolute;z-index:3; bottom: 24px; left: 8px; padding: 0px; width:128px;height:51px;background: url(/system/images/kehrbesen.png) bottom left no-repeat;}
div.bsm .mainImageOhne .kehrbesen {position: absolute;z-index:3; bottom: 24px; left: 8px; padding: 0px; width:128px;height:51px;background: url(/system/images/kehrbesen.png) bottom left no-repeat;}
div.bsm .bsm-adress-container {position: relative; overflow: hidden;}
div.bsm .bsm-adress-container p {float: left; position: relative; width: 218px;}

table.bsm-search,
table.bsm-search tr,
table.bsm-search tr th,
table.bsm-search tr td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: center;
  text-align: left;
}

table.bsm-search {
  width: 560px;
}

table.bsm-search tr th {
  color: #fff;
  background-color: #000;
  font-weight: normal;
  padding-right: 24px;
}

table.bsm-search tr td {
  color: #000;
  font-weight: normal;
  padding-right: 24px;
  background-color: #e7e6e5;
  height: 20px;
  cursor: pointer;
}

table.bsm-search tr.odd td {
  background: transparent;
  padding: 3px 24px 3px 0px;
}


table.bsm-search tr th.firstCell,
table.bsm-search tr td.firstCell {
  width: 15px;
}

div.bsm-box {
  padding: 0 0 25px 0;
  position: relative;
  background: url("/system/images/bg-headline.png") no-repeat left bottom transparent;
}

div.bsm-box form label.highlight {
  font-weight: bold;
}

div.download-item {
  margin: 25px 0 0 0;
}

div.download-item h3 {
  font-family: Verdana,Arial,Sans-Serif;;
  font-size: 1em;
  font-weight: bold;
}

div.download-item p {
  margin: 5px 0 5px 0;
}

div.download-item textarea.Download-Code {
  border: 1px #000 solid;
}

.Download_Code{width:500px;height:200px;}


/* --- Stellenbörse, Ausbildungen --- */

div.box-item {
  padding: 0 0 20px 0;
  margin: 0 0 10px 0;
  background : transparent url("/system/images/bg-headline.png") no-repeat bottom left;
}

/* --- sortierbare Tabelle --- */
table.standard_table { width: 100%; margin: 0 0 10px 0; padding: 0; border-collapse: collapse;}
table.standard_table tr th { color: #fff; padding: 8px; margin: 0; min-height: 14px; border-collapse: collapse; font-weight: normal; text-align: left;}

div.color01 table.standard_table tr th { background-color: #ee1d25;}
div.color02 table.standard_table tr th { background-color: #f59000;}
div.color03 table.standard_table tr th { background-color: #6ba114;}
div.color04 table.standard_table tr th { background-color: #0095da;}
div.color05 table.standard_table tr th { background-color: #CCCCCC;}


table.standard_table tr th.linkCell { padding-left: 38px; }

table.standard_table tr td { padding: 8px; margin: 0; min-height: 14px; border-collapse: collapse; background: url(/system/images/bg-headline.png) bottom left no-repeat;}

table.standard_table tr td.last { background-position: bottom right !important;}

table.standard_table tr.hover { background-color: #f1f1f3; cursor: pointer;}

table.standard_table tr td a span {
  text-decoration: none;
  color: #000;
  padding: 2px 0 0 30px;
  display : block;
  line-height : 1.4em;
  background : transparent url("/system/images/bg-arrow-multicolor.png") no-repeat -2px -2px;
  position: relative;
}

table.standard_table tr td a span.standard {
  text-decoration: none;
  color: #000;
  padding: 2px 0 0 0px;
  display : block;
  line-height : 1.4em;
  background : none;
  position: relative;
}

table.standard_table tr td a { text-decoration: none; margin: 1px 0 1px 0;}
div.color01 table.standard_table tr td a:hover { color: #ee1d25;}
div.color02 table.standard_table tr td a:hover { color: #f59000;}
div.color03 table.standard_table tr td a:hover { color: #6ba114;}
div.color04 table.standard_table tr td a:hover { color: #0095da;}
div.color05 table.standard_table tr td a:hover { color: #CCCCCC;}


div.color01 table.standard_table tr td a span {background-position: -2px -52px;}
div.color02 table.standard_table tr td a span {background-position: -2px -102px;}
div.color03 table.standard_table tr td a span {background-position: -2px -162px;}
div.color04 table.standard_table tr td a span {background-position: -2px -212px;}

div.color01 a.backLink { text-decoration: none; background: url(/system/images/bullet_blue_arrow_back.gif) left center no-repeat; padding: 0 0 0 25px;}
div.color02 a.backLink { text-decoration: none; background: url(/system/images/bullet_blue_arrow_back.gif) left center no-repeat; padding: 0 0 0 25px;}
div.color03 a.backLink { text-decoration: none; background: url(/system/images/bullet_blue_arrow_back.gif) left center no-repeat; padding: 0 0 0 25px;}
div.color04 a.backLink { text-decoration: none; background: url(/system/images/bullet_blue_arrow_back.gif) left center no-repeat; padding: 0 0 0 25px;}