body	{
	font-family: 'Roboto', sans-serif !important;
	font-weight:300;
	font-size:13px;
	color:#333333;
	margin: 0;
	padding: 0;
	line-height:1.5;
	background:-moz-linear-gradient(top, #405067, #d0d0d0) no-repeat #d0d0d0;
    background:-webkit-gradient(linear, left top, left bottom, from(#405067), to(#d0d0d0)) no-repeat #d0d0d0;
	background:linear-gradient(top, #405067, #d0d0d0) no-repeat #d0d0d0;
	background:o-linear-gradient(top, #405067, #d0d0d0) no-repeat #d0d0d0;
	background: -ms-linear-gradient(top, #405067, #d0d0d0) no-repeat #d0d0d0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405067', endColorstr='#d0d0d0', GradientType=0 ); /*for IE9*/
	background-color:#d0d0d0; /*for IE9*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif !important;
}

div#content div.row aside {
	padding-right:0.813rem !important;
}


div#main-content div.csc-default.grosser-abstand {
	margin-top:30px;
}

/*div.mainnav div.row div.large-12.columns {
	padding-right:0.313rem !important;
}
*/

/*Home-Button*/
div.mainnav ul li.no_7 a {
	padding-top:14px !important;
	padding-bottom:13px !important;
}

@media only screen and (min-width: 47.5em) {
/*Button neben Home*/
div.mainnav ul li:nth-child(2) a {
	padding-left:10px !important;
}
}
/*nav.top-bar {
	float:left;
}*/


/* Grauer Listentext */
div#main-content li {
    color: #333333;
}

/* Blaue Aufzählungszeichen und Nummerierungen */
div#main-content .csc-default li::marker,
div#main-content .csc-textpic-text li::marker,
div.produkteinzelansicht div.merkmale li::marker {
    color: #00709d;
}

div#main-content ul {
	padding-left:15px;
	line-height:2.0;
}


div#main-content ul li {
	font-size: 13px !important;
	list-style-type:square;
}

div.mainnav div#searchwrap {
	position:absolute;
	right:15px; /*15px*/
	top:0;
}

div.mainnav div#searchwrap input {
	margin-bottom:0px;
	float:left;
}

div.mainnav div#searchwrap form {
	float:right;
}

div.mainnav div#searchwrap input#search {
	width:98px !important;
	border-radius: 5px;
    box-shadow: -1px 3px 4px 0 #777 inset;
    color: #333;
    font-size: 11px;
    font-weight: 400;
    height: 1.1rem;
    margin-bottom: 1rem;
    margin-right: 3px;
   /* margin-top: 3px;*/
    padding: 0.2rem 0.2rem 0 5px;
	border:none;
	margin-top:16px;
}

div.mainnav div#searchwrap input.submit {
	padding-top:13px;
	padding-left:5px;
	padding-right:15px;
	padding-bottom:10px;
}


div.contain-to-grid {
    background: none !important;
}

div.contain-to-grid.sticky.fixed {
	background:#626E80 !important;
}

div#main-content div.csc-default {
	margin-bottom:0.7rem;
}


p  {
	font-size: 13px !important;
	font-weight: 300 !important;
	margin-bottom: 0.5rem !important;	
}

div#content h1 {
	color:#00709d !important;
	font-weight:600 !important;
	font-size: 15px !important;
}

/*div#main-content.ohne-seitentitel {
	padding-top: 20px !important;	
}*/

div#content h1.seitentitel {
	font-size: 20px !important;
	font-weight:600 !important;	
	padding-bottom:15px;
	margin-top:0px;
	line-height: 1.1;
}

div#content h1.header_subheader {
	margin-bottom:0px;
	margin-top:0px;
}

div#content h2.subhead {
	margin-top:0px;
}

div#content h1.onlyheader {
	margin-bottom:5px;
	margin-top:0px;
}

div#content h2 {
	color:#333333 !important;
	font-weight:500 !important;
	font-size: 14px !important;
	font-family: "Roboto",sans-serif;
}

div#content h3 {
	font-weight:400;
	font-size: 13px;
	font-family: "Roboto",sans-serif;
}

/*Nur bei grossen Devices: Text neben Headline nicht umfliessen*/
@media only screen and (min-width: 64.063em) {
div.table-cell {
	display:table
}

div.table-cell div.csc-header {
	padding-right:25px;
	white-space:nowrap;
}

div.table-cell div.csc-header h1 {
	line-height:1.6;
}

div.table-cell div.csc-header,
div.table-cell p.bodytext:first-child {
	display:table-cell;
	vertical-align:top;
}
}
/*div#background {
	background-image:url(../img/hintergrund-farbverlauf.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#d0d0d0;	
}*/

/*div.row {
	outline:1px solid #FF0000;
}*/

div#header div.row div.large-12.columns {
	background-image:url(../img/hintergrund-header.png);
	background-position: left top;
	background-size: contain;
	background-repeat:repeat-x;
	padding-left:75px; /* 2.7%*/
	padding-top:0.8%;
	padding-bottom:1%;
/*	-moz-box-shadow:    2px 2px 4px 3px #2b3541;
	-webkit-box-shadow: 2px 2px 4px 3px #2b3541;
	box-shadow:         2px 2px 4px 3px #2b3541;*/
	-webkit-box-shadow: -1px 3px 5px 2px #3e4b5d;
	-moz-box-shadow: -1px 3px 5px 2px #3e4b5d;
	box-shadow: -1px 3px 5px 2px #3e4b5d;
	z-index: 1000;
}

div.mainnav div.row div.large-10.columns {
	padding-left:18px;
}

div#content div.row {
	background-color:#FFF;
}

div.nav-left-title {
	padding-bottom:0.65rem;
}

div.nav-left-title a,
div.left-content h1,
div.left-content h1 a {
	font-weight: 500;
	color:#00709d;
	font-size: 13px !important;
}

div.left-content p {
	line-height: 1.6;  /*1.31*/
}

div.nav-left-title a {
	font-size:0.965rem !important;
}

div#nav-left ul {
	margin:0px;
	padding:0px;
}

div#nav-left ul li {
	list-style-type:none;
	padding-bottom:0.8rem;
	line-height: 0.9rem;
}

div#nav-left ul a {
	color:#333333;
	/*font-size:13px !important;*/
	font-size: 0.8125rem !important;
    font-weight: 300;
}

div#nav-left ul a:hover {
	color:#00709d;
}

div#nav-left ul li.nav_content_left_ebene1_li_active a.active,
div#nav-left ul li ul li a.nav_content_left_ebene2_a_active {
	color:#00709d;

}

div#nav-left ul.nav_content_left_ebene1_ul li ul.nav_content_left_ebene2 {
	padding-left:20px;
	padding-top:0.3rem;
}

div#nav-left ul.nav_content_left_ebene1_ul li ul.nav_content_left_ebene2 li {
	padding-bottom:0.25rem; /*0.1rem*/
}

div#nav-left ul.nav_content_left_ebene1_ul li ul.nav_content_left_ebene2 li:last-child {
	padding-bottom:0rem;
}

/*Damit das Hauptmenü nicht in die 2. Reihe rutscht*/
@media only screen and (min-width: 40.063em) {
	div.mainnav div.row div.large-10.columns.topbar nav.top-bar section.top-bar-section ul.left {
		max-height:45px !important;
		overflow: hidden;
	}
}

@media only screen and (max-width: 64em) {
	p, div#content ul li {
		font-weight: 400 !important;	
	}
	footer div#copyright p.bodytext {
		font-weight: 300 !important;			
	}
}


div#nav-left {
	margin-bottom:20px;
}

div#copyright {
	padding-top:6px;	
}

div#copyright p {
	font-size: 11px !important;
}

footer {
	background: -moz-linear-gradient(top, #cbcacb 0%, #cbcacb 31%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #cbcacb), color-stop(31%, #cbcacb), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #cbcacb 0%, #cbcacb 31%, #ffffff 100%);
	background: -o-linear-gradient(top, #cbcacb 0%, #cbcacb 31%, #ffffff 100%);
	background: -ms-linear-gradient(top, #cbcacb 0%, #cbcacb 31%, #ffffff 100%);
	background: linear-gradient(to bottom, #cbcacb 0%, #cbcacb 31%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcacb', endColorstr='#ffffff', GradientType=0 );/*for IE9*/
	background-color: #ffffff;
	margin-bottom:10px !important;


}

div#footernav ul {
	padding:0px;
	margin:0px;
}

div#footernav ul li {
	padding:0px;
	margin:0px;
	float:left;
	list-style-type:none;
	margin-right:10px;
}

div#footernav ul li a {
	color: #333333;
	font-size: 11px !important;
	padding-right:5px;
}

div#footernav ul li a:hover {
	color: #00709d;
}

div#footernav ul li a.active {
	color: #00709d;
	font-weight: 500;
}

/*div#footernav ul li:after {
 content: " |";
}*/

/*div#footernav ul li.last:after {
 content:inherit;
}*/

footer.row div.large-12.columns {
	padding-top:10px;
	padding-bottom:5px;
}

div#content div.row aside {
	padding-left:30px;
	padding-top:20px;
}

div#content div.row div#main-content,
footer.row div.large-12.columns {
	padding-right:30px;
	padding-left:30px;	
}

div#content div.row div#main-content.parts {
	padding-right:0px;

}

div#content div.row div#main-content.parts-detail {
	padding-right:15px;

}

div#content div.row div#main-content {
	padding-top:20px;
}

div#content div.row div#main-content.einspaltig {
	padding-left:30px;	
}


body#ohne-seitentitel div#content div.row div#main-content,
body#ohne-seitentitel div#content div.row div#main-content,
body#ohne-seitentitel div#content div.row aside {
	padding-top:30px;
}

/* Die Produktdetailansicht rendert einen eigenen Seitentitel. Deshalb braucht
 * ihre linke Spalte nicht den Zusatzabstand für Seiten ohne Seitentitel. */
body#ohne-seitentitel div#content div.row div#main-content.produkteinzelansicht + aside {
	padding-top:20px;
}

@media only screen and (max-width: 40em) {
div.csc-textpic-intext-left .csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 0px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, 
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0px;
}
}

/*Damit Bilder immer mitskalieren bei max-width: 100%*/
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;
}

/*Damit Bilder immer mitskalieren bei max-width: 100%*/
@media only screen and (max-width: 40em) {
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		float: none;		
	}
	div.csc-textpic .csc-textpic-imagewrap figure {
	    display:inherit;	
	}
}

div#content table caption {
	font-size: 0.71rem !important;	
	font-weight: normal;
	font-weight:400;
	padding-top: 3px;
	font-style:italic;
}


h1.float-left,
div.float-left {
	float:left;
}

h1.float-left {
	margin-right:20px;
}

div.clearer {
	clear:both;
}


@media only screen and (max-width: 40em) {
/*Damit der Text bei der Bildausrichtung "Neben dem Text rechts" bei kleinen Devices über die ganze Breite geht*/
.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 0px;
	margin-top:15px;
}

/*Damit der Text bei der Bildausrichtung "Neben dem Text links" bei kleinen Devices über die ganze Breite geht*/
.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-left: 0px;
	margin-top:15px;
}

div#content div.row aside {
    padding-top: 0px;
}
div#footernav {
	width:100%;
	float:left;
	margin-bottom:15px;
}

footer div#copyright {
	text-align:left !important;
	
}
div#footernav ul li {
	width:50%;
	padding:0px;
	margin:0px;
}	
}

div.bottom {
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:10px;
}

div.bottom div.sprunglink a {
	color: #333333;
    font-size: 11px;
	background-image:url(../img/sprunglink-pfeil-8px.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:11px;
}

div.bottom div.druckansicht a {
	float:right;
}

div.bottom div {
	padding-left:30px;
	padding-right:30px;
}

div.videobox picture:after {
	content:url(../img/videosymbol-85px.png);
	position:absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	display:block;
}

div.videobox div.csc-textpic {
	position:relative
}

figure.csc-textpic-image figcaption{
	font-size:12px;
	font-style:italic;
}

div#main-content div[id^="c"],
div.left-content div[id^="c"] {
	margin-bottom:15px;
}

div#main-content div[id^="c"]:last-child,
div.left-content div[id^="c"]:last-child {
	margin-bottom:0px;
}

/*TYPO3-Stylesheet überschrieben, da die Bilder in der linken Spalte + Hauptspalte sonst nicht skaliert werden*/
/*Am 2.2. auskommentiert, da die Bioldunterschrift im IE sonst nicht über die gesamte Bildbreite geht. Bilder werden
auch ohne display.block skaliert*/
div.csc-textpic .csc-textpic-imagewrap figure, aside div.csc-textpic figure.csc-textpic-imagewrap {
    display: block;
}

/*TYPO3-Stylesheet überschrieben, da die Bildunterschrift sonst nicht über die gesamte Bildbreite geht */
figcaption.csc-textpic-caption {
    display: block; /*von "table-caption" zu "block" am 23.1.06 geändert, da die BU im IE nicht über die gesamte Breite ging - Problem: BU geht immer über die gesamte Breite!!*/
    width: auto; /*von "100%" zu "auto" am 23.1.06 geändert, da die BU im IE nicht über die gesamte Breite ging - Problem: BU geht immer über die gesamte Breite!!*/
	padding-top:3px;
}

/*div#logo {
	float:left;
}*/

div#languageselection {
	position:absolute;
	bottom:3px;
	right:29px;
}

div#languageselection ul {
	margin:0px;
	padding:0px;
}

div#languageselection ul li {
	margin:0px;
	padding:0px;
	padding-left:10px;
	float:left;
	list-style-type:none;
}


div#languageselection ul li.active a {
	/*font-weight:500;*/
	text-decoration:underline;
}

div#languageselection ul li a:hover {
	text-decoration:underline;
}


div#languageselection ul li:first-child {
	padding-left:0px;
}

div#languageselection ul li a {
	font-size: 0.7rem !important;
	font-weight: 300;
	color: #333333 ;
}

@media only screen and (max-width: 64em)  {
div#nav-left ul.nav_content_left_ebene1_ul li ul.nav_content_left_ebene2  {
	padding-top:0.4rem; /*0.1rem*/
}

div#nav-left ul.nav_content_left_ebene1_ul li ul.nav_content_left_ebene2 li {
	padding-bottom:0.5rem; /*0.1rem*/
}

div#languageselection ul li {
	padding-left:6px;
}

div#languageselection ul li:first-child:after {
	content:"|";
}

div#languageselection ul li:nth-child(2):after {
	content:"|";
}

div#languageselection ul li a {
	padding-right:6px;
}

div#languageselection ul li a span   {
	display:none;
}

div#languageselection ul li:first-child a:after {
	content:"DE";
}

div#languageselection ul li:nth-child(2) a:after {
	content:"EN";
}

div#languageselection ul li:last-child a:after {
	content:"FR";
}

div#languageselection ul li a {
	font-size: 11px;
	font-weight:400;
	color: #333333;
}
}

@media only screen and (min-width: 47.5em) and (max-width: 64em) {
div#languageselection {
	right:14px;
}
div.mainnav div#searchwrap {
	right:5px;

}
}


@media only screen and (min-width: 40.063em) and (max-width: 47.49em)  {
div#languageselection {
	right:14px;
}
div.mainnav div#searchwrap {
	right:92px;

}
}

@media only screen and (max-width: 40em)  {
div#languageselection {
	right:9px;
}

div.mainnav div#searchwrap {
/*	left: 50%;
    right:inherit !important;
	top:25px !important;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);*/
	right:87px;

}
}

@media only screen and (max-width: 47.49em)  {
/*div#languageselection {
	position:absolute;
	top:6px;
	right:10px;
}*/

div#languageselection {
	bottom:-35px;
}

div#languageselection ul li a {
	font-size: 0.8125rem;
	font-weight: bold;
	color:#FFF;
}

div#languageselection ul li:after {
	color:#FFF;
}
}

div.row div.fixed div#searchwrap {
	right: 0px;
}


/*################################
######## FOR MEDIUM  DEVICES######
#################################*/
@media only screen and (min-width: 40.063em) and (max-width: 64em)  {
div#header div.row div.large-12.columns {
	padding-left:17px;
}
nav.top-bar ul.title-area li.toggle-topbar.menu-icon {
	margin-left:5px;
}
div#content div.row div#main-content {
	padding-right: 20px;	
	padding-left: 20px;	
}
div#content div.row aside,
div#content div.row div#main-content.einspaltig {
	padding-left: 20px;		
}
}

/*##########################
####FOR SMALL DEVICES#####
##########################*/
@media only screen and (max-width: 40em) {
/*Damit auch 2 und mehr Bilder innerhalb eines Artikels immer mitskalieren bei max-width: 100%*/
div.csc-textpic-imagewrap div.csc-textpic-imagerow div.csc-textpic-imagecolumn {
	float:none !important;
}

div#content div.row aside,
div#content div.row div#main-content.einspaltig {
	padding-left:15px;
	padding-right:15px;	
}


div#header div.row div.large-12.columns {
	padding-left:12px;
}

nav.top-bar ul.title-area li.toggle-topbar.menu-icon {
	margin-left:15px;
}

div#content div.row div#main-content {
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
}

p.bodytext,
div#main-content ul li {
	/*font-weight: 500 !important;*/	
	font-size:14px !important;	
}
}

/*##########################
####BEGINN DOWNLOADBEREICH##
##########################*/
.spalte1,
.spalte2 {
	float:left;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	position: relative;
}

.spalte1 {
    width: 32%;
}

.spalte2 {
    width: 68%;
}

div.downloadblock {
	margin-bottom:15px;
	margin-top: 8px;
	width:100%;
	float:left;
	
}

div.downloaditem {
	float:left;
	width:100% !important;
	padding:10px;
	padding-left:0px;
	padding-right:15px;
	border-bottom:1px solid #CCC;
	background-color:#DDD !important;
	margin-bottom:15px;
}

div#content div.downloaditem h1 {
	float:left;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:0px;
	line-height:10px;
	padding-bottom:5px;
	line-height: 18px;
	margin-top:0px;
	font-size:13px !important;
	font-weight:500 !important;
}

div.downloaditem div.downloadbutton h2,
div.produktseite div.downloadbutton a {
	float:none !important;
}

div.downloaditem div.downloadbutton {
	margin-bottom:5px;
	margin-top:4px;
}


div.downloaditem div.infos div.date {
	position:absolute;
	right:0px;
	top:0px;
	margin-right: 0px;
	line-height:16px;
}

/*div.downloaditem div.infos div.groesse {
	position:absolute;
	right:0px;
	top:0px;	
}*/

div.downloaditem div.infos div.groesse {
	float:right;
}

div.downloaditem div.infos.spalte2 div.downloadbutton h2 a {
	background-image:url(../img/downloadicon.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:23px;
	padding-bottom:2px;
	background-size:16px;
	text-decoration:none;
	line-height:9px;
	font-weight:300 !important;
}

div.downloaditem div.description {
    margin-top: 0px;
}

div.downloaditem div.detailwrap {
	margin-top:10px;
}

div.downloaditem {
    padding: 13px 15px 13px 0;
}

div.downloaditem div.detailwrap span.fileiconlabel {
	padding-right:2px;
}

div.downloaditem div.detailwrap {
	font-size: 13px !important;
    font-weight: 300 !important;
}

div.downloaditem div.detailwrap.morespace {
	margin-bottom:20px;
}

div.downloaditem div.detailwrap.morespace:last-child {
	margin-bottom:0px;
}

div.downloadblock div.downloaditem div.infos.spalte2 div.download-wrap {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

div.downloadblock div.downloaditem div.infos.spalte2 div.download-wrap:last-child {
    margin-bottom: 0px;
}

div.downloaditem img {
	padding-top: 1px;
	vertical-align: top;
	margin-left:5px;
}

div.downloaditem div.description {
	float:left;
	font-size: 13px !important;
    font-weight: 300 !important;
	margin-top:3px;
	width:100%;
}

div.downloaditem div.infos a {
	background:none;
	height:auto;
	padding:0px;
	margin-bottom:0px;
	margin-left:0px;
	width:auto;
	text-decoration:underline;
	/*font-size:12px;*/
	/*text-transform:uppercase;*/
	padding-top:3px;
	font-size: 13px !important;
    font-weight: 300 !important;
	color:#00709d;
}

div.downloaditem div.infos h2 {
	margin:0px;
	line-height:10px;
}

div.downloaditem div.infos div.groesse,
div.downloaditem div.infos div.date {
	font-size: 13px !important;
    font-weight: 300 !important;
}


@media only screen and (max-width: 57.75em) {
div.downloaditem div.downloadbutton {
	margin-top:0px;
}
.spalte1,
.spalte2 {
    width: 100%;
	padding-bottom: 12px;
}
.spalte2 {
    padding-right: 0;
	padding-bottom: 0;
}

div.downloaditem div.detailwrap {
	float: right;
  	margin-top: -20px;
}

div.downloaditem div.infos div.groesse {
    float: none;
}
}

@media only screen and (max-width: 40em) {
div.downloaditem div.infos div.groesse,
div.downloaditem div.infos div.date {
    position:inherit;
	left:inherit;
	top:inherit;
	line-height: 1.5;
}	
div.downloaditem div.description {
    margin-top: 0px;
}
.spalte1 {
	padding-bottom: 5px;
}

.spalte2 {
	padding-bottom: 0px;
}

div.downloaditem div.detailwrap {
	float: none;
	margin-top: 10px;
}
}
/*##########################
####ENDE DOWNLOADBEREICH####
##########################*/

div.video-item {
	margin-bottom:20px;
	float:left;
	width:100%;
}

div.elastic-video-wrapper {
	width:57%;
	float:left;
	margin-right:15px;
}

div.elastic-video {
	position: relative;
	padding-bottom: 56%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
div.video-item  div.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.video-item div.beschreibung {
	font-size:13px;
	float:left;
	width:40%;
}

div.video-item div.beschreibung div.videolaenge,
div.video-item div.beschreibung div.verlinkungshinweis {
	margin-top:10px;
}

@media only screen and (max-width: 48em) {
div.video-item div.elastic-video-wrapper {
	width:100%;
}
div.video-item div.beschreibung {
	width:100%;
	margin-top:8px;
}

div.video-item div.beschreibung div.videolaenge,
div.video-item div.beschreibung div.verlinkungshinweis {
	display:inline;
}
}

/*Indexed Search*/
.tx-indexedsearch-searchbox {
	margin-bottom:20px;
}

.tx-indexedsearch-searchbox fieldset {
	margin-bottom:30px;
}

.tx-indexedsearch-searchbox legend {
	display:none;
}

.tx-indexedsearch-searchbox label,
.tx-indexedsearch-info-sword,
div.tx-indexedsearch-browsebox {
	font-size:13px !important;
}

.tx-indexedsearch-info-sword {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #cccccc;
}

.tx-indexedsearch-res {
	border-bottom: 1px dotted #cccccc;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-bottom: 15px;
	width:100%;
}

.tx-indexedsearch-res h2 {
	font-size:15px;
    margin-bottom: 0px;
}

.tx-indexedsearch-res .tx-indexedsearch-info {
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	margin-bottom:0px;
}

.tx-indexedsearch-info dt,
.tx-indexedsearch-info dd {
	font-size: 13px;
	font-weight:300;
	margin-bottom:0px;
}

.tx-indexedsearch-info dd {
	margin-left:0px;
	margin-right:10px;
	font-weight:300;
}

.tx-indexedsearch-info dd p {
	margin:0px !important;
}

.tx-indexedsearch-res h2 a {
	color: #00709d;
}

div.tx-indexedsearch-browsebox {
	clear:both;
	width:100%;
}


.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox {
	text-align: center;	
	padding:0px;
	margin:0px;
	margin-top:0px;
	margin-bottom:5px;
	width:100%;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}

.tx-indexedsearch-searchbox #tx_indexedsearch fieldset {
	margin:0px;
	padding:0px;
	border:none;
}

.tx-indexedsearch-searchbox #tx_indexedsearch fieldset input {
	width:auto;
	display:inline;
	color:#444444;
}

.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form,
.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit {
	float:left;
}

.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit input {
	background-color: #00709d;
	border: 1px solid #eeeeee;
	color: #ffffff;
	cursor: pointer;
	font-weight: 400;
	margin: 3px 3px 0;
	padding: 5px 20px;
}


.tx-indexedsearch-searchbox #tx_indexedsearch fieldset label {
	display:block;
	margin-right:10px;
	float:left;
	padding-top:10px;
    font-weight: 300;
	color: #333333;
	
}

.tx-indexedsearch-browsebox a[aria-current="page"] {
	font-weight:500 !important;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li  {
	font-size: 13px !important;
}

@media only screen and (max-width: 48em) {
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox {
	margin-bottom: 10px;
}
.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li  {
	margin-right: 0px;
}

.tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox li a {
	padding:10px;
}

}

@media only screen and (max-width: 25.94em) {  
.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-form label {
    float: none;
	margin-bottom:5px;
}
.tx-indexedsearch-searchbox #tx_indexedsearch .tx-indexedsearch-search-submit {
	margin-top:35px;
}

}

div.float-left.breite33 {
	width:33%;
	padding-right:10px;
}

div.float-left.breite50 {
	width:50%;	
	padding-right:10px;
}

div.float-left.breite66 {
	width:66%;	
	padding-right:10px;
}

div.float-left.breite100 {
	width:100%;	
}

/*##########################
####FOR SMALL DEVICES#####
##########################*/
@media only screen and (max-width: 51em) {
div.float-left.breite33,
div.float-left.breite50,
div.float-left.breite66 {
	width:100%;			
}

/*Text neben Bild auch bei Mobile (auswählbar über Einrückung und Rahmen)*/
div.float-mobile div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.float-mobile div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	float:right;
} 
/*Text neben Bild auch bei Mobile (auswählbar über Einrückung und Rahmen)*/
div.float-mobile div.csc-textpic-intext-left .csc-textpic-imagewrap, 
div.float-mobile div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	float:left;
	margin-right: 10px;
}
/*Text neben Bild auch bei Mobile (auswählbar über Einrückung und Rahmen)*/
div.float-mobile .csc-textpic-intext-right-nowrap .csc-textpic-text {
	margin-top:0px;
	margin-left: 10px;
}
/*Text neben Bild auch bei Mobile (auswählbar über Einrückung und Rahmen)*/
div.float-mobile .csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-top:0px;
}
}

div.video-item div.elastic-video-wrapper a div.elastic-video:after {
	content:url(../img/youtube-play-button-transparent-48px.png);
	position:absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	display:block;
}

@media only screen and (min-width: 48.063em) and (max-width: 62.75em) {
div.video-item div.elastic-video-wrapper a div.elastic-video:after {
		content:url(../img/youtube-play-button-transparent-29px.png);
}
}
@media only screen and (max-width: 48em) {
div.video-item div.elastic-video-wrapper a div.elastic-video:after {
		content:url(../img/youtube-play-button-transparent-48px.png);
}
}
/*
@media only screen and (min-width: 27.876em) and (max-width: 48em) {
div.video-item div.elastic-video-wrapper a div.elastic-video:after {
		content:url(../img/youtube-play-button-transparent-48px.png);
}
}

@media only screen and (max-width: 27.875em) {
div.video-item div.elastic-video-wrapper a div.elastic-video:after {
		content:url(../img/youtube-play-button-transparent-29px.png);
		border:2px solid #FF0000;
}

}*/

/*LOGINFORMULAR ANFANG*/
aside div.loginname {
    color: #00709d;
    font-size: 13px !important;
    font-weight: 500;
	margin-top: 5px;
	line-height: 1.3 !important;
}

aside a.logout {
	font-size: 0.8125rem;
	line-height: 1.3 !important;
}

div.tx-felogin-pi1 div {
	font-size: 13px;
}

div.tx-felogin-pi1 form {
	margin-top:20px;	
}

div.tx-felogin-pi1 div.backlink {
	margin-top:10px;	
}

div.tx-felogin-pi1 b {
	color: #00709d;
	font-size: 15px;
	font-weight: 600;	
	display:block;
	margin-bottom:5px;
}

div.tx-felogin-pi1 form fieldset {
    background: #eeeeee none repeat scroll 0 0;
    border-color: #e5e5e6 #caced0 #b4b3b5 #dfe0e1;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 3px 3px 2px 0 #b6b5b7;
    clear: left;
    margin: 0 0 20px;
    padding: 10px;
	padding-top: 20px;
}

div.tx-felogin-pi1 form fieldset div {
	clear: both;
	margin: 0 0 0.5em;
	overflow: hidden;	
	font-size: 13px;
}

div.tx-felogin-pi1 form fieldset div label {
	clear: left;
	display: block;
	float: left;
	margin-bottom: 3px;
	font-size: 13px;
}

div.tx-felogin-pi1 form fieldset div input {
	border: 1px solid #bbbbbb;
	color: #444444;
	margin-bottom: 8px;
	padding: 5px;
}

div.tx-felogin-pi1 form fieldset div input[type=submit] {
	background-color: #00709d;
	border: 1px solid #eeeeee;
	color: #ffffff;
	cursor: pointer;
	font-weight: 400;
	margin: 5px 0 0;
	padding: 5px 20px;
	border-radius: 5px;
	float: left;
	width: auto;
}

div.tx-felogin-pi1 form fieldset legend {
	display:none;
}

div.tx-felogin-pi1 div.felogin-message {
	color: #ff0000;
	font-size: 13px;
}

div.tx-felogin-pi1 div.felogin-message.resetpassword {
	color: #333333;
}

@media only screen and (min-width: 64.063em) {
div.tx-felogin-pi1 form fieldset div input {
	float: right;
	width: 70%;
}
div.tx-felogin-pi1 form fieldset div label {
	margin-right: 5%;
	width: 25%;
}
div.tx-felogin-pi1 form fieldset div label,
div.tx-felogin-pi1 form fieldset div span.username {
	line-height: 32px;
}
div.tx-felogin-pi1 form fieldset div input[type=submit] {
	margin-left:30%;
}
}

@media only screen and (max-width: 64em) {
div.tx-felogin-pi1 form fieldset div span.username {
	margin-left:20px;
}
}
/*LOGINFORMULAR ENDE*/

a.link {
    font-size: 13px;
    font-weight: 400;
}

/*PARTS BEGINN*/

div#main-content.parts-detail {
	--parts-image-size: 200px;
	display: grid;
	grid-template-columns: repeat(auto-fit, var(--parts-image-size));
	column-gap: 65px;
	row-gap: 40px;
}

div#main-content.parts-detail > :not(.frame-type-image) {
	grid-column: 1 / -1;
}

div#main-content.parts-detail > div.frame-type-image {
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

/*
 * Keep captions aligned within each grid row, even when the product images
 * have different aspect ratios and therefore different rendered heights.
 */
div#main-content.parts-detail > div.frame-type-image,
div#main-content.parts-detail > div.frame-type-image .ce-image,
div#main-content.parts-detail > div.frame-type-image .ce-gallery,
div#main-content.parts-detail > div.frame-type-image .ce-outer,
div#main-content.parts-detail > div.frame-type-image .ce-inner,
div#main-content.parts-detail > div.frame-type-image .ce-row,
div#main-content.parts-detail > div.frame-type-image .ce-column,
div#main-content.parts-detail > div.frame-type-image figure.image {
	height: 100%;
}

div#main-content.parts-detail > div.frame-type-image figure.image {
	display: flex;
	flex-direction: column;
}

div#main-content.parts-detail > div.frame-type-image figure.image > a {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	min-height: 0;
}

/*
 * Use a uniform square canvas for Parts images. Its size is 200 px by default
 * and is reduced to fit two columns on smartphones.
 */
div#main-content.parts-detail div.frame-type-image figure.image > a,
div#main-content.parts-detail div.frame-type-image figure.image > picture {
	display: flex;
	flex: 0 0 var(--parts-image-size);
	align-items: center;
	justify-content: center;
	width: var(--parts-image-size);
	height: var(--parts-image-size);
	margin-right: auto;
	margin-left: auto;
}

div#main-content.parts-detail div.frame-type-image figure.image > a > picture {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

div#main-content.parts-detail div.frame-type-image figure.image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

@media only screen and (max-width: 30em) {
	div#main-content.parts-detail {
		--parts-image-size: min(160px, calc((100vw - 50px) / 2));
		grid-template-columns: repeat(2, var(--parts-image-size));
		column-gap: 24px;
		row-gap: 30px;
		justify-content: center;
	}
}

div#main-content.parts-detail div.frame-type-image figure.image figcaption.image-caption {
    display: block;
    color: #333333;
    font-size: 0.8125rem;
    text-align: center;
    width: 100%;
    padding-top: 6px;
    line-height: 14px;
}

/*PARTS ENDE*/