html{
  background: #edecd7;
  height: 101%
}

body {
  color: #3b3b3b;
  background: url(bg/noise.png);
  font-family: 'Droid Sans', sans-serif;
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 60px;
}

/* DELETE MOBILE LINKS */
#link-brunnenbau, #link-geothermie{
  display:none;
}

/* DESKTOP, don't display on mobile */

#bildTop, #linksTop, #containerMenu{
  display: none;
}

/* MOBILE */

.container{
  padding: 15px 5px;
}

#menuMobile h1{
  font-size: 12px;
  margin: 0;
}
#menuMobile .invisible{color: black;
  display: none;
}

#menuMobile select{
  font-weight: bold;
  color: white;
  padding: 5px 5px;
  width: 100%;
  
  background: rgb(26,118,216); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNzZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwNDRhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(26,118,216,1) 0%, rgba(0,68,170,1) 98%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,118,216,1)), color-stop(98%,rgba(0,68,170,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a76d8', endColorstr='#0044aa',GradientType=0 ); /* IE6-8 */
}

#menuMobil option{
  color: black;
}

#menuMobile input[type='submit']{
  display: none;
}


#jumboHead{
  padding: 0;
}

#seite.container {
  background: #e4e4e4 url(bg/noise.png);
  border: 1px solid silver;
  margin: 0 auto;
}

.mod_breadcrumb{
  display: none;
}

.mod_breadcrumb h1{
  color: #3b3b3b;
  font-size: 18px;
  display: inline;
}

.mod_breadcrumb a{
  float: left;
  display: none;
}
.mod_breadcrumb span{
  float: left;
  color: #0044AA;
}

.index .col-sm-6 .ce_text, .index .col-sm-12 .ce_text{
  }
  
.col-sm-6 .ce_text, .index .col-sm-12 .ce_text, div.product, .subtotal, .standard .mod_article{
  border: 1px solid #d1d1d1;
  margin-bottom: 30px;
  padding: 15px;
  padding-top: 20px;
  background: white url(bg/schattenBoxOben.png) repeat-x; 
}


#boxen-links img, #boxen-mitte img, .thumbnail{
  border: 1px solid silver;
  margin: 0 0 0 5px;
}

#rechts{
  padding-top: 20px;
}

#rechtsSchatten{
  background: url(schattenRechteSpalte.png) no-repeat -4px center;
  height: 500px;
  left: -10px;
  width: 10px;
  padding-top: 50px;
  position: absolute;
  top: -10px;
}

.mod_box_items{
  margin-top: -10px;
}

#rechts .hrTop{
  height: 1px;
  background: #bbbbbb;
  width: 100%;
}
#rechts .hrBot{
  height: 1px;
  background: #f3f3f3;
  margin-bottom: 30px;
  width: 100%;
}

#footer{
  padding-top: 4px;
  text-align: right;
}

#footer, #footer a{
  color: #5d5d5d;
  font-size: 10px;
  line-height: 1;
  text-shadow: 1px 1px 2px white;
}

#footer p{
  margin: 0;
}

/* bilder spuelung */
  .bilderBox{
    border: 1px solid silver;
    margin: 15px 0;
    padding: 15px;
    width: 95%;
  }

.ce_text.spuelung{
    font-size: 12px;
  }


/* KONTAKT FORMULAR */


.ce_form .invisible{
  display: none;
}

#kontakt-formular .ce_form br{
  display: block;
}

#kontakt-formular input[type='text'], #kontakt-formular input[type='textarea'], #kontakt-formular input[type='email'], #kontakt-formular textarea, #kontakt-formular input[type='submit']{
  border: 1px solid black;
  display: block;
  height: 25px;
  padding: 5px;
  width: 350px;
}
#kontakt-formular textarea{
  height: 250px;
}
#kontakt-formular .submit{
  width: 180px;
}
#kontakt-formular label, .error{
  font-size: 12px;
  margin: 3px 0 0 0;
}

#kontakt-formular .submit_container{
  float: left;
  margin: 10px 0;
}

#rechts .hrTop{
  clear: both;
  height: 1px;
  background: #bbbbbb;
  width: 100%;
}
#rechts .hrBot{
  height: 1px;
  background: #f3f3f3;
  margin-bottom: 30px;
  width: 100%;
}

/* kontakt */

#telNr, #faxNr, #emailText{
  float: left;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
}

#emailText a{  
  color: #444444;
}
#emailText a:hover{
  color: #0044AA;  
}
  
#telefon{
  ackground: url(../../files/confirst/cssI/telefon.png) no-repeat left center;
  float: left;
  height: 29px;
  margin: 0 0 0 10px;
  width: 29px;
}
#telNr{
  margin: 7px 0 0 10px;
}

#fax{
  clear: both;
  ackground: url(../../files/confirst/cssI/telefon.png) no-repeat left center;
  float: left;
  height: 29px;
  width: 29px;
  margin: 10px 0 0 10px;
}
#faxNr{
  margin: 15px 0 0 10px;
}

#email{
  ackground: url(../../files/confirst/cssI/email.png) no-repeat left center;
  clear: both;
  color: #0044AA;
  float: left;
  font-size: 20px;
  font-weight: bold;
  height: 29px;
  margin: 4px 0 0 10px;
  width: 29px;
}
#emailText{
  float: left;
  margin: 8px 0 20px 10px;
}

/* box shop */

#boxShop{
  font-size: 12px;
}

/* falke */
#rechts #falke h2{
  font-size: 12px;
  text-align: center;
}

/* FONTS */

a{
  color: #0044AA;
  font-weight: bold;
}
a:hover, a:hover .glyphicon{
  text-decoration: none;
  color: #000;
}

h1, h2{
  color: #0044AA;
}
h1{
  font-size: 25px;
}
h2{
  font-size: 18px;
}
.rot{
  color: #a60000;
}

.glyphicon{
  color: #0044AA;
}

ul{
  padding-left: 15px;
  list-style-type: circle;
}


#rechts h2{
  font-size: 22px;
  line-height: 1;
  margin-top: 0px;
}

.glyphicon{
  color: #0044AA;
  font-size: 25px;
}

.col-sm-12 .ce_text h1{
  font-size: 25px;
  letter-spacing: 1px;
}

.col-sm-6 .ce_text h2{
  font-size: 20px;
  letter-spacing: 1px;
}
.col-sm-12 .ce_text h1, .col-sm-6 .ce_text h2{  
  border-bottom: 1px dotted #444444;
  margin: 3px 0 25px 0;
}

/* tineMCE */
.mehr{display: block; text-align: right;}

/* FORM */

.ce_form{
  margin: 15px;
}

input{
  display: block;
  width: 350px;
}
textarea{
  display: block;
  height: 250px;
  padding: 5px;
  width: 350px;
}
.submit{
  width: 180px;
}
label, .error{
  font-weight: bold;
}

.schwups{
  display: block;
  margin-bottom: 10px;
}



/* KLASSEN */
img{
  border: none;
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

#rechts .glyphicon{
  color: #0044AA;
  font-size: 25px;
}

.mehr .glyphicon{
  display: block;
  float: right;
  margin: 1px -10px 0 5px;
}

table p{
  line-height: 1;
}
/* SHOP */

div.product h3{
  border-bottom: 1px dotted silver;
  margin: -10px 0 20px 0;
}

/* viele produkte */
div.product{
  border: 1px solid silver;
  float: left;
  margin: 20px 20px 0 0;
}

.thumbnail{
  float: left;
  margin: 0 20px 0 0;
  width:150px;
}

/* produkt nr */
.sku{
  color: #0044AA;
  font-weight: bold;
}

/* button container */
.submit_container{
  float: right;
  height: 30px;
  width: 450px;
}

/* anzahl container */
.quantity_container{
  float: right;
  width: 90px;
}

/* anzahl label */
.submit_container label{
  float: left;
  margin-right: 5px;
}

/* anzahl */
div.product input[type=text]{
  border: 3px solid #0044AA;
  width: 30px;
}

div.product .formbody{
  margin: 10px;
}

div.product .submit{
  float: right;
  width: auto;
}

div.product .update{
  float: right;
  margin: 0 15px;
  width: auto;
}

.quantity_container label{
  margin-top: 6px;
}


/* warenkorb mini */
#warenkorbRechts .product{
  padding: 5px 15px 0px 15px;
  width: 100%;
}

#warenkorbRechts .clear{
  line-height: 1px;
}

#warenkorbRechts h2{
  margin: 0;
}

#warenkorbRechts .productName{
  color: #0044AA;
  font-weight: bold;
}

#warenkorbRechts .info{
  font-size: 90%;
}

#warenkorbRechts .removeButton a{
  display: inline-block;
  font-weight: normal;
  font-size: 90%;
  text-align: right;
  width: 100%;
}

#warenkorbRechts .glyphicon-remove{
  color: #b90000;
  display: inline-block;
  font-size: 13px;
  margin-left: 5px;
}

#warenkorbRechts .subtotal{
  clear: both;
  margp-top: 25px;
}


#warenkorbRechts .subtotal .label{
  color:#b90000;
  display: block;
  font-size: inherit;
  padding: 0;
  text-align: right;
}

#warenkorbRechts .subtotal{
  color: #0044AA;
  font-weight: bold;
  text-align: right;
}

#warenkorbRechts .cart, #warenkorbRechts .checkout{
  float: right;
  margin-left: 15px;
}



/* KLASSEN SHOP */

input, .button{  
  padding: 7px 7px;
}

input[type=button], input[type=submit], .button, {
  color: white;
  font-weight: bold;
  
background: rgb(26,118,216); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhNzZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwNDRhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(26,118,216,1) 0%, rgba(0,68,170,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,118,216,1)), color-stop(98%,rgba(0,68,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(26,118,216,1) 0%,rgba(0,68,170,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a76d8', endColorstr='#0044aa',GradientType=0 ); /* IE6-8 */

}



/* slideshow */

.mod_rocksolid_slider{
  background: #fafafa;
  margin: 60px 10px 10px 10px;
  padding-bottom: 0px;
}



/* MAIN NAV */

nav{
  overflow: visible;
}

#container_menu{
  position: absolute;
  border: 1px solid;
  width: 100%;
}

#container_menu .nav > li > a:focus{
  background: none;
}

#container_menu a.invisible{
  display: none;
}

#containerMenu ul{  
  list-style-type: none;
  font-family: Verdana, sans-serif;
  margin: 0;
	padding: 0;
}

#container_menu a{
  color: white;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 13px 10px;
	line-height: 1;
  text-align: center;
}

/* linien */
#container_menu a{
  border-right: 1px solid #00006c;
  border-left: 1px solid #6a6aff;
}

#container_menu .first a{
  border-left: none;
}

#container_menu .last a{
  border-right: none;
}

#container_menu .level_2 a{
  border: none;
  border-bottom: 1px solid #00006c;
  border-top: 1px solid #6a6aff;
}

#container_menu .level_2 .first a{
  border-top: none;
}

#container_menu .level_2 .last a{
  border-bottom: none;
}



/* Unterpunkte */
#container_menu .level_2 a{
  font-size: 12px;
	padding: 12px;
}

#container_menu .level_2{
  border-radius: 0 0 5px 5px;
  margin-top: 0;
}

#container_menu .level_2 li{
  width: 100%;
}

#container_menu .level_2 .hrTop{
  border-bottom: 1px solid #9f246b;
  margin: 0 5px;
}
#container_menu .level_2 .hrBot{
  border-bottom: 1px solid #e48fc0;
  margin: 0 5px;
}
/* kein hr bei last */
#container_menu .level_2 li.last .hrTop,
#container_menu .level_2 li.last .hrBot{
  border-bottom: 0;
  margin: 0 5px;
}

#containerMenu .level_2{
  max-height: none;
}



/* AKKORDEON */
.ce_accordion .toggler{
  color: #0044AA;
  font-weight: bold;
  padding: 5px;
}

.ce_accordion ul{
  margin-left: 10px;
}

.ce_accordion li{
}

section.ce_accordion{
  border: 1px solid silver;
  border-radius: 5px;
  margin: 15px 0;
  padding: 15px;
}



/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  
  
  /* MOBILE, don't display */
  #menuMobile{
    display: none;
  }
  
  #bildTopMobil{
    display: none;
  }
  
  /* DISPLAY ON DESKTOP */
  
  #containerMenu, .mod_breadcrumb a, #linksTop{
    display: block;
  }
  
  #bildTop{
    display: inline;
    margin-top: -12px;
    width: 1129px;
  }
  
  /* DESKTOP ATTRIBUTES */
  
  body{
    font-size: 14px;
  }
  
  #jumboHead{
    background: #fff url(bg/noise.png);
    height: 334px;
    margin-top: 45px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
  }
  
  .col-sm-6 .ce_text, .index .col-sm-12 .ce_text, div.product, .subtotal, .standard .mod_article{
    border: 1px solid #d1d1d1;
    margin-bottom: 30px;
    padding: 15px;
    padding-top: 20px;
    background: white url(bg/schattenBoxOben.png) repeat-x; 
  }
  
  .col-sm-9{
    padding-right: 30px;
  }
  
  #linksTop, #linksTop a{
    font-size: 13px;
    text-align: right;
  }
  
  #linksTop{
    margin-top: -15px;
  }
  
  #content{
    margin-top: 380px;
  }
  
  .padding{
    padding: 15px;
  }
  
  .mod_breadcrumb{
    font-size: 14px;
    text-align: right;
  }
  
  /* bilder spuelung */

  .bilderBox{
    float: left;
    margin: 15px;
    width: 95%;
  }
  
  .ce_text.spuelung{
    clear: both;
    float: left;
    font-size: 14px;
    width: 250px;
  }
  
  .ce_image.spuelung{
    float: right;
    width: 250px;
  }
  
  section.ce_accordion{
    border: 1px solid silver;
    border-radius: 5px;
    margin: 15px;
    padding: 15px;
    width: 95%;
  }


}


/* MENÜ lp */
#showNav{
  cursor: pointer;
  font-weight: bold;
}

#navLP{
  display: none;
}

#lp ul{
  list-style-type: none;
}

#lp li{
  float: left;
}
#lp{
  margin: 10px 0 60px 0;
}

#lp a{
  display: block;
  font-size: 10px;
  height: 25px;
  margin: 0 0 5px 0;
  overflow: hidden;
  text-align: left;
  width: 156px;
}

#lp .level_2{
  background: #e5e5e5;
  border-radius: 0 0 5px 5px;
  margin: 0;
  padding: 0;
  padding: 5px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: #666 2px 2px 3px;
  -moz-box-shadow: #666 2px 2px 3px;
  box-shadow: #666 2px 2px 3px;
  background: #F2F2F2;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F2F2), to(#919191));
  background: -webkit-linear-gradient(#F2F2F2, #919191);
  background: -moz-linear-gradient(#F2F2F2, #919191);
  background: -ms-linear-gradient(#F2F2F2, #919191);
  background: -o-linear-gradient(#F2F2F2, #919191);
  background: linear-gradient(#F2F2F2, #919191);
  
  /* dropdown function code */
  position: absolute;
  left: -33000px;
  top: -33000px;
  overflow: hidden;
  display: inline;
  width: 0;
  height: 0;
}

#lp .level_2 a{
  color: #8b8b8b;
  height: auto;
}
#lp .level_2 a:hover{
  color: #292929;
}

#lp .level_2 li{
  width: 100%;
  
  /* dropdown function code */
  clear: both;
  position: relative;
  z-index: 101;
}

#lp li:hover .level_2{
   /* dropdown function code */
  left: auto;
  top: auto;
  overflow: auto;
  display: block;
  width: auto;
  min-width: 120px;
  height: auto;
  z-index: 100000000000000000000008;
}


/* MEDIA QUERIES */

@media (min-width: 1000px) {
  .container {
    max-width: 970px;
  }
  
  #containerMenu, #container_menu{
    position: absolute;
    border: 1px solid;
    top: 250px;
    width: 910px;
    left: 50%;
    margin-left: -455px;  
  }
  
}


/* Email Formular */
.widget-checkbox fieldset{
  padding: 0;
}
#lbl_19_0{
  display: inline-block!important;
  font-size: 12px;
  font-weight: normal;
  line-height: 1!important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  position: relative;
  top: 7px;
  text-transform: none!important;
}
#lbl_19_0 a{
  text-decoration: underline;
}

#opt_19_0{
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  position: relative;
  top: 5px;
  width: auto!important;
}

label#lbl_19_0,
#lbl_19_0 div,
#lbl_19_0 p{
  display: inline!important;
}