@CHARSET "UTF-8";
/****************************************************************************
 * BOOTSTRAP EXT
 ****************************************************************************/
.col-xxsm-4,.col-xxsm-6,.col-xxsm-8,.col-xxs-12,.col-xsm-4
{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/****************************************************************************
 * GLOBAL
 ****************************************************************************/
*
{
	font-family: Arial, Helvetica, sans-serif;
}

html 
{ 
	-webkit-text-size-adjust:none; 
}

a,
a:visited
{
	text-decoration: none;
	color: #004a8d;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	display: none;	
}

h2
{
	padding: 5px;
}

h2,
h3
{
	font-weight: bold;
}

h2,h3,p
{
	font-size: 1em;
}

p
{
	line-height: 150%;
}

sub
{
	vertical-align: text-bottom;
	font-size: 80%;
}

sup
{
	vertical-align: super;
	font-size: 80%;
}

img,object,video,svg,iframe
{
	max-width: 100%;
}

img,object,video,svg
{
	height: auto;
}

ul
{
	padding-left: 15px;
}
/****************************************************************************
* GENERAL CLASSES
****************************************************************************/
.clear
{
	clear: both;
}
 
.right
{
	float: right;
}	
 
.small
{
	font-size: 10px;
}
 
.pointer
{
	cursor: pointer;
}

.row-no-padding,
.container-no-padding
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.row-no-padding-left
{
	padding-left: 0 !important;
}

.row-no-padding-right,
.container-no-padding-right
{
	padding-right: 0 !important;
}

.menu a,
.menu a:visited
{
	color: #7cb1d3;
}

.menu a:hover,
.menu .act a,
.menu .active a
{
	color: #FFFFFF;
}

.menu ul
{
	margin-bottom: 0;
}

.column.left .menu a:hover,
.column.left .menu .act > a,
.column.left .menu li.act > a,
.column.left .menu li.cur > a
{
	color: #000000;
	font-weight: bold;
}

.column.left h2
{
	color: #0057a6;
}

.column.left .menu a
{
	color: #666666;
}
 
.ce_two_columns .col2 .jt3content.jsidebarelement ul,
.ce_two_columns .col2 .jt3content.jsidebarelement p
{
	text-align: left;	
}

.ce_two_columns .col2 .jt3content.jsidebarelement h2,
.ce_two_columns .col2 .jt3content.jsidebarelement h3
{
	color: #ffffff;
	font-weight: bold;	
}

.content .fotoreihe
{
	text-align: center;
}

.content .fotoreihe .fotoreihe_hdl
{
	text-align: left;
	font-weight: bold;
}

.content .fotoreihe .fotoelement p.bildnummer
{
	font-size: 0.8em;
}

.fotoelement 
{
    text-align: left;
}

.fotoelement td,
.fotoelement td a,
.fotoelement td a span
{
	font-size: 0.8em;
}

.fotoelement .grau {
    color:#999;
}

.csc-frame-frame1 table .td-0
{
	font-weight: bold;
}

.jsidebarshort .ce_two_columns .col2
{
	text-align: center;
}

.jt3content.timeline li a
{
	color: #737375;
	font-weight: bold;
}

.jt3content.timeline li a:hover
{
	text-decoration: none;
}

.jt3content.timeline li:hover a,
.jt3content.timeline li.active a
{
	color: #ffffff;	
}

.jt3content.timelinePopup .csc-textpic .csc-textpic-text
{
	color: #ffffff;
}

.tx-jiccontent-pi1 .addresslist .address,
.tx-jiccontent-pi1 .addresslist table.addresses tbody tr td
{
	line-height: 1.4em;
}

/****************************************************************************
 * STRUKTUR
 ****************************************************************************/
body
{
	background: #7ac4f1 url(../images/backgrounds/jw_schatten_all9.jpg) fixed no-repeat center top;
	padding-top: 81px;	
}

#body,#header > div, #footer, #bottom
{
	max-width: 995px;
	min-width: 320px;
}

#body, #footer, #bottom {
    overflow: hidden;
}

#header
{ 
	background: transparent url(../images/backgrounds/brgd_header_v3.gif) repeat-x left top;
}

#logoleiste figure
{
	margin-bottom: 0;
}
/**************************************************************************** 
 * HEADER
 ****************************************************************************/
#header #navigation .logo.left .csc-textpic-text
{
	padding-top: 0.55em;
}
 
#header #navigation .logo.left .csc-textpic > div
{
	margin-left: 120px !important;
}
 
#header #navigation .logo.left .csc-textpic > div.csc-textpic-imagewrap
{
	margin-right: 0 !important;
	margin-left: 0px !important;
}
 
#header #navigation .logo.left .csc-textpic-imagewrap img
{
	margin-bottom: 0;
}
 
#header #navigation .logo.left .csc-textpic > div .csc-textpic-text
{
	width: auto;
}
 
#header #top .left .menu ul li a
{
	margin-top: 3px;
}
 
#header #top .left .menu ul li.seperator
{
	padding-top: 4px;
}
 
#header #top .right
{
	padding-top: 4px;
}

#header #top .right .sf-menu-responsive .verticalScrolling
{
	overflow-y: auto;
} 

#header #navigation .logo.left .csc-textpic-text p
{
	font-size: 1.7em;
	color: #b5d1e2;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px; 	
}

#header #top .menu ul li a
{
	font-weight: lighter;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
}

#header #top .left .navbar-toggle
{
	border: 1px solid #167aba;
	background-color: #08438a;
	margin: 0;
}

#header #top .left .navbar-toggle .icon-bar
{
	background-color: #b6d1e1;
}
/**************************************************************************** 
 * NAVIGATION
 ****************************************************************************/
 #navigation
 {
 	text-align: center;
 }

 #navigation .center
 { 	
 	margin: 0 auto; 
 }
 
 #navigation .center .logo.left
 {
 	overflow: hidden;
 	height: 49px;
 }
 
 #navigation .logo.left img
 {
 	border-right: 1px solid #55759C;
 	height: 50px;
 }
 
 #navigation .logo.left p,
 #navigation .logo.left div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
 {
	margin: 0;		
 }
 
 
 #navigation .left,
 #navigation .menu
 {
 	float: left;
 }
 
 #navigation .menu
 {
 	padding-top: 17px;
 	margin-left: 10px;
 }
 
 #navigation .menu ul,
 #navigation .menu ul li
 {
 	 float: left;
 }
 
 #navigation .menu ul
 {
 	list-style: none;
 }
 
 #navigation .menu ul li.seperator
 {
 	border-left: 2px solid #55759C;
 	margin: 3px 5px 0 7px;
 	width: 2px;
 }
 
#navigation .menu ul li a
{
	font-size: 1em;;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: lighter;
}
 
#navigation .right
{
	padding-top: 19px;
}
/****************************************************************************
 * TOP
 ****************************************************************************/
#top
{
	text-align: left;
	padding: 3px 0 3px 0; 	
}

#top .left .menu
{
	float: left;
}

#sprachwechsler,
#top .right .menu
{
	float: right;
}

#sprachwechsler
{
	margin-right: 1.2em;
}

#top .menu ul
{
	list-style: none;
}

#top .menu ul,
#top .menu ul li
{
	float: left; 	
}

#top .menu ul.sf-menu
{
	display: block;
}

#top .menu ul li.seperator
{
	margin: 0 6px 0 7px;
	border-left: 2px solid #55759c;
	height: 16px;
	width: 1px;
	margin-top: 2px;
}

#top .menu ul ul,
#top .menu ul ul li
{
	float: none;
	clear: both;
}

#top .submenu li a .sf-sub-indicator:last-child
{
	display: none;
}

#topmenu
{
	padding-top: 1px; 
}

#tinynav1
{
	position: absolute;
	top: 13px;
	left: 200px;
}

#handleIcon
{
	display: none;
}

#top .right .tx-srlanguagemenu
{
	margin-top: 0;
	float: left;
}

#top .right .tx-srlanguagemenu .CUR a.flag:before, 
#top .right .tx-srlanguagemenu .CUR a.linked-language:before
{
	float: left;
	margin-top: 3px;
}
/****************************************************************************
 * SUPERFISH
 ****************************************************************************/
.sf-menu li,
.sf-menu li:hover, 
.sf-menu li.sfHover
{
	background: none;
}

.sf-menu ul.submenu
{
	min-width: 0;
	margin-top: 0.70em;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover
{
	background-color: #02244a;
}

.sf-menu li li {
    background-color: #02244a;
    padding: 5px;
    opacity: 0.75;
}

.sf-menu a
{
	border: none;
	padding: 0;
}

.sf-arrows .sf-with-ul {
    padding-right: 1em;
}

.sf-arrows .sf-with-ul:after
{
	right: 0;
}
/****************************************************************************
* CONTENT
****************************************************************************/
#content
{
	font-size: 0.9em;	
}

#content h2
{
	color: #004A8D;
}

.news-single-item h3,
#content li
{
	line-height: 1.4em;
}

.news-single-timedata, 
.news-single-author, 
.news-single-imgcaption
{
	font-size: 0.8em;
}

.news-list-item .news-list-morelink a,
.news-list-item .news-list-morelink a:hover
{
	color: #004A8D;
}

.news-single-item .col-xxsm-6
{
	padding-left: 0;
}
/****************************************************************************
* FRAME 1 (RAHMEN 1)
****************************************************************************/
#content .csc-frame-frame1 h1,
#content .csc-frame-frame1 h2,
#content .csc-frame-frame1 p,
#content .csc-frame-frame1 ul li
{	
	font-size: 1.3em;
	font-weight: normal;	
	color: #666666;
}

#content .csc-frame-frame1 strong,
#content .csc-frame-frame1 a
{	
	font-size: 1.0em;
}

#content .csc-frame-frame1 ul li,
#content .csc-frame-frame1 p,
#content .csc-frame-frame1 .csc-textpic,
#content .csc-frame-frame2 p,
#content .csc-frame-frame2 .csc-textpic		
{
	line-height: 150%;
}

#content .csc-frame-frame1 h1,
#content .csc-frame-frame1 h2
{
	color: #004A8D;
}
/****************************************************************************
* FRAME 2 (RAHMEN 2)
****************************************************************************/
#content .csc-frame-frame2 h1,
#content .csc-frame-frame2 h2,
#content .csc-frame-frame2 h3,
#content .jt3content h1,
#content .jt3content h3
{
	font-size: 1.75em;
	font-weight: normal;
}

#content .csc-frame-frame2 h3,
#content .jt3content h3
{
	font-size: 1.35em;
	color: #004A8D;
}

#content .csc-frame-frame2 p,
#content .csc-frame-frame2 ul li,
#content .jt3content p span,
#content .jt3content p em
{	
	font-size: 1.15em;
	font-weight: normal;
	color: #666666;	
}

#content .csc-frame-frame2 strong,
#content .csc-frame-frame2 a
{	
	font-size: 1.0em;
}
/****************************************************************************
 * BX SLIDER
 ****************************************************************************/
ul.bxslider
{
	margin: 0 !important;
}

.bx-wrapper .bx-loading {
	background-image: url(../images/bxslider/bx_loader.gif);
}

.bx-wrapper .bx-prev {
	background-image: url(../images/bxslider/controls.png);
}

.bx-wrapper .bx-next {
	background-image: url(../images/bxslider/controls.png);
}

.bx-wrapper .bx-controls-auto .bx-start {
	background-image: url(../images/bxslider/controls.png);
}

.bx-wrapper .bx-controls-auto .bx-stop {
	background-image: url(../images/bxslider/controls.png);
}
/****************************************************************************
 * HOTSPOTTER
 ****************************************************************************/
.tip-tooltip
{
	white-space: nowrap;
}

/* KTL - Verfahren - START */
.red-spot
{
	border-width: 4px !important;	
}

.red-spot.spot-tauchentfettung
{
	border-color: #6a0b19;
}

.red-spot.spot-spritzenfetten
{
	border-color: #575b37;
}

.red-spot.spot-aktivieren
{
	border-color: #fbbf64;
}

.red-spot.spot-zink
{
	border-color: #c1060a;
}

.red-spot.spot-passivierung
{
	border-color: #1a3a95;
}

.red-spot.spot-beschichtung
{
	border-color: #fba82f;
}

.red-spot.spot-auskuehlzone
{
	border-color: #716b6a;
}
/* KTL - Verfahren - END */
/******************************************************************************************************
 * COOKIE CONSENT - START
 *****************************************************************************************************/
.cc_banner-wrapper .cc_container
{
	background-color: #002b58;
    border-top: 1px solid #fe9c00;
}

.cc_banner-wrapper .cc_container a,
.cc_banner-wrapper .cc_container a:visited
{
	color: #fe9c00;
}

.cc_banner-wrapper .cc_container .cc_message
{
	color: white;
	line-height: 120%;
}

.cc_banner-wrapper .cc_container .cc_btn
{
    margin-top: 0.7em;
}

.cc_banner-wrapper .cc_container .cc_btn, 
.cc_banner-wrapper .cc_container .cc_btn:visited
{
	background-color: white;
	color: black;
}

.cc_banner-wrapper .cc_container .cc_btn:hover, 
.cc_banner-wrapper .cc_container .cc_btn:focus,
.cc_banner-wrapper .cc_container .cc_btn:active
{
	background-color: #fe9c00;
	color: white;
}

@media screen and (min-width: 1201px) {
	.cc_banner-wrapper .cc_container .cc_btn
	{
		margin-top: 0;		
	}
}
/******************************************************************************************************
 * COOKIE CONSENT - END
 *****************************************************************************************************/

/******************************************************************************************************
 * POPUP
 *****************************************************************************************************/
#popup,
#cboxClose
{
	font-size: 0.9em; 	
}
/****************************************************************************
 * TYPO3 Overwritings
 ****************************************************************************/
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	margin-bottom: 1em;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image-last
{
	margin-bottom: 0;
}
/****************************************************************************
* FOOTER
****************************************************************************/
#footer
{
	font-size: 0.8em;
}

#footer .menu .wrapper
{
	text-align: left;
}

#footer .menu .wrapper h2
{
	color: #fe9c00;
}

#footer ul .submenu li a
{
	color: #FFFFFF;
}

#footer ul .submenu li a:hover
{
	color: #fe9c00;
}

#footer .brands div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image
{
	margin: 0;
}
/****************************************************************************
* BOTTOM
****************************************************************************/
#bottom
{
	font-size: 0.8em;
    margin: auto;    
    background-color: #003c8a;
	padding: 4px 5px 3px 5px;
}

#bottom .menu ul
{
	list-style: none;
	float: right;
}

#bottom .menu ul li
{
	margin-left: 10px; 
	float: left;
}

#bottom .menu ul li a
{
	color: #FFFFFF;
	font-size: 1.2em;
}

#bottom .menu ul li a:hover
{
	color: #7cb1d3;
}