@import url("merge.css");
/*
 * Jutai International Styles ************************************************************************
 */


html{
background-image:url(../images/bgs/bg.png);
background-position:left top;
background-repeat: repeat;
overflow-y:scroll !important;
color:#666666;
}

body{
font-family: Lucida Grande,Calibri,Helvetica,Arial;
font-size: 12px;
margin:0px;
padding:0px;
width: 100%;
font-size-adjust:0.55;
}

a,
a:hover,
a:visited{
color:#236E83;
outline: none;
text-decoration:none;
}

div.bg-mainwrapper{
width: 1090px;
margin: 0px auto;
background-image:url(../images/bgs/bg-content.png);
background-position:center top;
background-repeat: repeat-y;
}

div#bg-mainwrapper-footer {
margin: 0px auto;
width: 1020px;
height: 25px;
background-image:url(../images/bgs/bg-content-bottom.png);
background-position:center bottom;
background-repeat: no-repeat;
text-align: right;
padding: 25px 70px 0px 0px;
font-size: 12px;
}

div.mainwrapper{
/*border-bottom:10px solid #c0c0c0;
background-image:url(../images/glbl/layout_items/jutai-mainwrapper-bg.png);
background-position:left top;
background-repeat: repeat-y;*/
margin: 0px auto 0px auto;
width: 950px;
}
div.header{
color:#ffffff;
width:950px;
margin: 0px auto 0px auto;
height: 90px;
}
div.header_logo_area{
	padding:18px 0px 0px 30px;
	float:left;
}

/* 
 * Mainnavigation Starts
 */
 
div#main_nav{
background-image:url(../images/glbl/nav_items/jutai-mainnav-dots.gif);
background-position:left top;
background-repeat: repeat-x;
clear: both;
width:890px;
padding:2px 0px 0px 0px;
height:28px;
line-height: 24px;
margin: 0px auto 10px auto;
z-index: 2;
position:relative;
}
div#main_nav ul.first_level_nav{
margin:0px 0px 0px 0px;
}

div#main_nav ul.first_level_nav > li{
background-image:url(../images/glbl/layout_items/jutai-vertical-dots.gif);
background-position:left top;
background-repeat:repeat-y;
display:block;
color: #0d6875;
text-align:center;
font-size:  13px;
float:left;
padding: 0px 1px 0px 2px;
}
div#main_nav ul.first_level_nav li.last {
background-image:none;
}
div#main_nav ul.first_level_nav > li:last-child {
background-image: url(../images/glbl/layout_items/jutai-vertical-dots.gif), url(../images/glbl/layout_items/jutai-vertical-dots.gif);
background-position: left top, right top;
background-repeat: repeat-y, repeat-y;
}
div#main_nav ul.first_level_nav li.mn_first a,
div#main_nav ul.first_level_nav li a,
div#main_nav ul.first_level_nav li.sub a,
div#main_nav ul.first_level_nav li.mn_first a:visited,
div#main_nav ul.first_level_nav li a:visited,
div#main_nav ul.first_level_nav li.sub a:visited{
display:block;
padding: 0px 15px 0px 15px;
color: #0d6875;
font-size:  14px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;

}

div#main_nav ul.first_level_nav > li.mn_first a.active,
div#main_nav ul.first_level_nav > li a.active,
div#main_nav ul.first_level_nav > li.sub a.active,
div#main_nav ul.first_level_nav > li.active > a,
div#main_nav ul.first_level_nav > li.current > a{
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:right top;
background-repeat: repeat;
display:block;
color:#ffffff;
}

ul#topnav > li.active,
ul#topnav > li.current {
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:left top;
background-repeat: repeat;
color:#ffffff;
}
ul#topnav > li.active > a,
ul#topnav > li.current > a {
color:#ffffff;
}

div#main_nav ul.first_level_nav > li.mn_first a:hover,
div#main_nav ul.first_level_nav > li:hover a,
div#main_nav ul.first_level_nav > li a:hover{
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:right top;
background-repeat: repeat;
display:block;	
color:#ffffff;
}
div#main_nav ul.first_level_nav > li.sub a:hover,
div#main_nav ul.first_level_nav > li.sub:hover a{
/*background-image:url(../images/glbl/nav_items/union_main_nav_hover.png);
background-position:left top;
background-repeat:repeat;*/
display:block;	
color:#ffffff;
}
/*
 * Second Level Navigation Starts
 */
 
div#main_nav ul.first_level_nav li ul.second-level_nav{
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:right top;
background-repeat: repeat;
width:210px;
display:none;
margin:0px 0px 0px 0px;
position: absolute;
padding: 15px 0px 15px 0px;
}

div#main_nav ul.first_level_nav li ul.second-level_nav li.second-level{
}

div#main_nav ul.first_level_nav li ul.second-level_nav li.first{
	/*padding-top:15px;*/
}
div#main_nav ul.first_level_nav li ul.second-level_nav li.last{
	/*padding-bottom:15px;*/
}
div#main_nav ul.first_level_nav li ul.second-level_nav li.second-level,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_first,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_last{
text-shadow:none;
background-image:none;
text-align: left;
font-size: 13px;
font-weight:normal;
float:none;
/*border-bottom: 1px #ffffff solid;
padding: 0px 15px 0px 15px;*/
margin: 2px 0px 10px 0px;
line-height: 20px;
}
div#main_nav ul.first_level_nav li ul.second-level_nav li.second-level a,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_first a,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_last a{
line-height:normal;
text-shadow:none;
background-image:none;
display: block;
padding: 0px 15px 0px 15px;
font-size: 13px;
font-weight:normal;
text-transform: none;
text-decoration: none;
color: #ffffff;
}
div#main_nav ul.first_level_nav li ul.second-level_nav li.second-level a:hover,
div#main_nav ul.first_level_nav li ul.second-level_nav li.second-level a.active,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_first a.active,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_first a:hover,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_last a.active,
div#main_nav ul.first_level_nav li ul.second-level_nav li.mn_last a:hover{
padding: 0px 15px 0px 15px;
text-shadow:none;
background-image:none; 
color: #ffffff;
font-size: 13px;
text-decoration: none;
background-color: black;

}
div#main_nav ul.first_level_nav li:hover > ul {
position: absolute;
}
/*
 * Second Level Navigation Ends
 */
/*
 * Keyvisual Area Starts
 */
div#keyvisual > img{
	position:absolute;
}

div#keyvisual_top_line{
height:15px;
background-image:url(../images/glbl/layout_items/jutai-kv-pattern.gif);
background-position:top left;
background-repeat: repeat;
margin: -280px 0px 0px 0px;
position:relative;
}
div#keyvisual{
background-color:#f0e8e8;
height: 280px;
width:890px;
display: block;
margin: 0px auto 0px auto;
}
div#keyvisual_area{
height: 280px;
display: block;
margin: 0px auto 0px auto;
}

div#keyvisual_bottom_line{
height:15px;
background-image:url(../images/glbl/layout_items/jutai-kv-pattern.gif);
background-position:top left;
background-repeat: repeat;
margin:250px 0px 0px 0px;
position:relative;
}

div#keyvisual,
div#slide-show-container{
height: 280px;
display: block;
margin: 0px auto 0px auto;
width:890px;
position:relative;
}
div#keyvisual_slider_menu{
line-height:46px;
height:46px;
margin:-50px 0px 0px 0px;

}
div#keyvisual_slider_menu ul{
margin: 0px 0px 0px 15px;
}
div#keyvisual_slider_menu li{
/*background-image:url(../images/glbl/nav_items/slider_menu_normal_bg.png);
background-position:left top;
background-repeat:no-repeat;*/
text-align:right;
float:left;
width:150px;
margin:0px 5px 0px 5px;
color:#ffffff;

}

/*
 * Keyvisual Area Ends
 */
/*
 * Slide Show Start
 */
div#slide-show{
height:280px;
width:890px;
position:absolute;
overflow:hidden;
}
div#slider{
	width:20000px;
	position:relative;
}
div#slider > div{
float:left;
display:block;
width:890px;
height:280px;
}
div#slider > div a{
	display:block;
}
div#slide-show-menue{
position:absolute;
line-height:46px;
height:46px;
width:890px;
display:block;
margin:0px 0px 0px 0px;

}


img.bg_over, img.bg_normal{
	position:absolute;
	/*margin-left:-145px;*/
	margin-left:5px;
	
	display:block;
}
li#ib1 span,
li#ib2 span,
li#ib3 span,
li#ib4 span{
	position:absolute;
	margin-left:12px;
	z-index:10;
	
}
li#ib1 span{
    background-image:url(../images/glbl/nav_items/ib1_icon.png);
    background-position:left top;
    background-repeat:no-repeat;
	padding-left:32px;
	/*margin-left:-135px;*/
}
li#ib2 span{
    background-image:url(../images/glbl/nav_items/ib2_icon.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:31px;
}
li#ib3 span{
    background-image:url(../images/glbl/nav_items/ib3_icon.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:31px;
}
li#ib4 span{
    background-image:url(../images/glbl/nav_items/ib4_icon.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:31px;
}
li#ib1,
li#ib2,
li#ib3,
li#ib4{
list-style:none;
float:left;
}
li#ib1 a,
li#ib2 a,
li#ib3 a,
li#ib4 a {
	color:#ffffff;
	text-decoration:none;
}
li#ib1,
li#ib1:visited,
li#ib2,
li#ib2:visited,
li#ib3,
li#ib3:visited,
li#ib4,
li#ib4:visited{
margin:7px 0px 0px 5px;
padding:0px 5px 0px 0px;
width:150px;
height:32px;
line-height:32px;
display: block;
text-decoration:none;
color:#ffffff;
}
/*
 * Slide Show End
 */
ul.footer_service_links{
margin: 0px 0px 0px 0px;
}
ul.footer_service_links li{
float:left;
color:#a0a0a0;
display:block;
margin: 0px 10px 0px 0px;
}
ul.footer_service_links li.footer_links_last{
background-image:none;
float:left;
color:#a0a0a0;
display:block;
margin: 0px 0px 0px 0px;
}
ul.footer_service_links li a,
ul.footer_service_links li a.visited{
display:block;
text-decoration:none;
color:#a0a0a0;
line-height:25px;
margin-right:9px;
}
ul.footer_service_links li a.active,
ul.footer_service_links li a:hover{
display:block;
color: #a0a0a0;
text-decoration:none;
}
ul.footer_service_links li.copyright{
	float:right;
	margin: 0px;
}
span.footer-copyright{
float:right;
color:#a0a0a0;
font-size:12px;
line-height:26px;
}


div.content ul.browsebox{
	
	margin: 20px 0px 20px 0px;
}

div.content ul.browsebox li{
	padding: 0px 5px 0px 5px;
	display: inline;
	list-style:none;
}
/* 
 * Mainnavigation Ends
 */

/* 
 * Contentwrapper Starts
 */
 
div.column-wrapper{
/*background-image:url(../images/bgs/union-gruppe-cntnt-bg.jpg);
background-position:left bottom;
background-repeat:no-repeat;*/
margin: 8px auto 0px auto;
padding: 0px 0px 0px 0px;
/*width:890px;*/
}
div.clearer{
clear:both;
}
div.content{
	clear:both;
	padding:0px 18px 40px 30px;
}

div.content img {
	max-width: 100%;
	height: auto;
}

div.content div.csc-frame-rulerAfter{
background-image:url("../images/glbl/layout_items/jutai_dotline.gif");
background-position:left bottom;
background-repeat:repeat-x;
margin:0px 0px 18px 0px;
}

div.content ul{
	margin: 0px 0px 0px 25px;
}
div.content ul li{
	list-style: disc;
	list-style-position:outside;
	
}
div.content ol{
	margin: 0px 0px 0px 25px;
}
div.content ol li{
	list-style: decimal;
	list-style-position:outside;
	
}

/* 
 * Contentwrapper Ends
 */
h1,
div.content h2,
div.content div.tx-felogin-pi1 h3{
color: #236E83;
font-size: 15px;
font-weight: bold;
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;
}

div.content div.tx-felogin-pi1 legend{
	display: none;
}

input#pass{
	margin: 0px 0px 10px 0px;
}

div.left-column{
background-image:url(../images/glbl/layout_items/jutai-vertical-dots.gif);
background-position:right top;
background-repeat:repeat-y;
width:630px;
min-height:300px;
display:block;
float:left;
}


div.right-column{
float:left;
width:290px;
padding: 0px 0px 0px 10px;
margin:0px 0px 0px 0px;
min-height:300px;
display:block;
}

/*
 * News Starts
 */
div.news-latest-container h2 {
margin:0px 0px 7px 0px;
padding:0 0 7px 0px;
font-weight:bold;
font-size:12px;
border-bottom: 1px solid #ffffff;
text-transform:uppercase;

}
div.news-latest-item{
margin:0px;
padding:0px;
}
 
div.news-latest-container{
color: #ffffff;
margin:0;
width: 280px;
padding:0px;
}
div.news-latest-container_c{
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:right top;
background-repeat: repeat;
color: #ffffff;
margin:0;
padding:10px;
width: 260px;
}
div.news-latest-container div.first_line{
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:1px top;
background-repeat: repeat;
width:276px;
height:1px;
display:block;
margin:0px auto 0px auto;
}
div.news-latest-container div.last_line{
background-image:url(../images/bgs/jutai-bg-pattern-news.png);
background-position:-2px top;
background-repeat: repeat;
width:278px;
height:1px;
display:block;
margin:0px auto 0px auto;
}
div.news-latest-item a{
color:#ffffff;
text-decoration:none;
}
div.news-latest-container h3 a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
div.news-latest-container p{
margin: 5px 0px 10px 0px;
font-size:10px;
}
div.news-latest-item img {
border:none;
float:left;
margin:0 10px 0px 0;
}
span.news-list-morelink a,
span.news-list-morelink a:hover,
span.news-list-morelink a.visited{
height:17px;
float:right;
color:#236E83;
line-height:17px;
text-decoration: none;
margin: 20px 0px 0px 0px;
}
div.news-latest-morelink a{
height:17px;
float:right;
color:#ffffff;
text-align:center;
line-height:17px;
}
div.news-single-item h2{
	background-image:url("../images/glbl/layout_items/jutai_dotline.gif");
background-position:left bottom;
background-repeat:repeat-x;
color: #236E83;
font-size: 12px;
font-weight:bold;
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;

}
div.news-single-img,
div.news-list-container img {
float:left;
margin:0px 10px 0 0px;
padding:0;
}
div.news-single-item p,
div.news-list-container p{
margin: 0px;
height:auto;
}
div.news-single-item h3{
font-weight:bold;
color: #666666;
margin: 0px 0px 10px 0px;
height:auto;
}
div.news-single-timedata{
color: #236E83;
float: left;
margin: 0px 5px 0px 0px;
}
div.news-list-item {
padding:0 0 20px 0px;
}

div.news-list-container{
padding:0px;
}
div.news-list-item h3 a{
background-image:url("../images/glbl/layout_items/jutai_dotline.gif");
background-position:left bottom;
background-repeat:repeat-x;
color:#006a8c;
text-decoration:none;
font-size: 12px;
font-weight:bold;
padding: 0px 0px 8px 0px;
margin: 0px 0px 8px 0px;


display:block;
}
/*
 * News Ends
 */

/*
 * EXT:news Starts
 */

/* --- Shared: images fill the content width --- */
.news .news-img-wrap {
    margin-bottom: 10px;
}
.news .news-img-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

/* --- List view --- */
.news .news-list-view .article {
    padding: 0 0 16px 0;
    margin: 0 0 16px 0;
    background-image: url(../images/glbl/layout_items/jutai_dotline.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.news .news-list-view .article:last-child {
    background-image: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.news .news-list-view .article .header {
    margin: 0 0 10px 0;
    height: auto;
}
.news .news-list-view .article .header h3 {
    margin: 0;
    padding: 0;
    font-size: 13px;
}
.news .news-list-view .article .header h3 a {
    color: #0d6875;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}
.news .news-list-view .article .header h3 a:hover {
    text-decoration: underline;
}
.news .news-list-view .article .footer {
    margin: 0 0 5px 0;
    order: -1;
}
.news .news-list-view .article .footer p {
    margin: 0;
}
.news .news-list-view .article .news-list-date {
    color: #0d6875;
    font-size: 11px;
    font-weight: bold;
}
.news .news-list-view .article .teaser-text {
    font-size: 12px;
    color: #555555;
    line-height: 1.4;
}
.news .news-list-view .article .teaser-text div {
    margin-bottom: 5px;
}
.news .news-list-view .article .teaser-text a.more {
    color: #0d6875;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.news .news-list-view .article .teaser-text a.more::before {
    content: '>> ';
}
.news .news-list-view .article .teaser-text a.more:hover {
    text-decoration: underline;
}

/* --- Detail view --- */
.news.news-single .article .header h1 {
    color: #0d6875;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    background-image: url(../images/glbl/layout_items/jutai_dotline.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
.news.news-single .article .header {
    height: auto;
}
.news.news-single .article .footer {
    margin: 0 0 12px 0;
}
.news.news-single .article .footer p {
    margin: 0;
}
.news.news-single .article .news-list-date {
    color: #0d6875;
    font-size: 11px;
    font-weight: bold;
}
.news.news-single .article .teaser-text {
    font-size: 12px;
    color: #555555;
    font-style: italic;
    margin: 0 0 12px 0;
    line-height: 1.5;
}
.news.news-single .article .news-text-wrap {
    font-size: 12px;
    color: #444444;
    line-height: 1.6;
}
.news.news-single .article .news-text-wrap p {
    margin: 0 0 10px 0;
}
.news.news-single .article .news-backlink-wrap {
    margin-top: 16px;
    padding-top: 10px;
    background-image: url(../images/glbl/layout_items/jutai_dotline.gif);
    background-position: left top;
    background-repeat: repeat-x;
}
.news.news-single .article .news-backlink-wrap a {
    color: #0d6875;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.news.news-single .article .news-backlink-wrap a::before {
    content: '<< ';
}
.news.news-single .article .news-backlink-wrap a:hover {
    text-decoration: underline;
}

/*
 * EXT:news Ends
 */

/*
 * Footer Starts
 */
div#footer{
background-image:url("../images/glbl/layout_items/jutai_dotline.gif");
background-position:left top;
background-repeat:repeat-x;
	width:890px;
color:#a0a0a0;
display:block;
height:26px;
line-height:26px;
margin: 0px auto 0px auto;
padding: 0px 30px 0px 30px;

} 

/* 
 * Footer Ends
 */
 
/* 
 * SEO Area Starts
 
 
 
div.seo_area{
width:950px;
margin: 20px 5px 0px 5px;
text-align:center;
font-size: 10px;
color:#cccccc;
}
div.seo_area h1{
font-size:10px;
color:#cccccc;
float:left;
font-weight:bold;
border:none;
}

 

 * SEO Area Ends
 */
 
/*
 * Sitemap
 */
 
div.content div.csc-sitemap{
text-decoration: none;
}
div.content div.csc-sitemap ul{
margin-left:0px;
}
div.content div.csc-sitemap ul li{
list-style:none;
font-size: 11px;
}
div.content div.csc-sitemap ul li a{
background-image:url("../images/glbl/layout_items/jutai_dotline.gif");
background-position:left bottom;
background-repeat:repeat-x;
color: #000000;
padding: 8px 0px 8px 15px;
font-size:12px;
text-decoration: none;
display:block;
}
div.content div.csc-sitemap ul li ul li a{
padding: 8px 0px 8px 30px;
}
div.content div.csc-sitemap ul li ul li ul li a{
padding: 8px 0px 8px 45px;
}
div.content div.csc-sitemap a:hover{
color: #ffffff;
font-size:12px;
text-decoration: none;
background-color: #0D6875;
}

/* 
 * Search Starts
 */
 
div.tx-indexedsearch a,
div.tx-indexedsearch a.hover,
div.tx-indexedsearch a:active,
div.tx-indexedsearch a:visited{
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
div.tx-indexedsearch p{ 
height:auto;
margin: 0px 0px 0px 0px;
 }
div.search-extend-link a{
width:140px;
height:17px;
float:right;
color:#ffffff;
text-align:center;
line-height:17px;
text-decoration: none;
margin:0px 10px 0px 0px;
}
input.tx-indexedsearch-searchbox-button{
background-image:url(../images/glbl/icons/lupe.png);
background-position:left top;
background-repeat:no-repeat;
margin-left:-3px;
border:0 none;
color:#FFFFFF;
cursor:pointer;
/*font-size:0;*/
height:21px;
width:21px;
float:left;
}
.tx-indexedsearch-searchbox-sword{
margin:0px;
}
.ac_results{
width:137px;
}
#inlinesearch{
float:right;
}
div.tx-indexedsearch-searchbox td,
div.tx-indexedsearch-whatis,
div.tx-indexedsearch-browsebox{
padding-left:10px;
}
div.tx-indexedsearch-res{
padding:0 10px 0px 10px;
}
div.tx-indexedsearch-res, 
div.tx-indexedsearch-whatis{
margin-top:10px;
}
div.tx-indexedsearch-redMarkup{
font-weight:bold;
color:#FF0000;}
td.tx-indexedsearch-info{
padding:5px 0px 0px 0px;
color:#0D6875;
}

div.glbl_search{
	margin: 0px 30px 0px 0px;
	padding: 61px 0px 0px 0px;
background-position:right -50px;
background-repeat:no-repeat;
}
.tx-indexedsearch-searchbox-sword,
input.search_input_field{
margin: 0px 0px 0px 10px;
padding:0px 0px 0px 5px;
height:19px;
float:left;
border:1px solid #abb1b5;
color:#abb1b5;
}
td.tx-indexedsearch-title {
color:#0D6875;
font-weight:bold;	
}
input.input-image{
background-image:url(../images/glbl/icons/lupe.png);
background-position:left top;
background-repeat:no-repeat;
margin-left:-3px;
border:0 none;
color:#FFFFFF;
cursor:pointer;
/*font-size:0;*/
height:21px;
width:21px;
float:left;
}

/* 
 * Search Ends
 */

div.tx-powermail-pi1{
margin: 0px 0px 10px 0px;
}

div.tx-powermail-pi1 legend{
display: none;
}

div.tx-powermail-pi1 label{
width: 100px;
display:block;
float: left;
}
div.tx_powermail_pi1_fieldwrap_html{
background-color:#e5ebee;
margin: 0px 0px 1px 0px;
padding: 5px;
}
div.powermail_mandatory_js{
color:#ffffff;
margin: 4px 0px 0px 0px;
padding:5px;
background-color:#ff3300;
}


/* =============================================
 * Produkt-Box Layout (textmedia mit Produktbild)
 * Nur aktiv wenn .ce-gallery vorhanden — PDF-Download-CEs bleiben unberührt
 * ============================================= */

.frame-type-textmedia:has(.ce-above) {
    background-color: #e8ecee;
    border-top: 3px solid #0d6875;
    border-right: 1px solid #c5d0d4;
    border-bottom: 1px solid #c5d0d4;
    border-left: 1px solid #c5d0d4;
    margin-bottom: 12px;
    padding: 0 10px 0 150px;
    position: relative;
    overflow: hidden;
    min-height: 91px;
}

.frame-type-textmedia:has(.ce-above) header {
    padding-top: 5px;
}

.frame-type-textmedia:has(.ce-above) .ce-gallery {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    overflow: hidden;
}

.frame-type-textmedia:has(.ce-above) .ce-gallery .ce-outer,
.frame-type-textmedia:has(.ce-above) .ce-gallery .ce-inner,
.frame-type-textmedia:has(.ce-above) .ce-gallery .ce-row,
.frame-type-textmedia:has(.ce-above) .ce-gallery .ce-column,
.frame-type-textmedia:has(.ce-above) .ce-gallery figure.image {
    display: block;
    margin: 0;
    padding: 0;
}

.frame-type-textmedia:has(.ce-above) .ce-gallery img {
    width: 136px;
    height: auto;
    display: block;
}

.frame-type-textmedia:has(.ce-above) .ce-textpic {
    display: block;
}

.frame-type-textmedia:has(.ce-above) .ce-bodytext {
    font-size: 11px;
    color: #555555;
    line-height: 1.3;
}

.frame-type-textmedia:has(.ce-above) .ce-bodytext p {
    margin: 0;
}

.frame-type-textmedia:has(.ce-above) .ce-bodytext p > br:first-child {
    display: none;
}

.frame-type-textmedia:has(.ce-above) h2 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin: 0 0 3px 0;
    padding: 0;
}

.frame-type-textmedia:has(.ce-above) h2 a {
    color: #0d6875;
    text-decoration: none;
    font-weight: bold;
}

.frame-type-textmedia:has(.ce-above) h2 a:hover {
    text-decoration: underline;
}

/* >> Details Button */
.frame-type-textmedia:has(.ce-above)::after {
    content: '>> Details';
    position: absolute;
    bottom: 6px;
    right: 10px;
    background-color: #0d6875;
    color: #ffffff;
    padding: 2px 12px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    pointer-events: none;
}
html[lang="fr"] .frame-type-textmedia:has(.ce-above)::after { content: '>> Détails'; }
html[lang="es"] .frame-type-textmedia:has(.ce-above)::after { content: '>> Detalles'; }

/* Home headline line break */
#c350 h1, #c604 h1, #c605 h1, #c606 h1 { white-space: pre-line; }

/* Stretched link: gesamte Box über h2-Link klickbar */
.frame-type-textmedia:has(.ce-above) h2 a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* =============================================
 * EXT:form - Kontaktformular
 * ============================================= */

form[id^="contact"] {
    max-width: 100%;
    margin: 0 0 20px 0;
}

form[id^="contact"] h2 {
    display: none;
}

form[id^="contact"] .form-group {
    margin-bottom: 12px;
    overflow: hidden;
}

form[id^="contact"] .form-label {
    display: block;
    float: left;
    width: 130px;
    padding-top: 5px;
    font-size: 13px;
    color: #333333;
}

form[id^="contact"] .form-control {
    display: block;
    margin-left: 138px;
    width: calc(100% - 138px);
    padding: 4px 6px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #b0c4c8;
    background-color: #f0f6f7;
    color: #333333;
    box-sizing: border-box;
}

form[id^="contact"] .form-control:focus {
    outline: none;
    border-color: #0d6875;
    background-color: #ffffff;
}

form[id^="contact"] textarea.form-control {
    height: 150px;
    resize: vertical;
}

form[id^="contact"] .form-group.has-error .form-control {
    border-color: #cc0000;
    background-color: #fff5f5;
}

form[id^="contact"] .error.form-text {
    margin-left: 138px;
    color: #cc0000;
    font-size: 12px;
    margin-top: 2px;
}

form[id^="contact"] .form-group .form-check {
    margin-left: 138px;
}

form[id^="contact"] .form-group .form-check label {
    font-weight: normal;
    margin-left: 4px;
}

form[id^="contact"] .form-navigation {
    margin-top: 16px;
    margin-left: 138px;
}

form[id^="contact"] .btn.btn-primary {
    background-color: #0d6875;
    color: #ffffff;
    border: none;
    padding: 6px 20px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

form[id^="contact"] .btn.btn-primary:hover {
    background-color: #0a5460;
}

/* Pflichtfeld-Marker */
form[id^="contact"] abbr[title] {
    color: #cc0000;
    text-decoration: none;
    margin-left: 2px;
}

/* Bestätigungsmeldung nach Absenden */
.tx-form-formframework .confirmation-text {
    padding: 12px 16px;
    background-color: #e8f4f6;
    border-left: 4px solid #0d6875;
    color: #333333;
    font-size: 14px;
}

/* Responsive: unter 768px Formular einspaltig */
@media (max-width: 768px) {
    form[id^="contact"] .form-label {
        float: none;
        width: auto;
        padding-top: 0;
        margin-bottom: 3px;
    }
    form[id^="contact"] .form-control {
        margin-left: 0;
        width: 100%;
    }
    form[id^="contact"] .error.form-text,
    form[id^="contact"] .form-group .form-check,
    form[id^="contact"] .form-navigation {
        margin-left: 0;
    }
}

/*
 * Background Image Fade
 *
 */
div.overlayContainer{   
    float:left;
    overflow:hidden; 
}
div.bgimageOverlay{ 
    background-color:black;
    width:100%;
    height:100%; 
}

#bgimages{
    background-color:black;
    position:absolute;
}

div.clearer{
    clear:both;
}
#spinner{
   width: 220px;
   height: 19px;
   margin-left: -110px;
   margin-top: -9px;
   position:absolute;
   z-index:1000;
   background-color:black;
  
   left: 50%;
   top: 50%;
}
/*
  * Tip a Friend Start ***************************************************************************************************
*/
 div.news-latest-morelink{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

div.right_footer_column a{
background-image:url(../images/glbl/layout_items/tipafriend_button.png);
background-position:8px 2px;
background-repeat:no-repeat;
height:18px;
text-decoration:none;
text-align:center;
text-transform:lowercase;
color:#003b5a;
line-height:17px;
display:block;
margin-top:10px;
outline:none;
}

div.right_footer_column a:hover{
background-image:url(../images/glbl/layout_items/tipafriend_button_hover.png);
background-position:8px 2px;
background-repeat:no-repeat;
height:18px;
text-decoration:none;
text-align:center;
text-transform:lowercase;
color:#003b5a;
line-height:17px;
display:block;
margin-top:10px;
outline:none;
}

div.tip_a_friend_form dl{
display:block;
width:100%;
}
div.tip_a_friend_form dt,
div.tip_a_friend_form dd{
padding: 5px 0px 0px 5px;
}
div.tip_a_friend_form dd{
width: 73%;
}

div.tip_a_friend_form dt{
clear:both;
width:100%;
}
div.tip_a_friend_form dt.error_message,
div.tip_a_friend_form dd.error_message{
padding: 0px 0px 0px 0px;
color:#ffffff;
}
.tx-srfreecap-pi2-image{
	margin:0px 0px 5px 0px !important;
}
/*
 * Tip a Friend End ********************************************************************
 */
/*
 * Teaser
 */

div.teaser{
	background-image:url(../images/glbl/layout_items/teaser-bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
 	margin: 0px 0px 18px 0px;
 	font-size:12px;
 	
 	padding: 0px;
 	width:582px;
	height:91px;
	display: block;
	text-decoration:none;
	position: relative;
 }
 div.teaser:hover{
background-image:url(../images/glbl/layout_items/teaser-bg-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
 }
div.teaser-image{
	height:91px;
	width:136px;
	border-right: 2px solid #ffffff;
	float:left;
	padding: 0px 0px 0px 9px;
	margin:0px 10px 0px 0px;
}
div.teaser-content{
	float:left;
	padding: 0px;
	width: 400px;
	margin:5px 0px 5px 0px;
}
div.teaser-link{
		position:absolute;
	line-height:18px;
	bottom:-9px;
	right:0px;
	float:right;
	margin: 0px 10px 0px 0px;
	text-align:right;
}
div.teaser-link a,
div.teaser-link a.visited{
	background-image:url(../images/glbl/layout_items/jutai-teaser-button-over.gif);
background-position:left top;
background-repeat:repeat;
display:block;
	width: 66px;
	height:19px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	color:#ffffff;
	padding: 0px 14px 0px 0px;
}
div.teaser-link a:hover{
	background-image:url(../images/glbl/layout_items/jutai-teaser-button.gif);
background-position:left top;
background-repeat:repeat;
}
h1.teaser-headline{
	padding: 10px 10px 0px 10px;
 	color: #0D6875;
	margin:0px;
 }
/* slidimage link */
.image-link{
	position:absolute;
	/* default left position for first button */
	left:300px;
	top:50px;
	display:none;
}
#slide-show figure{
	margin:0;
}
#slide-show img{
	position:absolute;
	left:0;
	top:0;
}
table.contenttable h1{
	margin:0px;
	padding:0px;
	font-size: 13px;
}
table.contenttable{
	
}
table.contenttable p{
	margin:0px;
	padding:0px;
}
table.contenttable td{
	padding:0px 0px 0px 2px;
}
/*
 * Teaser
 */

 /* 
 * Start Breadcrumb Styles
 */

div#breadcrumb{
color:#87888a;
font-size:12px;
float:left;
margin: 0px 0px 10px 30px
}
div#breadcrumb ul li{
float:left;
margin-right:5px;
}
div#breadcrumb a,
div#breadcrumb a:active,
div#breadcrumb a:visited{
color:#87888a;
text-decoration:none;
}
div#breadcrumb a:hover{
text-decoration:underline;
color:#87888a;
}
/*
 * Ende Breadcrumb Styles
 */

/* ============================================================
 * RESPONSIVE LAYOUT
 * Breakpoints: 950px (fluid), 768px (tablet), 480px (mobile)
 * ============================================================ */

@media (max-width: 950px) {

    /* --- Hauptcontainer fluid --- */
    div.bg-mainwrapper {
        width: 100%;
    }
    div.mainwrapper {
        width: 100%;
        max-width: 950px;
        box-sizing: border-box;
        padding: 0 15px;
    }
    div.header {
        width: 100%;
        box-sizing: border-box;
    }

    /* --- Keyvisual: Seitenverhältnis 890×280 beibehalten --- */
    div#keyvisual_area {
        aspect-ratio: 890 / 280;
        height: auto;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }
    div#keyvisual,
    div#slide-show-container {
        position: absolute;
        top: 0; left: 0;
        right: 0; bottom: 0;
        width: auto;
        height: auto;
        margin: 0;
    }
    div#keyvisual > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    div#slide-show {
        position: absolute;
        top: 0; left: 0;
        right: 0; bottom: 0;
        width: auto;
        height: auto;
        overflow: hidden;
    }
    div#slider {
        position: static;
        width: 100%;
    }
    #slide-show img {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    div#keyvisual_top_line,
    div#keyvisual_bottom_line {
        display: none;
    }

    /* --- Navigation fluid --- */
    div#main_nav {
        width: 100%;
        max-width: none;
        box-sizing: border-box;
    }

    /* --- Inhaltsspalten --- */
    div.column-wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    div.left-column {
        width: 100%;
        float: none;
        background-image: none;
        min-height: 0;
        box-sizing: border-box;
    }
    div.right-column {
        width: 100%;
        float: none;
        padding: 10px 0 0 0;
        box-sizing: border-box;
    }

    /* --- Breadcrumb --- */
    div#breadcrumb {
        margin-left: 0;
    }

    /* --- Footer --- */
    div#footer {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        padding: 5px 0;
    }
    span.footer-copyright {
        float: none;
        display: block;
        text-align: center;
        padding-top: 4px;
    }
    div#bg-mainwrapper-footer {
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
        text-align: center;
    }

    /* --- Spec-Tabellen scrollen horizontal --- */
    table.contenttable {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }
}

/* --- Tablet (768px) --- */
@media (max-width: 768px) {

    div.mainwrapper {
        padding: 0 10px;
    }

    /* Nav-Items etwas kompakter */
    div#main_nav ul.first_level_nav li a,
    div#main_nav ul.first_level_nav li.sub a {
        padding: 0 8px;
        font-size: 12px;
    }

    /* Content-Abstände */
    div.content {
        padding: 0 5px;
    }

    /* Produktbilder fluid */
    div.content img {
        max-width: 100%;
        height: auto;
    }
}

/* --- Mobile (480px) --- */
@media (max-width: 480px) {

    div.mainwrapper {
        padding: 0 8px;
    }

    /* Logo kleiner */
    div.header {
        height: auto;
        padding-bottom: 8px;
    }
    div.header_logo_area {
        padding: 10px 0 0 10px;
    }
    div.header_logo_area img {
        width: 70px;
        height: auto;
    }

    /* Navigation: vertikal stapeln */
    div#main_nav {
        height: auto;
        padding: 0;
        background-image: none;
    }
    div#main_nav ul.first_level_nav {
        width: 100%;
    }
    div#main_nav ul.first_level_nav > li {
        float: none;
        display: block;
        text-align: left;
        background-image: none;
        border-bottom: 1px solid rgba(13,104,117,0.3);
        padding: 0;
    }
    div#main_nav ul.first_level_nav li a,
    div#main_nav ul.first_level_nav li.sub a {
        font-size: 13px;
        padding: 8px 12px;
        display: block;
    }
    /* Aktiver Menüpunkt bleibt grün */
    ul#topnav > li.active,
    ul#topnav > li.current {
        background-image: url(../images/bgs/jutai-bg-pattern-news.png);
        color: #ffffff;
    }
    ul#topnav > li.active > a,
    ul#topnav > li.current > a {
        color: #ffffff;
    }

    /* Dropdown standardmäßig versteckt, per Klick öffenbar */
    div#main_nav ul.first_level_nav li ul.second-level_nav {
        position: static;
        display: none;
        width: 100%;
        padding: 0 0 8px 0;
    }
    div#main_nav ul.first_level_nav li ul.second-level_nav li.second-level a {
        padding: 6px 24px;
        font-size: 12px;
    }

    /* Footer: Links zentriert */
    ul.footer_service_links {
        text-align: center;
    }
    ul.footer_service_links li {
        float: none;
        display: inline-block;
    }
    span.footer-copyright {
        text-align: center;
        padding-bottom: 6px;
    }
}

/* =============================================================
 * DESIGN TEST — entfernte Elemente
 * ============================================================= */

/* Header-Höhe ans neue Logo anpassen (nur ab 481px) */
@media (min-width: 481px) {
    div.header {
        height: 120px;
    }
}

/* Weiße Hauptfläche direkt vor dem Grün — kein Rand */
div.mainwrapper {
    background-color: #ffffff;
}

/* Gestrichelte Trennlinie zwischen Inhaltsspalte und rechter Spalte entfernen */
div.left-column {
    background-image: none;
}

/* Gestrichelte Linie oberhalb des Footers entfernen */
div#footer {
    background-image: none;
}


/* Gepunktete Linien der Navigation entfernen */
div#main_nav {
    background-image: none;
    padding-top: 0;
}
div#main_nav ul.first_level_nav > li {
    background-image: none;
    padding: 0;
}
div#main_nav ul.first_level_nav > li:last-child {
    background-image: none;
}

/* Hellgraue Button-Hintergründe */
div#main_nav ul.first_level_nav > li a,
div#main_nav ul.first_level_nav > li a:visited {
    background-color: #e8ecee;
    margin-right: 2px;
}

/* Hover & Aktiv: grün überschreibt das Grau sauber */
div#main_nav ul.first_level_nav > li:hover a,
div#main_nav ul.first_level_nav > li a:hover,
div#main_nav ul.first_level_nav > li.active > a,
div#main_nav ul.first_level_nav > li.current > a,
div#main_nav ul.first_level_nav > li a.active {
    background-color: transparent;
}

/* Mobile: grau auch im gestapelten Modus */
@media (max-width: 480px) {
    div#main_nav ul.first_level_nav > li a,
    div#main_nav ul.first_level_nav > li a:visited {
        background-color: #e8ecee;
        margin-right: 0;
    }
}

/* Abstand zwischen Logo-Header und Slider-Bild (nur ab 481px) */
@media (min-width: 481px) {
    div#keyvisual_area {
        margin-top: 15px;
    }
}

/* Schraffierte Rahmen über/unter dem Slider entfernen */
div#keyvisual_top_line,
div#keyvisual_bottom_line {
    display: none;
}

/* Language switcher */
.header_lang_area {
    float: right;
    padding: 22px 30px 0 0;
}
ul.lang-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.lang-nav li.lang-item {
    display: inline-block;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #888;
}
ul.lang-nav li.lang-item + li.lang-item::before {
    content: '\00a0|\00a0';
    color: #bbb;
    font-weight: normal;
}
ul.lang-nav li.lang-item a {
    color: #888;
    text-decoration: none;
}
ul.lang-nav li.lang-item a:hover {
    color: #333;
    text-decoration: underline;
}
ul.lang-nav li.lang-item.lang-current {
    color: #2b5d2b;
}
@media (max-width: 480px) {
    .header_lang_area {
        padding: 38px 10px 0 0;
    }
}

/* Haken-Liste (LED Panels, Content-Element uid=495) */
#c495 ul {
    list-style: none;
    padding-left: 0;
    margin: 8px 0;
}
#c495 ul li {
    padding-left: 28px;
    background-image: url('/fileadmin/site_structure/support_pics/haken.jpg');
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 20px 20px;
    margin-bottom: 4px;
    line-height: 20px;
}