@CHARSET "UTF-8";
/**
 * Responsive Web CSS Definitionen für die gesamte Typographie von www.jost-world.com
 * $Id: typography.css 13604 2017-09-14 10:03:40Z schmoe-klee $
 */

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

h2
{
	padding: 5px;
}

p
{
	line-height: 150%;
}
/****************************************************************************
* GLOBAL CLASSES
****************************************************************************/
.menu a,
.menu a:visited
{
	color: #7cb1d3;
}

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

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

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

.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;
	font-size: 0.9em;
}

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



/****************************************************************************
 * NAVIGATION
 ****************************************************************************/
 #navigation
 {
	text-align: center;
 }

#navigation .menu ul li a
{
	font-size: 1em;;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: lighter;
}
/****************************************************************************
 * MENU
 ****************************************************************************/
#body .column.left
{
	color: #666666;
}

#leftmenu
{
	font-size: 0.75em;
}

#leftmenu ul.treeview > li > strong > a
{
	line-height: 1.3em;
}
/****************************************************************************
 * SUBMENU
 ****************************************************************************/
#body .left .menu .treeview ul li a
{
	font-weight: normal;
}

#body .left .menu .treeview ul li.act > a,
#body .left .menu .treeview ul li.cur > a
{
	font-weight: bold;
}
/****************************************************************************
 * HEADER
 ****************************************************************************/
#header #navigation .logo.left .csc-textpic-text p
{
	font-size: 1.5em;
	color: #b5d1e2;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px; 	
}

#header #top .menu ul li a
{
	font-size: 0.9em;
	font-weight: lighter;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
}
/****************************************************************************
 * BREADCRUMB
 ****************************************************************************/
#breadcrumb
{
	font-size: 0.9em;
}

#breadcrumb ul li a,
#breadcrumb ul li span
{
	color: #000000;
}

#breadcrumb ul li a:visited
{
	color: #000000;
}

#breadcrumb ul li a:hover
{
	text-decoration: underline;
}
/****************************************************************************
* CONTENT
****************************************************************************/
#content
{
	font-size: 0.75em;	
}

#content h2
{
	font-size: 1.15em;	
	color: #004A8D;
}

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

#content .news-single-timedata, 
#content .news-single-author, 
#content .news-single-imgcaption
{
	font-size: 0.8em;
}
/****************************************************************************
* CONTENTTABLE
****************************************************************************/
table.showdates tr.tr-odd td
{
	line-height: 1.7em;
	vertical-align: middle;
}

table.showdates tr.tr-even td
{
	line-height: 1px;
	vertical-align: middle;
}

table.showdates tr th {
    text-align: left;
}
/****************************************************************************
* DOWNLOADTABELLEN
****************************************************************************/
table.pdfdownload tr.space td
{
	line-height: 1px;	
}

table.pdfdownload td
{
	line-height: 1.4em;
}

table.pdfdownload .date
{
	font-size: 0.8em;
	color: #336699;
}

table.pdfdownload td.thumb
{
	text-align: left;
}
/****************************************************************************
* INFOS UND VIDEOS Version 2.1
****************************************************************************/
body#videos2 .content .youtube,
#content .videos .youtube
{
	text-align: center;
}

body#videos2 .content .youtube .hdl,
#content .videos .youtube .hdl
{
	text-align: left;
	font-weight: bold;
}

body#videos2 .content .youtube .element .thumb p,
#content .videos .content .youtube .element .thumb p,
body#videos2 .content .youtube .element .title,
#content .videos .youtube .element .title
{
	text-align: left;
}

body#videos2 .content .youtube .element div.title,
#content .videos .content .youtube .element div.title
{
	font-size: 0.9em;
}
/****************************************************************************
* LADEMITTELBESTELLUNG
****************************************************************************/
#lademittelbestellung
{
	text-align: left; 
	font-size: 1.3em;
}
/****************************************************************************
* 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 h2,*/
#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 .csc-frame-frame2 ol li,
/*#content .jt3content p,*/
/*#content .jt3content ul li,*/
#content .jt3content p span,
#content .jt3content p em,
#content .toggle p,
#content .toggle ul li
/*#content .jt3content a*/
{	
	font-size: 1.15em;
	font-weight: normal;
	color: #666666;	
}

#content .csc-frame-frame2 strong,
#content .csc-frame-frame2 a
{	
	font-size: 1.0em;
}
/****************************************************************************
* TIMELINE
****************************************************************************/
#content .jt3content.timeline li a
{
	color: #737375;
	font-weight: bold;
	font-size: 1.3em;
}


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

#content .jt3content.timeline li:hover a,
#content .jt3content.timeline li.active a
{
	color: #ffffff;	
}
/****************************************************************************
* MESETERMINE
****************************************************************************/
table.showdates tr
{
	line-height: 1.7;
}

table.showdates tbody tr.tr-even
{
    line-height: 1px;
}
/****************************************************************************
* SITEMAP
****************************************************************************/
#content .csc-sitemap ul li a,
#content .csc-sitemap ul li a:visited
{
	font-weight: bold;
	font-size: 1em;
}

#content .csc-sitemap ul li ul li a,
#content .csc-sitemap ul li ul li a:visited
{
	font-weight: normal;
	font-size: 0.9em;
}
/****************************************************************************
* SIDEBAR
****************************************************************************/
#body .column.sidebar .link .label a,
#body .column.sidebar .link .label a:visited
{
	color: #FFFFFF;
}

#body .column.sidebar .container .csc-header h2
{
	color: #FFFFFF;	
}
/****************************************************************************
* BOTTOM
****************************************************************************/
#bottom
{
	font-size: 0.8em;
}

#bottom .menu ul li a
{
	color: #FFFFFF;
}
/****************************************************************************
* TVBOX
****************************************************************************/  
#player-container .main h2
{
	font-size: 2.75em; 
	font-weight: 300;
	line-height: 100%;
	/*letter-spacing: -0.06em;*/ 
}

#player-container .main h3
{
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 5px;
	line-height: 1.2em;
}

#player-container .main p,
#player-container .main .news_content
{
	font-size: 0.9em;
	line-height: 120%;
	font-family: Helvetica, Arial, sans-serif; 
}

#player-container .main .news_content .pagelink a
{
	font-size: 1em;
	font-weight: bold;
	color: #004290;
}

#player-container .main .news_content .pagelink a.white,
#player-container .main .news_content .pagelink a.white:visited
{
	color: #FFFFFF;
}

#player-container .main .news_content .pagelink a.blue:visited
{
	color: #004290;
}

#player-container .newslist ul li .news .text .pagelink,
#player-container .newslist ul li .news .text .pagelink a
{
	line-height: 1em;
}

#player-container .main .news_content .morelink a
{
	color: #000000;
	font-weight: bold;
}

#player-container .main.type2 .text
{
	color: #FFFFFF;
}

#player-container .main.type2 .news_content .morelink a
{
	color: #FFFFFF;
}

#player-container .newslist
{
	text-align: center;
}

#player-container .newslist .slider
{
	text-align: left;
}

#player-container .newslist .slider ul li .news
{
	line-height: 100%;
	font-size: 0.8em;
	height: 98px;
	overflow: hidden;
}

#player-container .newslist ul li .news .text h2
{
	color: #004493;
}

#player-container .newslist ul li .news .text h3
{
	color: #004493;
	font-weight: normal;
}

#player-container .newslist .slider ul li .news p
{
	line-height: 100%;
}
/****************************************************************************
* 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;
}
/******************************************************************************************************
 * POPUP
 *****************************************************************************************************/
 #popup,
 #cboxClose
 {
 	font-size: 0.9em; 	
 }
 
 
 /****************************************************************************
* TWO COLUMNS CE
****************************************************************************/

#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
{
	color: #FFF;
	font-weight: bold;
}