@charset "UTF-8";
/* CSS Document */

body{
	background-color:#f1f1f1;	
}

img{
	border:0px;
}

#container{
	max-width:1000px;
    width: 100%;
	min-height:400px;
	height:auto;
	background-color:#FFF;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	box-shadow: 0px 0px 6px #999;
}

#top{
	width: 100%;
	height: 50px;	
}

#logokasten{
	width:267px;
	height:40px;
	padding-left:20px;	
	float:left;
	color:#666;
	padding-top:8px;
}

#topnavigation{
	width:60%;
	min-height:15px;
	float:right;
	font-size:14px;
	line-height:14px;
}

@media screen and (max-width: 860px) {

#topnavigation{
	width:100%;
	min-height:15px;
	float:right;
	font-size:14px;
	line-height:14px;
    z-index: 99;
} 

#topnavigation a{
    min-width:250px;
    max-width:750px;
    width: 85vw;
    font-size:14px;
	font-weight:200;
    margin-right:-15vw;
    
}

}

#topnavigation a{
	font-size:14px;
	font-weight:200;	
}

#title{
	display:inline;
	float:right;
	margin-right:20px;
}

#mainnavi{
	width:1000px;
	height:34px;	
}

#slider{
	max-width:1000px;
    width: 100%;
	height:100%;
	margin-top:8px;
}

.slidertext{
	width: 250px;
	height: 300px;
	position:absolute;
	right:0px;
	color:#494c4e;
	font-weight:200;
	padding-right:50px;
}


.slidertext2{
	width: 180px;
	height: 300px;
	position:absolute;
	right:0px;
	color:#494c4e;
	font-weight:200;
	padding-right:50px;
}

.clear { clear:both; }

#leiste a { float:left; width:60px; margin-left:10px; }
#leiste h1, #content h1 { float:left; margin-top:12px; font-weight:bold; font-size:16px; color:#666666; width:100%; }
#leiste h1 { width:100%; text-align:center; }
#leiste h2, #content h2 { float:left; margin-top:12px; font-weight:bold; font-size:16px; color:#666666; width:95%; }
#leiste h2 { width:100%; text-align:center; }

#content { min-height:200px; font-family:Arial, Helvetica, sans-serif; padding:15px 15px 0 15px;	}

#content .produkt { border-bottom: solid 1px #cacaca; margin-bottom:15px; }
#content .produkt_letzteReihe { border:none; }
#content .produkt h2 { float:left; font-weight:bold; margin-bottom:5px; margin-top:0; color:#333333; font-size:14px; line-height:20px; }
#content .produkt a { text-align:right; color:#990000; }
#content .produkt .produktbild { float:left; width:250px; /* height:150px; */ padding-bottom:10px; }
#content .produkt .produktbild img { border:0px; width:150px; }
#content .produkt .produkttext { float:left; width:100%; }

#content .impressum_box { float:left; width:33%; }
#content .h4 { font-size:16px; width:100%; }
#content .impressum { list-style:none;}


#content a:hover h2, #footer a:hover { color: #212457 !important; }
#content .produktreihe { margin:15px 0; height:126px; }
#content .produktreihe .produkt { float:left; width:313px; text-align:center; height: 166px;}

#content .thema { float:left; width:100%; max-width:320px; text-align:center; height: 166px;}
#content .thema { border-bottom: solid 1px #cacaca; margin-bottom:15px; }
#content .thema h2 { float:left; font-weight:bold; margin-bottom:5px; margin-top:0; color:#333333; font-size:14px; line-height:20px; }
#content .thema a { text-align:right; color:#990000; }



#footer { border-bottom: solid 1px #cccccc; padding-top:15px; }
#footer .sitemap { float:left; width:230px; text-align:left; margin-bottom:15px; }
#footer .sitemap_start { width:200px; }
#footer .sitemap ul { list-style:none; }
#footer .sitemap li { margin-top:0; }
#footer .sitemap a { /* line-height:20px; */ font-weight:bold; /* margin-left:15px; */ }

#footer .impressum { float:right; width:230px; text-align:right; margin-right:15px; }
#footer .impressum p { margin: 0; padding: 0; }








#teaser{
	margin-left	: 60px;
	margin-bottom:50px;
}

#leiste, .leistemenue{
    width:100%;
    min-height:40px;
    margin-top: 0;
    margin-bottom: 0;
	border-top: 1px solid #CCC;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e0e0e0 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#e0e0e0 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0 );
	line-height:40px;
	color:#666;
	text-align:center;
	font-size:14px;
	font-weight:500;	
}

.leistemenue{
    padding-bottom: 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(bottm,  #f2f2f2 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f2f2f2), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(bottom,  #f2f2f2 0%,#e0e0e0 100%);
	background: -o-linear-gradient(bottom,  #f2f2f2 0%,#e0e0e0 100%);
	background: -ms-linear-gradient(bottom,  #f2f2f2 0%,#e0e0e0 100%);
	background: linear-gradient(to top,  #f2f2f2 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f2f2f2',GradientType=0 );
}

.leistemenue ul
{
  list-style:none;
  margin-left:auto;
  margin-right:auto;
}

.leistemenue li
{
  float:left;
}
.leistemenue li:first-child
{
  font-size:14px;
  text-align:center;
  height:30px;
  width:75px;
  font-weight:700;
  padding-top:8px;
  
}

.leistemenue a
{
  font-size: 12px;
  display: block;
  text-align: center;
  width: 77px;
  padding-top: 9px;
  height: 30px;
  font-weight: 600;
}

.leistemenue a:hover, a:active
{
    font-weight:600;
    background-color:#f2f2f2;
}

#kontakt1{
	width:110px;
	height:24px;
	float:right;
	display:inline-block;
	background-color:#b4bf0b;
	padding-top:3px;
	padding-left:22px;
}

#kontakt2{
	width:110px;
	height:24px;
	float:right;
	display:inline-block;
	background-color:#b4bf0b;
	padding-top:3px;
	padding-left:22px;
	display:none;
}

#kontaktkasten{
	width:100%;
	height: 350px;
	background-color:#e6e6e6;
	display:none;
}

#footer{
	max-width:1000px;
    width:100%;
	/* height:30px;  */
	border-top: 1px solid #CCC;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e0e0e0 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#e0e0e0 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0 );
	/* line-height:30px; */
	color:#666;
	text-align:center;
	font-size:14px;
	font-weight:500;
	margin:auto;	
}

#footerpageman{
	max-width:1000px;
    width:100%;
	height:30px;
	line-height:30px;
	color:#666;
	text-align:center;
	font-size:14px;
	margin:auto;
}


.span3{
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif;	
}

.sprachauswahl{
	position:absolute;
	right:24px;
	top:5px;
	font-size:12px;
	font-weight:200;
}

.sprachauswahl a{
	font-size:12px;	
	font-weight:200;
	color: #565A5C;
}


/* DROPDOWN ON HOVER*/

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
    max-width: 247px;
    min-width: 247px;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

#content b{
	font-weight:bold;
	
}

.sliderdescription{
	width:0px;
	height:0px;
	position:absolute;
	display:block;
	z-index:999;
	right:20px;
	top:130px;
}

nav#bewerten{
width: 300px;
float: left;
margin-bottom: 20px;

}
nav#bewerten li{
font-family: Helvetica, sans-serif;
list-style: none;
margin-right: 10px;
float: left;
display: block;
height: 25px;
width: 80px;
text-align: center;
line-height: 25px;


}


#kostliefer ul{
  display: block;
  width: 300px;
  height: 97px;
  position: relative;
  right: 320px;
  top: 30px;
  outline: 1px solid #888;
  padding-top: 7px;

}

#kostliefer ul li{
  list-style: none;
  font-size: 14px;
  font-weight: bold;
}
#kostliefer ul li span{
  color: green;
}




.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 100px;
  height: 20px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 40%;
}
.star-rating i ~ i ~ i {
  width: 60%;
}
.star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.choice {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px;
  display: block;
}

ul#special{
margin-top: 50px;
position: relative;
margin-left: auto;
margin-right: auto;
width:250px;
margin-bottom: 30px;
}

ul#special li{
list-style: disc;
color: #08c;
padding-left:20px;
}

ul#special li a{
font-weight: normal;
color: #hsl(210, 100%, 40%);
text-decoration: underline;
}

ul#special li a:hover{
font-weight: normal;
color: hsl(210, 100%, 40%);
}
ul#kundeninfos{
margin-top: 50px;
position: relative;
left: 50px;
margin-bottom: 30px;
}

ul#kundeninfos li{
list-style: disc;
color: #08c;
padding-left:20px;
}

ul#kundeninfos li a{
font-weight: normal;
color: #hsl(210, 100%, 40%);
text-decoration: underline;
}

ul#kundeninfos li a:hover{
font-weight: normal;
color: hsl(210, 100%, 40%);
}
h1#partners, h2#partners{
max-width: 1000px;
width: 100%;               
margin-left: auto;
margin-right: auto;


}