@import url("//hello.myfonts.net/count/27ea08");
@import url("fonts.css");
@import url("plugins.css");
@import url("rte.css");
@import url("forms.css");

/* ------------------- Bootstrap Anpassung ------------------- */
@media (min-width:992px){
.container{
  width:940px!important;
}
}

/* ------------------- GRUNDGERÜST ------------------- */
* {
  margin: 0px;
  padding: 0px;
}
html, body {-webkit-font-smoothing: antialiased;}

body{
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif!important;
  background-color:#ffffff;
  font-size:12px!important;
  line-height:normal!important;
  /* war: 12 / 16 */
  background-position: center top;
  background-repeat: repeat;
  background-image: url(../lay/bg_body.gif);
}

#Rahmen{
  
}

#Header{
  margin-top:30px;
}

#logo{
  
}

#logo > a{
  display: inline-block;
  height: 43px;
  overflow: hidden;
}

#logo > span{
  color: #A4A4A4;
  font-size: 19px;
  font-style: italic;
  font-family: "Open Sans",sans-serif;
  padding: 0px 0px 0px 3px;
  font-weight: 600;
  height: 27px;
  display: inline-block;
}

#HeadNavSearch{
  background-color:#EDEDED;
  height:43px;
  opacity:0.7;
  padding:10px 10px 15px;
}

#AllContent{
  padding-top:10px;
}

#Content{
  
}

.include #Content{
  width:450px;
}

#Suchergebnis #Content{
  width:660px;
}

#index #Content{
  
}
#index #Content_Left{
  
}


#Content_Right{
  padding: 22.5px;
  background-color: #EEE;
}
.include #Content_Right {
  padding:0;
  background-color:none;
}

@media(max-width:991px){
#Content_Left .csc-textpic-text p{
  word-break: break-all;
}
#Slider{
margin:10px 0;
}
#logo span{
top: -6px;
position: relative;
}
}

@media(max-width:767px){

#Slider .flexslider .flex-caption *{
font-size: 16px !important;
line-height: normal !important;
letter-spacing: 0;

}

#Content_Left .csc-textpic-imagerow,
#Content_Right .csc-textpic-imagerow{
  word-break: break-all;
  display: block;
  margin: 0 1.33% 10px 0;
  float: left;
  clear: none;
  width: 32%;
}
#Content_Left .csc-textpic-imagewrap:after,
#Content_Right .csc-textpic-imagewrap:after{
  content:"";
  clear:both;
  display:block;
}
}

#Content_Left_Nav{
  
}

#index #Content_Left_Nav{
  display:none;
}

#Produkt.include #Content_Left_Nav,
#Produkt.include #Content_Left{
  float:none !important;
  margin-bottom:10px;
}
#Produkt #Content_Left{
  /* width:260px; */
  /* padding-left:20px; */
  margin-bottom:10px;
}

#Produkt .tx-lumophpinclude-pi1,
#sub .tx-lumophpinclude-pi1{
  margin-top:10px;
}

#Produkt.include #Content,
#Produkt.include #Content_Right{
  position:relative;
}
/*
#einespalte #Content{
width:940px;
}

#einespalte #Content_Right{
display: none;
}
*/

#Content ul,
#Content ol
{
  margin: 5px 0px 5px 40px;
}
ul, ol{
  margin: 5px 0px 5px 40px;
}

/* ----------------------- FOOTER --------------------- */
#Footer{
  color:#666;
  background-color:#f4f4f4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #ccc;
  /* width:940px;
  display:inline-block; */
  margin-bottom:40px;
  margin-top:20px;
  text-align:center;
}

a.aFooter, a.aFooter:link, a.aFooter:active, a.aFooter:visited{
  text-decoration:none;
  color:#666;
}

a.aFooter:hover {
  text-decoration:underline;
}

#Footer_Links{
  font-size:11px;
}

#Footer_Suche, #Footer_News{
  padding:0 10px;
}

/*
#Footer_Suche, #Footer_News{
border-right:1px solid #ccc;
}
*/

#Footer_News a, #Footer_News a:link, #Footer_News a:active, #Footer_News a:visited{
  font-size: 14px;
  color:#CB1417;
  font-weight:bold;
}

#Footer_Suche,
.HeaderSearch {
  padding:8px;
}
#Footer_News, #Footer_Links{
  padding:10px;
}

#Footer_Suche input[type=text],
#Sitesuche input[type=text],
.HeaderSearch input[type=text]{
  background-color:#ffffff;
  padding:5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#Footer_Suche input[type=submit],
#Sitesuche input[type=submit],
.HeaderSearch input[type=submit]{
  background-color:#ffffff;
  padding:5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color:#CB1417;
  font-weight:bold;
}

#Sitesuche input[type=text],
#Sitesuche input[type=submit]{
  border: 1px solid #ccc;
}

/* ----------------------- HAUPTNAVIGATION --------------------- */
#NavH{
  background-color:#f4f4f4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #ccc;
  margin-top:10px;
}

#NavH .navbar{
  position: relative;
  min-height: 0;
  margin-bottom: 0;
  border: none;
}

#NavH .navbar-collapse{
  padding-right: 0;
  padding-left: 0;
}

#NavH ul{
  list-style-type:none;
  margin:0;
}

#NavH ul li{
  margin:0;
  text-align:center;
}

.aNavH, a.aNavH:link, a.aNavH:active, a.aNavH:visited{
  font-size:14px;
  /* letter-spacing:1px; */
  display:block;
  margin:0;
  color: #666666;
  text-decoration:none;
  font-style:italic;
  /*
  padding: 5px;
  min-width:100px;
  */
  border-right:1px solid #ccc;
  padding: 5px 15px;
}

#NavH ul li:last-child a{
  border-right:0;
  border-radius: 0 5px 5px 0;
}

#NavH ul li:first-child a{
  border-radius: 5px 0 0 5px;
}


.aNavHActive, a.aNavHActive:link, a.aNavHActive:active, a.aNavHActive:visited, a.aNavH:hover {
  font-size:14px;
  /* letter-spacing:1px; */
  display:block;
  margin:0;
  color:#ffffff;
  background-color:#C00!important;
  text-decoration:none;
  font-style:italic;
  /*
  padding: 5px;
  min-width:100px;
  */
  border-right:1px solid #ccc;
  padding: 5px 15px;
}

a.aNavH:hover{
  font-weight:normal;
  background-color:#C00!important;
  color:#ffffff;
}


/*-------- Start Sub Klapp Menu ------*/

#NavH ul li ul.ebene2 {
  float:none;
  display: none;
  text-align:left !important;
  font-weight:normal;
  list-style-type:none;
  margin:0;
  padding:0;
  position:absolute;
  z-index:2;
  
}

#NavH ul li:hover ul{
  display:block;
}

@media(max-width:767px){
#NavH ul li ul.ebene2{
  position: relative;
  width: 100%;
  z-index: 999;
  border: none;
}
#NavH ul li:hover ul{
  display:none;
}
.ebene2Active{
  display:block!important;
}
#NavC{
  display:none;
}
}



/*
@media(max-width:991px){

}
*/


@media(max-width:767px){
.aNavH, a.aNavH:link, a.aNavH:active, a.aNavH:visited{
border-right:0;
}

#NavH ul li,
#NavH ul li a{
  text-align:left;
}
#NavH ul li a {
  border-radius: 0;
}

#NavH ul li ul.ebene2 li{
  border-left:0;
  border-right:0;
}
}

#NavH ul li ul.ebene2 li {
  text-align:left !important;
  background-image: url(../lay/bg_klapp.png);
  background-repeat:repeat;
  border-bottom: solid #cccccc;  
  border-left: solid #d02b2f;
  border-left-width: thin;
  border-right: solid #cccccc;
  border-right-width: thin;
  border-bottom-width: thin;
  border-top-width: thin;
  
  float:none;
  height:auto;
  margin:0;
  padding:0;
  *margin-bottom: -4px;
}


a.aUNavH:link, a.aUNavH:visited, a.aUNavH:active{
  color:#707070;
  display:block;
  font-size:12px;
  font-weight:normal;
  padding:4px 8px 4px 8px;
  text-decoration:none;
  border: medium;
  border-radius:0!important;
}
a.aUNavH:hover {
  color:#fff!important;
  background-color:#d02b2f!important;
  display:block;
  font-size:12px;
  font-weight:normal;
  padding:4px 8px 4px 8px;
  text-decoration:none;
}

a.NavHSubActive:link, a.NavHSubActive:visited, a.NavHSubActive:active{
  color:#707070!important;
  display:block;
  font-size:12px;
  font-weight:bold;
  padding:4px 8px 4px 8px;
  text-decoration:none;
  border: medium;
}

a.NavHSubActive:hover{
  background:#fff!important;
}

/* ----------------------- CONTENTNAVIGATION ------------------- */
#NavC{
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #ccc;
  margin-bottom: 30px;
}

#index #NavC{
  display:none;
}

#NavC ul{
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}

#NavC ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNavText, a.UNavText:active, a.UNavText:visited, a.UNavText:link {
  display:block;
  height:100%;
  font-size:13px;
  font-weight:normal;
  height:100%;
  padding:4px 0 4px 8px;
  text-decoration:none;
  border-bottom:1px dotted #ccc;
  color:#333;
}

.UNavTextActive, a.UNavTextActive:active, a.UNavTextActive:visited, a.UNavTextActive:link, a.UNavText:hover {
  display:block;
  height:100%;
  font-size:13px;
  font-weight:normal;
  height:100%;
  padding:4px 0 4px 8px;
  text-decoration:none;
  border-bottom:1px dotted #ccc;
  color:#d02b2f;
}

#NavC ul li ul{
  border-bottom:1px dotted #CCCCCC;
  list-style-type:none;
  margin:0;
  padding:5px 0 10px 10px;
}

#NavC ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNav2Text, a.UNav2Text:active, a.UNav2Text:visited, a.UNav2Text:link {
  display:block;
  font-size:12px;
  font-weight:normal;
  line-height:14px;
  padding:2px 0 2px 10px;
  text-decoration:none;
  color:#333;
  background-image:url(../lay/unav2.gif);
  background-repeat:no-repeat;
  background-position:0 6px;
}

.UNav2TextActive, a.UNav2TextActive:active, a.UNav2TextActive:visited, a.UNav2TextActive:link, a.UNav2Text:hover {
  display:block;
  font-size:12px;
  font-weight:normal;
  line-height:14px;
  padding:2px 0 2px 10px;
  text-decoration:none;
  color:#C00;
  background-image:url(../lay/unav2_act.gif);
  background-repeat:no-repeat;
  background-position:0 6px;
}

/* ----------------------- CONTENTNAVIGATION 3. & 4. Ebene------------------- */
#NavC ul li ul li ul{
  list-style-type:none;
  margin:0 0 8px 13px;
  padding:0;
  width:160px;
  border:none;
}

#NavC ul li ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
  width:160px;
}

.UNav3Text, a.UNav3Text:active, a.UNav3Text:visited, a.UNav3Text:link {
  display:block;
  font-size:11px;
  font-weight:normal;
  line-height:11px;
  padding: 3px 0px 3px 6px;
  text-decoration:none;
  color:#333;
  background-image:url(../lay/unav3.gif);
  background-repeat:no-repeat;
  background-position:0 7px;
}

.UNav3TextActive, a.UNav3TextActive:active, a.UNav3TextActive:visited, a.UNav3TextActive:link, a.UNav3Text:hover {
  display:block;
  font-size:11px;
  font-weight:normal;
  line-height:11px;
  padding: 3px 0px 3px 6px;
  color:#C00;
  text-decoration:none;
  background-image:url(../lay/unav3_act.gif);
  background-repeat:no-repeat;
  background-position:0 7px;
}


#NavC ul li ul li ul li ul{
  list-style-type:none;
  margin:0 0 0 5px;
  padding:0;
  width:155px;
  border:none;
}

#NavC ul li ul li ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
  width:155px;
}

.UNav4Text, a.UNav4Text:active, a.UNav4Text:visited, a.UNav4Text:link {
  display:block;
  font-size:10px;
  font-weight:normal;
  height:100%;
  padding:0px;
  text-decoration:none;
  color:#333;
}

.UNav4TextActive, a.UNav4TextActive:active, a.UNav4TextActive:visited, a.UNav4TextActive:link, a.UNav4Text:hover {
  display:block;
  font-size:10px;
  font-weight:normal;
  height:100%;
  padding:0px;
  text-decoration:none;
  color:#C00;
}
/* ----------------------- BREADCRUMBS ------------------- */
#BreadCr{
  background-color:#F4F4F4;
  color:#999;
  font-weight:normal;
  padding:8px 0 8px 23px;
}

a.aBreadCr, a.aBreadCr:link, a.aBreadCr:active, a.aBreadCr:visited{
  text-decoration:none;
  color:#999;
}

a.aBreadCr:hover {
  text-decoration:underline;
}
/* ----------------------- METANAVIGATION ------------------- */
#NavP{
  color:#666666;
  font-size:12px;
  font-weight:normal;
  margin-top:10px;
}  

#NavP ul li{
  display:inline;
}

a.aNavP, a.aNavP:link, a.aNavP:active, a.aNavP:visited{
  font-weight: normal;
  font-size: 11px;
  text-decoration:none;
  color:#666;
}

a.aNavP:hover {
  text-decoration:underline;
}

/* -------------------------- Suche ---------------------------- */
#Suche{
  
}

#Suche form{
  display:inline;
  padding:0px;
  margin: 0px;
}

#Suche .searchfield{
  font-size: 11px;
  font-weight: normal;
  border: 1px solid #b4b6b9;
  vertical-align:middle;
  width: 174px;
  padding: 2px;
  background-color: #eaeaea;
  height:18px;
}

#Suche .submitbtn{
  border:1px solid #B4B6B9;
  color:#B4B6B9;
  font-size:10px;
  padding:2px;
  text-align:center;
  vertical-align:middle;
}


/* -------------------------- DIVERSES ---------------------------- */
/* ---- clear the new way ----- */
.clearer, .Clearer {
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

a img{
  outline: 0;
  border: 0px none;
}

.hide{
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

hr{
  background-color:#CCCCCC;
  border:none;
  height:1px;
}

/*------ divers ---*/

.sitemap_title h3{
  /* font-size:16px; */
}
.sitemap_excerpt{
  font-size:12px;
}
.sitemap_more{
  float:right;
  font-size:12px;
  padding-bottom:10px;
}
#sitemap_0{
  margin-top:20px;
}

#index #Content_Left #sitemap_0{
  margin-top:0;
}


.csc-textpic-imagewrap{
  margin-bottom:10px;
  max-width:100%;
}
/*
.csc-textpic{
display:inline-block !important;
}
*/

#stoerer {
  width: 600px;
  height:400px;
  display: inline-block;
  z-index: 1000;
  position: absolute;
  bottom: 0px;
  left: -640px;
  font-size: 14px;
  text-align: left;
  background-color: #eee;
  text-align:center;
  padding:20px;
}

#stoerer #close {
  height: 16px;
  padding: 2px;
  text-align: right;
  width: 596px;
  clear: both;
}

#index .box{
  border-bottom:1px dotted #ccc;
  margin-bottom:20px;
}

/* Bildunterschriften */
.csc-textpic-caption{
  font-size:10px;
  line-height:110%;
  margin-top:5px;
}
/* Abstand Elemente Bild/Text nach unten */
.csc-textpic-imagerow{
  margin-bottom:20px;
}
.csc-textpic-imagerow-last{
  margin-bottom:0!important;
}

/* Fusszeile ueber Footer "Irrtum, ..." */
#vorbehalt{
  width:940px;
  text-align:center;
  float:none;
  color:#999;
  border-top:1px solid #eee;
  margin-top:10px;
}

#tabelle_pedelec_technik tr td{
  border-bottom: 1px dotted #CCC;
  padding: 3px 5px;
}

#tabelle_pedelec_technik tr td p{
  margin:3px 0;
}

.HeaderSearch{
  text-align: right;
  padding-right: 0px;
  margin-top: -33px;
  margin-bottom: 20px;
}

#Content .csc-textpic-caption,
#Content_Left .csc-textpic-caption{
  display:none;
}


#NavSub{
  display:none;
}

#NavSub ul{
  margin:10px 0 0!important;
  list-style-type:none;
  border-radius: 6px;
  border: 1px solid #CCC;
}


#NavSub ul ul{
  border:none;
  padding:5px 0 5px 10px;
  margin:0!important;
}

#NavSub a{
  border:none;
  font-style:normal;
  padding:5px;
  font-size: 13px;
}

@media(max-width:767px){
#NavSub{
  display:block;
}
}

@media(max-width:991px){
.HeaderSearch{
  margin-top: 0;
  margin-bottom: 0;
}
}
.HeaderSearch input{
  border:1px solid #ccc;
}
.HeaderSearch input{
  font-size:11px;
  line-height:18px;
  padding:5px;
  height:26px;
  color:#666;
}
.HeaderSearch input[type="submit"]{
  padding: 2px 5px 2px 8px;
  width: inherit;
  cursor: pointer;
}

#index #Content_Left #angeboteBox,
#index #Content_Left #angeboteBox > div{
width:inherit!important;
}

#index #Content_Left #angeboteBox{
padding:0!important;
}


#index #Content_Left .news-list-container .news-list-item hr{
  margin:0;
}

#index #Content_Left .news-list-container .news-list-item:last-child{
border:none;
}
#index #Content_Left .news-list-container .news-list-item .news-list-subheader p {
    margin: 5px 0 0;
}

form#sonderangebot textarea{
  height:inherit;
}

.tx-powermail input[type=submit]{
  cursor:pointer;
}

.powermail_formconfirmation_back,
.powermail_formconfirmation_submit{
  margin:0 10px 0 0;
  display:inline-block;
}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
  text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
  text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
  text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
  text-align: justify;
}

@media (max-width: 767px) {
.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
  text-align: inherit;
}
.text-left-xs {
  text-align: left;
}
.text-center-xs {
  text-align: center;
}
.text-right-xs {
  text-align: right;
}
.text-justify-xs {
  text-align: justify;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
  text-align: inherit;
}
.text-left-sm {
  text-align: left;
}
.text-center-sm {
  text-align: center;
}
.text-right-sm {
  text-align: right;
}
.text-justify-sm {
  text-align: justify;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
  text-align: inherit;
}
.text-left-md {
  text-align: left;
}
.text-center-md {
  text-align: center;
}
.text-right-md {
  text-align: right;
}
.text-justify-md {
  text-align: justify;
}
}
@media (min-width: 1200px) {
.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
  text-align: inherit;
}
.text-left-lg {
  text-align: left;
}
.text-center-lg {
  text-align: center;
}
.text-right-lg {
  text-align: right;
}
.text-justify-lg {
  text-align: justify;
}
}

.navbar-toggle{
  border: 2px solid #fff !important;
}
.navbar-toggle .icon-bar{
  background:#cc0000;
}

.open > .dropdown-menu {
  display: block !important;
}

@media(min-width:768px){
.open > .dropdown-menu {
  display: none!important;
}

li.open:hover > .dropdown-menu {
  display: block!important;
}
}

@media(max-width:767px){
.csc-textpic-text{
  clear:both;
}

.tx-lumophpinclude-pi1 div,
.tx-lumophpinclude-pi1 table{
  max-width: 100%!important;
  width: 100%!important;
}

.tx-lumophpinclude-pi1 > table > tbody > tr:first-child > td{
  background: #DC143C;
  padding: 4px 0 0;
  font-size: 12px;
}

.tx-lumophpinclude-pi1 > table > tbody > tr > td > img{
  visibility:hidden;
}

.tx-lumophpinclude-pi1 > table > tbody > tr > td{
  background:#EFECEC;
}

.tx-lumophpinclude-pi1{
  margin-top:0;
}

}

div.csc-textpic-center .csc-textpic-center-outer,
div.csc-textpic-center .csc-textpic-center-inner,
div.csc-textpic div.csc-textpic-imagecolumn{
  max-width: 100%!important;
  width: 100%!important;
  height:inherit;
}

.flexslider .slides img{
height:inherit;
}

.flex-direction-nav{

}

#einespalte #Content{
width:none!important;
}

.flexslider .slides a{
position: relative;
z-index: 10;
}
#Slider .flex-caption {
    padding: 0px !important;
    width: auto;
    height: auto;
    max-height: 91px;
    z-index: 11;
    color:#fff;
}
#Slider .flex-caption *{
color:#fff;
}
#Slider .flex-caption a:hover{
text-decoration:none;
}
.flex-direction-nav {
    position: relative;
    z-index: 12;
    bottom: 200px;
}
@media (max-width:991px){
.flex-direction-nav {
    bottom: 150px;
}
}
@media (max-width:690px){
.flex-direction-nav {
    bottom: 100px;
}
}
@media (max-width:550px){
.flex-direction-nav {
    bottom: 60px;
}
}

#NavH .collapse{
z-index: 999;
position: relative;
}

/* Banner */
#BannerTop{
overflow: hidden;
width: 706px;
height: 90px;
float: right;

margin-bottom: 20px;
}

#BannerTop a:hover{
text-decoration:none;
}

#BannerTop .tx-sf-banners{
width: 100%;
height: 100%;
}

@media (max-width:991px){
#BannerTop{
float:none;
}
#elektro-update .tx-jfmulticontent-pi1 p{
padding: 3px 3px 3px 0px;
height: 39px;
}
}

@media (max-width:480px){
#elektro-update .tx-jfmulticontent-pi1 p{
padding: 3px 3px 3px 0px;
height: 55px;
}
}

.dropdown-backdrop{
display:none!important;
}