@CHARSET "UTF-8";

/**
 * Screen - Definitionen für JOST-World V2 (Relaunch 2011)
 * @author Kevin Chileong Lee
 * @version 1.1.0
 * @since 10.10.2011
 */

/****************************************************************************
* GLOBAL
****************************************************************************/
p
{
	margin-bottom: 10px;
}

.csc-default div.csc-textpic-center div.csc-textpic-imagewrap
{
	margin-bottom: 10px;
}

#body h2
{
	margin-bottom: 10px;
}

#body h3
{
	margin-bottom: 5px;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text ul
{
	margin-left: 15px;
}

tr.space td
{
	border-bottom: 1px solid #ccc;
}

#content .csc-textpic-imagerow ul,
.csc-textpic-imagerow ul
{
	margin-left: 0;
}

.news-single-img {
	float: left;
	margin-right: 20px;
}

.news-list-item {
	padding: 3px;
	margin-bottom: 30px;
	color: black;
}

.news-list-container img {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-left: 5px;
}

.news-list-morelink {
	margin-bottom: 3px;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

.news-list-morelink, .news-list-category {
	font-size: 9px;
	margin-left: 3px;
}

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

.news-list-morelink a {
	font-size: 1.2em;
	text-decoration: none;
	color: black;
}
/****************************************************************************
 * ICONS
 ****************************************************************************/
i.jost-new
{
	padding: 2px 5px;
	background-color: #003c8a;
	box-sizing: border-box;
	color: white;
	text-transform: uppercase;
	display: inline-block;
	font-style: normal;
	text-align: center;
	font-size: 11px;
}

a.arrow-big
{
	font-size: 1.75em;
	display: block;
	position: relative;
}

a.arrow-big:after
{
	content: "\f105";
	display: table;
	right: 0;
	bottom: 0;
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 2em;
}

.cursor-pointer {
	cursor: pointer;
}
/****************************************************************************
* EMULATE BOOTSTRAP
****************************************************************************/
.col-xs-12,
.col-sm-9,
.col-sm-8,
.col-sm-4,
.col-sm-3
{
	box-sizing: border-box;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-12
{
	float: left;
	width: 100%;
}

@media (min-width: 768px)
{
	.col-sm-3,
	.col-sm-4,
	.col-sm-8,
	.col-sm-9
	{
		float: left;
	}
	
	.col-sm-3 {
	    width: 25%;
	}
	
	.col-sm-4 {
	    width: 33.33333333%;
	}
	
	.col-sm-8 {
	    width: 66.66666667%;
	}
	
	.col-sm-9 {
	    width: 75%;
	}
}

.row
{
	margin-right: -15px;
    margin-left: -15px;
}

.row:after,
.row:before
{
	display: table;
    content: " ";
}

.row:after
{
	clear: both;
}

 /****************************************************************************
 * EDITOR
 ****************************************************************************/  
ol.lowerLatin
{
	list-style-type: lower-latin;
}
 /****************************************************************************
 * STRUKTUR
 ****************************************************************************/  
 #navigation
 {
 	height: 52px;
 }
 
 #top .menu ul ul {
	margin-top: -20px;
}
/****************************************************************************
* MENU
****************************************************************************/
#body .column.left
{
	padding: 0 5px 10px 5px;
	width: 190px;
	background-color: #ffffff;
}
	
.column.left h2
{
	padding-bottom: 0;
}

.column.left .menu
{
	margin-left: 7px;
}

.column.left .menu ul > li
{
	border-bottom: 1px dotted #666666;
	padding: 5px 0 5px 0;
}

.column.left .menu ul li li
{
	border: 0;
}
/****************************************************************************
* SUBMENU
****************************************************************************/
.liquid_small #leftmenu
{
	border-right: 1px solid #033067;
	border-bottom: 1px solid #033067;
}

#body .left .menu .treeview
{
	list-style: none;
}

#body .left .menu .treeview > li
{
	background: url("../images/icons/menu/jw-subnavi_icon_greybullet.png") no-repeat scroll left 7px transparent;
	padding-left: 15px;
}

#body .left .menu > .treeview > li.expandable
{
	background: url("../images/icons/menu/jw-subnavi_icon_grey-closed.png") no-repeat scroll left 7px transparent;
	padding-left: 15px;
}

#body .left .menu > .treeview > li.collapsable
{
	background: url("../images/icons/menu/jw-subnavi_icon_grey-open.png") no-repeat scroll left 7px transparent;
}

#body .left > .menu .treeview > li.act
{
	background: url("../images/icons/menu/jw-subnavi_icon_orange.png") no-repeat scroll left 7px transparent;
}

#body .left > .menu .treeview > li.act.collapsable
{
	background: url("../images/icons/menu/jw-subnavi_icon_ro-open.png") no-repeat scroll left 7px transparent;
}

#body .left > .menu .treeview > li.act.expandable
{
	background: url("../images/icons/menu/jw-subnavi_icon_ro-closed.png") no-repeat scroll left 7px transparent;
}

body.colored-treeview #body .left > .menu .treeview > li.act
{
	background: url("../images/icons/menu/jw-subnavi_icon_grey-open.png") no-repeat scroll left 7px transparent;
}

body.colored-treeview #body .left > .menu .submenu.treeview > li.act,
#body .left > .menu .submenu.treeview > li.act
{
	background: none;
}

#body .left .menu .treeview ul li
{
	background: 0;
	padding: 0;
}

#body .left .menu .treeview ul li.act,
#body .left .menu .treeview ul li.cur
{
	background: 0;
}

#body .left .menu > .treeview > li > a
{
	font-weight: bold;
}

#body .left .menu .treeview .hitarea
{
	position: relative;
	left: -15px;
	top: 0;
	margin-bottom: -10px;
	width: 10px;
	height: 10px;
}

#body .left .menu .treeview .hitarea
{	
	cursor: pointer;
}

#leftmenu .submenu
{
	margin-top: 3px;
}

#leftmenu .submenu > li
{
	margin-bottom: 3px;
}

#leftmenu .submenu > li.collapsable ul
{
	margin-left: 10px;
}

/* TT Start */
#body .left .menu .treeview > li#page-437,
#body .left .menu .treeview > li#page-863
{
	background-image: url(../images/icons/rectangle_blue.gif);
}

#body .left .menu .treeview > li#page-437.expandable,
#body .left .menu .treeview > li#page-863.expandable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_tt-closed.png);
}

#body .left .menu .treeview > li#page-437.collapsable,
#body .left .menu .treeview > li#page-863.collapsable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_tt-open.png);
}
/* TT Ende */

/* TRIDEC Start */
#body .left .menu .treeview > li#page-415
{
	background-image: url(../images/icons/rectangle_lightblue.gif);
}

#body .left .menu .treeview > li#page-415.expandable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_tridec-closed.png);
}

#body .left .menu .treeview > li#page-415.collapsable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_tridec-open.png);
}
/* TRIDEC Ende */

/* CT Start */
#body .left .menu .treeview > li#page-433
{
	background-image: url(../images/icons/rectangle_magenta.gif);
}

#body .left .menu .treeview > li#page-433.expandable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_ct-closed.png);
}

#body .left .menu .treeview > li#page-433.collapsable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_ct-open.png);
}
/* CT End */

/* RO Start */
#body .left .menu .treeview > li#page-423,
#body .left .menu .treeview > li#page-417,
#body .left .menu .treeview > li#page-411
{
	background-image: url(../images/icons/rectangle_orange.gif);
}

#body .left .menu .treeview > li#page-423.expandable,
#body .left .menu .treeview > li#page-417.expandable,
#body .left .menu .treeview > li#page-411.expandable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_ro-closed.png);
}

#body .left .menu .treeview > li#page-423.collapsable,
#body .left .menu .treeview > li#page-417.collapsable,
#body .left .menu .treeview > li#page-411.collapsable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_ro-open.png);
}
/* RO End */

/* Edbro Start */
#body .left .menu .treeview > li#page-837
{
	background-image: url(../images/icons/rectangle_red.gif);
}

#body .left .menu .treeview > li#page-837.expandable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_edbro-closed.png);
}

#body .left .menu .treeview > li#page-837.collapsable
{
	background-image: url(../images/icons/menu/jw-subnavi_icon_edbro-open.png);
}
/* Edbro End */

#body .left .menu .treeview .submenu li.collapsable
{
	background: none;
}
/****************************************************************************
* BREADCRUMB
****************************************************************************/
#breadcrumb
{
	float: left;
	width: 100%;
	padding: 5px 0 5px 0;
}

#breadcrumb ul,
#breadcrumb ul li
{
	float: left;
}

#breadcrumb ul
{
	list-style-type: none; 
}

#breadcrumb ul li
{
	margin-right: 5px;
}

#breadcrumb ul li a,
#breadcrumb ul li span
{
	padding: 2px 5px 0 0;
}
/****************************************************************************
* CONTENT
****************************************************************************/
#body .wrapper
{
	position: relative;
	z-index: 0;
	background: #FFFFFF url(/fileadmin/images/content_bg.gif) repeat-y left top;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

#body .column.content {
	width: 764px;	
	padding: 0 15px 5px 14px;
	background-color: #FFFFFF;
	margin-left: 1px;
}

#content ul,
#content ol
{
	margin-left: 15px;
}

#content ul.bxslider
{
	margin-left: 0;
}

#content ul li
{
	padding: 2px 0 2px 0;
}

#content ul.bxslider li
{
	padding: 0;
}

#content h2
{
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666666;
}

#content h3
{
	margin-top: 3px;
}

#content > div,
#content > p,
#content > ul,
#content > table
{
	margin-bottom: 18px;
}

#content .tx-jiccontent-pi1 table.pdfdownload tr.space
{
	background: none;
}

#content .csc-textpic-center.csc-textpic-below .csc-textpic-imagewrap ul
{
	margin-left: 0;
}
/****************************************************************************
* TWO COLUMNS CE
****************************************************************************/
.ce_two_columns .column
{
	width: 49%;
	float: left;
}

#popup .ce_two_columns .column
{
	width: 48%;
}

.ce_two_columns .col1
{
	margin-right: 15px;
}

#content .ce_two_columns .col2 .jt3content.jsidebarelement ,
.ce_two_columns .col2 .jt3content.jsidebarelement
{
	background-color: #ededef;
	width: 210px;
	padding-bottom: 10px;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 1px 10px 1px #d3d3d3;
}

#content .ce_two_columns .col2 .jt3content.jsidebarelement h2,
.ce_two_columns .col2 .jt3content.jsidebarelement h2,
#content .ce_two_columns .col2 .jt3content.jsidebarelement h3,
.ce_two_columns .col2 .jt3content.jsidebarelement h3
{
	padding: 9px 7px 9px 7px;
	background-color: #1154a2;
}

#content .ce_two_columns .col2 .jt3content.jsidebarelement > *,
.ce_two_columns .col2 .jt3content.jsidebarelement > *
{	
	margin-left: 10px;
	margin-right: 10px;
}

#content .ce_two_columns .col2 .jt3content.jsidebarelement > *:last-child,
.ce_two_columns .col2 .jt3content.jsidebarelement > *:last-child
{
	margin-bottom: 0;
}

#content .ce_two_columns .col2 .jt3content.jsidebarelement > ul,
.ce_two_columns .col2 .jt3content.jsidebarelement > ul
{
	margin-left: 25px;
}

#content .ce_two_columns .col2 .jt3content.jsidebarelement .csc-header,
.ce_two_columns .col2 .jt3content.jsidebarelement .csc-header
{
	margin: 0 0 10px 0;
}

/****************************************************************************
* DOWNLOADTABELLEN
****************************************************************************/
table.pdfdownload
{
	width: 100%;
}

table.pdfdownload tr.thead th
{
	padding-top: 10px;
}

table.pdfdownload td.description, 
table.pdfdownload th.description,
table.pdfdownload .td-0
{
	width: 400px;
	padding: 5px 0 5px 0;
	text-align: left;
}

table.pdfdownload td.download, 
table.pdfdownload th.download,
table.pdfdownload td, 
table.pdfdownload th
{
	padding: 5px 0 5px 0;
	text-align: center;
}

table.pdfdownload .td-1
{
	text-align: left;
}

#content table.pdfdownload td.description .images ul
{
	margin: 0;
}
/****************************************************************************
* INHALTSTABELLEN
****************************************************************************/
table.contenttable
{
	border-collapse: collapse;
}

table.contenttable tr th
{
	border-bottom: 1px solid black;
	padding-bottom: 10px;
}
/****************************************************************************
* SIDEBAR
****************************************************************************/
#body .column.sidebar
{
	float: left;
	display: none;
	position: relative;
	top: -609px;
	background-color: #397fba;
	border-radius: 0 5px 5px 0;
	width: auto;
	z-index: -1;
}

#body .column.sidebar .link
{
	padding: 10px 10px 0 10px;
	width: 163px;
}

#body .column.sidebar .link.odd .label
{
	border-bottom: 1px dashed #FFFFFF;
	border-top: 1px dashed #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#body .column.sidebar .container
{
	width: 190px;
	overflow: hidden;
}

#body .column.sidebar .container .csc-header h2
{
	display: block;
	float: left;
	width: 174px;
	cursor: pointer;
	background: transparent url(/fileadmin/images/sidebar/head_bg.jpg) repeat-x left top;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 17px;
	padding-left: 10px;
	border-radius: 0 5px 5px 0;	
	height: 23px;
	margin-bottom: 0;
}

#body .column.sidebar .container .items
{
	float: left;
	padding-bottom: 10px;
}



#body .sidebar_left
{
	padding-left: 7px;
}


/****************************************************************************
* LADEMITTELARTEN
****************************************************************************/
#makeMeScrollable
{
	width:100%;
	height: 200px;
	position: relative;	
}

#makeMeScrollable .scrollWrapper
{
	overflow: hidden;
}
		
#makeMeScrollable .scrollWrapper .entry
{
	float: left;
	margin-right: 20px;
	height: 200px;
	position: relative;
}

#makeMeScrollable .scrollWrapper .entry .image
{
	height: 150px;
}

#makeMeScrollable .scrollWrapper.entry .text
{
	height: 50px;
}

#logistics #sbCaption
{
	width: 90% !important;
}
 /****************************************************************************
 * SITEMAP
 ****************************************************************************/
 #content .csc-sitemap ul
 {
 	list-style: none;
 	margin-left: 0;
 }
 
 #content .csc-sitemap ul ul
 {
 	list-style: disc;
 }
 
 #content .csc-sitemap ul ul,
 #content .csc-sitemap ul ul ul,
 #content .csc-sitemap ul ul ul ul
 {
 	margin-left: 30px;
 } 

/****************************************************************************
 * INFOS UND VIDEOS
 ****************************************************************************/
 .content .jost_headline
 {
 	margin-bottom: 20px;
 }
 
 .content .jost_headline .downloadtable
 {
 	width: 100%;
 }
 
 .content .fotoreihe .fotoreihe_hdl
 {
 	text-align: left;
 	font-weight: bold;
 }
 
 .content .fotoreihe .fotoelement
 {
 	float: left;
 	width: 30%;
 	margin: auto;
 }
 
 .content .fotoreihe .fotoelement .bildnummer
 {
 	width: 120px;
 	margin: auto;
 }
 
  .content .fotoreihe .fotoelement p.bildnummer
 {
 	font-size: 11px;
 }
 
 
 
 /****************************************************************************
 * INFOS UND VIDEOS Version 2.1
 ****************************************************************************/
 #content .videos .jqueryYoutube
 {
 	float: left;
 }
 
 #content .videos .jqueryYoutube .description img.jost-new
 {
	position: relative;
 	top: 5px;
 }
 
 body#videos2 .content .youtube .hdl,
 #content .videos .youtube .hdl
 {
 	margin-bottom: 10px;
 }
 
 body#videos2 .content .youtube .element,
 #content .videos .youtube .element
 {
 	float: left;
 	width: 33%;
 	margin: auto;
 }
 
body#videos2 .content .youtube .element .thumb,
#content .videos .youtube .element .thumb
 {
 	width: 210px;
 	height: auto;
 }
 
 body#videos2 .content .youtube .element .title,
#content .videos .youtube .element .title
 {
 	width: 120px;
 	margin: auto;
 }
 
body#videos2 .content .youtube .element div.title,
#content .videos .content .youtube .element div.title
 {
 	margin: 0;
 	font-size: 12px;
 	width: auto;
 }
 
 
 
/****************************************************************************
 * KONTAKT
 ****************************************************************************/
 table.contact_headquater {
 	border-collapse: separate;
    border-spacing: 10px;
 }
 
 table.contact_headquater tr td
 {
 padding: 3px;
 }
 
 table.contact_headquater tr td.contact_main
 {
 	background-color: #cae4fb;
 }
 
 
 /****************************************************************************
 * LADEMITTELBESTELLUNG
 ****************************************************************************/
 
#lademittelbestellung
 {
 	text-align: left;
 	padding-top: 15px;
 }
 
 #lademittelbestellung .error {
 		background-color: #F8A259;
 }
 
 /****************************************************************************
 * GALLERY
 ****************************************************************************/
 
 table.gallery tr td
 {
 	padding-bottom: 5px;
 }
 
 .fotoelement {
    width: 162px;
    float: left;    
}

.fotoelement .foto
{
	height: 120px;
	overflow: hidden;  
	margin-bottom: 10px;
}

.list .fotoelement
{
	margin-bottom: 20px;	
	width: 120px;
	margin-right: 20px;
	height: 175px;
}
 
/****************************************************************************
* PAGE CONTENT VIEWER
****************************************************************************/
#content .tx-pagecontentviewer-pi1 .navigation ul
{
	margin: 0;
	padding: 0;	
} 

#content .tx-pagecontentviewer-pi1 .navigation ul li
{
	padding: 0;
	margin-right: 0px;
}

#content .tx-pagecontentviewer-pi1 .navigation ul li .entry {
	color: #666;
}


#content .tx-pagecontentviewer-pi1 .navigation ul li.active .entry, 
#content .tx-pagecontentviewer-pi1 .navigation ul li:hover .entry {
	color: #004090;
}


/****************************************************************************
* TEXTPIC GALLERY
****************************************************************************/
#body .tx-textpicgallery-pi1 .wrapper
{
	background: 0;
}

#body .tx-textpicgallery-pi1 .wrapper .entry .csc-textpic-imagewrap ul
{
	margin: 0;
	padding: 0;
}

#body .tx-textpicgallery-pi1 .wrapper .entry .csc-textpic-imagewrap ul li
{
	margin: 0;
	padding: 0;
}
/****************************************************************************
* TT_NEWS
****************************************************************************/

.news-single-item .contenttable
{	
	border-collapse: separate;
	border-spacing: 5px;
}

/****************************************************************************
* FRAME 1 (RAHMEN 1)
****************************************************************************/
#content .csc-frame-frame1 ul li
{
	padding: 0;	
}

#content .csc-frame-frame1 p,
#content .csc-frame-frame1 .csc-textpic		
{
	margin: 5px 0 5px 0 !important;
}

#content .csc-frame-frame1 h1,
#content .csc-frame-frame1 h2
{
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
}

#content .csc-frame-frame1 h1.csc-firstHeader,
#content .csc-frame-frame1 h2.csc-firstHeader
{
	margin-top: 0px;
}
/****************************************************************************
* FRAME 2 (RAHMEN 2)
****************************************************************************/
#content .csc-frame-frame2
{
	/*margin-bottom: 0;*/	
}

#content .csc-frame-frame2 h1,
#content .csc-frame-frame2 h2,
#content .csc-frame-frame2 h3,
#content .jt3content h1,
/*#content .jt3content h2,*/
#content .jt3content h3
{
	padding: 0;	
	border: none;
}

#content .csc-frame-frame2 h1.csc-firstHeader,
#content .csc-frame-frame2 h2.csc-firstHeader,
#content .jt3content .csc-firstHeader
{
	margin-top: 0px;
}

#content .csc-frame-frame2 ul li
{
	padding: 0;	
	line-height: 150%;
}

#content .csc-frame-frame2 p,
#content .csc-frame-frame2 .csc-textpic		
{
	margin: 5px 0 5px 0 !important;
}

#content .csc-frame-frame2 .csc-textpic	
{
	margin-bottom: 0 !important;	
}

#content .csc-frame-frame2 div.csc-textpic div.csc-textpic-single-image img
{
	margin-bottom: 0;
}
/****************************************************************************
* TABELLEN FRAME 1
****************************************************************************/
.csc-frame-frame1 table .td-0
{
	padding-right: 10px;
	vertical-align: top;
}

.csc-frame-frame1 table td
{
	line-height: 1.5em;
}
/****************************************************************************
* CUSTOM FRAMES
****************************************************************************/
.jsidebarshort .ce_two_columns .col1,
#popup .jsidebarshort .ce_two_columns .col1
{
	width: 69%;
}

.jsidebarshort .ce_two_columns .col2
{
	width: 29%;
}

.jsidebarshort .ce_two_columns .col2 > div
{
	margin: auto;
}

#popup .jsidebarshort .ce_two_columns .col2
{
	width: 28%;
}

.jt3content.bigleftcolumn .col1
{
	width: 70%;
	margin-right: 5%;
}

.jt3content.bigleftcolumn .col2
{
	width: 25%;
}
/****************************************************************************
* FRAME Blue-Box
****************************************************************************/
div.blue-box
{
	color: white;
	background-color: #003c8a;
	padding: 10px;
}

div.blue-box li,
div.blue-box p
{
	font-size: 1.15em;
    font-weight: normal;
}
/****************************************************************************
* TIMELINE
****************************************************************************/
#content .jt3content.timeline,
.jt3content.timeline
{
	 background: url("../images/timelinearrow_horizontal.png") no-repeat scroll -75px 10px transparent;
    width: auto;
    padding-top: 0px;
}
	
#content .jt3content.timeline ul,
.jt3content.timeline ul
{
	list-style: none;
	text-align: left;
	margin: 0;
}

#content .jt3content.timeline li,
.jt3content.timeline li
{
	background-color: #e7e7e7;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	display: inline-block;
    margin-right: 12px; 
}

#content .jt3content.timeline li:hover,
.jt3content.timeline li:hover,
#content .jt3content.timeline li.active,
.jt3content.timeline li.active
{
	background-color: #737375;
}

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

.jt3content.timelinePopup .csc-textpic .csc-textpic-imagewrap
{
	margin: 0 0 10px 0;	
}

.jt3content.timelinePopup .csc-textpic .csc-textpic-imagewrap img
{
	margin: 0;
	border-radius: 5px 5px 0 0;
}

.jt3content.timelinePopup .csc-textpic .csc-textpic-text
{
	background-color: #707173;
	padding: 5px;
	border-radius: 0 0 5px 5px;
}

.jt3content.timelinePopup .csc-textpic .csc-textpic-text ul
{
	margin-left: 15px;
}

.jt3content.timelinePopup .csc-textpic .csc-textpic-text ul li
{
	margin-bottom: 6px;
}

.jt3content.timeline2columns .col1
{
	width: 669px;
}

.jt3content.timeline2columns .col2
{
	width: 80px;
}

.jt3content.slim,
#content .jt3content.slim,
.jt3content.slim h2,
#content .jt3content.slim h2,
.jt3content.slim .firstHeader,
.jt3content.slim img,
.jt3content.slim div.csc-textpic div.csc-textpic-single-image img
{
	margin: 0;
}

/****************************************************************************
* MESETERMINE
****************************************************************************/
table.showdates 
{
	width: 100%;
	border-spacing:0px;
}


table.showdates tbody tr.tr-even
{
	background-color: #CCCCCC;
    height: 1px;
}


table.showdates tbody tr.tr-even td
{
	padding: 0;
}

table.showdates thead tr
{
	border-bottom: 1px solid #CCCCCC;
}

table.showdates tr.tr-odd td
{
	padding: 7px 0;
}

/******************************************************************************************************
 * LOGISTIK
 *****************************************************************************************************/
 table.packaging
 {
 	width: 100%;
 }
 
 table.packaging tr td
 {
 	border: 1px solid #004A8D;
 	padding: 5px;
 	border-radius: 5px;
 	background-color: #c8dff4;
 	margin-bottom: 5px;
 }
 
/******************************************************************************************************
 * POPUP
 *****************************************************************************************************/
 #popup
 {
 	/*width: 350px;*/
 	width: 100%;
 	overflow: hidden;
	line-height: normal;
}

.fancybox-youtube .fancybox-skin
{
	background: none;
	background-color: #000;
}
/******************************************************************************************************
 * IMPRINT
 *****************************************************************************************************/
 body.imprint .tx-jiccontent-pi1 .addresslist .address
 {
 	height: auto;
 }
 
 /******************************************************************************************************
 * TEXTSUCHE
 *****************************************************************************************************/
 
 .tx-indexedsearch .browsebox,
 .tx-indexedsearch .browsebox li
 {
 	float: left;
 }
 
 .tx-indexedsearch .browsebox
 {
 	list-style: none;
 	padding-left: 0;
 }
 
 .tx-indexedsearch .browsebox li
 {
 	margin-right: 10px;
 }
 
.tx-indexedsearch ul {
	display: inline-block;
 	list-style-type: none;
 }
 
 .tx-indexedsearch ul li {
 	margin-right: 15px; 
 	float: left;
 }
 
 .tx-indexedsearch .percent-tmpl-css
{
	margin-top: 0;
	font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-res
{
	border-radius: 0 0 5px 0;	
	clear: both;
}

.tx-indexedsearch .tx-indexedsearch-res h3
{
	padding: 5px;
	background-color: #E1E2E4;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr
{
	padding: 5px;
	margin-top: 0;
}
 
.catalogue_results #tx_indexedsearch,
.catalogue_results .tx-indexedsearch-rules,
.catalogue_results .tx-indexedsearch-whatis
 {
 	display: none;
 } 
 
 
 .catalogue_results .tx-indexedsearch-res .res
 {
 	display: block;
 } 


/*Test-Suchseite*/
#c3092 .catalogue_results #tx_indexedsearch,
#c3092 .catalogue_results .tx-indexedsearch-whatis,
#c3092 .catalogue_results .tx-indexedsearch-browsebox .browsebox,
#c3092 .catalogue_results .tx-indexedsearch-res 
 {
 	display: block;
 } 
 
 /******************************************************************************************************
 * SPEZIFISCHE ELEMENTE
 *****************************************************************************************************/
 #c3087 .address
 {
 	float: none;
 	height: auto;
 }
 
 #c3025 .tx-jiccontent-pi1 table.pdfdownload .date
 {
 	display: none;
 }
 
/******************************************************************************************************
* HOVERMENÜ
*****************************************************************************************************/
#mainmenu > ul > li > .cornerWrapper {
	font-size: 0.75em;
}

#top #mainmenu > ul > li > .cornerWrapper ul li
{
	margin-bottom: 3px;
}
/******************************************************************************************************
* NEWS
*****************************************************************************************************/
 .news-single-item > ul
 {
 	list-style-position: inside;
 }
 
/******************************************************************************************************
* onlyLeftFloating
*****************************************************************************************************/
div.onlyLeftFloating .ce_two_columns .column
{
	width: auto;	
}

div.onlyLeftFloating .ce_two_columns .column p
{
	font-size: 1em;
	color: black;
}

#content div.onlyLeftFloating .ce_two_columns .column .csc-textpic-imagecolumn ul,
.ce_two_columns .column .csc-textpic-imagecolumn ul
{
	margin-left: 0;
}

div.onlyLeftFloating .ce_two_columns .col2
{
	margin-right: 20px;	
}

div.onlyLeftFloating .ce_two_columns .col2
{
	float: none;
}

/******************************************************************************************************
* 3 COLUMNS WRAPPER
*****************************************************************************************************/
.ce_three_columns .column
{
	float: left;
	width: 30%;
}

.ce_three_columns .column .tx-jiccontent-pi1 .addresslist .address
{
	width: 100%;
}

.ce_three_columns .col2
{
	margin-left: 1%;
	margin-right: 1%;
}

.ce_three_columns .col3 h3
{
	line-height: 1.3em;
}
/****************************************************************************
* FLEXSLIDER
****************************************************************************/
.flexslider .slides
{
	margin-left: 0  !important;	
}

.flexslider .slides img
{
	height: auto !important;
}

.flex-direction-nav .flex-prev
{
	left: 30px !important;
}

.flex-direction-nav .flex-next
{
	right: 30px !important;
}
 /****************************************************************************
 * MAILFORM
 ****************************************************************************/  
.csc-mailform label
{
	display: block;
}

.csc-mailform-field
{
	margin-bottom: 0.5rem;
}

.layout-1 .csc-mailform label
{
	float: left;
}

.layout-1 .csc-mailform label
{
	width: 200px;
	font-weight: bold;
}

.layout-1 .csc-mailform > .csc-mailform-field:last-child
{
	clear: both;
	float: none;	
}

.layout-1 .csc-mailform input[type=text]
{
	width: 200px;
}

.layout-1 .csc-mailform textarea
{
	width: 198px;
}

.layout-1 .csc-mailform:after
{
	clear: both;
	content: " ";
	display: table;
}

/****************************************************************************
* TABELLEN
****************************************************************************/
.table-directors .td-0 {
	width: 18%;
}
}



/******************************************************************************************************
* 4 COLUMNS WRAPPER
*****************************************************************************************************/
.ce_four_columns .column
{
	float: left;
	width: 24%;
}

.ce_four_columns .column .tx-jiccontent-pi1 .addresslist .address
{
	width: 100%;
}

.ce_four_columns .col2
{
	margin-left: 1%;
	margin-right: 1%;
}

.ce_four_columns .col3
{
	margin-right: 1%;
}

.ce_four_columns .col3 h3
{
	line-height: 1.3em;
}





/****************************************************************************
* FLEXSLIDER
****************************************************************************/
.flexslider .slides
{
	margin-left: 0  !important;	
}

.flexslider .slides img
{
	height: auto !important;
}

.flex-prev
{
	background-image: url(../images/arrows/hr_arrow_left.png) !important;
}

.flex-next
{
	background-image: url(../images/arrows/hr_arrow_right.png) !important;
}

.flex-direction-nav a
{
	width: 12px !important;
	height: 63px !important;
	top: 40% !important;
}
/****************************************************************************
* HR
****************************************************************************/
div.hr-slider .flexslider
{
	border: 1px solid #ededef;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

div.hr-slider .flex-control-nav
{
	display: none;
}

div.hr-slider .flex-direction-nav
{
	height: 0;
}

div.hr-slider .flex-direction-nav .flex-prev
{
	left: 0;
}

div.hr-slider .flex-direction-nav .flex-next
{
	right: 0;	
}

div.hr-slider ul.slides > li
{
	position: relative;
	padding: 0 !important;
}

div.hr-slider .hr-slider-text
{
	position: absolute;
	bottom: 5%;
	left: 5%;
	background-color: rgba(0,112,177,0.75);
	padding: 10px;
	color: #FFFFFF !important;
}

div.hr-slider .hr-slider-text a
{
	color: #FFFFFF;
}

div.hr-arrow-box.cursor-pointer .csc-textpic-text:after,
div.layout-1 > div.hr-arrow-box.cursor-pointer:after
{
	display: table;
	content: "\f105";
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 3em;
	color: #004a8d;
	font-family: 'FontAwesome';
}

div.hr-slider .hr-slider-text h2
{
	border: none !important;
	color: #FFFFFF !important;
    font-size: 1.75em !important;
    font-weight: normal;	
	padding: 0 !important;
	margin: 0 !important;
}

div.hr-slider .flex-direction-nav a
{
	background-color: rgba(0,112,177,0.75);
	padding: 5px;
	background-position: 5px 5px;
	opacity: 0.75;
}

div.hr-arrow-box .csc-textpic-imagewrap,
div.hr-arrow-box .csc-textpic-imagewrap img
{
	max-width: 100%;
	height: auto;
}

div.layout-1 > div.hr-arrow-box,
div.hr-arrow-box .csc-textpic-text
{
	padding: 10px 5px;
	background-color: #ededef;
	position: relative;
}

div.layout-1 > div.hr-arrow-box h2,
div.layout-1 > div.hr-arrow-box h2 *
{
	color: #004a8d;
}

div.layout-1 > div.hr-arrow-box h2 a:hover,
div.layout-1 > div.hr-arrow-box h2 a:focus
{
	text-decoration: none;
}

.roundPicture img {
	border-radius: 50%;
}

.roundPicture h5 {
	font-size: 1.2em;
	color: #666;
}


/**********************************************************************************************
 * TAB_MENU LIGHT
 *********************************************************************************************/

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation  {
	margin-bottom: 30px;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation ul  {
	width: 100% !important;
	height: auto;
	border-bottom: 1px solid #ccc;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation ul li {
	margin-right: 25px;
	padding: 8px 0px;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation ul li span {	
	font-size: 1.9em;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation ul li span.entry {
    padding-left: 0px ;
	padding-right: 0px ;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation ul li.active {
	border-bottom: 2px solid #004090;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation ul li .button {
	display: none;
}

#content .tabMenuLight .tx-pagecontentviewer-pi1 .navigation {
	background: none;
    border-bottom: 0px;
    border-top: 0px;
}


#content .tabMenuLight  .tx-pagecontentviewer-pi1 .content {
    padding-left: 0px ;
}

#content .tabMenuLight  .tx-pagecontentviewer-pi1 .content .csc-frame-frame2 {
    margin-bottom: 15px ;
}
 {
    padding-left: 0px ;
}



/**********************************************************************************************
 * COMMERCIAL
 *********************************************************************************************/
.commercial-textpic img,
.commercial-textpic .csc-textpic-imagecolumn
{
	max-width: 100% !important;
	width: initial !important;
	height: auto;
}

.commercial-textpic
{
	margin: 0;
	background-color: rgba(0,112,177,0.75);
	border: 1px solid #0070b1;
}

.commercial-textpic > .col-xs-12
{
	padding-left: 0;
}

.commercial-textpic > .col-xs-12 > .row
{
	position: relative;
	border: 1px solid #004a8d;
}

.commercial-textpic .commercial-textpic-pic,
.commercial-textpic .commercial-textpic-text
{
	height: 100%;
}

.commercial-textpic .commercial-textpic-pic
{
	padding: 0;
}

.commercial-textpic .commercial-textpic-pic img
{
	margin: 0 !important;
	height: 100% !important;
}

.commercial-textpic .commercial-textpic-pic .csc-textpic-text
{
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 1;
	color: #004a8d;
}

.commercial-textpic .commercial-textpic-pic .csc-textpic-text h3
{
	font-size: 1.75em;
	font-weight: normal;
}

.commercial-textpic .commercial-textpic-text
{	
	padding-top: 15px;
	padding-bottom: 15px;	
	position: relative;
}

.commercial-textpic .commercial-textpic-text,
.commercial-textpic .commercial-textpic-text a
{
	color: white;
}

.commercial-textpic .commercial-textpic-text .csc-default > p:last-child
{
	margin-bottom: 0;
}

/****************************************************************************
* VIDEO JS
****************************************************************************/
div.video-js
{
	max-width: 100%;
}

@media screen AND (max-width: 1024px) {
	div.video-js
	{
		height: auto !important;		
	}
}