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

/* 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;

}