/* 
Klammer suchen, vor denen kein Leerzeichen ist:
([^\s])\{
$1 {
 */
@font-face {
	font-family:'Roboto-Regular';
	src: url('../../fonts/Roboto-Regular.eot');
	src: url('../../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Roboto-Regular.woff') format('woff'),
		url('../../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0002-FFFD;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-size: 100.01%;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff url('../layout/page-background.png') fixed;
}

A, A:visited {
	color: #666;
	text-decoration: underline;
}
A:hover {
	color: #000;
	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: 12px;
}

FORM {
	display: inline;
}

SELECT {
	font-size: 12px;
}

INPUT {
	font-size: 12px;
}

.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: #666;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 9px 0;
	text-transform: uppercase;
}
#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: #3E6099;
}
div.csc-frame-rulerAfter {
	margin: 15px 0 12px 0;
	padding: 0;
	height: 1px;
	background-color: #3E6099;
}

#tdPageLeft, #tdPageRight {
	width: auto;
	font-size: 1px;
}

#tdHeaderAndContent {
	width: 970px;
	height: 100%;
}

#divBlaueLinie {
	margin-top: 220px;
	height: 5px;
	background-color: #3E6099;
}

#divBlaueLinieContent {
	position: absolute;
	top: 140px;
	right: 0;
	width: 180px;
	height: 5px;
	background-color: #3E6099;
}

#divLogoMetallbau {
	width: 230px;
	height: 108px;
	display: inline-block;
	margin: 40px 0 0 60px;
}

/* start - Bilder mit Radien und Schatten ######################################################################################################## */

#div2BilderRadienSchatten {
	margin: 0 0 20px 0;
}

#div2BilderRadienSchatten div.csc-textpic-firstcol {
	margin: 0px 100px 10px 0px;
}

#div2BilderRadienSchatten div.csc-textpic-lastcol {
	margin: 0px 10px 10px 0px;
}

#div2BilderRadienSchatten div.csc-textpic-image img {
	max-height: 180px !important;
	width: auto !important;
	-moz-border-radius: 20px 20px 20px 20px;
	-khtml-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	-moz-box-shadow:    4px 4px 3px 1px #999;
	-webkit-box-shadow: 4px 4px 3px 1px #999;
	box-shadow: 4px 4px 3px 1px #999;
}

#div2BilderRadienSchatten caption.csc-textpic-caption {
	margin: 10px 0 0 0;
	text-align: left;
	font-size: 16px;
	color: #666;
	text-transform: uppercase;
}

#div3BilderRadienSchatten {
	margin: 0 0 20px 0;
}

#div3BilderRadienSchatten div.ce-column:nth-child(1) {
	margin: 0px 60px 10px 0px;
}

#div3BilderRadienSchatten div.ce-column:nth-child(2) {
	margin: 0px 60px 10px 0px;
}

#div3BilderRadienSchatten div.ce-column:nth-child(3) {
	margin: 0px 10px 10px 0px;
}

#div3BilderRadienSchatten div.ce-column img {
	max-height: 180px !important;
	width: auto !important;
	-moz-border-radius: 20px 20px 20px 20px;
	-khtml-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	-moz-box-shadow:    4px 4px 3px 1px #999;
	-webkit-box-shadow: 4px 4px 3px 1px #999;
	box-shadow: 4px 4px 3px 1px #999;
}

#div3BilderRadienSchatten figcaption.image-caption {
	margin: 10px 0 0 0;
	text-align: left;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
}

/* ende  - Bilder mit Radien und Schatten ######################################################################################################## */

#divButtonGrau {
	display: inline-block;
	float: right;
}
#divContent #divButtonGrau p {
	margin: 35px 1px 21px 40px;
	padding: 0;
	background-color: #eceded;
	text-transform: uppercase;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow:    1px 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px 1px #999;
	box-shadow: 1px 1px 1px 1px #999;
}
#divContent #divButtonGrau p:hover {
	margin: 36px 0 20px 41px;
}
#divContent #divButtonGrau p a {
	padding: 8px 15px;
	text-decoration: none;
	display: block;
	color: #666;
	font-size: 14px;
}

/* start - animierte Bilderleiste ################################################################################################################ */

#divContent #divBilderleiste {
	margin: 30px 0 10px 0;
	position: relative;
	width: 690px;
	height: 150px;
	overflow: hidden;
	background-color: #F2F2F2;
}
@media all and (max-width: 720px) {
	#divContent #divBilderleiste {
		max-width: 690px;
		width: 100%;
	}
	#divContent #divBilderleiste .ce-gallery {
		max-width: 690px;
		width: auto !important;
	}
	#divContent #divBilderleiste #divAnimImgLinks,
	#divContent #divBilderleiste #divAnimImgRechts {
		display: none;
	}
}

#divContent #divBilderleiste .ce-gallery {
	height: 150px;
	overflow: hidden;
}

#divContent #divBilderleiste .ce-row {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}
#divContent #divBilderleiste .ce-row .ce-column figure.image img {
	max-height: 150px !important;
	width: auto !important;
}
#divContent #divBilderleiste .ce-row .csc-textpic-imagecolumn .csc-textpic-image {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline-block;
	float: left;
}

#divContent #divBilderleiste .ce-row .csc-textpic-last {
	margin: 0 0 0 0;
	padding: 0;
}

#divContent #divBilderleiste #divAnimImgLinks,
#divContent #divBilderleiste #divAnimImgRechts {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 60px;
	background-color: #fff;
}

#divContent #divBilderleiste #divAnimImgLinks {
	right: 10px;
	background: transparent url('../layout/button-anim-rechts.png') 0 0;
	opacity: 0;
}
#divContent #divBilderleiste:hover #divAnimImgLinks {
	opacity: 0.7;
}
#divContent #divBilderleiste #divAnimImgLinks:hover {
	opacity: 1;
}

#divContent #divBilderleiste #divAnimImgRechts {
	left: 10px;
	background: transparent url('../layout/button-anim-links.png') 0 0;
	opacity: 0;
}
#divContent #divBilderleiste:hover #divAnimImgRechts {
	opacity: 0.7;
}
#divContent #divBilderleiste #divAnimImgRechts:hover {
	opacity: 1;
}

#lbLightbox #lbCaption {
	font-weight: normal;
}

/* ende  - animierte Bilderleiste ################################################################################################################ */

/* start - Menü Top ############################################################################################################################## */

#divTopWrapper {
	max-width: 970px;
	width: auto;
	height: 80px;
	margin: 0 auto;
}

#tableTopWrapper {
	width: 100%;
}
@media all and (max-width: 1000px) {
	#tableTopWrapper {
		width: 90%;
		margin: 0 auto;
	}
}/* @media all and (max-width: 1000px) */
@media all and (max-width: 800px) {
	#tableTopWrapper {
		width: 80%;
	}
}/* @media all and (max-width: 800px) */

figure.image img {
	max-width: 100%;
	height: auto;
}

#divMenuTop {
	margin-bottom: 5px;
	font-size: 24px;
	color: #999;
	text-transform: uppercase;
	text-align: left;
}
@media all and (max-width: 700px) {
	#divMenuTop {
		display: none !important;
	}
}
#divMenuTop a {
	font-size: 20px;
	color: #999;
	text-decoration: none;
}
#divMenuTop a:hover {
	color: #3E6099;
}
#divMenuTop #itemActive a {
	color: #3E6099;
}
@media all and (max-width: 500px) {
	#divMenuTop {
		max-width: 130px;
	}
	#spanNavTopDot,
	#spanNavTopEmpty {
		display: none;
	}
}
body.pid-2 #divMenuTop {
	display: none;
}

/* ende  - Menü Top ############################################################################################################################## */

#divTopRightText {
	margin-bottom: 7px;
}
#divTopRightText a {
	font-size: 14px;
	color: #3E6099;
	text-decoration: none;
}
@media all and (max-width: 660px) {
#divTopRightText {
	width: 170px;
	margin: 0 50px 7px 0;
}
#divTopRightText::after {
	content: " .";
}
}
@media all and (max-width: 480px) {
#divTopRightText {
	width: 120px;
	margin: 0 50px 7px 0;
	font-size: 12px;
}
#divTopRightText a {
	font-size: 12px;
}
}

#divContentTopImage,
#divContentTopImage img {
	max-width: 750px;
	max-height: 190px;
	width: 750px;
	height: 190px;
	overflow: hidden;
}

/* start - Menü Main ############################################################################################################################# */

#divMenuMain {
	width: 167px;
	margin: 0px 20px 20px 33px;
	padding: 0;
	float: right;
	text-transform: uppercase;
}

#divMenuMain #divE2,
#divMenuMain #divE2aktiv {
	width: 160px;
	padding: 0 0 0 0;
	margin: 0 0 19px 0;
	line-height: 14px;
}

#divMenuMain #divE2 A, #divMenuMain #divE2 A:link, #divMenuMain #divE2 A:visited, #divMenuMain #divE2 A:active,
#divMenuMain #divE2aktiv A, #divMenuMain #divE2aktiv A:link, #divMenuMain #divE2aktiv A:visited, #divMenuMain #divE2aktiv A:active {
	color: #999;
	font-size: 12px;
	text-decoration: none;
}

#divMenuMain #divE2aktiv,
#divMenuMain #divE2 A:hover,
#divMenuMain #divE2aktiv A, #divMenuMain #divE2aktiv A:link, #divMenuMain #divE2aktiv A:visited, #divMenuMain #divE2aktiv A:active, #divMenuMain #divE2aktiv A:hover {
	color: #3E6099;
}

/* ende  - Menü Main ############################################################################################################################# */

#divContentRightWrapper {
	width: 180px;
	margin: 0 20px 0 20px;
}

/* start - Menü Bottom ########################################################################################################################### */

#divMenuBottom {
	position: fixed;
	top: 620px;
	bottom: none;
	right: 50%;
	margin-right: -620px;
	text-transform: uppercase;
}
@media all and (max-width: 1150px) {
#divMenuBottom {
	width: 180px;
	position: relative;
	top: auto;
	bottom: auto;
	right: auto;
	margin: 25px 0px 20px 0px;
	float: right;
}
}

#divMenuBottom #divE2,
#divMenuBottom #divE2aktiv {
	width: 120px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	line-height: 14px;
}

#divMenuBottom #divE2 A, #divMenuBottom #divE2 A:link, #divMenuBottom #divE2 A:visited, #divMenuBottom #divE2 A:active,
#divMenuBottom #divE2aktiv A, #divMenuBottom #divE2aktiv A:link, #divMenuBottom #divE2aktiv A:visited, #divMenuBottom #divE2aktiv A:active {
	color: #999;
	font-size: 12px;
	text-decoration: none;
}

#divMenuBottom #divE2aktiv,
#divMenuBottom #divE2 A:hover,
#divMenuBottom #divE2aktiv A, #divMenuBottom #divE2aktiv A:link, #divMenuBottom #divE2aktiv A:visited, #divMenuBottom #divE2aktiv A:active, #divMenuBottom #divE2aktiv A:hover {
	color: #3E6099;
}

/* ende  - Menü Bottom ########################################################################################################################### */

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

#divContentAllWrapper {
	position: relative;
	max-width: 970px;
	min-height: 600px;
	width: auto;
	height: auto;
	background-color: #fff;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px 0px 20px 0px;
	-moz-border-radius: 20px 20px 20px 20px;
	-khtml-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	-moz-box-shadow:    2px 2px 3px 1px #999;
	-webkit-box-shadow: 2px 2px 3px 1px #999;
	box-shadow: 2px 2px 3px 1px #999;
}

#divContentAndMenuWrapper {
	margin: 20px 0 20px 0;
}

#tableContentAndMenuWrapper {
	width: 970px;
}

#divContentWrapper {
	width: 690px;
	margin: 40px 0 0 60px;
}

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

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

/* 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: 12px;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

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

.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: 12px;
	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: 12px;
	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 td.spacer {
	height: 10px;
}

.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: 100%;
	height: 150px;
}

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

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

.Tx-Formhandler input.formsButtons {
	background-color: #ccc;
	margin: 10px 0;
	padding: 7px 7px;
	color: #666;
	font-size: 14px;
	border: none;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.Tx-Formhandler input.formsButtons:hover {
	margin: 11px 0 9px 1px;
	cursor: pointer;
}

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

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

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

/* start - yag ################################################################################################################################### */

div.theme-lightbox {
	margin-top: 30px;
}

div.theme-lightbox #yag-error-messagecontainer,
div.theme-lightbox div.tx-yag-breadcrumbcomtainer,
div.mfp-content div.tx-yag-lightbox-permalink {
	/* display: none; */
}

div.tx-yag-lightbox-leftcolumn h4,
div.tx-yag-lightbox-permalink {
	display: none;
}

div.tx-yag-breadcrumbcomtainer {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.tx-yag-album-albumcaption {
	font-size: 15px;
	font-weight: bold;
}

div.theme-lightbox ul {
	padding-left: 0;
}

div.theme-lightbox ul.tx-ptextlist-pager.pagination {
	padding-left: 0;
}
div.theme-lightbox ul.tx-ptextlist-pager.pagination a span:hover,
div.theme-lightbox ul.tx-ptextlist-pager.pagination .number a:hover {
	background-color: #ccc;
}

div.theme-lightbox div.tx-yag-items {
	display: inline-block;
}

div.theme-lightbox div.tx-yag-items div.tx-yag-thumb-outerframe {
	height: auto !important;
	width: 355px;
}

div.theme-lightbox div.tx-yag-items div.yag-item-thumb-innerframe a img {
	height: auto !important;
	width: auto !important;
	background-color: #ccc;
	padding: 4px;
}

div.theme-lightbox div.tx-yag-items li.yag-item-thumb-outerframe {
	width: auto !important;
}

div.mfp-content h4 {
	color: #fff;
	font-size: 18px;
}

div.tx-yag-album-albuminfo {
	margin-left: 170px;
}

/* start - Pager */
.tx-ptextlist-pager-wrapper {
    border-top: 1px solid #909090;
    margin-top: 20px;
    padding: 5px;
    overflow: hidden;
}

.tx-ptextlist-pager {
    margin-left: 0;
    text-align: center;
}

.tx-ptextlist-pager li {
    display: inline;
}

.tx-ptextlist-pager li.number a, .tx-ptextlist-pager li a span, .tx-ptextlist-pager li.number .cur, .tx-ptextlist-pager li.number .fill {
    background: url("../../../typo3conf/ext/pt_extlist/Resources/Public/Images/b-pager.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #BFBFBF;
    color: #000000;
    display: inline-block;
    font-size: 11px;
    height: 23px;
    width: 24px;
    line-height: 23px;
    margin-right: 6px;
    padding: 0;
    text-align: center;
}

.tx-ptextlist-pager li.number a:hover, .tx-ptextlist-pager li a:hover span, .tx-ptextlist-pager li a:hover {
    color: #FF8700;
    text-decoration: none;
}

.tx-ptextlist-pager li.number .fill {
    color: #BFBFBF;
}

.tx-ptextlist-pager li.number .cur {
    border: 1px solid #393939;
}

.tx-ptextlist-pager li a {
    text-decoration: none;
}

.tx-ptextlist-pager-item-display {
    color: #393939;
    padding-top:10px;
    text-align: center;
}

.tx-ptextlist-pager-item-display .first, .tx-ptextlist-pager-item-display .last, .tx-ptextlist-pager-item-display .count {
    color: #707070;
}
/* ende  - Pager */

/* start - gallery view */

.gv_galleryWrap {
	position: relative;
	background: #999;
	font-size: 10pt;
	margin-top: 30px;
	padding: 2px !important;
}

.gv_galleryWrap,
.gv_galleryWrap .gv_gallery {
	height: 440px !important;
}

.gv_galleryWrap .gv_frame {
	margin-right: 2px !important;
	margin-bottom: 2px !important;
}

.gv_galleryWrap .gv_gallery .gv_navWrap {
	right: 10px !important;
}

.gv_infobar {
	background: #fff;
	padding: 0 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
	vertical-align: middle;
	z-index: 2000;
	
}

/* ende  - gallery view */

/* ende  - yag ################################################################################################################################### */

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

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

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

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

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

#divMenuMobile,
#divMobileHeaderIconMenu {
/* 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 (max-width: 970px) {
/* ende  - in style-mobile.css entfernen ########### */

#divMenuMain,
#divMenuBottom {
	display: none !important;
}

#tdHeaderAndContent {
	/* width in style-mobile.css deaktivieren: */
	width: auto;
	height: 100%;
}

#tableContentAndMenuWrapper {
	width: 97%;
}

#divContentWrapper {
	width: auto;
	margin: 40px 0 0 10px;
}

/* start - Menü Mobile ########################################################################################################################### */

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

/* 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 {
	font-weight: normal;
	color: #333;
	display: block;
	text-decoration: none;
	border-bottom: #dcdcdc 1px solid;
	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;
}

/* 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: 22px;
	padding: 10px 7px 10px 15px;
}

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

#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: 21px;
	padding: 3px 7px 3px 25px;
}

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

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

/* ende - ebene 2 */

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

/* ende  - Menü Mobile ########################################################################################################################### */

#divMobileHeaderIconMenu {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	padding: 0;
	border: none;
}
@media all and (max-width: 340px) {
#divMobileHeaderIconMenu {
	top: 0px;
	right: 0px;
}
}

#spanMobileHeaderText1 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#spanMobileHeaderText2 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

#divContentWrapper {
	max-width: 100%;
	width: auto;
	height: auto;
}
#divContent table,
#divContent table td {
	width: auto;
	height: auto;
}

#tablePageTop {
	display: none;
}

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

IMG {
	font-size: 12px;
}
SUB, SUP {
	line-height: 0px;
	font-size: 90%;
}
LI {
	font-size: 18px;
}
SELECT {
	font-size: 18px;
}
INPUT {
	font-size: 18px;
}
.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: 12px; }
#divContent H3, H3 { font-size: 22px; padding-bottom: 9px; }
#divContent H4, H4 { font-size: 21px; padding-bottom: 7px; }
#divContent H5, H5 { font-size: 18px; padding-bottom: 4px; }
#divContent H6, H6 { font-size: 15px; padding-bottom: 3px; }
#div2BilderRadienSchatten caption.csc-textpic-caption {
	font-size: 24px;
}
.frame-custom-23 caption.csc-textpic-caption {
	font-size: 18px;
}
#divContent #divButtonGrau p a {
	font-size: 21px;
}
#divMenuMain #divE2,
#divMenuMain #divE2aktiv {
	line-height: 21px;
}
#divMenuMain #divE2 A, #divMenuMain #divE2 A:link, #divMenuMain #divE2 A:visited, #divMenuMain #divE2 A:active,
#divMenuMain #divE2aktiv A, #divMenuMain #divE2aktiv A:link, #divMenuMain #divE2aktiv A:visited, #divMenuMain #divE2aktiv A:active {
	font-size: 18px;
}
#divMenuBottom #divE2,
#divMenuBottom #divE2aktiv {
	line-height: 21px;
}
#divMenuBottom #divE2 A, #divMenuBottom #divE2 A:link, #divMenuBottom #divE2 A:visited, #divMenuBottom #divE2 A:active,
#divMenuBottom #divE2aktiv A, #divMenuBottom #divE2aktiv A:link, #divMenuBottom #divE2aktiv A:visited, #divMenuBottom #divE2aktiv A:active {
	font-size: 18px;
}
#divContent {
	font-size: 18px;
}
#divContent TD,
#divContent P {
	font-size: 18px;
}
#divContent .csc-textpic-caption { font-size: 16px; padding: 4px 0px 0px 0px; }
#divContent P {
	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: 18px;
}
.formsButtons {
	font-size: 18px;
}
.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;
}
.Tx-Formhandler input.formsButtons {
	font-size: 21px;
}
span.csc-form-label-req-error {
	font-size: 18px;
}
div.tx-yag-album-albumcaption {
	font-size: 22px;
}
div.mfp-content h4 {
	font-size: 27px;
}
.tx-ptextlist-pager li.number a, .tx-ptextlist-pager li a span, .tx-ptextlist-pager li.number .cur, .tx-ptextlist-pager li.number .fill {
    font-size: 16px;
    line-height: 34px;
}
.gv_galleryWrap {
	font-size: 10pt;
}
.gv_infobar {
	font-size: 18px;
}

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

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

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

.Tx-Formhandler .csc-mailform td.spacer {
	height: 15px !important;
	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 .ce-gallery,
#divContent #c175 .csc-textpic .ce-gallery 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;
}

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

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

@media all and (max-width: 970px) {
	/* Hochwasserschutz: */
	body.pid-26 #divContent table.contenttable img {
		width: unset !important;
		height: auto !important;
		display: block;
	}
}
@media all and (max-width: 750px) {
	body.pid-26 #divContent table.contenttable td {
		width: 100% !important;
		display: block;
	}
}

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

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

#divContentTopImage .csc-default iframe {
	width: 100% !important;
}

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

/* nur rechte Tabellenspalte ansprechen */
#divContent .tx-mhbranchenbuch-pi1 .tx_mh_branchenbuch-premium-3 table td:nth-child(1) img {
	width: 95% !important;
	max-width: 170px !important;
	height: auto !important;
	display: block;
}

/* start - gallery view mobile */

.gv_galleryWrap {
	width: 100% !important;
	max-width: 686px !important;
	height: auto !important;
	max-height: 358px !important;
	background-color: #fff !important;
}
.gv_galleryWrap .gv_gallery {
	width: 100% !important;
	max-width: 686px !important;
	max-height: 358px !important;
}
                              
.gv_galleryWrap .gv_gallery .gv_panelWrap {
	width: 100% !important;
	max-width: 686px !important;
	max-height: 358px !important;
}
.gv_galleryWrap .gv_gallery .gv_panelWrap .gv_panel {
	width: 100% !important;
	max-width: 686px !important;
	max-height: 358px !important;
}
.gv_galleryWrap .gv_gallery .gv_panelWrap .gv_panel img {
	width: 100% !important;
	max-width: 686px !important;
	max-height: 358px !important;
	height: auto !important;
}

.gv_galleryWrap .gv_gallery .gv_navWrap {
	bottom: ;
	top: 10px;
	left: 10px;
	z-index: 99999;
	width: 140px !important;
	height: 60px !important;
}

.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPlay {
	height: 60px;
	width: 60px;
	background-size: 100%;
}
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPause {
	height: 60px;
	width: 60px;
	background-size: 100%;
}
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navNext {
	height: 40px;
	width: 40px;
	background-size: 100%;
}
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPrev {
	height: 40px;
	width: 40px;
	background-size: 100%;
}
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPlay,
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPause,
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navNext,
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPrev {
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	filter:alpha(opacity=60);
}
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPlay:hover,
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPause:hover,
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navNext:hover,
.gv_galleryWrap .gv_gallery .gv_navWrap .gv_navPrev:hover {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
}

.gv_galleryWrap .gv_gallery .gv_filmstripWrap {
	display: none;
}

.gv_infobar {
	background-color: #fff;
	padding: 0 0.5em;
	line-height: 24px;
	height: 24px;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	position: absolute;
	bottom: ;
	top: 2px;
	right: 2px;
	display: none;
	vertical-align: middle;
	z-index: 2000;
	
}

/* ende  - gallery view mobile */

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

@media all and (max-width: 580px) {

#divBlaueLinie {
	background-color: transparent;
}

#divBlaueLinieContent {
	position: absolute;
	top: 140px;
	right: 0;
	width: 100px;
	height: 5px;
	background-color: #3E6099;
}

}/* @media all and (max-width: 580px) */

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

#divBlaueLinieContent {
	display: none;
}

#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-width: 480px) */

@media all and (max-width: 370px) {

#divLogoMetallbau {
	width: 230px;
	height: 108px;
	display: inline-block;
	margin: 40px 0 0 30px;
}

}/* @media all and (max-width: 370px) */

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

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

.om-cookie-info table td {
	text-align: left !important;
}
.om-cookie-info table thead {
	display: none;
}
.om-cookie-info table th,
.om-cookie-info table td {
	padding: 0;
	border: none;
}
.om-cookie-info table {
	border: none;
}
.om-cookie-panel .cookie-panel__button--color--green {
	background-color: #60761e;
}