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

body > #wrapper, #footer-content, #nav-footer, #footer-info, #image-main .ce_text, #image-main .hgroup {
    margin: 0 auto;
    max-width: 960px;
    padding: 0;
    position: relative;
}

body {
	color: #000000;
	font-family: "Open Sans", sans-serif, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	background-image: url(../img/bg_body.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#eaeaea;
}

#wrapper {
    max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	/* height: 335px; */
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: auto;
}

#header .inside {
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
}

.icon_facebook, .icon_youtube {
	float: right;
	height: 30px;
	width: 30px;
	padding-top: 30px;
	padding-right: 3px;
	padding-left: 3px;
}

.icon_youtube {
	margin-right: 55px;
}
.mime_icon {
    float: left;
    padding-right: 5px;
}

#main .dlh_googlemap input[type="text"] {
	width: auto;
}

#main .gm-style-iw {
	overflow-x: hidden!Important;
	overflow-y: hidden!Important;
}

.ce_colsetStart .ce_text {
	/* padding-left: 25px;
    padding-right: 25px; */
}

/* #### Shop-Darstellung #### */
.product {
	background-color: #F4F4F4;
	float: left;
	margin-right: 1%;
	padding: 2%;
	width: 28%;
}
.price {
	font-weight: bold;
	}
.sku {
	font-size: 10px;
	}	
.details {
	text-decoration: underline;
	}
.startseite #header h2 a{
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	background-color: #B2ACAC;
}

.submenu-top {
	padding-top: 15px;
text-align: right;
padding-right: 35px;

	}

.submenu-top a{
color: #666;	
	}
	
	
#logo {
	float: left;
	margin-top: 65px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 350px;
}

#sprachen {
    height: 15px;
    width: 50px;
    float: right;	
}

/* ## Footer-Navigation ## */

#main .mod_navigation {
	float: left;
    margin-top: 70px;	
}

#main .mod_navigation.box_nav h2 {
	color: #333;
	font-size: 18px;
}
#main .mod_navigation.box_nav li a{
	color: #666666;
	font-size: 11px;
}

#main .box_nav {
display: inline-block;
    margin: 0 15px 3px;
    vertical-align: top;
    width: 10.8em;
}


 #header .mod_boxes4ward {
 margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-top: 40px;
    width: auto;
} 

.clear {
	clear: both;
}

.mobile.boxes4ward_article  {
display: none;
}

/* #header .mod_boxes4ward img {
	border: 3px solid #FFF;
} */

#main .ce_image a:hover img, #main .ce_gallery a:hover img  {
    -webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	opacity: 0.8;
}
	
.caption {
	font-size: 12px;
	line-height: normal;
}
#right {
	background-color: #FFFFFF;
	
}

#right .inside{
	margin-top: 20px;
	margin-left: 20px;
    margin-right: 20px;	
}

#left {
	background-color: #FFFFFF;
}

#left .inside{
	margin-left: 15px;
    padding-top: 0px;	
	margin-top: 25px;
}

#main {
	position: relative;
	background-color: #fff;
}

#main .inside{
    margin-top: 25px;
	margin-left: 25px;
	margin-right: 40px;
}

#container {
	background-color: #fff;
    padding-bottom: 20px;
}

.bg_start #main .inside {
	padding-top: 10px;
	padding-left: 40px;
	margin-left: auto;
	margin-right: auto;
}

#main .mod_newsmenu li {
    background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    list-style-type: none;
    margin-right: 15px;
    padding: 4px;
	text-align: center;
}

#main .noobSlide_section_inside {
	background-color: #8FC5F1;
}
#main .layout_latest {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

#main .layout_latest img{
	border: 1px solid #ccc;
}
#main .layout_latest .image_container {
padding-right: 15px;
}

#main .more a{
	color: #39BB58;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #666;
}

#main h1 {
	color: #e2001a;
	font-size: 20px;
	font-weight: bold;
}
#main h2 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px!Important;
}

#right h1 {
	color: #1F2B73;
	font-size: 23px;
	font-weight: bold;
	margin-top: 1px;
	text-transform: uppercase;
}

#right h2 {
	color: #c4ccdd;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

#right .teaser {
	font-size: 11px;
}

#main h3 {
	color: #CF1619;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
}

#main h5 {
    background-color: #284C99;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: center;
}

#main .box {
	display: inline-block;
	margin: 0 0 10px 0;
	vertical-align: top;
	width: 29.5%;
	/*	height: 210px; */
	position: relative;
	/* border-bottom: 5px solid rgba(216,213,213,1.00); */
 padding: 5px;	
}

#main img {
	display: block;
	height: auto;
	max-width: 100%;
}

#main .hyphenate .box  p {
	text-align: justify;
		 -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
		padding: 5px;
		background: #ffffff; /* Old browsers */
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

.lasche_telefon, .lasche_kontakt, .lasche_produkte, .lasche_shop {
clear: both;
    color: #ffffff;
    float: right;
    font-size: 16px;
    height: 40px;
    line-height: 45px;
    text-indent: 65px;
    width: 220px;
}

.lasche_telefon {
	background-image: url(../img/bg_lasche_telefon.png);
}
.lasche_kontakt {
	background-image: url(../img/bg_lasche_kontakt.png);
}
.lasche_produkte {
	background-image: url(../img/bg_lasche_produkte.png);
}
.lasche_shop {	
	background-image: url(../img/bg_lasche_shop.png);
}

div.lasche_telefon a, div.lasche_kontakt a, div.lasche_produkte a, div.lasche_shop a{
	color: #FFFFFF;
	text-transform: uppercase;
}
	

html body#top.win div#wrapper div#container div#main div.inside nav.mod_navigation ul.level_1 li  {
	list-style-type: none; }

html body#top.win div#wrapper div#container div#main div.inside div.ce_gallery ul li {
	list-style-type: none; }
	
hr {
	color: #CCC;
}


.infobox{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 2px #666; /* webkit browser*/
	-moz-box-shadow: 0px 0px 2px #666; /* firefox */
	box-shadow: 0px 0px 2px #ccc;
	border: 1px solid #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 25px;
margin-right: 20px;
	float: left;
	width: 28%;
}
.infobox.start{
margin-right: 12px;
	width: 27%;
}
.infobox.last{
margin-right: 0%;
}

.ce_gallery {
	padding-bottom: 20px;
}
/* ##### Accordion ###*/
#main .toggler {
	color: #CC0000;
	font-size: 14px;
	margin: 0px;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(../img/arrow_bottom_accordion.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#main .toggler.active{
	background-image: url(../img/arrow_right_accordion.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.button_formular {
	width: 200px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	margin-right: 20px;
	text-align: center;
	background-image: url(../img/bodypics/bg_button_formular.gif);
	background-repeat: repeat-x;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #999;
}

.trenner {
background-color: #FFFFFF;
    box-shadow: 0 0 2px #999;
    clear: both;
    float: left;
    height: 1px;
    margin: 20px;
    width: 96%;
}

legend {
	font-weight: normal;

} 

/* ############ Suchbox und Suchergebnisse ############ */

#header .mod_form {
   float: left;
    padding-right: 5px;
	padding-top: 30px;
}

#header input[type="image"] {
	height: 18px;
	width: 18px;
	border: 1px solid #CCC;
}

#header .submit_container {
	float: right;
}

#main input[type="search"]{
    background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
    margin-right: 1px;
    padding: 5px;
    width: 120px;
}
.relevance {
	font-style: italic;
	color: #999;
	font-weight: normal;
}

.highlight {
	background-color: #FFC;
}

.context {
	margin: 0px;
	padding: 0px;
}
.url {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #999;
}
/* Lightbox */
.lightbox4wardContentInside {
	background-color: #fff;
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	font-size: 14px;
	line-height: 22px;
}
.ce_ce_lightbox4ward {
	font-weight: bold;
}

/* #################### Footer ################## */

#footer {
	color: #000;
	float: left;
	width: 100%;
	font-size: 12px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

.footerboxen {
	width: 100%;
	display: inline-block;
	}
.footerboxen .box1, .footerboxen .box2, .footerboxen .box3{
width: 26em;
display: inline-block;	
margin: 15px;
	}

#footer .adresse{
	float: left;
	padding-right: 25px;
}
#footer .right{
    float: right;
   
}
#footer .right a{
	color: #000;
	text-transform: uppercase;
}

td {
	vertical-align: top;
	font-size: 11px;
	border-bottom: 1px dotted #B2ACAC;
} 

table {
	margin: 0px;
	padding: 0px;
    width: 100%;	
}

table ul{
	margin: 0px;
	padding: 0px;
}

#main ol li {
	list-style-type: decimal;
}

table li{
	margin: 0px;
	padding: 0px;
	color: #333;
}



.multicolumn {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
     
        -moz-column-width: 200px;
        -webkit-column-width: 200px;
        column-width: 200px;
    }
	

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Menu                                                                           */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#left .mod_navigation  {
}

#left .mod_navigation li .first, #left .mod_navigation a.first  {
	border-style: none;
}

#left .mod_navigation ul.level_1 li, #left .mod_navigation ul.level_1 li .submenu {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-right: 20px;
}

#left .mod_navigation ul.level_1 li ul.level_2 li.first {
	border-style: none;
	padding-bottom: 0;
    padding-top: 0;
}

#left .mod_navigation li .active {
	font-weight: bold;
}

#left .mod_navigation ul.level_1 {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	height: auto;
	padding-top: 10px;
	background-color: #FFFFFF;
}

#left .mod_navigation ul.level_2 li, #left .mod_navigation ul.level_2 li .first, #left .mod_navigation ul.level_2 a .first{
	padding-bottom: 0px;
	padding-top: 0px;
	border-style: none;
}

#left .mod_navigation ul.level_2 {
	}
	
#left .mod_navigation span.trail {
	border-bottom: 1px dotted #ccc;
	color: #000000;
	padding-left: 20px;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
} 

#left .mod_navigation .level_1 li a, #left .mod_navigation ul.level_1 li.active span.active{
	color: #000000;
	padding-left: 2px;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	
}




#left .mod_navigation ul.level_2 li a, #left .mod_navigation ul.level_2 li.active span.active {
	color: #000000;
	font-size: 14px;
	text-transform: none;
	border-style: none;
} 

#left .mod_navigation ul.level_2 li span.active {
	color: #fff;
	padding-left: 20px;
	font-size: 14px;
	background-color: #ccc;
	display: block;
}

#left h2 {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #993300;
	color: #999;
	text-transform: none;
}

#nav-main-mobile {
	display: none;
}

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

#header nav.mod_navigation {
	float: right;	margin-top: 80px;

}

#header nav.mod_navigation li {
float: left;
    font-size: 19px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
	}
#header nav.mod_navigation li .active {}
#header .mod_navigation ul.level_1 li.forward, #header nav.mod_navigation li .active
 {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 19px;
	color: #e2001a;
	text-decoration: none;
	zoom: 1; /* IE7 */
	text-transform: uppercase;
}

.mod_navigation ul.level_1 {
    padding-left: 0;
    padding-right: 0;
	
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Drop-Down-Menue                                                                        */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#subMenusContainer li {
	list-style-type: none;
}

.smOW{
	display:none;
	position: absolute;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}

/*     --links
------------------------------------------------- */
#subMenusContainer a {
	display: block;
	color: #000;
	min-width: 120px;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 5px;
	margin: 0px;	
}

/*     --hover || focus
------------------------------------------------- */
#subMenusContainer a:hover, #subMenusContainer a:focus, .subMenuParentBtnFocused {color: #f18f4e; background: #222;}

/*     --aktiver & trail menuepunkt
------------------------------------------------- */
#subMenusContainer a.trail, #subMenusContainer li.active a {color: #f18f4e; background: #222;}

/*     --ul ebene 2
------------------------------------------------- */
#subMenusContainer ul.level_2 {
	background-color: #fff;
	margin: 5px;
	padding: 5px;
}

/*     --ul ebene 3
------------------------------------------------- */
#subMenusContainer ul.level_3 {background: #000;}

/*     --subMenusContainer verstecken
------------------------------------------------- */
#subMenusContainer {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }

/*     --icons wenn unterpunkte vorhanden ist
------------------------------------------------- */
/*
.mainMenuParentBtn {background: url(../img/arrow-down.png) 95% center no-repeat;}
.mainMenuParentBtnFocused {background: url(../img/arrow-down-hover.png) 95% center no-repeat;}
.subMenuParentBtn {background: url(../img/arrow-right.png) 95% center no-repeat;}
.subMenuParentBtnFocused {background: url(../img/arrow-right-over.png) 95% center no-repeat;}
*/

/*     --IE hacks
------------------------------------------------- */
#nav li ul {display: none;} /* verhindert das aufblitzen des submenus beim laden */
* + html .smOW  {margin-top: -2px; margin-left: -2px;} /*IE7 hack - richtige positionierung*/
* + html #subMenusContainer ul.level_3 {margin-top: 2px;} /*IE7 hack - richtige positionierung*/


@media (max-width:967px)
{

body {
	font-size: 18px;
	background-image: none;
	background-color: #fff;
} 

#main h1 {
    font-size: 22px;
    font-weight: bold;
	  line-height: 33px;
}
#header .mod_boxes4ward {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-top: 20px;
    width: auto;
	height: auto;
}

#wrapper{
padding:15px;
}

#footer .inside {
	padding: 25px;
	font-size: 22px;
	}
#footer .right {
    float: none;
	padding-top: 20px;
}

.c40r {
	width: 100%;
	display: none;
	}
.c60l {
    width: 100%;
}	

#header nav.mod_navigation {
    float: left;
    margin-top: 20px;
}
.infobox {
	width: 100%;
	box-sizing: border-box;
}
.infobox.start {
    margin-right: 0px;
    width: 100%;
}

/* Mobile Naigation */	

.mobile_customnav {
	display: inline;
	color: #FFFFFF;
	background-color: rgba(191,231,169,1.00);
	}
.mobile_customnav a{
	color: #999;
	}
.mobile_customnav li {
	color: #FFFFFF;
	list-style-type: none;
	border-bottom: 1px dotted #999999;
	margin-right: 20px;
	}	
.mobile_customnav ul .level_2 {
	background-color: #eaeaea;
	padding-left: 8px;
	border-radius: 4px;
	}	
.mobile_customnav ul .level_2 li a {
	color: #666666;
	display: block;
	padding-left: 8px;
}		

.mobile_customnav .level_2 li .active {
 color: #000;
 padding-left: 8px;

}	
	
.mobile_customnav h3 {
	color: #fff;
	border-bottom: 1px dotted #999999;
	margin-right: 20px;
	}	
.mod_mobile_menu {
	display: inline-block;
	width: 100%;
}

.mobile_menu .inner {
	background-color: rgba(0,0,0,0.25);
	padding-top: 20px; padding-left: 20px;
	}

.mnavibox {
	background-color: #eaeaea;
	float: left;
	text-align: center;
	width: 100%;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/stripes.png);
	background-repeat: no-repeat;
	color: #ccc;
	height: auto;
	background-size: auto 100%;
}
#header nav.mod_navigation {
    display: none;
}
#logo {
    margin: 15px 0 0;
    width: 350px;
}
}