body
{
  background: #184f20 url(../img/background/body-bg.png) top center no-repeat;
}

.img_link
{
  display: block;
  text-indent: -9999em;
  outline: none;
}
.invisible
{
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;

}
.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}
.clear
{
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}




#container
{
  width: 940px;
  overflow-x: hidden;
  position: absolute;
  left: 50%;
  margin-left: -470px;
  z-index: 100;
}

div.hr
{
  margin: 0 0 10px 0;
  border-top: 1px solid #a6a6a6;
  border-bottom: 0;
  line-height: 0;
}


/* --------------------------- Header und Service navi --------------------------- */

#header
{
  height: 120px;
  padding: 30px 0 0 0;
  position: relative;
}
.logo
{
  width: 220px;
  height: 70px;
  background: url(../img/grs-logo.png) top left no-repeat;
}
.header_button
{
  width: 433px;
  height: 40px;
  background: url(../img/menu/header_button.png);
  position: absolute;
  right: 10px;
  top: 80px;
}
a.header_button:hover
{
  background-position: bottom left;
}
#service_navi
{
  text-align: right;
  position: absolute;
  right: 0;
  top: 30px;
  letter-spacing: 1px;
}  

#service_navi form, #service_navi fieldset
{
  margin: 0;
  padding: 0;
  display: inline;
  position: relative;
}
 #service_navi fieldset
 {
   bottom: 0;
 }
#service_navi, 
#service_navi a, 
#service_navi label
{
  padding: 0 3px 0 3px;
}
#service_navi input
{
  font-size: 0.9em;
  color: #000;
  border: none;
  padding: 1px 2px;
  background: #fff;
  width: 110px;
}
#service_navi input[type=submit]
{
  display: none;
}
#service_navi input.submit    /* IE 6 */
{
  display: none;

}
/* --------------------------- Hauptmenü --------------------------- */

#main_navi
{
  position: absolute;
  top: 120px;
  left: 0;
  z-index: 5000;
}
#main_navi ul
{
  list-style: none;
  width: 960px;
  list-style-position: inside;
}
#main_navi ul li
{
  display: inline;
  float: left;
  position: relative;
}
#main_navi ul li a
{
  display: block;
  text-indent: -9999em;
  outline: none;
  background: url(../img/menu/mainmenu.png) no-repeat;
  background-attachment: scroll;
  height: 30px;
  
}
.main_navi_3 a  {      background-position: 0 0 !important;    width: 62px;}
.main_navi_3.active a,
.main_navi_3 a.active  {  background-position: 0 -30px !important;}
.main_navi_3:hover a,
.main_navi_3:hover a:hover  {    background-position: 0 -60px !important;}

.main_navi_4 a  {      background-position: -62px 0 !important;  width: 175px;}
.main_navi_4.active a,
.main_navi_4 a.active  {  background-position: -62px -30px !important;}
.main_navi_4:hover a,
.main_navi_4 a:hover  {    background-position: -62px -60px !important;}

.main_navi_5 a  {      background-position: -237px 0 !important;  width: 174px;}
.main_navi_5.active a,
.main_navi_5 a.active  {  background-position: -237px -30px !important;}
.main_navi_5:hover a, 
.main_navi_5 a:hover  {    background-position: -237px -60px !important;}

.main_navi_6 a  {      background-position: -411px 0 !important;  width: 175px;}
.main_navi_6.active a,
.main_navi_6 a.active  {  background-position: -411px -30px !important;}
.main_navi_6:hover a,
.main_navi_6 a:hover  {    background-position: -411px -60px !important;}

.main_navi_7 a  {      background-position: -586px 0 !important;  width: 175px;}
.main_navi_7.active a,
.main_navi_7 a.active  {  background-position: -586px -30px !important;}
.main_navi_7:hover a,
.main_navi_7 a:hover  {    background-position: -586px -60px !important;}

.main_navi_8 a  {      background-position: -761px 0 !important;  width: 179px;}
.main_navi_8.active a,
.main_navi_8 a.active  {  background-position: -761px -30px !important;}
.main_navi_8:hover a, 
.main_navi_8 a:hover  {    background-position: -761px -60px !important;}


/* --------------------------- Hauptmenü :: Hover Submenü --------------------------- */
#main_navi ul li ul
{
  position: absolute;
  top: 30px;
   left: -9999px; 
  padding: 11px 0 8px 0;
}

#main_navi ul li:hover ul
{
  left: 0;
  overflow: hidden;
}
#main_navi ul li ul li
{
  float: none;
  height: 20px;

}
#main_navi ul li ul li a, 
#main_navi ul li ul li a:link, 
#main_navi ul li ul li a:hover
{
  width: auto;
  height: auto;
  margin: 0 10px 1px 15px;
  padding: 5px 0 5px 1px;
  line-height: 1;
  display: block;
  background: none;
  text-indent: 0;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #797979;
  text-decoration: none;
}
#main_navi ul li ul li a:hover
{
  color: #05afee;
  text-decoration: none;
}
#main_navi ul li ul li a.last
{
  margin-bottom: 0;
  border: 0;
}

.main_navi_4 ul  {      width: 350px !important; background: url(../img/menu/submenu.png) bottom left no-repeat !important;}
.main_navi_5 ul  {      width: 350px !important; background: url(../img/menu/submenu.png) bottom left no-repeat !important;}
.main_navi_6 ul  {      width: 351px !important; background: url(../img/menu/submenu.png) bottom left no-repeat !important;}
.main_navi_7 ul  {      width: 354px !important; background: url(../img/menu/submenu.png) bottom left no-repeat !important;}
.main_navi_8 ul  {      width: 179px !important; background: url(../img/menu/submenu.png) bottom left no-repeat !important;}





/* --------------------------- Inhaltsbereich --------------------------- */

#content
{
  background: #fff;
  padding: 10px 10px 0 10px;
  position: relative;
  z-index: -1;
}
/* 002 Contentbereich  */
#content_main
{
  width: 610px;
  float: left;
  padding-bottom: 10px;
}
/* 003 Teaserspalte  */
#teaser_col
{
  float: right;
  width: 300px;
}
/* 004 Teaserzeile  */
#teaser_row
{
  clear: both;
  width: 930px;
  padding-bottom: 10px;
  overflow-x: hidden;
}



/* --------------------------- CONTENT ELEMENTE --------------------------- */

/* misc */

.image_block
{
  line-height: 1;
}
.image_block.left
{
  margin: 0 10px 10px 0;
  float: left;
}
.image_block.right
{
  margin: 0 0 10px 10px;
  float: right;
}



a.button
{
  width: 231px !important;
  height: 22px !important;
  padding: 11px 0 0 15px !important;
  display: block !important;
  line-height: 1 !important;
}
a.button:hover
{
  background-position:   left bottom  !important;
  text-decoration: none !important;
}


/* 002.001 Breadcrumbs */

div#breadcrumbs p, 
div#breadcrumbs a
{
  font-size: 10px;
  color: #1e5121;
}

/* 002.004 Unteraufmacher  */

div.article_teaser
{
  padding: 10px 10px 0 0;
  border-top: 1px solid #a6a6a6;
}

.article_teaser.last
{
  border-bottom: 1px solid #a6a6a6;
}

.article_teaser .image_block
{
  /* bildhoehe fest 93px - hochformat immer rechtsbuendig */
  width: 122px;
  text-align: right;
}
.article_teaser a.pdf, .article_teaser h2.pdf
{
  padding: 5px 0 8px 25px !important;
  background: url(../img/icons/pdf.png) top left no-repeat !important;
}

.article_teaser a.more 
{
  margin-right: 20px;
}

/* Dropdown */
.dropdown_block
{
  margin: 20px 0;
}
.dropdown_item
{
  position: relative;
}
.dropdown_item.left
{
  float: left;
}
.dropdown_item.right
{
  float: right;
}
ul.dropdown
{
  margin: 0;
  position: absolute;
  top: 26px;
  left: 0;
  width: 272px;
  list-style: none;
  list-style-position: inside;
  padding: 0;
}
ul.dropdown li
{
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  padding: 2px 5px;
  margin: 0;
  background: #fff;
}
ul.dropdown li a
{
  display: block;
  color: #808080;
  
}
a.dropdown_button
{
  height: 18px;
  padding: 6px 0 0 5px;
  border: 1px solid #808080;
  width: 265px;
  background: url(../img/buttons/button-dropdown.png) top right no-repeat;
  display: block;
  color: #808080;
  text-decoration: none;
}
a.dropdown_button.hover, a.dropdown_button:hover
{
  border: 1px solid #06afee;
  color: #06afee;
  text-decoration: none;
  background-position: bottom right !important;
}

/* Paginierung etc */
.pagination_block 
{
  margin: 10px 0;
}
.pagination_block a.img_link
{
  width: 52px;
  height: 16px;
  background: url(../img/buttons/button-pagination.png) top left no-repeat;)
}
.pagination_block a.first
{
  float: left;
  margin-right: 5px;

}
.pagination_block a.first:hover
{

}
.pagination_block a.prev
{
  float: left;
  background-position: 0 -16px;
}
.pagination_block a.next
{
  float: right;
  background-position: 0 -32px;
  margin-right: 5px;
}
.pagination_block a.last
{
  float: right;
  background-position: 0 -48px;
}

.pagination_block .pagination
{
  text-align: center;
  font-weight: 900;
  color: #808080;
}
.pagination_block .pagination a
{
  color: #00792c;
  padding: 0 2px;
  margin: 0 2px;
}
.pagination_block .pagination a.active
{
  color: #808080;
  text-decoration: underline;
}
.pagination_block .pager-nav {
    text-align: center;
    position: relative;
    height: 16px;
}
.pagination_block .pager-nav .img_link {
    position: absolute;
    top: 0;
    width: 52px;
    height: 16px;
    background: transparent url(../img/buttons/button-pagination.png) top left no-repeat;
}
.pagination_block .pager-nav .img_link.first {
    left: 0;
    background-position: 0 0;
}
.pagination_block .pager-nav .img_link.first:hover {
    background-position: -52px 0;
}
.pagination_block .pager-nav .img_link.prev {
    left: 57px;
    background-position: 0 -16px;
}
.pagination_block .pager-nav .img_link.prev:hover {
    background-position: -52px -16px;
}
.pagination_block .pager-nav .img_link.last {
    right: 0;
    background-position: 0 -48px;
}
.pagination_block .pager-nav .img_link.last:hover {
    background-position: -52px -48px;
}
.pagination_block .pager-nav .img_link.next {
    right: 57px;
    background-position: 0 -32px;
}
.pagination_block .pager-nav .img_link.next:hover {
    background-position: -52px -32px;
}
.pagination_block .pager-nav .active,
.pagination_block .pager-nav .inactive {
    margin: 0 5px;
}
.pagination_block .pager-nav .active {
    text-decoration: underline;
}
.pagination_block .pager-nav .inactive a {
    color: #00792c;
}
/* Catmenu */
.news-catmenu {
    margin:30px 0;
}
#catmenu {
    height: 24px;
    overflow: visible;
    position: relative;
    z-index: 1000;
    width: 200px;
    color: #808080;
    float: right;
}
#catmenu>div {
    height: 14px;
    border: 1px solid #808080;
    background: transparent url(../img/dropdown-arrow.png) no-repeat right top;
    padding: 6px 5px 4px;
}
#catmenu>ul {
    position: absolute;
    left: 0;
    top: 25px;
    display: none;
    width:198px;
    background-color: #fff;
    border: 1px solid #808080;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#catmenu>ul li {
}
#catmenu>ul li:hover {
    background-color: #d0d0d0;
}
#catmenu>ul li a {
    color: #808080;
    display: block;
    height: 14px;
    padding: 5px;
    text-decoration: none;
    
}
#catmenu>ul li:hover a {
    color: #606060;
}
#catmenu>ul.over {
    display: block;
}

/* Toolbar */

.toolbar
{
  text-align: right;
  padding: 10px 0;
}
.toolbar a
{
  color: #00792c;

  text-decoration: none;
  padding: 0 0 0 17px;
  font-size: 0.9em;
  margin-left: 20px;
}
.toolbar a:hover
{
  text-decoration: underline;
}
.toolbar a.print
{
  background: url(../img/icons/print-toolbar.png) top left no-repeat;
}
.toolbar a.recommend
{
  background: url(../img/icons/recommend-toolbar.png) top left no-repeat;
}
.toolbar a.pdf
{
  background: url(../img/icons/pdf-toolbar.png) top left no-repeat;
}
/* 002.006 Vorteilsbox */

.advantages_block
{
  margin-bottom: 10px;
}
.advantages_block h2
{
  color: #096800;
  font-size: 1.9em;
  margin-bottom: 0.25em;
}

.advantages_block .inner
{
  background: #e6e6e6;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
}
.advantages_block.img_left img
{
  float: left;
  margin-left: 10px;
}
.advantages_block.img_left ul
{
  margin-left: 200px;
}
.advantages_block.img_right img
{
  float: right;
  margin-right: 10px;
}
.advantages_block ul
{
  list-style: none;
    width: 400px;
  margin: 10px 0;
}
.advantages_block ul li
{
  border-bottom: 1px solid #4d4d4d;
  padding: 0;
list-style-position: outside;}
.advantages_block ul li.last
{
  border: none;
}
.advantages_block ul li a
{
  padding: 10px 35px 10px 10px;
  color: #4d4d4d;
  display: block;
  min-height: 25px;
  font-size: 0.9em;
  font-weight: bold;
  background: url(../img/buttons/arrow1.png) top right no-repeat;
}
.advantages_block ul li a:hover
{
  background-position: right -100px !important;
  color: #02aeee;
  text-decoration: none;
}


/* 002.007  Schwerpunktteaser */

.focus_teaser 
{
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  position: relative;
  padding-top: 30px;
  margin-bottom: 10px;
  
}
.focus_teaser h4.kicker
{
  width: 187px;
  height: 16px;
  padding: 2px 0 0 0;
  background: url(../img/background/kicker.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -93px;
  text-align: center;
}
.focus_teaser h2
{
  color: #096800;
  font-size: 1.9em;
}

.focus_teaser h2 a
{
  color: #096800;
}
.focus_teaser a.right
{
  float: right;
  margin: 0 0 10px 10px;
}
.focus_teaser a.left
{
  float: left;
  margin: 0 10px 10px 0;
}

/* 002.011  Related-Box */

.related_block
{
  background: #e6e6e6;
  border-top: 1px solid #a6a6a6;
  position: relative;
  padding-top: 15px;
  margin-bottom: 10px;
}
.related_block h3.kicker
{
  width: 187px;
  height: 16px;
  padding: 2px 0 0 0;
  background: url(../img/background/kicker.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -93px;
  text-align: center;
}
.related_block div
{
  border-bottom: 1px solid #a6a6a6;
  padding: 10px;
  position: relative;
  margin: 0 !important;
  font-weight: 900;
  color: #4d4d4d;
  
}
.related_block .icon
{
  float: left;
}
.related_block span
{
  margin: 5px 250px 0 25px;
  display: block;
}
.related_block a.button_grey
{
  display: block;
  width: 199px;
  padding: 5px 0 0 6px;
  overflow: hidden;
  height: 16px;
  background: url(../img/buttons/button-grey.png);
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 12px;
}
.related_block a.button_grey:hover
{
  background-position: bottom left;
  color: #02aeee;
  text-decoration: none;
}

/* 002.012 Themenkomplex */

.miniarticles_block
{

}
.miniarticles_block .pagination
{
  text-align: center;
  margin-bottom: 1.5em;
}
.miniarticles_block .pagination span 
{
  font-weight: 900;
  letter-spacing: 1px;
  color: #4d4d4d;
  position: relative; top: 5px;
}
.miniarticles_block .pagination .button_prev
{
  background: url(../img/buttons/button-prev-next.png) top left no-repeat;
  height: 24px;
  width: 81px;
  float: left;
}
.miniarticles_block .pagination a.button_prev:hover
{
  background-position: bottom left !important;
}
.miniarticles_block .pagination .button_next
{
  background: url(../img/buttons/button-prev-next.png) top right no-repeat;
  height: 24px;
  width: 81px;
  float: right;
}
.miniarticles_block .pagination a.button_next:hover
{
  background-position: bottom right !important;
}
.topics_block 
{
  background: #e6e6e6;
  border-top: 1px solid #a6a6a6;
  position: relative;
  padding-top: 25px;
  margin-bottom: 10px;
}
.topics_block h3.kicker
{
  width: 187px;
  height: 16px;
  padding: 2px 0 0 0;
  background: url(../img/background/kicker.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -93px;
  text-align: center;
}
.topics_block ol
{
  margin: 0;
  font-weight: 900;
  color: #4d4d4d;
}
.topics_block ol li
{
  border-bottom: 1px solid #a6a6a6;
  padding: 2px 10px 2px 10px;

}
.topics_block ol li.active
{
  color: #00792c;
}
.topics_block ol li a
{
  color: #4d4d4d;
  text-decoration: none;
}
.topics_block ol li a:hover, .topics_block ol li.active a
{
  color: #00792c;
  text-decoration: none;
}

/* 002.008 Themenkomplex */


.info_block
{
  background: #e6e6e6;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  position: relative;
  padding: 25px 10px 10px 10px;
  margin-bottom: 10px;
  color: #4d4d4d;
}
.info_block h3.kicker
{
  width: 187px;
  height: 16px;
  padding: 2px 0 0 0;
  background: url(../img/background/kicker.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -93px;
  text-align: center;
}

.info_block ol
{
  padding-left: 1.5em;
}
.info_block ol li
{
  list-style-position: outside;
  position: relative;

}
.info_block ol li p
{

}
.info_block a.button 
{

  background: url(../img/buttons/button-greybox.png) !important;
}
.info_block a.button:hover
{
  background-position: bottom left !important;
}
/* 002.013 Akkordeon */

.akkordeon_block
{
  border-bottom: 1px solid #a6a6a6;
  margin-bottom: 10px;
}


.akkordeon_item
{
  border-top: 1px solid #a6a6a6;
  padding-top: 5px;
  
}
.akkordeon_item.active h2 a
{
  color: #00792c;
}
.akkordeon_item h2 a:hover
{
  color: #05afee;
}
a.akkordeon_toogle_button
{
  background: url(../img/buttons/buttons-akkordeon.png) 0 -18px no-repeat;
  width: 96px;
  height: 18px;
  float: right;
  margin-left: 15px;
  padding: 0 !important;
}
a.akkordeon_toogle_button:hover
{
  background-position: -96px -18px;
}

.active a.akkordeon_toogle_button
{
  background-position: 0 0;
}
.active a.akkordeon_toogle_button:hover
{
  background-position: -96px 0;
}

.accordion-icon{
   margin: 0 15px -7px 0;
}

/* Formular */

#new_searchstring
{
  border: 1px solid #d2d2d2;
  font-family: Arial;
  font-size: 12px;
  color: #808080;
  padding: 4px;
  margin: 0 10px 0 0;
  width: 250px;
  float: left;
}
#new_searchsubmit
{
  width: 155px;
  height: 24px;
  background: url(../img/buttons/button-search.png) top left no-repeat;
  text-indent: -9999em;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: left;
}
.new_search
{
  margin: 10px 0;
}
#new_searchsubmit:hover
{
  background-position: bottom;
}

.form
{
  background: #e6e6e6;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  position: relative;
  padding: 25px 10px 10px 10px;
  margin-bottom: 10px;
  color: #4d4d4d;
  width: 590px;
}
.form h3.kicker
{
  width: 187px;
  height: 16px;
  padding: 2px 0 0 0;
  background: url(../img/background/kicker.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -93px;
  text-align: center;
}
.form p
{
  font-size: 0.7em;
  color: #808080;
}
.form p.error
{
  color: #05afee;
  padding: 20px 0;
  font-size: 0.9em;
}
.form input.text, .form textarea
{
  border: 1px solid #d2d2d2;
  font-size: 0.9em;
  font-family: Arial;
  color: #808080;
  padding: 7px;
  margin: 0 0 10px 0;
}
.form input.error, .form textarea.error
{
  border: 1px solid #05afee;
}
.form input.full, .form textarea
{
  width: 570px;
}
.form input.half
{
  width: 272px;
}
.form input.quarter
{
  width: 136px;
}
.form input.three-quarter
{
  width: 408px;
}
.form input.left
{
  float: left;
  margin-right: 10px;
}
.form label
{
  display: none;
}
.form textarea
{
  height: 100px;
}
.form input.submit
{
  width: 245px;
  height: 33px;
  padding: 8px 0 0 15px !important;
  background: url(../img/buttons/button-greybox.png);
  text-align: left;
  display: block;
  border: none;
  margin: 0 0 10px 175px;
  cursor: pointer;
}
.form input.submit:hover
{
  background-position:  bottom  left  !important;
  text-decoration: none !important;
  
  
  
  
}


/* Bildarchiv */
.archive_block
{
  border-bottom: 1px solid #a6a6a6;
    border-top: 1px solid #a6a6a6;
    padding: 10px 0;
  margin: 30px 0 10px;

}
.archive_row
{
  border-top: 1px solid #a6a6a6;
  width: 610px;
  overflow: hidden;
  background: url(../img/background/archive-row-bg.png) top left no-repeat;
  padding: 10px 0 0 0;
  margin-bottom: 10px;
}
.archive_item
{
  width: 190px;
  margin-right: 20px;
  float: left;
  font-size: 11px;
  line-height: 1;
}
.archive_item.last-item
{
  margin: 0;
}

.archive_item.first-item
{
    clear: left;
}
.archive_item h2
{
  font-size: 11px;

  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0;
  color: #000;
  margin: 5px 0 0 10px;
}
.archive_item .label
{
  display: block;
  margin: 0 10px;
}
.archive_item .value
{
  display: block;
  font-weight: 900;
  margin: 0 10px;
}
a.archive_download
{
  width: 170px;
  height: 20px;
  background: url(../img/buttons/button-download.png);
  margin: 0 10px 05px 10px;
}
a.archive_download:hover
{
  background-position: bottom left;
}


/* Suchergebnisliste */


.list_item
{
  padding: 10px 30px 0 0;
  height: 62px;
}
.list_item.even
{
  background: #fff url(../img/buttons/arrow2-white.png) 580px 10px no-repeat;

}
.list_item.odd
{
  background: #e6e6e6 url(../img/buttons/arrow2-grey.png) 580px 10px no-repeat;
}

.list_item .info
{
  float: left; 
  width: 60px;
  text-align: center;
  font-size: 9px;
  color: #4d4d4d;
}
.list_item .info .relevance
{
  font-size: 11px;
}
.list_item .info .icon
{
  margin-bottom: 10px;
}
.list_item h2
{
  margin-bottom: 0.25em;
}
.list_item p a
{
  color: #000 !important;
  background: none !important;
  padding: 0 !important;
  font-weight: 400 !important;
}

/* --------------------------- Teaser-Boxen --------------------------- */



#teaser_col .teaser_box, #teaser_col .teaser_box_360
{
  margin-bottom: 10px;
}

#teaser_row .teaser_box, #teaser_row .teaser_box_360
{
  float: left;
  margin-right: 10px;
}


.teaser_box
{
  width: 300px;
  height: 300px;
  background: url(../img/background/teaser-bg.png) top left no-repeat;
  position: relative;
  overflow: hidden;
}
.teaser_box_360
{
  width: 300px;
  height: 360px;
  background: url(../img/background/teaser-bg-360.png) top left no-repeat;
  position: relative;
  overflow: hidden;
}
.teaser_box.last, .teaser_box_360.last
{
  margin: 0;
}
.teaser_box .image
{
  position: absolute;
  top: 30px;
  left: 0;
}
.teaser_box_360 .image
{
  position: absolute;
  top: 90px;
}

.teaser_box p, .teaser_box_360 p
{
  margin: 0 27px;
  width: 246px;
  position: absolute;
  bottom: 70px;
}
.teaser_box_360 h2
{
  text-align: center;
  position: absolute;
  left: 0;
  top: 30px;
  margin: 0;
  width: 300px;
}
/* 003.003 grüne Teaser */

.teaser_green
{
  margin-bottom: 10px;
  position: relative;
  line-height: 1;
}
.teaser_green .button
{
  position: absolute;
  left: 27px;
  bottom: 10px;
  background: url(../img/buttons/button-greenbox.png) top left no-repeat;
}
.teaser_green.tworows
{
  height: 100px;
  background: url(../img/background/teaser-green-2.png) top left no-repeat;
}
.teaser_green.fourrows
{
  height: 140px;
  background: url(../img/background/teaser-green-4.png) top left no-repeat;
}
.teaser_green.tworowsimage
{
  height: 215px;
  background: url(../img/background/teaser-green-pic-2.png) top left no-repeat;
}
.teaser_green.fourrowsimage
{
  height: 255px;
  background: url(../img/background/teaser-green-pic-4.png) top left no-repeat;
}
.teaser_green p
{
  position: absolute;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  top: 15px;
  left: 27px;
  width: 246px;
  line-height: 1.4;
}
.teaser_green.fourrowsimage p, .teaser_green.tworowsimage p
{
  top: 130px;
}
.teaser_green.fourrowsimage img, .teaser_green.tworowsimage img
{
  position: absolute;
  top: 25px;  
}
.teaser_green h3.kicker
{
  width: 248px;
  height: 19px;
  background: url(../img/background/kicker-green.png) top left no-repeat;
  position: absolute;
  top: 0;
  left: 26px;
  color: #4D4D4D;
  text-align: center;
}
/* 003.001 Counterteaser */


.counterteaser
{
  width: 300px;
  height: 365px;
  background: url(../img/background/counterteaser-bg.png) top left no-repeat;
  position: relative;
  margin-bottom: 10px;
}
.counterteaser.kicker
{
  background: url(../img/background/counterteaser-bg-kicker.png) top left no-repeat;
  height: 385px;

}
.counterteaser .counter
{
  position: absolute;

}
.counterteaser p
{
  position: absolute;
  top: 80px;
  left: 15px;
  width: 267px;
  height: 26px;
  background: url(../img/background/counterteaser-text.png) top left no-repeat;
  text-indent: -9999em;
  
}
.counterteaser.kicker .counter
{
  top: 30px;
}
.counterteaser.kicker p
{
  top: 95px;
}


.teaser_box h3.kicker,
.teaser_box_360 h3.kicker,
.counterteaser h3.kicker
{
  position: absolute;
  width: 300px;
  top: 2px;
  margin: 0 !important;
  text-align: center;
}


.teaser_box .button,
.teaser_box_360 .button,
.counterteaser .button
{
  position: absolute;
  left: 27px;
  bottom: 20px;
  background: url(../img/buttons/button-greybox.png) top left no-repeat;
}


/* --------------------------- Footer --------------------------- */
#footer
{
  margin-top: 10px;
  background: #808080;
  padding: 10px 0 0 10px;
    letter-spacing: -0.02em; 
}
#footer a
{
  color: #fff;
  display: block;
  position: relative;
}
#footer a:hover
{
  color: #05afee;
  text-decoration: none;
}
#footer ul
{
  list-style: none;
  width: 930px;
  display:block;
  list-style-position: outside;
} 
#footer ul li
{
  float: left;
  display: block;
  font-size: 0.9em;
  text-transform: uppercase;
  line-height: 1.8em;
  width: 184px;
  margin-right: 0;
  padding: 0;
}
#footer ul li ul
{
  list-style: none;
  width: auto;
  margin-bottom: 10px;
}
#footer ul li ul li
{
  float: none;
  text-transform: none;
  font-size: 0.8em;
  border-top: 1px solid #aaa;
  

}
#footer ul li ul li.last
{
  border-bottom: 1px solid #aaa;

}