/**
 * Common Styles Customer
 *
*/



html  {overflow-y: scroll;}

/* font-size: 14px; */
body {
  font-family: Lato, Arial, Helvetica, sans-serif;
  color: #444444;
  
}
.ui-widget-content a,
a {
    color: #d30911;
    text-decoration: none;
}
.ui-widget-content a:hover,
a:hover {
	color: #d30911;
}
.news a, .nav-tabs > li > a,
#header a, #header a:hover {
	color: #444444;
}
.nav-tabs > li > a:hover {
	color: #444444 !important;
}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-weight: bold;
	line-height: 1.1;
}

h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 100%;}

#content img.prodIcon ,
#content .csc-uploads-element img,
#content .news-text-wrap img,
#content .tx-indexedsearch img,
picure, img {
    max-width: 100% !important;
	height: auto;
	width: auto;
}

#content picure, #content img {
	width: 100%;
}
p.align-left, .align-left {text-align: left;}
.align-center {text-align: center;}
p.align-right, .align-right {text-align: right;}
.align-justify {text-align: justify;}

.table2 caption {font-weight: bold;font-size: 16px;padding-bottom: 8px;}


.error {color: red;}

.topNav .searchbox-button {
	margin-left: 10px;
	margin-top: 5px;
}

#footer {
	background-color: #dedede;
}

ul.csc-uploads img {
	padding: 0px;
	margin-right: 5px;
}

.text-im-bild {
	position: relative;
}
.text-im-bild .csc-textpic-imagewrap{
	
}
.text-im-bild .csc-textpic-text {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 50%;
}
.content-frame-grey {
	border: 1px solid #e1e1e1;
}
.content-frame-rot{
	border: 1px solid #d30911;
	padding: 10px;
}

.slick-track .text-im-bild .csc-textpic-text {
	width: 100%;
}
.formularfeld{background-color: #f6f6f6; border: 1px solid #c9c9c9;padding: 15px 25px; margin-bottom: 8px;}
.formularfeldtext{ border: 1px solid #c9c9c9;padding: 15px 25px; margin-bottom: 8px;}
.formularfeldzubehoer{background-color: #f6f6f6; border: 1px solid #c9c9c9; margin-bottom: 8px;}
.formularfeldzubehoer .textzubehoer {padding-top: 15px;}
.content-box-rot, .content-box-blau, .content-box-graublau, .content-box-gelb, .content-box-gruen, .content-box-lila, .content-box-grau {
	color: #ffffff;
	padding: 5px 10px;	
}
.zusammenfassung .labeltext {
    color: #b4b4b4; padding-right: 20px;
    width: 30%;
}

.zusammenfassung .labelvalue {

    width: 70%;
}

.tx-hmd-proddb .zusammenfassung table {
    border-collapse: separate;
    border-spacing: 0px;
}

.content-box-rot {background-color: #d30911;}
.content-box-blau {background-color: #0068b4;}
.content-box-graublau {background-color: #848fa8;}
.content-box-grau {background-color: #595959;}
.content-box-gelb {background-color: #fd9205;}
.content-box-gruen {background-color: #2d903a;}
.content-box-lila {background-color: #5b1160;}


.bereich-icon-rot {background-image: url("/fileadmin/media/template/produkte-01-icon.png")}
.bereich-icon-blau {background-image: url("/fileadmin/media/template/produkte-02-icon.png")}
.bereich-icon-graublau {background-image: url("/fileadmin/media/template/produkte-03-icon.png")}
.bereich-icon-gelb {background-image: url("/fileadmin/media/template/produkte-04-icon.png")}
.bereich-icon-gruen {background-image: url("/fileadmin/media/template/produkte-05-icon.png")}
.bereich-icon-lila {background-image: url("/fileadmin/media/template/produkte-06-icon.png")}
.bereich-icon-grau {background-image: url("/fileadmin/media/template/produkte-07-icon.png")}

.bereich-icon-rot, .bereich-icon-blau, .bereich-icon-graublau, .bereich-icon-gelb, .bereich-icon-gruen, .bereich-icon-lila, .bereich-icon-grau {
	background-repeat: no-repeat; background-position: bottom right;
	padding-bottom: 30px;
	background-color: #f9f8f8;
	border: 1px solid #e1e1e1;
}

.bereich-icon h1 {
	padding: 0px 0px 0px 12px;
	font-size: 14px;
	line-height: 36px;
	margin: 0px 0px 18px 0px;
	color: #ffffff;
}
.bereich-icon a {
	color: #333333
}

.bereich-icon-rot h1 {background-color: #d30911;}
.bereich-icon-blau h1 {background-color: #0068b4;}
.bereich-icon-graublau h1 {background-color: #848fa8;}
.bereich-icon-gelb h1 {background-color: #fd9205;}
.bereich-icon-gruen h1 {background-color: #2d903a;}
.bereich-icon-lila h1 {background-color: #5b1160;}
.bereich-icon-grau h1 {background-color: #595959;}

.bereich-icon-rot ul {list-style-image:url("/fileadmin/media/template/li-pfeil-01.png")}
.bereich-icon-blau ul {list-style-image:url("/fileadmin/media/template/li-pfeil-02.png")}
.bereich-icon-graublau ul {list-style-image:url("/fileadmin/media/template/li-pfeil-03.png")}
.bereich-icon-gelb ul {list-style-image:url("/fileadmin/media/template/li-pfeil-04.png")}
.bereich-icon-gruen ul {list-style-image:url("/fileadmin/media/template/li-pfeil-05.png")}
.bereich-icon-lila ul {list-style-image:url("/fileadmin/media/template/li-pfeil-06.png")}
.bereich-icon-grau ul {list-style-image:url("/fileadmin/media/template/li-pfeil-07.png")}

#topbar {
	background-color: #e6e6e6;
	border-bottom: 1px solid #d4d4d4;
}

.topNav {
	
}
.topNav ul{
	list-style-type:none;
	margin-top: 4px;
}
.topNav li.first-child{

}  
.topNav li{
  	display: inline;
  	padding:0 0 0 0.9em;
}

.topLogin a,
.topNav a {color: #999999}


.topFrage {
	color: #ffffff;
	margin-left: 20px;
	background: url("/fileadmin/media/template/chatIcon.png") no-repeat scroll 10px 10px #80aa34;
	padding: 3px 15px 5px 30px;
}

.topFrage a {color: #ffffff;}


.topLang {
	margin-left: 15px;
}

.topLogin {
	margin-left: 15px;
	margin-top: 4px;
}

.bgGrau {
	background-color: #f6f6f6;
}

.rot {
    color: #d30911;
}

#startslider {
	background-color: #c2010f;
	color: #ffffff;
}


#seitentitel {
	color: #ffffff;
	padding: 10px 0px;
background: #aa010d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMDEwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2NjMDEwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjMDEwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjAxMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #aa010d 0%, #cc010f 25%, #cc010f 50%, #a2010c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa010d), color-stop(25%,#cc010f), color-stop(50%,#cc010f), color-stop(100%,#a2010c));
background: -webkit-linear-gradient(top,  #aa010d 0%,#cc010f 25%,#cc010f 50%,#a2010c 100%);
background: -o-linear-gradient(top,  #aa010d 0%,#cc010f 25%,#cc010f 50%,#a2010c 100%);
background: -ms-linear-gradient(top,  #aa010d 0%,#cc010f 25%,#cc010f 50%,#a2010c 100%);
background: linear-gradient(to bottom,  #aa010d 0%,#cc010f 25%,#cc010f 50%,#a2010c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa010d', endColorstr='#a2010c',GradientType=0 );

}


.layoutRot #seitentitel {background: #d30911;}
.layoutBlau #seitentitel {background: #0068b4;}
.layoutGraublau #seitentitel {background: #848fa8;}
.layoutGelb #seitentitel {background: #fd9205;}
.layoutGruen #seitentitel {background: #2d903a;}
.layoutLila #seitentitel {background: #5b1160;}
.layoutGrau #seitentitel {background: #595959;}

h1.pagetitel {
	margin: 0px;
	line-height: 80px;
	font-size: 32px;
	font-weight: 300;
	text-transform: uppercase;
}

.bread {
	color: rgba(0,0,0,0.3);
	border-top: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 7px;
	line-height: 80px;
}

.bread a {
	color: #ffffff;
}


.fragenPfeilZu,
.fragenPfeil {
	background: url("/fileadmin/media/template/pfeilFragenUp.png") no-repeat scroll center center #d30911;
	height: 10px;
	width: 20px;
	margin: 0 auto;
	cursor: pointer;
	padding: 15px 50px 5px 50px;
	border-radius: 20px 20px 0px 0px;

}
.fragenPfeilZu {
	background: url("/fileadmin/media/template/pfeilFragenDown.png") no-repeat scroll center center #d30911;
}

#fragenContainer {
	bottom: 35px ;
    display: none ;
	position: absolute ;
	width: 100% ;
	background-color: #d30911;
}
 
#fragenInner {
	background-color: #d30911;
	border-bottom-width: 0px ;
	padding: 20px 20px 5px 20px ;
	color: #ffffff;
}
#fragenInner .container {
	text-align: center;
}
#fragenOuter{
    position: relative;
	
}
#clicktext {
    position: relative;
    height: 35px;
    padding-top: 5px;
    background-color: #d30911;
    text-align: center;
}
#clicktext a {
	color: #ffffff;
}


#footer {
	background-color: #656567;
	color: #ffffff;
	background: #737375;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTViNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #737375 0%, #5a5b5d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737375), color-stop(100%,#5a5b5d));
background: -webkit-linear-gradient(top,  #737375 0%,#5a5b5d 100%);
background: -o-linear-gradient(top,  #737375 0%,#5a5b5d 100%);
background: -ms-linear-gradient(top,  #737375 0%,#5a5b5d 100%);
background: linear-gradient(to bottom,  #737375 0%,#5a5b5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737375', endColorstr='#5a5b5d',GradientType=0 );
	position: relative;
}


#footer h1 {
	font-size: 15px;
	
}
#footer a {
	color: #ffffff;
	font-size: 11px;
}
#footer ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0px;
}

#footer2 {
	background-color: #3d3e40;
	color: #ffffff;
	border-top: 1px solid #7c7d7e;
}


.accordion222 div{
	box-sizing: unset;
}
#header{
	margin: 10px 0px;
}

.headerLogo {
	
}
.headerTel {
	
}

.headerButton {
	
}
.headerButton .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.headerButton .navbar-toggle {
    border-color: #dddddd;
    background-color: #e2000e;
    margin: 0px;
}
.headerButton .navbar-toggle:hover, .headerButton .navbar-toggle:focus {
	background-color: #000000;
}


.icon-bar-text {
	color: #ffffff;
	text-transform: uppercase;
	margin-right: 8px;
}
.icon-bar-bar {
	
}

span.Rot {color: #d30911}
span.Blau {color: #0068b4}
span.GrauBlau {color: #848fa8}
span.Gelb {color: #fd9205}
span.Gruen {color: #2d903a}
span.Lila {color: #5b1160}

p.Rot {color: #d30911}
p.Blau {color: #0068b4}
p.GrauBlau {color: #848fa8}
p.Gelb {color: #fd9205}
p.Gruen {color: #2d903a}
p.Lila {color: #5b1160}
span.WeisserHintergrund,
p.WeisserHintergrund {
	background-color: #ffffff;
	color: #d30911;
	padding: 5px 8px;
	margin: 5px;
}


/* Buttons */
.Button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.Button:focus,
.Button:active:focus,
.Button.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.Button:hover,
.Button:focus {
  color: #333;
  text-decoration: none;
}
.Button:active,
.Button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


.Button-Weiss {
	background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
}
.Button-Weiss:hover,
.Button-Weiss:focus,
.Button-Weiss:active,
.Button-Weiss.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}


.Button-Grau {
	background-color: #666666;
    border-color: #c7c7c7;
	color: #ffffff;
	text-transform: uppercase;
}
.Button-Grau:hover,
.Button-Grau:focus,
.Button-Grau:active,
.Button-Grau.active {
	background-color: #444444;
    border-color: #CCCCCC;
    color: #ffffff;
}




.Button-Schwarz {
	background-color: #333333;
    border-color: #CCCCCC;
    color: #ffffff;		
}

.Button-Schwarz:hover,
.Button-Schwarz:focus,
.Button-Schwarz:active,
.Button-Schwarz.active {
	background-color: #000000;
    border-color: #CCCCCC;
    color: #ffffff;	
}

.Button-Schwarz-Transparenz30 {
	background-color: rgba(0,0,0,0.30);
    border-color: #ffffff;
    color: #ffffff;		
}

.Button-Schwarz-Transparenz30:hover,
.Button-Schwarz-Transparenz30:focus,
.Button-Schwarz-Transparenz30:active,
.Button-Schwarz-Transparenz30.active {
	background-color: #000000;
    border-color: #ffffff;
    color: #ffffff;	
}

.Button-Rot {
	background-color: #d30911;
    border-color: #d43f3a;
    color: #ffffff;
    text-transform: uppercase;
}
.Button-Rot:hover,
.Button-Rot:focus,
.Button-Rot:active,
.Button-Rot.active {
	background-color: #d9534f;
    border-color: #d30911;
    color: #ffffff;	
}

.Button-Gruen {
	background-color: #2d903a;
    border-color: #4cae4c;
    color: #ffffff;	
}
.Button-Gruen:hover,
.Button-Gruen:focus,
.Button-Gruen:active,
.Button-Gruen.active {
	background-color: #47a447;
    border-color: #398439;
    color: #ffffff;	
}

.Button-Blau {
	background-color: #0068b4;
    border-color: #357ebd;
    color: #ffffff;	
}
.Button-Blau:hover,
.Button-Blau:focus,
.Button-Blau:active,
.Button-Blau.active {
	background-color: #3276b1;
    border-color: #285e8e;
    color: #ffffff;	
}

.Button-BlauGrau {
	background-color: #848fa8;
    border-color: #dddddd;
    color: #ffffff;	
}

.Button-Gelb {
	background-color: #fd9205;
    border-color: #dddddd;
    color: #ffffff;	
}

.Button-Lila {
	background-color: #5b1160;
    border-color: #dddddd;
    color: #ffffff;	
}

.Button-Link {
	color: #333333;
}
.Button-Link:hover,
.Button-Link:focus,
.Button-Link:active,
.Button-Link.active {
    text-decoration: underline;
}

.buttonpfeilsw {
    background-image: url("/fileadmin/media/template/li-pfeil-07.png");
    border: none;
    text-align: right;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-color: transparent;
    background-position: center left;
}
/* Buttons-Ende*/



/* Produkt-DB */
.prodImage {
	border: 1px solid #dddddd;
	max-width: 100% !important;
	height: auto;
	padding: 10px;
}

.prodVorteilBox {
	background-color: #f4f4f4;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
}
#content img.nextDayLogo {
	width: 171px;
	height: 57px;
}

form#produktpdf {
    display: inline;
}

input#pdfbutton {
    background-image: url("/fileadmin/media/template/extension/proddb/icon-pdf.png");
    border: none;
    width: 32px;
    height: 32px;
}


.prodIcons {
	margin-top: 15px;
}
.prodIcon {
	margin-right: 5px;
}
img.prodIcon,
.prodIcon img{
    vertical-align: top;
}

.bestPrice {
	padding-top: 5px;
	text-align: center;
}
.bestPrice span {
	color: #d30911;
	font-size: 25px;
}

.protNotAvail h2, .protNotAvail h3 {
	color: red;
	font-weight: bold;
}

.prodAngebot {
    border: 1px solid #d5d5d5;
    border-top: 0px solid #d5d5d5;
    padding-bottom: 15px;
}
.tab {
    border-top: 5px solid transparent;
    padding: 0px;
}
.tabAct {
    border-top: 5px solid #000000;
    
}


.tabcontent {
    background-color: #f6f6f6;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    padding: 10px 0px 10px 15px;

}
.tab:first-child .tabcontent {
    border-left: 1px solid #d5d5d5;
}


.tabAct .tabcontent{
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-weight: bold;
}


/* Produkt-DB  ENDE*/

/* Card Flipper */
/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective:1000;
	-moz-perspective:1000;
	-ms-perspective:1000;perspective:1000;
	-ms-transform:perspective(1000px);
	-moz-transform:perspective(1000px);
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
}
.flip-container:hover .back, .flip-container.hover .back {
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);transform:rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);
}

/* flip the pane when hovered */
.flip-container222:hover .flipper, .flip-container222.hover .flipper {
	transform: rotateY(180deg);
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.flipper {
	width: 100%;
	height: 100%;
}
.front, .back {
	width: 100%;
	height: 100%;
}


.flipper {
-webkit-transition:0.6s;
-webkit-transform-style:preserve-3d;
-ms-transition:0.6s;
-moz-transition:0.6s;
-moz-transform:perspective(1000px);
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
transition:0.6s;transform-style:preserve-3d;
position:relative;
}

/* hide back of pane during swap */
.flipper .front, .flipper .back {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:0.6s;
	-webkit-transform-style:preserve-3d;
	-moz-transition:0.6s;
	-moz-transform-style:preserve-3d;-o-transition:0.6s;
	-o-transform-style:preserve-3d;
	-ms-transition:0.6s;
	-ms-transform-style:preserve-3d;
	transition:0.6s;
	transform-style:preserve-3d;
	position:absolute;
	top:0;
	left:0;
}

/* front pane, placed above back */
.flipper .front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	border: 1px solid #e1e1e1;
	background-repeat: no-repeat; background-position: bottom right;
	text-align: center;
	-webkit-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg)

}

/* back, initially hidden pane */
.flipper .back {
	transform: rotateY(180deg);
	background-color: #eeeeee;
	background-repeat: no-repeat; background-position: bottom right;
	display: block;
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
}

.flipper .back, .flipper a {
	color: #ffffff;
}
.flipper a:hover {
	color: none;
	text-decoration: none;
	
}
.flipper ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0px;
	margin-top: 20px;
	border-top: 1px solid rgba(255,255,255,0.5);
}
.flipper li {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding: 2px 5px;
}
.flipper li:hover {
	background-color: rgba(255,255,255,0.5);
}

.flipper-rot .front, .flipper-rot .back{background-image: url("/fileadmin/media/template/home-01-icon.png")}
.flipper-blau .front, .flipper-blau .back{background-image: url("/fileadmin/media/template/home-02-icon.png")}
.flipper-graublau .front, .flipper-graublau .back{background-image: url("/fileadmin/media/template/home-03-icon.png")}
.flipper-gelb .front, .flipper-gelb .back{background-image: url("/fileadmin/media/template/home-04-icon.png")}
.flipper-gruen .front, .flipper-gruen .back{background-image: url("/fileadmin/media/template/home-05-icon.png")}
.flipper-lila .front, .flipper-lila .back{background-image: url("/fileadmin/media/template/home-06-icon.png")}

.flipper-rot .back {background-color: #d30911;}
.flipper-blau .back {background-color: #0068b4;}
.flipper-graublau .back {background-color: #848fa8;}
.flipper-gelb .back {background-color: #fd9205;}
.flipper-gruen .back {background-color: #2d903a;}
.flipper-lila .back {background-color: #5b1160;}


/* Card Flipper Ende*/

iframe {
    border: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0;
    margin-top: 0px;
    position: absolute;
    top: 0px;
}
.nojshidden {
    display: none;
}

.table-vuv {
	font-size: 13px;
}

.angebotHtml td {
	border-top: none !important; 
}

.prodZubehoer {
	border: 1px solid #dedede;
	margin: 15px;
}

select.form-control222 {
	background-image: url("/fileadmin/media/template/drop-down.png");
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-appearance: none;
	-moz-appearance: none;
	-moz-appearance: window; 
	appearance: none;
	text-indent: 0.01px;
 	text-overflow: "";
	z-index: 500;
}
.femanager_acceptagb label{
    display: inline;
    font-weight: normal;
    font-size: 13px;
    color: #55555;
}
#femanager_field_acceptagb{
    margin: 8px 0 0px 0px;
}


@media print {
	#topbar, .headerTel, .headerButton,
	#fragenOuter, #footer, #footer2,
	.prodIcons {
		display: none;
	}
}







/** WEAC, Eugen Volk **/
.modalKauf{
	background-color: rgba(238,238,238,0.9);
	border:1px solid #f9f9f9;
	display: none;
	margin-top: -200px;
	padding: 40px;
	position: absolute;
	z-index: 1000;
	width: 400px;
}

.modalKauf p label{
	margin-left:20px;
}

.modalKauf .text-right{
	text-align:right;
	width:30%;
	float:right;
}

.modalKauf .text-right:after{
	clear:both;
}