/* start - Menü Left ############################################################################################################################# */
/* start - Content ############################################################################################################################### */
/* start - Links im Content ############################################# */
/* start - Footer ################################################################################################################################ */
/* start - Forms ################################################################################################################################# */
/* start - formhandler ########################################################################################################################### */
/* start - jquery nach-oben pfeil ################################################################################################################ */
/* start - html5videoplayer ###################################################################################################################### */
/* start - tx_news ############################################################################################################################### */
/* start - mobile ################################################################################################################################ */
/* start - gridelements ########################################################################################################################## */
html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
	height: 100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff url(../layout/background-page250625a.png) repeat-x left top;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

A, A:visited{
	color: #000;
	text-decoration: underline;
}
A:hover{
	color: #666;
	text-decoration: none;
}
*:focus, A:active{
	outline: none;
}

IMG{
	font-size: 8px;
	display: block;
}
#divContent IMG{
	display: inline;
}

A IMG{
	border: none;
}

SUB, SUP{
	line-height: 0px;
	font-size: 60%;
}

UL, OL{
	margin-top: 0px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
}
LI{
	margin-top: 2px;
	padding-top: 2px;
	font-size: 14px;
}

FORM{
	display: inline;
}

SELECT{
	font-size: 14px;
}

INPUT{
	font-size: 14px;
}

HR{
	height: 1px;
	background-color: #124095;
	border: none;
}

.unsichtbar{
	display: none;
	font-size: 0.1em;
}

#divContent H1, #divContent H2, #divContent H3, #divContent H4, #divContent H5, #divContent H6,
DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6, 
H1, H2, H3, H4, H5, H6{
	color: #999;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 9px 0;
}
#divContent H2, H2{ font-size: 16px; padding-bottom: 8px; }
#divContent H3, H3{ font-size: 15px; padding-bottom: 6px; }
#divContent H4, H4{ font-size: 14px; padding-bottom: 5px; }
#divContent H5, H5{ font-size: 12px; padding-bottom: 3px; }
#divContent H6, H6{ font-size: 10px; padding-bottom: 2px; }

/* Linie davor und danach wrappen */
div.csc-frame-rulerBefore{
	margin: 15px 0 12px 0;
	padding: 0;
	height: 1px;
	background-color: #86953a;
}
div.csc-frame-rulerAfter{
	margin: 15px 0 12px 0;
	padding: 0;
	height: 1px;
	background-color: #86953a;
}

#tableHeader{
	width: 970px;
	height: 160px;
	margin: 0 auto;
	overflow: hidden;
}

#tdHeaderLeft{
	width: 220px;
}
#divHeaderLogo{
	width: 200px;
	height: 59px;
	margin: 61px 0 0 20px;
	padding: 0;
	background: transparent url(../layout/logo-header250625a-only-plus200x59.png) no-repeat 0px 0px;
}

#tdHeaderContent{
	width: 545px;
}

/* start - Header Logos rechts ################################################################################################################### */

#divHeaderLogoWrapper{
	display: inline-block;
}

#divHeaderLogosRowLeft{
	display: inline-block;
	float: right;
}

#divHeaderLogoOnly{
	margin: 26px 46px 0 0;
}

#divHeaderLogoPieces{
	margin: 42px 21px 15px 0;
}

#divHeaderLogoJunarose{
	margin: 0 16px 0 0;
}

#divHeaderLogosRowRight{
	display: inline-block;
	float: right;
}

#divHeaderLogoJackJones{
	margin: 24px 0 33px 0;
}

#divHeaderLogoOnlySons{
	margin: 41px 50px 0 0;
}

/* ende  - Header Logos rechts ################################################################################################################### */

#tablePageWrapper{
	table-layout: fixed;
}

#tdHeaderUndMenuUndContent{
	width: 970px;
}

#tableMenuUndContent{
	width: 970px;
	margin: 0 auto;
}

/* start - Menü Left ############################################################################################################################# */

#tdMenuLeft{
	width: 160px;
}

#divMenuLeft,
#divMenuLeftMobile{
	width: 160px;
	margin: 0;
	overflow: hidden;
}
#divMenuLeftMobile{
	margin-top: 0;
}

/* start - alle ebenen */

#divMenuItemE1 A, 
#divMenuItemE1 A:visited,
#divMenuItemE1aktiv A, 
#divMenuItemE1aktiv A:visited,
#divMenuItemE1sub A, 
#divMenuItemE1sub A:visited,
#divMenuItemE1subaktiv A, 
#divMenuItemE1subaktiv A:visited,

#divMenuItemE2 A, 
#divMenuItemE2 A:visited,
#divMenuItemE2aktiv A, 
#divMenuItemE2aktiv A:visited,
#divMenuItemE2sub A, 
#divMenuItemE2sub A:visited,
#divMenuItemE2subaktiv A, 
#divMenuItemE2subaktiv A:visited,

#divMenuItemE3 A, 
#divMenuItemE3 A:visited,
#divMenuItemE3aktiv A, 
#divMenuItemE3aktiv A:visited,
#divMenuItemE3sub A, 
#divMenuItemE3sub A:visited,
#divMenuItemE3subaktiv A, 
#divMenuItemE3subaktiv A:visited,

#divMenuItemE4 A, 
#divMenuItemE4 A:visited,
#divMenuItemE4aktiv A, 
#divMenuItemE4aktiv A:visited,
#divMenuItemE4sub A, 
#divMenuItemE4sub A:visited,
#divMenuItemE4subaktiv A, 
#divMenuItemE4subaktiv A:visited,

#divMenuItemE5 A, 
#divMenuItemE5 A:visited,
#divMenuItemE5aktiv A, 
#divMenuItemE5aktiv A:visited,
#divMenuItemE5sub A, 
#divMenuItemE5sub A:visited,
#divMenuItemE5subaktiv A, 
#divMenuItemE5subaktiv A:visited,

#divMenuItemE6 A, 
#divMenuItemE6 A:visited,
#divMenuItemE6aktiv A, 
#divMenuItemE6aktiv A:visited,
#divMenuItemE6sub A, 
#divMenuItemE6sub A:visited,
#divMenuItemE6subaktiv A, 
#divMenuItemE6subaktiv A:visited,

#divMenuItemE7 A, 
#divMenuItemE7 A:visited,
#divMenuItemE7aktiv A, 
#divMenuItemE7aktiv A:visited,
#divMenuItemE7sub A, 
#divMenuItemE7sub A:visited,
#divMenuItemE7subaktiv A, 
#divMenuItemE7subaktiv A:visited,

#divMenuItemE8 A, 
#divMenuItemE8 A:visited,
#divMenuItemE8aktiv A, 
#divMenuItemE8aktiv A:visited,
#divMenuItemE8sub A, 
#divMenuItemE8sub A:visited,
#divMenuItemE8subaktiv A, 
#divMenuItemE8subaktiv A:visited,

#divMenuItemE9 A, 
#divMenuItemE9 A:visited,
#divMenuItemE9aktiv A, 
#divMenuItemE9aktiv A:visited,
#divMenuItemE9sub A, 
#divMenuItemE9sub A:visited,
#divMenuItemE9subaktiv A, 
#divMenuItemE9subaktiv A:visited{
	font-weight: normal;
	color: #333;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
	background: transparent url(../layout/nav-normal.png) repeat-x 0 center;
}

#divMenuItemE1aktiv A, 
#divMenuItemE1aktiv A:visited,
#divMenuItemE1sub A, 
#divMenuItemE1sub A:visited,
#divMenuItemE1subaktiv A, 
#divMenuItemE1subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub1.png) no-repeat left center;
}

#divMenuItemE2aktiv A, 
#divMenuItemE2aktiv A:visited,
#divMenuItemE2sub A, 
#divMenuItemE2sub A:visited,
#divMenuItemE2subaktiv A, 
#divMenuItemE2subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub2.png) no-repeat left center;
}

#divMenuItemE3aktiv A, 
#divMenuItemE3aktiv A:visited,
#divMenuItemE3sub A, 
#divMenuItemE3sub A:visited,
#divMenuItemE3subaktiv A, 
#divMenuItemE3subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub3.png) no-repeat left center;
}

#divMenuItemE4aktiv A, 
#divMenuItemE4aktiv A:visited,
#divMenuItemE4sub A, 
#divMenuItemE4sub A:visited,
#divMenuItemE4subaktiv A, 
#divMenuItemE4subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub4.png) no-repeat left center;
}

#divMenuItemE5aktiv A, 
#divMenuItemE5aktiv A:visited,
#divMenuItemE5sub A, 
#divMenuItemE5sub A:visited,
#divMenuItemE5subaktiv A, 
#divMenuItemE5subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub5.png) no-repeat left center;
}

#divMenuItemE6aktiv A, 
#divMenuItemE6aktiv A:visited,
#divMenuItemE6sub A, 
#divMenuItemE6sub A:visited,
#divMenuItemE6subaktiv A, 
#divMenuItemE6subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub6.png) no-repeat left center;
}

#divMenuItemE7aktiv A, 
#divMenuItemE7aktiv A:visited,
#divMenuItemE7sub A, 
#divMenuItemE7sub A:visited,
#divMenuItemE7subaktiv A, 
#divMenuItemE7subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub7.png) no-repeat left center;
}

#divMenuItemE8aktiv A, 
#divMenuItemE8aktiv A:visited,
#divMenuItemE8sub A, 
#divMenuItemE8sub A:visited,
#divMenuItemE8subaktiv A, 
#divMenuItemE8subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub8.png) no-repeat left center;
}

#divMenuItemE9aktiv A, 
#divMenuItemE9aktiv A:visited,
#divMenuItemE9sub A, 
#divMenuItemE9sub A:visited,
#divMenuItemE9subaktiv A, 
#divMenuItemE9subaktiv A:visited{
	background: transparent url(../layout/nav-normal-sub9.png) no-repeat left center;
}

/* ende  - alle ebenen */

/* start - ebene 1 */

#divMenuItemE1 A, 
#divMenuItemE1 A:visited,
#divMenuItemE1aktiv A, 
#divMenuItemE1aktiv A:visited,
#divMenuItemE1sub A, 
#divMenuItemE1sub A:visited,
#divMenuItemE1subaktiv A, 
#divMenuItemE1subaktiv A:visited{
	font-size: 16px;
	font-weight: bold;
	padding: 7px 5px 7px 13px;
	margin-top: 10px;
}

#divMenuItemE1 A:hover, 
#divMenuItemE1aktiv A, 
#divMenuItemE1aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE1sub A:hover, 
#divMenuItemE1subaktiv A, 
#divMenuItemE1subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub1.png) no-repeat left center;
}

/* ende - ebene 1 */

/* start - ebene 2 */

#divMenuItemE2 A, 
#divMenuItemE2 A:visited,
#divMenuItemE2aktiv A, 
#divMenuItemE2aktiv A:visited,
#divMenuItemE2sub A, 
#divMenuItemE2sub A:visited,
#divMenuItemE2subaktiv A, 
#divMenuItemE2subaktiv A:visited{
	font-size: 14px;
	padding: 2px 5px 2px 20px;
	margin: 1px 0;
}

#divMenuItemE2 A:hover, 
#divMenuItemE2aktiv A, 
#divMenuItemE2aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE2sub A:hover, 
#divMenuItemE2subaktiv A, 
#divMenuItemE2subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub2.png) no-repeat left center;
}

/* ende - ebene 2 */

/* start - ebene 3 */

#divMenuItemE3 A, 
#divMenuItemE3 A:visited,
#divMenuItemE3aktiv A, 
#divMenuItemE3aktiv A:visited,
#divMenuItemE3sub A, 
#divMenuItemE3sub A:visited,
#divMenuItemE3subaktiv A, 
#divMenuItemE3subaktiv A:visited{
	font-size: 14px;
	padding: 2px 5px 2px 27px;
}

#divMenuItemE3 A:hover, 
#divMenuItemE3aktiv A, 
#divMenuItemE3aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE3sub A:hover, 
#divMenuItemE3subaktiv A, 
#divMenuItemE3subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub3.png) no-repeat left center;
}

/* ende - ebene 3 */

/* start - ebene 4 */

#divMenuItemE4 A, 
#divMenuItemE4 A:visited,
#divMenuItemE4aktiv A, 
#divMenuItemE4aktiv A:visited,
#divMenuItemE4sub A, 
#divMenuItemE4sub A:visited,
#divMenuItemE4subaktiv A, 
#divMenuItemE4subaktiv A:visited{
	font-size: 12px;
	padding: 2px 5px 2px 34px;
}

#divMenuItemE4 A:hover, 
#divMenuItemE4aktiv A, 
#divMenuItemE4aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE4sub A:hover, 
#divMenuItemE4subaktiv A, 
#divMenuItemE4subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub4.png) no-repeat left center;
}

/* ende - ebene 4 */

/* start - ebene 5 */

#divMenuItemE5 A, 
#divMenuItemE5 A:visited,
#divMenuItemE5aktiv A, 
#divMenuItemE5aktiv A:visited,
#divMenuItemE5sub A, 
#divMenuItemE5sub A:visited,
#divMenuItemE5subaktiv A, 
#divMenuItemE5subaktiv A:visited{
	font-size: 12px;
	padding: 2px 5px 2px 41px;
}

#divMenuItemE5 A:hover, 
#divMenuItemE5aktiv A, 
#divMenuItemE5aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE5sub A:hover, 
#divMenuItemE5subaktiv A, 
#divMenuItemE5subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub5.png) no-repeat left center;
}

/* ende - ebene 5 */

/* start - ebene 6 */

#divMenuItemE6 A, 
#divMenuItemE6 A:visited,
#divMenuItemE6aktiv A, 
#divMenuItemE6aktiv A:visited,
#divMenuItemE6sub A, 
#divMenuItemE6sub A:visited,
#divMenuItemE6subaktiv A, 
#divMenuItemE6subaktiv A:visited{
	font-size: 12px;
	padding: 2px 5px 2px 48px;
}

#divMenuItemE6 A:hover, 
#divMenuItemE6aktiv A, 
#divMenuItemE6aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE6sub A:hover, 
#divMenuItemE6subaktiv A, 
#divMenuItemE6subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub6.png) no-repeat left center;
}

/* ende - ebene 6 */

/* start - ebene 7 */

#divMenuItemE7 A, 
#divMenuItemE7 A:visited,
#divMenuItemE7aktiv A, 
#divMenuItemE7aktiv A:visited,
#divMenuItemE7sub A, 
#divMenuItemE7sub A:visited,
#divMenuItemE7subaktiv A, 
#divMenuItemE7subaktiv A:visited{
	font-size: 12px;
	padding: 2px 5px 2px 55px;
}

#divMenuItemE7 A:hover, 
#divMenuItemE7aktiv A, 
#divMenuItemE7aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE7sub A:hover, 
#divMenuItemE7subaktiv A, 
#divMenuItemE7subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub7.png) no-repeat left center;
}

/* ende - ebene 7 */

/* start - ebene 8 */

#divMenuItemE8 A, 
#divMenuItemE8 A:visited,
#divMenuItemE8aktiv A, 
#divMenuItemE8aktiv A:visited,
#divMenuItemE8sub A, 
#divMenuItemE8sub A:visited,
#divMenuItemE8subaktiv A, 
#divMenuItemE8subaktiv A:visited{
	font-size: 11px;
	padding: 2px 5px 2px 62px;
}

#divMenuItemE8 A:hover, 
#divMenuItemE8aktiv A, 
#divMenuItemE8aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE8sub A:hover, 
#divMenuItemE8subaktiv A, 
#divMenuItemE8subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub8.png) no-repeat left center;
}

/* ende - ebene 8 */

/* start - ebene 9 */

#divMenuItemE9 A, 
#divMenuItemE9 A:visited,
#divMenuItemE9aktiv A, 
#divMenuItemE9aktiv A:visited,
#divMenuItemE9sub A, 
#divMenuItemE9sub A:visited,
#divMenuItemE9subaktiv A, 
#divMenuItemE9subaktiv A:visited{
	font-size: 11px;
	padding: 2px 5px 2px 69px;
}

#divMenuItemE9 A:hover, 
#divMenuItemE9aktiv A, 
#divMenuItemE9aktiv A:visited{
	background: transparent url(../layout/nav-aktiv.png) no-repeat left center;
}

#divMenuItemE9sub A:hover, 
#divMenuItemE9subaktiv A, 
#divMenuItemE9subaktiv A:visited{
	background: transparent url(../layout/nav-aktiv-sub9.png) no-repeat left center;
}

/* ende - ebene 9 */

#divMenuItemEmpty{
	height: 20px;
	font-size: 20px;
}

/* ende  - Menü Left ############################################################################################################################# */

/* start - Content ############################################################################################################################### */

#divContentWrapperStartseite{
	width: 770px;
	margin: 0 0 0 0;
	padding: 15px 20px 30px 20px;
	float: left;
}
#divContentWrapper{
	width: 540px;
	margin: 0 0 0 0;
	padding: 15px 30px 30px 20px;
	float: left;
}

#divContent{
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#divContent TD,
#divContent P{
	font-size: 14px;
}

#divContent P{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/* start - Links im Content ############################################# */

#divContent A, #divContent A:visited{
	color: #000;
	text-decoration: underline;
}
#divContent A:hover{
	color: #666;
	text-decoration: none;
}

/* ende  - Links im Content ############################################# */

#divContent .csc-textpic-caption{ font-size: 11px; color: #000; padding: 3px 0px 0px 0px; }

#divContent H1 A, #divContent H2 A, #divContent H3 A, #divContent H4 A, #divContent H5 A, #divContent H6 A, 
#divContent H1 A:visited, #divContent H2 A:visited, #divContent H3 A:visited, #divContent H4 A:visited, #divContent H5 A:visited, #divContent H6 A:visited{
	color: #000;
	text-decoration: underline;
}
#divContent H1 A:hover, #divContent H2 A:hover, #divContent H3 A:hover, #divContent H4 A:hover, #divContent H5 A:hover, #divContent H6 A:hover{
	color: #666;
	text-decoration: none;
}

#divContent P{
	font-size: 14px;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

/* ende  - Content ############################################################################################################################### */

/* start - Footer ################################################################################################################################ */

#tdFooter{
	height: 100px;
}

#tableFooter{
	width: 100%;
	height: 100px;
	background: #fff url(../layout/background-footer.png) repeat-x left 0px;
}

#divFooter{
	width: 970px;
	/* height: 45px; */
	margin: 0px 0 0 0;
	padding: 17px 0 0 0;
	/* border-top: 5px solid #999; */
}

#divFooter #divContent h3{
	font-size: 14px;
	color: #999;
}

#divFooter #divContent P,
#divFooter #divContent TD{
	font-size: 12px;
	color: #333;
}

#divFooter #divContent A, #divFooter #divContent A:visited{
	color: #333;
	text-decoration: underline;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
}
#divFooter #divContent A:hover{
	color: #9e181b;
	text-decoration: none;
	transition: all 0s ease-out 0s;
	-webkit-transition: all 0s ease-out 0s;
	-moz-transition: all 0s ease-out 0s;
	-o-transition: all 0s ease-out 0s;
	-ms-transition: all 0s ease-out 0s;
}
*:focus, #divFooter #divContent A:active{
	outline: none;
}

/* ende  - Footer ################################################################################################################################ */

.standardText1Small{
	font-size: 10px;
}

.standardText2Normal{
	font-size: 12px;
}

.standardText3Big{
	font-size: 14px;
}

.standardText4Bigger{
	font-size: 16px;
}

.standardText5Biggest{
	font-size: 18px;
}

/* start - Forms ################################################################################################################################# */

.formsTextFields{
	border: 1px #999 solid;
	font-size: 14px;
	background-color: #e5e5e5;
	transition: all 2s ease;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
}
.formsTextFields:focus{
	background-color: #fff;
	border: 1px #000 solid;
}
.formsTextFields:hover{
	background-color: #fff;
	border: 1px #000 solid;
}

.formsButtons{
	border: 1px #999 solid;
	font-size: 14px;
	background-color: #ccc;
}

/* ende  - Forms ################################################################################################################################# */

/* start - Link Icons ############################################################################################################################ */

TABLE.contenttable P P IMG{
	border: none;
}

/* Link-Icon Mail */
A.mail IMG, 
P A.mail IMG, 
P P A.mail IMG, 
UL A.mail IMG, 
OL A.mail IMG{
	border: none;
}
H1 A.mail IMG, 
H2 A.mail IMG, 
H3 A.mail IMG, 
H4 A.mail IMG, 
H5 A.mail IMG, 
H6 A.mail IMG, 
H1 P A.mail IMG, 
H2 P A.mail IMG, 
H3 P A.mail IMG, 
H4 P A.mail IMG, 
H5 P A.mail IMG, 
H6 P A.mail IMG{
	border: none;
}

/* Link-Icon internal-link-new-window */
A.internal-link-new-window IMG, 
P A.internal-link-new-window IMG, 
P P A.internal-link-new-window IMG, 
UL A.internal-link-new-window IMG, 
OL A.internal-link-new-window IMG{
	border: none;
}
H1 A.internal-link-new-window IMG, 
H2 A.internal-link-new-window IMG, 
H3 A.internal-link-new-window IMG, 
H4 A.internal-link-new-window IMG, 
H5 A.internal-link-new-window IMG, 
H6 A.internal-link-new-window IMG, 
H1 P A.internal-link-new-window IMG, 
H2 P A.internal-link-new-window IMG, 
H3 P A.internal-link-new-window IMG, 
H4 P A.internal-link-new-window IMG, 
H5 P A.internal-link-new-window IMG, 
H6 P A.internal-link-new-window IMG{
	border: none;
}

/* Link-Icon internal-link */
A.internal-link IMG,
P A.internal-link IMG, 
P P A.internal-link IMG, 
UL A.internal-link IMG, 
OL A.internal-link IMG{
	border: none;
}
H1 A.internal-link IMG, 
H2 A.internal-link IMG, 
H3 A.internal-link IMG, 
H4 A.internal-link IMG, 
H5 A.internal-link IMG, 
H6 A.internal-link IMG, 
H1 P A.internal-link IMG, 
H2 P A.internal-link IMG, 
H3 P A.internal-link IMG, 
H4 P A.internal-link IMG, 
H5 P A.internal-link IMG, 
H6 P A.internal-link IMG{
	border: none;
}

/* Link-Icon external-link-new-window */
A.external-link-new-window IMG, 
P A.external-link-new-window IMG, 
P P A.external-link-new-window IMG, 
UL A.external-link-new-window IMG, 
OL A.external-link-new-window IMG{
	border: none;
}
H1 A.external-link-new-window IMG, 
H2 A.external-link-new-window IMG, 
H3 A.external-link-new-window IMG, 
H4 A.external-link-new-window IMG, 
H5 A.external-link-new-window IMG, 
H6 A.external-link-new-window IMG, 
H1 P A.external-link-new-window IMG, 
H2 P A.external-link-new-window IMG, 
H3 P A.external-link-new-window IMG, 
H4 P A.external-link-new-window IMG, 
H5 P A.external-link-new-window IMG, 
H6 P A.external-link-new-window IMG{
	border: none;
}

/* Link-Icon external-link */
A.external-link IMG, 
P A.external-link IMG, 
P P A.external-link IMG, 
UL A.external-link IMG, 
OL A.external-link IMG{
	border: none;
}
H1 A.external-link IMG, 
H2 A.external-link IMG, 
H3 A.external-link IMG, 
H4 A.external-link IMG, 
H5 A.external-link IMG, 
H6 A.external-link IMG, 
H1 P A.external-link IMG, 
H2 P A.external-link IMG, 
H3 P A.external-link IMG, 
H4 P A.external-link IMG, 
H5 P A.external-link IMG, 
H6 P A.external-link IMG{
	border: none;
}

/* Link-Icon download */
A.download IMG, 
P A.download IMG, 
P P A.download IMG, 
UL A.download IMG, 
OL A.download IMG{
	border: none;
}
H1 A.download IMG, 
H2 A.download IMG, 
H3 A.download IMG, 
H4 A.download IMG, 
H5 A.download IMG, 
H6 A.download IMG, 
H1 P A.download IMG, 
H2 P A.download IMG, 
H3 P A.download IMG, 
H4 P A.download IMG, 
H5 P A.download IMG, 
H6 P A.download IMG{
	border: none;
}

/* ende  - Link Icons ############################################################################################################################ */

/* start - formhandler ########################################################################################################################### */
/*			Infos in /typo3/sysext/css_styled_content/static/setup.txt */

.csc-mailform{
	/* TABLE der Form */
}

.Tx-Formhandler .csc-mailform .spacer{
	height: 1px;
}

.csc-form-labelcell{
	/* TD hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-size: 14px;
	vertical-align: top;
}

.csc-form-label{
	/* P (nicht Pflichtfelder) hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-size: 14px;
	margin: 3px 0 0 0;
}

.csc-form-label-req{
	/* P (Pflichtfelder) hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-size: 14px;
	margin: 3px 0 0 0;
	color: red;
}

.csc-form-label-req-error{
	font-size: 110%;
	font-weight: bold;
	color: red;
}

.csc-form-fieldcell{
	/* TD hier stehen die Formelemente */
	font-size: 14px;
}

.csc-form-commentcell{
	background-color: red;
}

.Tx-Formhandler textarea[id="yourMessage"]{
	width: 400px;
	height: 200px;
}

.Tx-Formhandler input[type="text"]{
	width: 326px;
}

.Tx-Formhandler .tx-srfreecap-pi1-image{
	margin: 10px 0 10px 0;
	width: 240px;
	height: auto;
}

/* ende  - formhandler ########################################################################################################################### */

/* Left, center, right and justify alignment of text in block elements*/
.align-right{
	text-align: right;
}

.align-left{
	text-align: left;
}

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

.align-justify{
	text-align: justify;
}

/* perfectlightbox */
/*kann nur hier angepasst werden:
/typo3conf/ext/perfectlightbox/res/css/slightbox.css
Am Besten die Änderung durchführen und hier rein kopieren.
*/

/* Hintergrundfarbe in der Box anpassen: */
#lbOuterImageContainer{
	background-color: #fff !important;
}

/* Textfeld darunter in der Box anpassen: */
#lbImageDataContainer{
	background-color: #fff !important;
}
#lbImageDataContainer #lbCaption{
	color: #000;
}

/* start - jquery nach-oben pfeil ################################################################################################################ */

/* in ts:
footerData.555
und
http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
und
javascript
und
grafik */

#back-top{
	position: fixed;
	bottom: 100px;
	left: 50%;
	margin-left: -385px;
	z-index: 10;
	width: 50px;
	height: 36px;
}
#back-top span{
	width: 50px;
	height: 36px;
	display: inline-block;
	background: url("../layout/nach-oben50x36rot1.png") no-repeat;
}

/* ende  - jquery nach-oben pfeil ################################################################################################################ */

span.csc-form-label-req-error{
	display: block;
	width: 242px;
	border: 1px #999 solid;
	background-color: red;
	color: #fff;
	padding: 2px 5px;
	font-size: 14px;
}

.tx-srfreecap-pi1-cant-read,
.tx-srfreecap-pi1-notice{
	display: block;
	width: 220px;
}

/* start - html5videoplayer ###################################################################################################################### */

div.video-js-box div.vjs-poster{
	border: 1px solid #ddd;
}

div.video-js-box{
	margin-bottom: 30px !important;
}

/* ende  - html5videoplayer ###################################################################################################################### */

/* start - tx_news ############################################################################################################################### */

/* start - list */

div.article{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: #366CB3 1px dotted;
}

div.article div.footer{
	margin-top: 10px;
}

/* ende  - list */

/* start - detail */

div.news div.article div.news-backlink-wrap{
	margin-bottom: 20px;
}

div.facebook div.share{
	margin-bottom: 20px;
}

/* ende  - detail */

/* ende  - tx_news ############################################################################################################################### */

/* start - news Ticker ############################## */

#divTickerWrapper{
	width: 220px;
	float: right;
	margin-top: 16px;
}

#divTicker{
	width: 220px;
	float: right;
	height: 450px;/* Gesamte Höhe des Tickers */
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

#divTicker .news{
	position: relative;
	width: auto;
	min-width: 220px;
}

#divTicker .article{
	width: auto;
	min-width: 220px;
	height: 150px;/* Höhe eines Tickereintrages */
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 3px 0 0px 0;
	border-top: #366CB3 1px dotted;
	border-bottom: none;
}

#divTicker .article H3{
	font-size: 13px;
}

#divTicker .article .teaser-text,
#divTicker .article .teaser-text p{
	font-size: 11px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	color: #666;
}

#divTicker .article .more{
	font-size: 11px;
	font-weight: bold;
	float: right;
	margin-right: 20px;
}

#divTicker .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: none;
	background: #fff;
}

/* ende - news Ticker ############################## */

/* start - t3s_jslidernews ####################################################################################################################### */

div.newsslider div.lof-description H3 A,
div.newsslider div.lof-description .readmore A{
	color: #fff !important;
}

/* ende  - t3s_jslidernews ####################################################################################################################### */

/* start - cb_newscal ############################################################################################################################ */

.newscal {
	margin: 10px 0 20px 0;
	padding: 0 !important;
	border: none;
	text-align: left;
	width: 273px;
}
.newscal .navigation {
	font-size: 120%;
	padding-top: 20px;
}
.newscal .calwrap {
	display: inline-block;
	vertical-align: top;
	margin: 0 !important;
	padding: 0;
}
.newscal table.calendar {
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-spacing: 0;
}
.newscal table.calendar th, .newscal table.calendar td {
	margin: 0px;
	padding: 5px 10px;
	text-align: center;
}
.newscal table.calendar .title th {
	text-align: center;
	background: #366CB3;
	color: #fff;
	font-size: 100%;
}
.newscal table.calendar .title th .navigation {
	color: white;
	padding-top: 0;
	font-size: 100%;
}
.newscal table.calendar .days th {
	text-align: center;
	background: #ccc;
	font-weight: normal;
	white-space: nowrap;
}
.newscal table.calendar td.othermonth {
	color: #999;
}
/* .newscal table.calendar td.day6, .newscal table.calendar td.day7 {
	background: #eee;
} */
.newscal table.calendar td.day7 {
	background: #eee;
}
.newscal table.calendar td.today {
	font-weight: bold;
	background-color: #ccc;
	color: #00f;
}
.newscal table.calendar td.hasevents .eventday {
	background: blue;
	color: white;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.newscal table.calendar div.eventday {
	position: relative;
}
.newscal table.calendar div.eventday ul.events {
	text-align: left;
	list-style: none;
	padding: 5px;
	margin: 0;
	background: white;
	border: 1px solid black;
	z-index: 100;
	display: none;
	position: absolute;
	right: -200px;
	top: 0;
	width: 200px;
}
.newscal table.calendar div.eventday ul.events li {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newscal table.calendar div.eventday:hover {
	cursor: pointer;
}
.newscal table.calendar div.eventday:hover ul.events {
	display: block;
}
.newscal .left {
	float: left;
}
.newscal .right {
	float: right;
}
.newscal table.calendar td div.day {
	white-space: nowrap;
}

/* ende  - cb_newscal ############################################################################################################################ */

.tx-mhtreeview {
  height:auto !important;
}

/* start - mobile ################################################################################################################################ */

#divMobileHeaderIconMenu,
#divFooterMobile{
/* start - in style-mobile.css entfernen ########### */
	display: none;
/* ende  - in style-mobile.css entfernen ########### */
}
/* start - in style-screen.css entfernen ########### */
/* start - in style-mobile.css entfernen ########### */
@media all and (min-width: 971px){

/* Damit, wenn man sich im mobilen Layout befindet, Menü ausgeklappt hat 
   und dann das Fenster vergrößert, sich wieder das mobile Menü versteckt.
   Bringt allerdings nur etwas wenn die IDs der Menüs unterschiedliche Namen haben. */
/* #divMenuLeftMobile{
	display: none !important;
} */

/* Bei gleichen ID-Namen dann dies hier: */
#divMenuLeft{
	display: block !important;
}

}

@media all and (max-device-width: 970px), all and (max-width: 970px) {
/* ende  - in style-mobile.css entfernen ########### */

#tablePageWrapper{
	table-layout: auto;
}

#tdHeaderUndMenuUndContent{
	width: 100%;
}

#tableMenuUndContent{
	width: 100%;
}

#tableHeader{
	width: 100%;
	height: 142px;
	margin: 0;
	overflow: visible;
	border-bottom: 5px solid #9d171a;
	background-color: #805c22;
}

#tdHeaderLeft{
	width: auto;
}
#divHeaderLogo{
	margin: 61px 5px 0 10px;
}
#divHeaderLogo img{
	max-width: 200px;
	width: 100%;
	height: auto;
}

#tdHeaderContent{
	width: auto;
}

/* start - Header Logos rechts ################################################################################################################### */

#divHeaderLogoWrapper{
	/* display: inline-block; */
}

#divHeaderLogosRowLeft{
	/* display: inline-block;
	float: right; */
}

#divHeaderLogoOnly{
	/* margin: 26px 46px 0 0; */
}
#divHeaderLogoOnly img{
	max-width: 90px;
	width: 100%;
}

#divHeaderLogoPieces{
	/* margin: 18px 21px 15px 0; */
}
#divHeaderLogoPieces img{
	max-width: 140px;
	width: 100%;
}

#divHeaderLogoJunarose{
	/* margin: 0 16px 0 0; */
}
#divHeaderLogoJunarose img{
	max-width: 150px;
	width: 100%;
}

#divHeaderLogosRowRight{
	/* display: inline-block;
	float: right; */
}

#divHeaderLogoJackJones{
	margin: 24px 5px 33px 0;
}
#divHeaderLogoJackJones img{
	max-width: 250px;
	width: 100%;
}

#divHeaderLogoOnlySons{
	margin: 41px 50px 0 0;
}
#divHeaderLogoOnlySons img{
	max-width: 150px;
	width: 100%;
}

@media all and (max-device-width: 630px), all and (max-width: 630px) {

	#divHeaderLogoJackJones{
		margin: 10px 5px 10px 0;
	}
	#divHeaderLogoOnlySons{
		margin: 0 5px 10px 0;
	}
	#divHeaderLogoOnly{
		margin: 0 5px 10px 0;
	}
	#divHeaderLogoPieces{
		margin: 0 5px 10px 0;
	}
	#divHeaderLogoJunarose{
		margin: 0 5px 0 0;
	}
	#divHeaderLogosRowLeft {
		display: block;
		float: unset;
	}

}

/* ende  - Header Logos rechts ################################################################################################################### */

#back-top{
	display: none !important;
}

#tdHeaderUndMenuUndContent{
	background: none;
}

body {
	background: none;
	background-color: #fff;
}

#divMenuLeftMobile{
	display: none;
}

/* start - Menü Left ############################################################################################################################# */

#tdMenuLeft{
	width: auto !important;
}

#divMenuLeft{
	position: absolute;
	top: 60px;
	left: 0px;
	width: 99%;
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	display: none;
	float: none;
	background-color: #fff;
	border-top: solid 10px #999;
	border-bottom: solid 20px #999;
	-moz-box-shadow:    2px 2px 3px 1px #999;
	-webkit-box-shadow: 2px 2px 3px 1px #999;
	box-shadow: 2px 2px 3px 1px #999;
	z-index: 10;
}

/* ende  - Menü Left ############################################################################################################################# */

#divMobileHeaderIconMenu{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	border: none;
	z-index: 999999;
}

#divContentWrapper,
#divContentWrapperStartseite{
	max-width: 100%;
	width: auto;
	height: auto;
	padding: 15px 10px 30px 10px;
	float: none;
}
#divContent table,
#divContent table td{
	width: auto;
	height: auto;
}

#tablePageTop{
	display: none;
}

/* start - Schriftgröße *1,5 ##################################################################################################################### */

SUB, SUP{
	line-height: 0px;
	font-size: 90%;
}
LI{
	font-size: 21px;
}
SELECT{
	font-size: 21px;
}
INPUT{
	font-size: 21px;
}
.unsichtbar{
	font-size: 0.15em;
}
#divContent H1, #divContent H2, #divContent H3, #divContent H4, #divContent H5, #divContent H6,
DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6,
H1, H2, H3, H4, H5, H6{
	font-size: 27px;
}
#divContent H2, H2{ font-size: 24px; padding-bottom: 8px; }
#divContent H3, H3{ font-size: 22px; padding-bottom: 6px; }
#divContent H4, H4{ font-size: 21px; padding-bottom: 5px; }
#divContent H5, H5{ font-size: 18px; padding-bottom: 3px; }
#divContent H6, H6{ font-size: 15px; padding-bottom: 2px; }
#divMenuItemE1 A,
#divMenuItemE1 A:visited,
#divMenuItemE1aktiv A,
#divMenuItemE1aktiv A:visited,
#divMenuItemE1sub A,
#divMenuItemE1sub A:visited,
#divMenuItemE1subaktiv A,
#divMenuItemE1subaktiv A:visited{
	font-size: 24px;
}
#divMenuItemE2 A,
#divMenuItemE2 A:visited,
#divMenuItemE2aktiv A,
#divMenuItemE2aktiv A:visited,
#divMenuItemE2sub A,
#divMenuItemE2sub A:visited,
#divMenuItemE2subaktiv A,
#divMenuItemE2subaktiv A:visited{
	font-size: 21px;
}
#divMenuItemE3 A,
#divMenuItemE3 A:visited,
#divMenuItemE3aktiv A,
#divMenuItemE3aktiv A:visited,
#divMenuItemE3sub A,
#divMenuItemE3sub A:visited,
#divMenuItemE3subaktiv A,
#divMenuItemE3subaktiv A:visited{
	font-size: 21px;
}
#divMenuItemE4 A,
#divMenuItemE4 A:visited,
#divMenuItemE4aktiv A,
#divMenuItemE4aktiv A:visited,
#divMenuItemE4sub A,
#divMenuItemE4sub A:visited,
#divMenuItemE4subaktiv A,
#divMenuItemE4subaktiv A:visited{
	font-size: 18px;
}
#divMenuItemE5 A,
#divMenuItemE5 A:visited,
#divMenuItemE5aktiv A,
#divMenuItemE5aktiv A:visited,
#divMenuItemE5sub A,
#divMenuItemE5sub A:visited,
#divMenuItemE5subaktiv A,
#divMenuItemE5subaktiv A:visited{
	font-size: 18px;
}
#divMenuItemE6 A,
#divMenuItemE6 A:visited,
#divMenuItemE6aktiv A,
#divMenuItemE6aktiv A:visited,
#divMenuItemE6sub A,
#divMenuItemE6sub A:visited,
#divMenuItemE6subaktiv A,
#divMenuItemE6subaktiv A:visited{
	font-size: 18px;
}
#divMenuItemE7 A,
#divMenuItemE7 A:visited,
#divMenuItemE7aktiv A,
#divMenuItemE7aktiv A:visited,
#divMenuItemE7sub A,
#divMenuItemE7sub A:visited,
#divMenuItemE7subaktiv A,
#divMenuItemE7subaktiv A:visited{
	font-size: 18px;
}
#divMenuItemE8 A,
#divMenuItemE8 A:visited,
#divMenuItemE8aktiv A,
#divMenuItemE8aktiv A:visited,
#divMenuItemE8sub A,
#divMenuItemE8sub A:visited,
#divMenuItemE8subaktiv A,
#divMenuItemE8subaktiv A:visited{
	font-size: 16px;
}
#divMenuItemE9 A,
#divMenuItemE9 A:visited,
#divMenuItemE9aktiv A,
#divMenuItemE9aktiv A:visited,
#divMenuItemE9sub A,
#divMenuItemE9sub A:visited,
#divMenuItemE9subaktiv A,
#divMenuItemE9subaktiv A:visited{
	font-size: 16px;
}
#divMenuItemEmpty{
	font-size: 30px;
}
#divContent{
	font-size: 21px;
}
#divContent TD,
#divContent P{
	font-size: 21px;
}
#divContent .csc-textpic-caption{ font-size: 16px;padding: 5px 0px 0px 0px; }
#divContent P{
	font-size: 21px;
}
#divFooter #divContent h3{
	font-size: 21px;
}
#divFooter #divContent P,
#divFooter #divContent TD{
	font-size: 18px;
}
.standardText1Small{
	font-size: 15px;
}
.standardText2Normal{
	font-size: 18px;
}
.standardText3Big{
	font-size: 21px;
}
.standardText4Bigger{
	font-size: 24px;
}
.standardText5Biggest{
	font-size: 27px;
}
.formsTextFields{
	font-size: 21px;
}
.formsButtons{
	font-size: 21px;
}
.csc-form-labelcell{
	font-size: 21px;
}
.csc-form-label{
	font-size: 21px;
}
.csc-form-label-req{
	font-size: 21px;
}
.csc-form-label-req-error{
	font-size: 165%;
}
.csc-form-fieldcell{
	font-size: 21px;
}
span.csc-form-label-req-error{
	font-size: 21px;
}
#divTicker .article H3{
	font-size: 19px;
}
#divTicker .article .teaser-text,
#divTicker .article .teaser-text p{
	font-size: 16px;
}
#divTicker .article .more{
	font-size: 16px;
}
.newscal .navigation {
	font-size: 180%;
}
.newscal table.calendar .title th {
	font-size: 150%;
}
.newscal table.calendar .title th .navigation {
	font-size: 150%;
}
.newscal table.calendar div.eventday ul.events li {
	font-size: 18px;
}

/* ende  - Schriftgröße *1,5 ##################################################################################################################### */

#divFooter{
	width: 98%;
	margin: 0px 5px 0 5px;
}

#divFooter h3,
#divFooter p{
	-moz-hyphens: none !important;
	-webkit-hyphens: none !important;
	-ms-hyphens: none !important;
	-o-hyphens: none !important;
	hyphens: none !important;
	word-wrap: normal !important;
	word-break: normal !important;
}

#divFooter .csc-textpic-imagewrap{
	float: right !important;
}

#divFooterMobile{
	display: block;
}
#divFooterMobile div{
	display: inline-block;
	margin-top: 10px;
	text-transform: lowercase;
}
#divFooterMobile a,
#divFooterMobile a:visited{
	font-size: 21px;
	color: #9d171a;
}
#divMobileFooterTextToTop{
	margin-right: 40px;
}

/* CSS-Styled-Content Regeln überschreiben */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image{
	float: none;
	display: inline-block;
	vertical-align: top;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image{
	display: inline-block;
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text{
	display: block !important;
	margin-left: 0 !important;
	/* width: auto !important; */
}
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagerow{
	/* display: inline; */
}
DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image{
	display: block;
}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
	display: block;
	width: 100% !important;
	margin-right: auto;
}
DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img{
	display: block;
	width: auto !important;
}

DIV.csc-textpic-intext-right .csc-textpic-text,
DIV.csc-textpic-intext-right .csc-textpic-imagewrap{
	display: block;
	width: 100% !important;
	margin-right: auto;
}
DIV.csc-textpic-intext-right .csc-textpic-imagewrap img{
	display: block;
	width: auto !important;
}

DIV.csc-textpic .csc-textpic-imagewrap img{
	width: 100% !important;
	height: auto !important;
	display: block;
}

.csc-default{clear: both;}

#lbOuterImageContainer,
#lbImageContainer,
#lbLightboxImage,
#lbImageDataContainer{
	width: 95% !important;
	height: auto !important;
}
#lbCenter{
	width: auto !important;
}

/* start - html5videoplayer mobile ############################################################################################################### */

div.video-js-box div.video-js{
	width: auto !important;
	background-color: #fff !important;
}

div.video-js-box div.vjs-poster{
	border: none !important;
}

div.vjs-big-play-button{
	width: 70px !important;
	height: 50px !important;
	top: 50% !important;
	left: 20% !important;
}
div.vjs-default-skin .vjs-big-play-button:before {
	line-height: 50px;
}

/* ende  - html5videoplayer mobile ############################################################################################################### */

/* start - t3s_jslidernews ####################################################################################################################### */

div.newsslider{
	z-index: 9;
}

div.newsslider,
div.lof-wrapper{
	width: auto !important;
	max-width: 710px;
}

div.lof-main-outer,
div.lof-main-outer IMG,
div.lof-item IMG{
	width: 100% !important;
}

div.lof-description .readmore{
	font-size: 27px;
	display: block;
}

/* ende  - t3s_jslidernews ####################################################################################################################### */

/* start - news Ticker mobile ############################## */

#divTickerWrapper{
	width: 100%;
	float: none;
}

#divTicker{
	width: 100%;
	height: 675px;/* Gesamte Höhe des Tickers */
	margin: 0 0 22px 0;
}

#divTicker .article{
	height: 225px;/* Höhe eines Tickereintrages */
}

#divTicker .article H3{
	font-size: 21px;
}

#divTicker .article .teaser-text{
	font-size: 18px;
}

#divTicker .article .more{
	font-size: 18px;
}

#divContent #c53{
	display: none;
}

/* ende - news Ticker mobile ############################## */

/* start - tx_news mobile ################################# */

.news-list-container{
	width: 100%;
}

div.news-list-container table tr TD.news-list-item-trenner{
	height: 1px;
	background-color: #fff;
}

td.news-list-item-extrafields-entry{
	border-bottom: 2px solid #ccc;
	padding-top: 20px;
}

div.news-list-browse div.showResultsWrap{
	font-size: 18px;
	margin: 15px 0;
}

div.news-list-browse div.browseLinksWrap{
	font-size: 20px;
	line-height: 40px;
}

.news-list-browse{
	width: 100%;
}

/* ende  - tx_news mobile ################################# */

/* start - Grafiken automatisch an der Breite anpassen ########################################################################################### */

/* start - Text/Bild Kombinationen ############################################################################################################### */
/* ############################################################################################# */
#divContent table.contenttable{
	width: 100% !important;
	overflow: auto;
}
#divContent table.contenttable img{
	width: 95% !important;
	height: auto !important;
	display: block;
}
/* ############################################################################################# */
/* ende  - Text/Bild Kombinationen ############################################################################################################### */

/* ende - Grafiken automatisch an der Breite anpassen ############################################################################################ */

#divContent .contenttable img[src*="download.gif"],
#divContent .contenttable img[src*="external_link.gif"],
#divContent .contenttable img[src*="external_link_new_window.gif"],
#divContent .contenttable img[src*="internal_link.gif"],
#divContent .contenttable img[src*="internal_link_new_window.gif"],
img[src*="download.gif"],
img[src*="external_link.gif"],
img[src*="external_link_new_window.gif"],
img[src*="internal_link.gif"],
img[src*="internal_link_new_window.gif"],
#divContent .contenttable .download,
#divContent .contenttable .external-link,
#divContent .contenttable .external-link-new-window,
#divContent .contenttable .internal-link,
#divContent .contenttable .internal-link-new-window,
.download,
.external-link,
.external-link-new-window,
.internal-link,
.internal-link-new-window,
#divContent .contenttable img[alt*="Startet einen Datei-Download"],
#divContent .contenttable img[alt*="externen Link im aktuellen Fenster"],
#divContent .contenttable img[alt*="externen Link in einem neuen Fenster"],
#divContent .contenttable img[alt*="internen Link im aktuellen Fenster"],
#divContent .contenttable img[alt*="internen Link in einem neuen Fenster"],
img[alt*="Startet einen Datei-Download"],
img[alt*="externen Link im aktuellen Fenster"],
img[alt*="externen Link in einem neuen Fenster"],
img[alt*="internen Link im aktuellen Fenster"],
img[alt*="internen Link in einem neuen Fenster"]{
	width: 21px !important;
	height: 15px !important;
	display: inline;
}
#divContent .contenttable img[src*="mail.gif"],
img[src*="mail.gif"]{
	width: 30px !important;
	height: 21px !important;
}

#divContent input[type="checkbox"],
#divContent input[type="radio"]{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 5px;
  margin-right: 10px;
}

#divContent .csc-default iframe{
	position: relative;
	width: 100% !important;
}

/* start - formhandler mobile #################################################################################################################### */

.Tx-Formhandler .csc-mailform .spacer{
	height: 10px;
	display: block;
}

.Tx-Formhandler textarea[id="yourMessage"]{
	width: 99% !important;
}

.Tx-Formhandler input[type="text"]{
	width: 99% !important;
}

/* ende  - formhandler mobile #################################################################################################################### */

/* start - einzelne Grafiken (nach Content-ID) in maximaler Breite anzeigen */

/*
c175 = Bild XXX auf der Seite: XXX
c176 = Bild XXX auf der Seite: XXX
*/
#divContent #c100 .csc-textpic-image img,
#divContent #c175 .csc-textpic .csc-textpic-imagewrap,
#divContent #c175 .csc-textpic .csc-textpic-imagewrap img{
	width: 95% !important;
	max-width: 350px !important;
	height: auto !important;
	display: block;
}

/* nur rechte Tabellenspalte ansprechen */
#divContent #c101 table.contenttable td:nth-child(2) img{
	width: 95% !important;
	max-width: 350px !important;
	height: auto !important;
	display: block;
}

/* Öffnungszeiten */
#divContent #c115 table.contenttable,
#divContent #c134 table.contenttable{
	width: auto !important;
	overflow: auto;
}

/* ende - einzelne Grafiken (nach Content-ID) in maximaler Breite anzeigen */

/* start - in style-mobile.css entfernen ########### */
}/* @media all and (max-device-width: 970px), all and (max-width: 970px){ */
/* ende  - in style-mobile.css entfernen ########### */

@media all and (max-device-width: 800px), all and (max-width: 800px){

/*
alle imagecycle animationen
*/
#divContent .tx-imagecycle-pi1,
#divContent .tx-imagecycle-pi1 ul div,
#divContent .tx-imagecycle-pi1 ul div li,
#divContent .tx-imagecycle-pi1 img{
	max-width: 410px !important;/* nächste, kleinere größe minus 70 */
	height: auto !important;
	display: block !important;
}

}/* @media all and (max-device-width: 800px), all and (max-width: 800px) */

@media all and (max-device-width: 480px), all and (max-width: 480px){

#divContent,
#divContent table,
#divContent table td,
ul,
ol,
li{
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	word-break: break-all;
}

/*
alle imagecycle animationen
*/
#divContent .tx-imagecycle-pi1,
#divContent .tx-imagecycle-pi1 ul div,
#divContent .tx-imagecycle-pi1 ul div li,
#divContent .tx-imagecycle-pi1 img{
	max-width: 250px !important;/* nächste, kleinere größe minus 70 */
	height: auto !important;
	display: block !important;
}

}/* @media all and (max-device-width: 480px), all and (max-width: 480px) */

/* ende  - in style-screen.css entfernen ########### */

/* ende  - mobile ################################################################################################################################ */

/* start - gridelements ########################################################################################################################## */

/* Gesamtbreite: 540px, konqueror und ie: 40px weniger */

/* start 3 Spalten mit id: 101,102,103 ####### */

div.grid3cols_33_34_33{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid3cols_33_34_33_col1{
	width: 33%;
	max-width: 33%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid3cols_33_34_33_col1,
.konqueror div.grid3cols_33_34_33_col1,
.safari div.grid3cols_33_34_33_col1{
	width: 166px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid3cols_33_34_33_col2{
	width: 34%;
	max-width: 34%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid3cols_33_34_33_col2,
.konqueror div.grid3cols_33_34_33_col2,
.safari div.grid3cols_33_34_33_col2{
	width: 167px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid3cols_33_34_33_col3{
	width: 33%;
	max-width: 33%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid3cols_33_34_33_col3,
.konqueror div.grid3cols_33_34_33_col3,
.safari div.grid3cols_33_34_33_col3{
	width: 166px;
	display: inline;
	float: left;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

div.grid3cols_33_34_33,
div.grid3cols_33_34_33_col1,
div.grid3cols_33_34_33_col2,
div.grid3cols_33_34_33_col3{
	width: 100%;
	max-width: 100%;
	display: block;
}

}

/* ende  3 Spalten mit id: 101,102,103 ####### */

/* start 2 Spalten mit id: 104,105 ########### */

div.grid2cols_50_50{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid2cols_50_50_col1{
	width: 50%;
	max-width: 50%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid2cols_50_50_col1,
.konqueror div.grid2cols_50_50_col1,
.safari div.grid2cols_50_50_col1{
	width: 260px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid2cols_50_50_col2{
	width: 50%;
	max-width: 50%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid2cols_50_50_col2,
.konqueror div.grid2cols_50_50_col2,
.safari div.grid2cols_50_50_col2{
	width: 260px;
	display: inline;
	float: left;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

div.grid2cols_50_50,
div.grid2cols_50_50_col1,
div.grid2cols_50_50_col2{
	width: 100%;
	max-width: 100%;
	display: block;
}

}

/* ende  2 Spalten mit id: 104,105 ########### */

/* start 2 Spalten mit id: 106,107 ########### */

div.grid2cols_25_75{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid2cols_25_75_col1{
	width: 25%;
	max-width: 25%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid2cols_25_75_col1,
.konqueror div.grid2cols_75_25_col1,
.safari div.grid2cols_75_25_col1{
	width: 130px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid2cols_25_75_col2{
	width: 75%;
	max-width: 75%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid2cols_25_75_col2,
.konqueror div.grid2cols_25_75_col2,
.safari div.grid2cols_25_75_col2{
	width: 390px;
	display: inline;
	float: left;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

div.grid2cols_25_75,
div.grid2cols_25_75_col1,
div.grid2cols_25_75_col2{
	width: 100%;
	max-width: 100%;
	display: block;
}

}

/* ende  2 Spalten mit id: 106,107 ########### */

/* start 2 Spalten mit id: 108,109 ########### */

div.grid2cols_75_25{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid2cols_75_25_col1{
	width: 75%;
	max-width: 75%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid2cols_75_25_col1,
.konqueror div.grid2cols_75_25_col1,
.safari div.grid2cols_75_25_col1{
	width: 390px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid2cols_75_25_col2{
	width: 25%;
	max-width: 25%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid2cols_75_25_col2,
.konqueror div.grid2cols_75_25_col2,
.safari div.grid2cols_75_25_col2{
	width: 130px;
	display: inline;
	float: left;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

div.grid2cols_75_25,
div.grid2cols_75_25_col1,
div.grid2cols_75_25_col2{
	width: 100%;
	max-width: 100%;
	display: block;
}

}

/* ende  2 Spalten mit id: 108,109 ########### */

/* start 2 Spalten mit id: 110,111 ########### */

div.grid2cols_33_67{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid2cols_33_67_col1{
	width: 33%;
	max-width: 33%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid2cols_33_67_col1,
.konqueror div.grid2cols_33_67_col1,
.safari div.grid2cols_33_67_col1{
	width: 173px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid2cols_33_67_col2{
	width: 67%;
	max-width: 67%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid2cols_33_67_col2,
.konqueror div.grid2cols_33_67_col2,
.safari div.grid2cols_33_67_col2{
	width: 347px;
	display: inline;
	float: left;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

div.grid2cols_33_67,
div.grid2cols_33_67_col1,
div.grid2cols_33_67_col2{
	width: 100%;
	max-width: 100%;
	display: block;
}

}

/* ende  2 Spalten mit id: 110,111 ########### */

/* start 2 Spalten mit id: 112,113 ########### */

div.grid2cols_67_33{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid2cols_67_33_col1{
	width: 67%;
	max-width: 67%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid2cols_67_33_col1,
.konqueror div.grid2cols_67_33_col1,
.safari div.grid2cols_67_33_col1{
	width: 347px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid2cols_67_33_col2{
	width: 33%;
	max-width: 33%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid2cols_67_33_col2,
.konqueror div.grid2cols_67_33_col2,
.safari div.grid2cols_67_33_col2{
	width: 173px;
	display: inline;
	float: left;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

div.grid2cols_67_33,
div.grid2cols_67_33_col1,
div.grid2cols_67_33_col2{
	width: 100%;
	max-width: 100%;
	display: block;
}

}

/* ende  2 Spalten mit id: 112,113 ########### */

/* start 4 Spalten mit id: 114,115,116,117 ####### */

div.grid4cols_25_25_25_25{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

div.grid4cols_25_25_25_25_col1{
	width: 25%;
	max-width: 25%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid4cols_25_25_25_25_col1,
.konqueror div.grid4cols_25_25_25_25_col1,
.safari div.grid4cols_25_25_25_25_col1{
	width: 120px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid4cols_25_25_25_25_col2{
	width: 25%;
	max-width: 25%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid4cols_25_25_25_25_col2,
.konqueror div.grid4cols_25_25_25_25_col2,
.safari div.grid4cols_25_25_25_25_col2{
	width: 120px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid4cols_25_25_25_25_col3{
	width: 25%;
	max-width: 25%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin-right: 20px;
}
.ie div.grid4cols_25_25_25_25_col3,
.konqueror div.grid4cols_25_25_25_25_col3,
.safari div.grid4cols_25_25_25_25_col3{
	width: 120px;
	display: inline;
	float: left;
	margin-right: 20px;
}

div.grid4cols_25_25_25_25_col4{
	width: 25%;
	max-width: 25%;
	word-wrap: break-word;
	-webkit-flex-basis: auto;
	flex-basis: auto;
}
.ie div.grid4cols_25_25_25_25_col4,
.konqueror div.grid4cols_25_25_25_25_col4,
.safari div.grid4cols_25_25_25_25_col4{
	width: 120px;
	display: inline;
	float: left;
}

div.grid4cols_25_25_25_25 .csc-textpic-imagewrap{
	width: 100%;
	max-width: 100%;
	height: auto;
	float: none;
	text-align: center;
}
div.grid4cols_25_25_25_25 .csc-textpic-imagewrap img{
	width: 100% !important;
	height: auto !important;
	display: block;
}

@media all and (max-device-width: 970px), all and (max-width: 970px){

	div.grid4cols_25_25_25_25{
		word-wrap: break-word;
		word-break: break-all;
	}

}

@media all and (max-device-width: 480px), all and (max-width: 480px){

	div.grid4cols_25_25_25_25,
	div.grid4cols_25_25_25_25_col1,
	div.grid4cols_25_25_25_25_col2,
	div.grid4cols_25_25_25_25_col3,
	div.grid4cols_25_25_25_25_col4{
		width: 100%;
		max-width: 100%;
		display: block;
	}

}

/* ende  4 Spalten mit id: 114,115,116,117 ####### */

/* start - Grafik inkl. Text darin, darunter Content, 4-spaltig mit id: 200, 201, 202, 203 ####### */

/* Gesamtbreite: 635px
   Grafiken müssen 149x149 Pixel sein */

div.grid4cols_img_25_25_25_25{
	width: 100%;
}

div.grid4cols_img_25_25_25_25_col1{
	display: inline;
	float: left;
	max-width: 135px;
	margin-right: 13px;
	word-wrap: break-word;
	position: relative;
}

div.grid4cols_img_25_25_25_25_col2{
	display: inline;
	float: left;
	max-width: 135px;
	margin-right: 13px;
	word-wrap: break-word;
	position: relative;
}

div.grid4cols_img_25_25_25_25_col3{
	display: inline;
	float: left;
	max-width: 135px;
	margin-right: 13px;
	word-wrap: break-word;
	position: relative;
}

div.grid4cols_img_25_25_25_25_col4{
	display: inline;
	float: left;
	max-width: 135px;
	word-wrap: break-word;
	position: relative;
}

div.grid4cols_img_25_25_25_25_col1 div.csc-textpic-image img,
div.grid4cols_img_25_25_25_25_col2 div.csc-textpic-image img,
div.grid4cols_img_25_25_25_25_col3 div.csc-textpic-image img,
div.grid4cols_img_25_25_25_25_col4 div.csc-textpic-image img{
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.grid4cols_img_25_25_25_25_col1 div.csc-header,
div.grid4cols_img_25_25_25_25_col2 div.csc-header,
div.grid4cols_img_25_25_25_25_col3 div.csc-header,
div.grid4cols_img_25_25_25_25_col4 div.csc-header{
	position: absolute;
	top: 119px;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: 1;
	margin: 0;
	padding: 0;
	background: url('../images/icons/alphatransparenz-000000-70-schwarz.png') repeat 0 0;
}
div.grid4cols_img_25_25_25_25_col1 div.csc-header h1,
div.grid4cols_img_25_25_25_25_col2 div.csc-header h1,
div.grid4cols_img_25_25_25_25_col3 div.csc-header h1,
div.grid4cols_img_25_25_25_25_col4 div.csc-header h1{
	font-size: 13px !important;
	font-weight: bold !important;
	margin: 0 !important;
	padding: 0 !important;
}
div.grid4cols_img_25_25_25_25_col1 div.csc-header h1 a,
div.grid4cols_img_25_25_25_25_col1 div.csc-header h1 a:visited,
div.grid4cols_img_25_25_25_25_col2 div.csc-header h1 a,
div.grid4cols_img_25_25_25_25_col2 div.csc-header h1 a:visited,
div.grid4cols_img_25_25_25_25_col3 div.csc-header h1 a,
div.grid4cols_img_25_25_25_25_col3 div.csc-header h1 a:visited,
div.grid4cols_img_25_25_25_25_col4 div.csc-header h1 a,
div.grid4cols_img_25_25_25_25_col4 div.csc-header h1 a:visited{
	display: block;
	width: 135px;
	height: 22px;
	color: #fff !important;
	padding: 8px 0 0 5px;
}
div.grid4cols_img_25_25_25_25_col1 div.csc-header h1 a:hover,
div.grid4cols_img_25_25_25_25_col2 div.csc-header h1 a:hover,
div.grid4cols_img_25_25_25_25_col3 div.csc-header h1 a:hover,
div.grid4cols_img_25_25_25_25_col4 div.csc-header h1 a:hover{
	color: #F18900 !important;
}

/* ende  - Grafik inkl. Text darin, darunter Content, 4-spaltig mit id: 200, 201, 202, 203 ####### */

div.gridClearer{
	width: 100%;
	height: 1px;
	clear: both;
}

/* ende  - gridelements ########################################################################################################################## */