@import 'fonts.css';

body{
	/* padding-bottom: 65px; Footer height */
}

div#dynamic {
	position: relative;
	z-index: auto;
	width: 100%;
	height: 612px;
}
/******** page browser ***********/
div#page_browser {
	position: absolute;
	top: 400px;
	left: 0;
	z-index: 400;
	clear: both;
	width: 100%;
	height: 94px;
}
div#page_browser div {
	clear: both;
	width: 47px;
	height: 94px;
}
div#page_browser div a {
	display: block;
	clear: both;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
div#page_browser div.page_next {
	position: absolute;
	top: 0;
	right: 80px;
	z-index: 400;
}
div#page_browser div.page_prev {
	position: absolute;
	top: 0;
	left: 80px;
	z-index: 400;
}
div#page_browser div.page_next a { background: url(images/cont_arrow_ri.png) top left no-repeat transparent; }
div#page_browser div.page_next a:hover { background: url(images/cont_arrow_ri_rollover.png) top left no-repeat transparent; }
div#page_browser div.page_prev a { background: url(images/cont_arrow_le.png) top left no-repeat transparent; }
div#page_browser div.page_prev a:hover { background: url(images/cont_arrow_le_rollover.png) top left no-repeat transparent; }
/************ header *************/
div#header {
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 200;*/
	clear: both;
	min-width: 940px;
	width: 100%;
	height: 117px;
	/*overflow: hidden;
	background: url(images/head_bg.png) top left repeat-x transparent;*/
	background: #e0e0e0;
}
div#header div.items {
	clear: both;
	margin: 0 auto;
	width: 940px;
	height: auto;
}
div#header div.items img.logo {
	float: right;
	margin: 45px 0 0 0;
}
div.language_show {
	position: relative;
	z-index: 700;
	float: left;
	margin: 70px 0 0 0;
	/*width: 42px;*/
	height: 24px;
	/*background: url(images/sprite.png) -6px -265px no-repeat transparent;*/
	cursor: pointer;
}
div.language_show div.current img { margin: 5px 0 0 0; }
/*div.language_show:hover { background: url(images/sprite.png) -6px -290px no-repeat transparent; }
div.language_show.active { background: none; }*/
div.language_show.active div.current img { display: none; }
div.language_show.active {
	position: relative;
	z-index: auto;
	clear: both;
	margin: 70px 0 0 0;
	width: 310px;
	height: 24px;
	cursor: default;
}
div.language_show div.language {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 700;
	clear: both;
	width: 100%;
	height: auto;
	/*background: url(images/lang_bg.png) bottom left no-repeat transparent;*/
	background-color: #004e9a;
	display: none;
}
div.language_show div.language div.list_current {
	display: block;
	line-height: 24px;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	background: transparent;
}
div.language_show div.language div.list_current img { margin: 5px 18px 0 5px; }
div.language_show div.language ul {
	display: block;
	clear: both;
	padding: 5px 0 5px 5px;
	width: 300px;
	height: auto;
	list-style: none;
}
div.language_show div.language ul li {
	display: block;
	float: left;
	width: 150px;
	line-height: 24px;
	color: #b5b5b5;
	text-transform: uppercase;
}
div.language_show div.language ul li.NO a,
div.language_show div.language ul li.INACT a {
	display: block;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
}
div.language_show div.language ul li.INACT img,
div.language_show div.language ul li.NO a img { margin: 5px 18px 0 2px; }
div.language_show div.language ul li.NO a:hover { background: url(images/lang_rollover.png) top left no-repeat transparent; }
div.search_box {
	float: left;
	margin: 70px 0 0 15px;
	width: 90px;
	height: 18px;
	/*background: url(images/search_box_bg.png) top left no-repeat transparent;*/
}
div.search_box input[type=text] {
	float: left;
	background: transparent;
	//border-radius: 4px 0 0 4px;
	padding: 0 5px 0 5px;
	width: 58px;
	height: 18px;
	font-size: 11px;
	color: #9c9c9c;
}
div.search_box input[type=image] {
	float: left;
	width: 20px;
	height: 18px;
	float: left;
}

.btn-search {
	background-color: transparent;
	height: 20px;
	width: 20px;
	/*border-width: 1px 1px 1px 0;
	border-color: #9c9c9c;
	border-style: solid;
	border-radius: 0 4px 4px 0;*/
}
.btn-search img{
	margin-left: 5px;
}

.btn-search:hover, .btn-search:active{
	color: #4d4d4d;
}
/************** navi *************/
div#navi {
	/*position: absolute;
	top: 117px;
	left: 50%;*/
	position: relative;
	z-index: 400;
	clear: both;
	/*margin: 0 0 0 -470px;*/
	margin: 0 auto;
	min-width: 940px;
	width: 100%;
	height: 34px;
	/*background: url(images/nav_bg.png) top left no-repeat transparent;*/
	background-color: #004e9a;
}
div#navi ul { list-style: none; max-width: 940px; margin: 0 auto;}
div#navi a { text-decoration: none; }
/*
	LEVEL ONE
*/
div#navi ul.dropdown {
	position: relative;
	z-index: 600;
}
div#navi ul.dropdown li {
	position: relative;
	z-index: 700;
	float: left;
	width: auto;
	zoom: 1;
}
div#navi ul.dropdown a:hover,
div#navi ul.dropdown a:active { color: #fff; }
div#navi ul.dropdown li a {
	display: block;
	clear: both;
	padding: 0 0 0 45px;
	width: auto;
	line-height: 34px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ccc;
}
div#navi ul.dropdown li.hover,
div#navi ul.dropdown li:hover { position: relative; }
div#navi ul.dropdown li.hover a,
div#navi ul.dropdown li:hover a { color: #fff; }

/*
	LEVEL TWO
*/
div#navi ul.dropdown ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 500;
	visibility: hidden;
	width: 210px;
	/*background: url(images/nav_sub_bg.png) top left no-repeat transparent;*/
	background: #004e9a;
}
div#navi ul.dropdown ul li { float: none; }

/* IE 6 & 7 Needs Inline Block */
div#navi ul.dropdown ul li a {
	position: relative;
	z-index: auto;
	display: inline-block;
	width: 165px;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 26px;
	color: #ccc !important;
}
div#navi ul.dropdown ul li.hover a,
div#navi ul.dropdown ul li:hover a {
	color: #fff !important;
	/*background: url(images/nav_sub_rollover.png) top left no-repeat transparent;*/
	background-color: #00539f;
}
div#navi ul.dropdown ul li a span {
	position: absolute;
	top: 0;
	right: 5px;
	z-index: auto;
}
/*
	LEVEL THREE
*/
div#navi ul.dropdown li ul li ul {
	top: 0;
	left: 100%;
	width: 210px;
	background: url(images/nav_sub_sub_bg.png) top left no-repeat transparent !important;
}
div#navi ul.dropdown li:hover > ul { visibility: visible; }
div#navi ul.dropdown ul li.hover ul li a {
	color: #ccc !important;
	background: transparent !important;
}
div#navi ul.dropdown ul li.hover ul li.hover a,
div#navi ul.dropdown ul li.hover ul li:hover a {
	color: #fff !important;
	background: url(images/nav_sub_rollover.png) top left no-repeat transparent !important;
}
/************ scene **************/
/*div#scene {
	position: relative;
	z-index: 100;
	clear: both;
	padding: 117px 0 0 0;
	min-width: 940px;
	width: 100%;
	height: 612px;
	overflow: hidden;
}
div#scene div.sceneSlider {
	clear: both;
	width: 100%;
	height: 100%;
}
div#scene div.sceneSlider div.slider ul li {
	width: 100%;
	height: auto;
}
div#scene div.sceneSlider button {
	display: block;
	clear: both;
	width: 90px;
	height: 90px;
}
div#scene div.sceneSlider button.sceneSlider_next {
	position: absolute;
	bottom: 15px;
	right: 15px;
	z-index: 100;
	background: url(images/sprite.png) -80px -70px no-repeat transparent;
}
div#scene div.sceneSlider button:hover.sceneSlider_next { background: url(images/sprite.png) -80px -167px no-repeat transparent; }
div#scene div.sceneSlider button.sceneSlider_prev {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 100;
	background: url(images/sprite.png) 5px -70px no-repeat transparent;
}
div#scene div.sceneSlider button:hover.sceneSlider_prev { background: url(images/sprite.png) 5px -167px no-repeat transparent; }*/
div#scene div.imagecontainer { height: 100%; }
div#scene {
	position: absolute;
	top: 117px;
	left: 0;
	z-index: 0;
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
}
div#scene div.imagecontainer img {
	width: 100%;
}
/********** textcontent **********/
div#content > h1{
		width: 910px;
		margin: 0 auto;
		padding: 19px 0 0 0;
		position: relative;
		z-index: 2;
}
div#content {
	z-index: 0;
	/*background-image: url(http://mafell.lmwa.de/uploads/tx_templavoila/scene_k85-trailer_v3_02.jpg);*/
	background-position: top left;
	background-size: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;

	/*position: absolute;
	top: 153px;
	left: 50%;*/
	position: relative;
	clear: both;
	/*margin: 0 0 0 -470px;*/
	margin: 0 auto;
	padding: 15px;
	/*width: 910px;*/
	height: auto;
	min-height: 606px;
	/*background-color: #3e3e3e;*/
	/*opacity: 0.8;*/
	position: relative;
}

.content_container{
	width: 910px;
	position: relative;
	z-index: 2;
}
div.content_container {
	clear: both;
	/*padding: 0 0 0 25px;
	width: 915px;*/
	width: 100%;
	height: auto;
	/*background: url(images/content_bg.png) top left no-repeat transparent;
	overflow: hidden;*/
}
div.content_items_scroller {
	clear: both;
	width: 100%;
	height: 448px;
	/*overflow: hidden;*/
}
div.content_items {
	/*background: url(images/content_bg.png) top left no-repeat transparent;*/
	/*background-color: #2e2e2e;*/
	clear: both;
	padding: 25px;
	width: 890px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	opacity: 1;
}
.content_items::before{
	z-index: -1;
	position: absolute;
	opacity: 0.8;
	background-color: #3e3e3e;
	content: "";
	display: block;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
div.col_form {
	float: left;
	width: 445px;
	height: auto;
	/*overflow: hidden;*/
}
div.col1 {
	float: left;
	width: 608px;
	height: auto;
	/*overflow: hidden;*/
}
div.col2 {
	float: left;
	width: 282px;
	height: auto;
	/*overflow: hidden;*/
}
div.size1of3_03,
div.size2of3_03,
div.size3of3_03,
div.size4of3_03,
div.size5of3_03 {
	clear: both;
	width: 100%;
	height: auto;
}
div.size3of3_03 div.col2:first-child { margin: 0; }
div.size3of3_03 div.col2 { margin: 0 0 0 22px; }
div.size4of3_03 div.col1 { background: url(images/col1_vert_bg.png) top right no-repeat transparent; }
div.size4of3_03 div.col2 {
	margin: 0 0 0 22px;
	width: 260px;
}
div.size4of3_03 div.col2 div.imagecontainer { margin: 0 0 0 22px; }
div.size5of3_03 div.col1 {
	width: 648px;
	background: url(images/col1_vert_bg.png) top right no-repeat transparent;
}
div.size5of3_03 div.col2 {
	margin: 0 0 0 22px;
	width: 220px;
}
div.content_scroller {
	position: relative;
	z-index: auto;
	clear: both;
	width: 100%;
	height: 398px;
	/*overflow: hidden;*/
}
div.content_table,
div.contenttext,
div.image_text {
	position: relative;
	z-index: auto;
	clear: both;
	width: 100%;
	height: auto;
}
div.contenttext p:first-child { margin: 0; }
div.contenttext p { margin: 15px 0 0 0; }
div.contenttext p img { float: none; }
div.contenttext ul,
div.contenttext ol { margin: 0 0 0 15px; }
div.image_text div.imagecontainer,
div.image_text div.textcontainer {
	float: left;
	width: auto;
}
div.image_text div.imagecontainer img { margin: 0 5px 0 0; }
div.size2of3_03 div.col1 h2,
div.size2of3_03 div.col1 div.contenttext { width: 580px; }
div.size2of3_03 div.col2 h2:first-child { margin: 0; }
div.size2of3_03 div.col2 h2 { margin: 5px 0 0 0; }
div.size2of3_03 div.col2 div.contenttext:first-child { background: none; }
div.size2of3_03 div.col2 div.contenttext {
	padding: 8px 0 0 0;
	background: url(images/col2_bg.png) top left no-repeat transparent;
}
div.size4of3_03 div.content_scroller { height: 360px; }
div.size4of3_03 div.col1 div.contenttext { width: 580px; }
div.size4of3_03 div.image_text div.textcontainer div.contenttext { width: auto; }
div.size4of3_03 div.col1 div.imagecontainer:first-child { margin: 0; }
div.size4of3_03 div.col1 div.imagecontainer { margin: 12px 0 0 0; }
div.size5of3_03 div.content_scroller { height: 360px; }
/******** imagecontainer *********/
div.mediacontainer,
div.imagecontainer {
	clear: both;
	width: 100%;
	height: auto;
}
/****** content slideshow ********/
div.content_slideshow {
	position: relative;
	z-index: auto;
	clear: both;
	width: 100%;
	height: auto;
	background: url(images/slideshow_bg.png) top left no-repeat transparent;
}
div.content_slideshow div.content_slider {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 200;
	width: 92px;
	height: auto;
	list-style:
}
div.jqDocked { margin: 0 28px; }
div.content_slideshow div.content_slider button {
	display: block;
	clear: both;
	margin: 0 auto;
	width: 32px;
	height: 15px;
}
div.content_slideshow div.content_slider button.content_slider_next { background: url(images/slider_next.png) top left no-repeat transparent; }
div.content_slideshow div.content_slider button.content_slider_prev { background: url(images/slider_previous.png) top left no-repeat transparent; }
div.content_slideshow div.slideshow_items {
	clear: both;
	width: 100%;
	height: auto;
}
div.content_slideshow div.slideshow_items div#image {
	float: left;
	padding: 48px 28px 46px 55px;
	width: 504px;
	height: 240px;
	overflow: hidden;
}
div.content_slideshow div.slideshow_items div#image img { border: 1px solid #797979; }
div#text {
	float: right;
	padding: 48px 10px 46px 20px;
	width: 254px;
	height: 240px;
	overflow: hidden;
}
div#text div.content_scroller {
	clear: both;
	width: 254px;
	height: 225px;
	overflow: hidden;
}
div#text div.contenttext {
	clear: both;
	width: 230px;
	height: auto;
}
/************ news *********+*****/
/*div.news {
	position: relative;
	z-index: auto;
	clear: both;
	width: 100%;
	height: auto;
	background: url(images/slideshow_bg.png) top left no-repeat transparent;
}
div.news div.news_menu {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 200;
	width: 92px;
	height: auto;
}
div.news div.news_menu a { cursor: pointer; }
div.news div.jqDocked { margin: 0 28px; }
div.news div.news_items {
	clear: both;
	width: 100%;
	height: auto;
}
div.news div.news_items div#image {
	float: left;
	padding: 48px 28px 46px 55px;
	width: 504px;
	height: 240px;
	overflow: hidden;
}
div.news div.news_items div#image a:first-child,
div.news div.news_items div#image img:first-child { display: none; }
div.news div.news_items div#image a img:first-child { display: inline; }
div.news div.news_items div#image img {
	display: inline;
	border: 1px solid #797979;
}
div.news div.news_items div#text {
	float: right;
	padding: 48px 10px 46px 20px;
	width: 254px;
	height: 240px;
	overflow: hidden;
}
div.news div.news_items div#text div.content_scroller {
	clear: both;
	width: 254px;
	height: 225px;
	overflow: hidden;
}
div.news div.news_items div#text div.contenttext {
	clear: both;
	width: 230px;
	height: auto;
}*/
div.news {
	position: relative;
	z-index: auto;
	clear: both;
	width: 100%;
	height: auto;
}
.news_items{
	margin-bottom: 34px;
}
div.news div.news_items div#image {
	float: left;
	width: 370px;
	height: auto;
}
div.news div.news_items div#image img {
	width 100%;
}
div.news div.news_items div#text {
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	width: 180px;
	height: auto;
}
div.news div.news_items div#text div.contenttext {
	clear: both;
	width: 100%;
	height: auto;
}
/************* event *************/
div.event {
	clear: both;
	width: 568px;
	height: auto;
}
div.event div.table_header {
	clear: both;
	width: 568px;
	height: 38px;
	overflow: hidden;
}
div.event div.table_header table {
	width: 550px;
	height: auto;
}
div.event div.table_header table th {
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 38px;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}
div.event div.table_content {
	clear: both;
	padding: 2px 0 0 0;
	width: 568px;
	height: 358px;
	overflow: hidden;
	background: url(images/col1_bg.png) top left no-repeat transparent;
}
div.event div.table_content table {
	width: 550px;
	height: auto;
}
div.event div.table_content table tr.highlight { background: url(images/table_row_bg.png) top left repeat-x transparent; }
div.event div.table_content table td { line-height: 21px; }
div.event div.table_header th.col1,
div.event div.table_content table td.col1 { width: 152px; }
div.event div.table_header th.col2,
div.event div.table_content table td.col2 { width: 160px; }
div.event div.table_header th.col3,
div.event div.table_content table td.col3 { width: 104px; }
div.event div.table_header th.col4,
div.event div.table_content table td.col4 { width: 104px; }
/************* press *************/
div.press {
	clear: both;
	width: 590px;
	height: auto;
	overflow: hidden;
}
div.press div.press_item:first-child { margin: 0; }
div.press div.press_item {
	display: block;
	padding: 5px 0 0 0;
	width: 572px;
	height: auto;
	background: url(images/col1_bg.png) top left no-repeat transparent;
}
div.press div.press_item a {
	display: block;
	padding: 0 0 0 20px;
	width: 552px;
	min-height: 100px;
	color: #d7d6d7;
	text-decoration: none;
	cursor: pointer;
}
div.press div.press_item a:hover { background: url(images/press_rollover.png) top left no-repeat transparent; }
div.press div.press_item div.col1 {
	float: left;
	padding: 26px 0 0 0;
	width: 46px;
	height: auto;
	background: transparent;
}
div.press div.press_item div.col1 div.press_date {
	clear: both;
	padding: 8px 0 0 0;
	width: 36px;
	height: 38px;
	background: url(images/date_bg.png) top left no-repeat transparent;
	overflow: hidden;
	text-align: center;
}
div.press div.press_item div.col1 div.press_date span.month {
	font-size: 8px;
	line-height: 8px;
	font-weight: bold;
	text-transform: uppercase;
}
div.press div.press_item div.col1 div.press_date span.day {
	font-size: 12px;
	line-height: 12px;
}
div.press div.press_item div.col1 div.press_date span.year {
	font-size: 8px;
	line-height: 8px;
	font-weight: bold;
}
div.press div.press_item div.col2 {
	float: left;
	padding: 26px 0 5px 0;
	width: 343px;
	height: auto;
	background: transparent;
}
div.press div.press_item div.col3 {
	float: left;
	padding: 5px 0;
	width: 163px;
	height: auto;
	background: transparent;
}
div.press div.press_item div.col3 div.imagecontainer { text-align: center; }
div.press div.press_item div.col3 div.imagecontainer img {
	float: none;
	margin: 0;
	border: 1px solid #404040;
}
div.press_single {
	clear: both;
	width: 100%;
	height: auto;
}
div.press_single div.content_scroller { height: auto; }
div.press_single div.size1of3_03 div.col1 {
	margin: 0 18px 0 0;
	width: 590px;
	height: auto;
}
div.press_single div.size1of3_03 div.col2 h2:first-child { margin: 0; }
div.press_single div.size1of3_03 div.col2 h2 {
	margin: 5px 0 0 0;
	background: url(images/col2_bg.png) 0 34px no-repeat transparent;
}
div.press_single div.size1of3_03 div.col2 p.news-single-imgcaption { margin: 5px 0 15px 0; }
div.press_single div.size1of3_03 div.col2 p.news-single-imgcaption:last-child { margin: 5px 0 5px 0; }
div.press_social_media,
div.press_single_back {
	clear: both;
	margin: 10px 0 0 0;
}
div.press_social_media a {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}
/******** contact person *********/
div.contact_person {
	width: 643px;
	height: auto;
	overflow: hidden;
}
div.contact_person div.content_table {  width: 625px; }
div.contact_person div.content_table div.col:first-child { margin: 0; }
div.contact_person div.content_table div.col {
	float: left;
	margin: 0 0 0 20px;
}
div.contact_person div.content_table div.col div.image_text:first-child { margin: 15px 0 0 0; }
div.contact_person div.content_table div.col div.image_text { margin: 30px 0 0 0; }
div.contact_person div.content_table div.col div.image_text h2 {
	margin: 0 0 4px 0;
	padding: 0;
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 15px;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
}
/*********** downloads ***********/
div.downloads {
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
}
/*div.downloads div.download_container {
	clear: both;
	width: 100%;
	height: 130px;
}
div.downloads div.download_container div.download_item {
	float: left;
	padding: 2px 0 0 0;
	width: 280px;
	height: 128px;
	overflow: hidden;
	background: url('images/download_bg.png') top left no-repeat transparent;
}
div.downloads div.download_container div.download_item a {
	display: block;
	clear: both;
	padding: 20px;
	width: 240px;
	height: 88px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
div.downloads div.download_container div.download_item a:hover { background: url(images/download_rollover.png) top left no-repeat transparent; }
div.downloads div.download_container div.download_item a div.imagecontainer {
	position: relative;
	z-index: auto;
	clear: none;
	float: left;
	margin: 0 14px 0 0;
	width: 80px;
}
div.downloads div.download_container div.download_item a div.imagecontainer img { border: 1px solid #404040; }
div.downloads div.download_container div.download_item a div.imagecontainer img.icon {
	position: absolute;
	bottom: 1px;
	right: 1px;
	border: none;
}
div.downloads div.download_container div.download_item a div.contenttext {
	clear: none;
	float: left;
	width: 146px;
}
div.downloads div.download_container div.download_item a div.contenttext p { font-size: 10pt; }*/
div.download_item {
	float: left;
	padding: 2px 0 0 0;
	width: 280px;
	height: 128px;
	overflow: hidden;
	background: url('images/download_bg.png') top left no-repeat transparent;
}
div.download_item a {
	display: block;
	clear: both;
	padding: 20px;
	width: 240px;
	height: 88px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
div.download_item a:hover { background: url(images/download_rollover.png) top left no-repeat transparent; }
div.download_item a div.imagecontainer {
	position: relative;
	z-index: auto;
	clear: none;
	float: left;
	margin: 0 14px 0 0;
	width: 80px;
}
div.download_item a div.imagecontainer img { border: 1px solid #404040; }
div.download_item a div.imagecontainer img.icon {
	position: absolute;
	bottom: 1px;
	right: 1px;
	border: none;
}
div.download_item a div.contenttext {
	clear: none;
	float: left;
	width: 146px;
}
div.download_item a div.contenttext p { font-size: 10pt; }
/*********** mediathek ***********/
div.mediathek {
	clear: both;
	width: 100%;
	height: 344px;
	overflow: hidden
}
div.mediathek div.size1of3_03 div.col1 div.media_view {
	clear: both;
	width: 590px;
	height: 344px;
	overflow: hidden
}
div.mediathek div.size1of3_03 div.col2 select { width: 262px; }
div.mediathek div.size1of3_03 div.col2 div.content_scroller { height: 304px; }
div.mediathek div.size1of3_03 div.col2 div.media_list div.media_item:first-child { background: none; }
div.mediathek div.size1of3_03 div.col2 div.media_list div.media_item {
	clear: both;
	width: 264px;
	height: auto;
	overflow: hidden;
	background: url('images/download_bg.png') top left no-repeat transparent;
}
div.mediathek div.size1of3_03 div.col2 div.media_list div.media_item a {
	display: block;
	margin: 2px 0 0 0;
	padding: 12px 20px 10px 20px;
	width: 224px;
	height: auto;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
div.mediathek div.size1of3_03 div.col2 div.media_list div.media_item a span.headline {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 13px;
	font-size: 13px;
	color: #fff;
}
div.mediathek div.size1of3_03 div.col2 div.media_list div.media_item p {
	margin: 0;
	line-height: 13px;
}
div.mediathek div.size1of3_03 div.col2 div.media_list div.media_item a:hover { background: url(images/download_rollover.png) top left no-repeat transparent; }
/************ sitemap ************/
div.sitemap {
	position: absolute;
	left: 50%;
	margin-left: -470px;
	bottom: 30px;
	z-index: auto;
	clear: both;
	padding: 15px;
	width: 910px;
	height: auto;
	background: url(images/sitemap_bg.png) bottom left no-repeat transparent;
	//background-color: #004e9a;
	display: none;
}
.sitemap_label{
	text-align: center;
	line-height: 2;
	color: black;
}


/* Header */
.sitemap_label::before{
	margin-right: 5px;
}
.tx-srlanguagemenu-pi1 .current::after,
.tx-srlanguagemenu-pi1 .language .list_current::after{
	margin-left: 5px;
}

.tx-srlanguagemenu-pi1 .language .list_current::after{
	float: right;
	margin-right: 10px;
}

.tx-srlanguagemenu-pi1 .language .list_current::after,
.sitemap_label::before{
  content: "\f106";
	font-family: 'icomaffel';
}
.tx-srlanguagemenu-pi1 .current::after,
.sitemap_show.active .sitemap_label::before{
	font-family: 'icomaffel';
  content: "\f107";
}

.tx-srlanguagemenu-pi1 .current::after{
	color: #323232;
}


/* Footer */
/*.sitemap_label::before{
	margin-right: 5px;
}

.sitemap_label::before{
	content: "\f102";
	font-family: 'icomaffel';
}
.sitemap_show.active .sitemap_label::before{
	font-family: 'icomaffel';
	content: "\f103";
}

div.sitemap_show:hover .sitemap_label, div.sitemap_show.active .sitemap_label {
	color: white;
}*/
div.sitemap ul {
	list-style: none;
}
div.sitemap ul li ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: disc !important;
}
div.sitemap ul li {
	display: block;
	float: left;
	width: 151px;
	height: auto;
	color: #ccc;
	font-weight: bold;
}
div.sitemap ul li ul li {
	display: list-item;
	float: none;
	margin: 4px 0 0 0;
}
div.sitemap ul li ul li a {
	color: #ccc;
	font-weight: normal;
}
div.sitemap ul li a:hover,
div.sitemap ul li ul li a:hover { color: #fff; }
div.sitemap_show {
	position: relative;
	z-index: auto;
	clear: both;
	width: 100%;
	min-width: 940px;
	height: 30px;
	/*background: url(images/sprite.png) -2px -321px no-repeat transparent;*/
	background: url(images/bg_sitemap_hide.png) top center no-repeat transparent;
	background-size: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	//background: #e0e0e0; /* For browsers that do not support gradients */
	cursor: pointer;
}
div.sitemap_show:hover,
div.sitemap_show.active {
	/*background: url(images/sprite.png) -2px -351px no-repeat transparent;*/
	//background: #004e9a;
	background: url(images/bg_sitemap_show.png) top center no-repeat transparent;
	background-size: 100%;
	-webkit-background-size: cover;
	background-size: cover;
 }
/************* footer ************/
div.footer_wrapper {
	position: relative;
	z-index: 1000;
	clear: both;
	margin: 0;
	width: 100%;
	height: 100%;
	/*background: #3e3e3e;*/
}
div#footer {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	clear: both;
	margin: 0 auto;
	min-width: 940px;
	width: 100%;
	height: auto !important;
	background: url(images/bg_footer.jpg) top center no-repeat transparent;
	background-size: 100%;
	-webkit-background-size: cover;
	background-size: cover;
}
div#footer div.footer_items {
	clear: both;
	width: 940px;
	margin: 0 auto;
	height: auto;
}
div#footer div.footer_items ul.footer_navi {
	float: left;
	margin: 15px 0 0 15px;
	list-style: none;
}
div#footer div.footer_items ul.footer_navi li:first-child {
	margin: 0;
	padding: 0;
	border-left: none;
}
div#footer div.footer_items ul.footer_navi li {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	width: auto;
	line-height: 12px;
	font-size: 12px;
	border-left: 1px solid #ccc;

}
div#footer div.footer_items ul.footer_navi li a,
div#footer div.footer_items ul.footer_navi li a:link,
div#footer div.footer_items ul.footer_navi li a:active,
div#footer div.footer_items ul.footer_navi li a:visited {
	color: #ccc;
	text-decoration: none;
}
div#footer div.footer_items ul.footer_navi li a:hover,
div#footer div.footer_items ul.footer_navi li a.active { color: #fff; }
div#footer div.footer_items ul.footer_social {
	float: right;
	margin: 10px 0;
	list-style: none;
}
div#footer div.footer_items ul.footer_social li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	width: auto;
	height: auto;
}
div#footer div.footer_items ul.footer_social li a {
	display: block;
	clear: both;
	width: 35px;
	height: 25px;
	text-decoration: none;
}
div#footer div.footer_items ul.footer_social li a.social1 { background: url(images/sprite.png) -125px -5px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social1:hover { background: url(images/sprite.png) -125px -40px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social2 { background: url(images/sprite.png) -86px -5px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social2:hover { background: url(images/sprite.png) -86px -41px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social3 { background: url(images/sprite.png) -45px -5px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social3:hover { background: url(images/sprite.png) -45px -41px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social4 { background: url(images/sprite.png) -5px -5px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social4:hover { background: url(images/sprite.png) -5px -41px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social5 { background: url(images/sprite.png) -166px -5px no-repeat transparent; }
div#footer div.footer_items ul.footer_social li a.social5:hover { background: url(images/sprite.png) -166px -41px no-repeat transparent; }
/********* links/buttons *********/
a.contact,
a.media,
a.mediaservice,
a.download-pdf,
a.download-doc,
a.image {
	display: block;
	clear: both;
	padding: 22px 0 0 68px;
	width: 192px;
	color: #fff;
	text-decoration: underline;
}
a.contact { background: url(images/icon_contact.png) 7px 9px no-repeat transparent; }
a.media { background: url(images/icon_media.png) 7px 9px no-repeat transparent; }
a.mediaservice { background: url(images/icon_mediaservice.png) 7px 9px no-repeat transparent; }
a.download-pdf { background: url(images/icon_download_pdf.png) 7px 9px no-repeat transparent; }
a.download-doc { background: url(images/icon_download_doc.png) 7px 9px no-repeat transparent; }
a.download-doc { background: url(images/icon_download_doc.png) 7px 9px no-repeat transparent; }
a.image { background: url(images/icon_image.png) 7px 9px no-repeat transparent; }
a.contact:hover,
a.media:hover,
a.mediaservice:hover,
a.download-pdf:hover,
a.download-doc:hover,
a.image:hover {
	color: #6699ff;
	text-decoration: none;
}
a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window,
a.download,
a.mail,
div.press_single_back a {
	font-size: 13px;
	color: #6699ff;
	text-decoration: underline;
}
a.internal-link:hover,
a.internal-link-new-window:hover,
a.download:hover,
a.mail:hover,
div.press_single_back a:hover {
	color: #ffffff;
}
a.external-link:hover,
a.external-link-new-window:hover {
	color: #fff;
	font-style: italic;
}
a.direct,
a.direct:hover {
    display: block;
    padding: 0 10px;
    width: auto;
    background-color: rgba(0,0,0,0.8);
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 32px;
    font-size: 20px;
}

/* form: distributor */
form#contact input#zipcode {
	width: 90px;
}

form#contact input#city {
	width: 165px;
	margin: 0 0 0 20px;

}

/************** form *************/
div.formfield_row {
	clear: both;
	width: 100%;
	height: auto;
}
form div.seperator { margin: 12px 0 0 0; }
form label {
	float: left;
	width: 140px;
	line-height: 22px;
	color: #b5b5b5;
}
form  input[type=text],
form  select,
form  textarea {
	position: relative;
	float: left;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #b5b5b5;
	border: 1px solid #9f9f9f;
	background: url(images/form_1x1_bg.png) top left repeat transparent;
	resize: none;
}
form input[type=text] {
	padding: 0 2px;
	width: 281px;
	height: 20px;
}
form input.disabled { background: #828282; }
form#contact input#firstname {
	margin: 0 0 0 22px;
	width: 117px;
}
form#contact input#lastname {
	margin: 0 0 0 4px;
	width: 149px;
}
form#distributor input#zipcode {
	width: 80px;
}
form#distributor input#city {
	margin: 0 0 0 4px;
	width: 191px;
}
form textarea { padding: 0 2px; }
form textarea#message {
	width: 440px;
	height: 115px;
}
form textarea.dis_textarea {
	width: 420px!important;
}

a#checkbox { cursor: pointer; }
input.button {
	display: block;
	position: absolute;
	left: 0;
	bottom: 18px;
	z-index: auto;
	padding: 0 10px;
	line-height: 22px;
	background: #707070;
	border: 1px solid #ababab;
	color: #a9a9a9;
	cursor: pointer;
}
#body_252 input.button {
	position: relative;
	float: right;
	margin: 0 34px 0 0;
}
input.error,
textarea.error,
select.error { border: 1px solid red !important; }
label.error { display: none; }

/************ special ************/
.tx-indexedsearch-res { margin: 15px 0 0 0; }
.tx-indexedsearch-icon { padding: 2px 0 0 0; }
.tx-indexedsearch-title a {
	color: #6699ff;
	text-decoration: underline;
	font-size: 15px;
}
.tx-indexedsearch-descr { font-size: 13px; }
.tx-indexedsearch-info { background-color: transparent !important; }
.tx-indexedsearch-path a {
	color: #6699ff;
	text-decoration: underline;
	font-size: 13px;
}


html, body{
	height: 100%;
	min-height: 100%;
}
#content{
	min-height: 100% !important;
	min-height: calc(100% - 200px) !important;
	padding: 0 !important;
	padding-bottom: 90px !important;
}
.footer_wrapper{
	height: auto !important;
}

.csc-textpic-imagewrap ul {
	list-style-type: none !important;
}

.csc-textpic-imagewrap ul li.csc-textpic-image {
	position: relative;
	margin-bottom: 20px;
}

.csc-textpic-imagewrap ul li.csc-textpic-image a {
	display: block;
}

.csc-textpic-imagewrap ul li.csc-textpic-image img {
	float: none;
}

.csc-textpic-imagewrap ul li.csc-textpic-image .csc-textpic-caption {
	position: absolute;
    bottom: 30px;
    right: 0;
}