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




/* BEGIN Categories Tabs v2.0 *//* START Categories Tabs v2.0 */
/* Sample vertical fly-out menu */

/* The following is *A SAMPLE ONLY* and is based off the "suckerfish"
   drop-down menu. Is it provided only as an example of what is possible
   using CSS and unordered lists.

   See: https://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
   and : https://www.htmldog.com/articles/suckerfish/dropdowns/

   For best effect, you'll want to set the config to render the whole tree,
   and you may want to add some before/after html to clear floats, etc...

   Note: to overcome MSIE's deficiency of not recognizing elements besides the 
   anchor tag for the hover event, add the following JS to your template header

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>


*/

/* NavigationsLeiste in der linken Spalte */

.findefuchsbox *, .findefuchsbox * a, #navigationDiv *, #community *, #navigationDiv * a , #community * a {
	
}

#navigationDiv, #community {
	margin-top: 0px;

}

#navigationDiv, #community { /* div um Navigationsleiste */
/*	border: 1px solid #cccccc;*/
	-moz-border-radius: 10px;
	padding-top: 0px;
    width: 180px;
	position: relative;
	/*background-image: url(https://www.BefestigungsFuchs.de/content/style/trans.jpg);*/
	/*background-image: url(https://www.BefestigungsFuchs.de/shop/images/verlauf_navi.gif);*/
	}

/* iexplorer */
* html #navigationDiv, * html #community {
	padding-top: 5px;	
}


#navigationDiv {
	padding-bottom: 20px;	
}

#community {
	padding-bottom: 0px;
}

/* iexplorer */
* html #community {
	padding-bottom: 0px;
}

#navigationDiv h2, #community h2 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin-top: 7px;
	/*text-transform: uppercase;*/
}

#nav, #nav ul, #navliste {
	list-style: none;
	margin-left: -40px;
	z-index: 50;
	}
	

/* iexplorer */
* html #nav, * html #nav ul, * html #navliste {
	margin-left: 5px;
}

#nav li {
	padding-left: 10px;
}

#nav li a {
	/*display: Block;*/
	
			
	}
	
#nav li a img {
    vertical-align: middle;
}
	
#nav li a:hover {	
	color: #005ca1;
	padding-bottom: 5px;
	padding-top: 5px;
}


#nav .cat_lev_0 a:hover {
	padding-bottom: 9px;
	padding-top: 22px;
	margin-left: -5px;
	padding-left: 30px;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_mutter_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* erste Ebene liste und links */

#nav .cat_lev_0 {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_mutter.gif);
	background-repeat: no-repeat;
}

#nav .link_lev_0 {
	color: #000000;
	font-weight: normal;
	padding-left: 25px;
	
	line-height: 1.5em;
}



/* unterlisten */

#nav .link_lev_0, #nav .cat_lev_0_selected a {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	}

.link_lev_1_selected {
    color: #FFFFFF;
}

#nav .cat_lev_1, #nav .cat_lev_2, #nav .cat_lev_3, #nav .cat_lev_4 {
   border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* iexplorer */
* html #nav .cat_lev_1, * html #nav .cat_lev_2, * html #nav .cat_lev_3, * html #nav .cat_lev_4 {
	padding-top: 0px;
	padding-bottom: 0px;
}

#nav .link_lev_1, #nav .link_lev_3, #nav .link_lev_5 { /* Links - erste Ebene */
    color: #005ca1;
}

#nav .link_lev_2, #nav .link_lev_4  {
    color: #333333;
}


#nav .cat_lev_1, #nav .cat_lev_1_selected {
	padding-left: 5px;/*25px;*/
	padding-top: 5px;
}

#nav .cat_lev_2, #nav .cat_lev_2_selected {
	padding-left: 15px;
}

#nav .cat_lev_3, #nav .cat_lev_3_selected {
	padding-left: 15px; 
}

#nav .cat_lev_4, #nav .cat_lev_4_selected {
	padding-left: 15px; 
}

#nav .cat_lev_4_selected, #nav .cat_lev_3_selected, #nav .cat_lev_2_selected, #nav .cat_lev_1_selected {
	background-color: #eeeeee;
	padding-top: 1px;
	padding-bottom: 1px;

}

/* link der zweiten, dritten, vierten, fünften Ebene */


#nav .link_lev_1, #nav .link_lev_2, #nav .link_lev_3, #nav .link_lev_4 {
	/*
	background-image: url(https://www.Befestigungsfuchs.de/content/style/inaktiv.gif);
	background-repeat: no-repeat;
	background-position: top left;
	*/margin-left: -12px;
	padding-left: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	/*display: inherit!important;
	display: block;*/
}

/* iexplorer */
* html #nav .link_lev_1, * html #nav .link_lev_2, * html #nav .link_lev_3, * html #nav .link_lev_4 {
	display: block;
}
	
	
/* Link der ersten Ebene, der ausgewählt ist */

#nav .cat_lev_0_selected {
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_mutter_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	border-right-color: #eeeeee;
	border-left-color: #eeeeee;
/*	padding-right: 10px;*/
   }


#nav .link_lev_0_selected {
	color: #ffffff;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 25px;
	padding-bottom: 3px;

}

/* iexplorer */
* html #nav .link_lev_0_selected {
	padding-top: 0px;	
	padding-bottom: 0px;
}


#nav .link_lev_0_selected:hover {
    color: #FFFFFF;
}


#nav .cat_lev_0_selected ul {
    padding-top: 4px;
	padding-bottom: 4px;
}

/* iexplorer */
* html #nav .cat_lev_0_selected ul {
	padding-top: 4px;
	padding-bottom: 4px;
}


/* Link der zweiten, dritten, vierten, fünften Ebene, der ausgewählt ist */

#nav .link_lev_1_selected, #nav .link_lev_2_selected, #nav .link_lev_3_selected, #nav .link_lev_4_selected {
	color: #005ca1;
	font-weight: normal;
	background-image: url(https://www.Befestigungsfuchs.de/content/style/aktiv.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: -10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	}

/* iexplorer */
* html #nav .link_lev_1_selected, * html #nav .link_lev_2_selected, * html #nav .link_lev_3_selected, * html #nav .link_lev_4_selected {
	padding-left: 10px;
	margin-left: -20px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* END Categories Tabs v2.0 *//* START Categories Tabs v2.0 */




/* Community */


#navliste .nav_0 {	
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_mutter.gif);
	background-repeat: no-repeat;
}

#navliste .nav_0 a {
    color: #005ca1;
	font-weight: normal;
	padding-left: 35px;
	
	
} 

#navliste .nav_0 a:hover {
	padding-bottom: 9px;
	padding-top: 22px;
	margin-left: 5px;
	padding-left: 30px;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_mutter_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navliste .nav_0_selected {
	padding-bottom: 5px;
	padding-top: 4px;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_mutter_active.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	border-right-color: #eeeeee;
	border-left-color: #eeeeee;
/*	padding-right: 10px;*/
   }
   
#navliste .nav_0_selected a {
    color: #FFFFFF;	
	font-weight: bold;
}   


#navliste .link_0_selected {
	color: #ffffff;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 32px;
	padding-bottom: 3px;
}

/* iexplorer */
* html #navliste .link_0_selected {
	padding-bottom: 0px;
	padding-top: 0px;
}


#navliste .link_0_selected:hover {
    color: #FFFFFF;
}



#service, #spezial {
    padding-top: 10px;
	list-style: none;
}


#navliste li img {
    vertical-align: middle;
}

#navliste .nav_1, #navliste .nav_1_selected {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height: 0.8em;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: -25px;
	list-style: none;
}

/* iexplorer */
* html #navliste .nav_1, * html #navliste .nav_1_selected {
	line-height: 0.9em;	
}

#navliste .nav_1_gruppe {
   color: #999999;
   font-size: 10px;
   	padding-top: 4px;
	padding-bottom: 2px;
	margin-left: -30px;
	list-style: none;
}

#navliste .nav_1 a {
    
		
	
	display: inherit;
	color: #666666;
	font-weight: normal;
}

/* iexplorer */
* html #navliste .nav_1 a {
	display: block;
}

#navliste .nav_1_selected a {
	display: inherit;
	color: #005ca1;
	font-weight: normal;
	background-color: #eeeeee;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* iexplorer */
* html #navliste .nav_1_selected a {
	display: block;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* Community */

/* NavigationsLeiste in der linken Spalte */

/*-----------------------------------------------------------------*/


/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	text-align:center;
	width: 100%;
	position: relative;
	left: 0px;
}

/* iexplorer */
* html .horbar	{ 
	left: 0px;	
}

.horizitem	{          /* Hauptkategorien - Behaviour of main horizontal menu items, leave as is for proper operation */
	/*float: left;*/
	position:relative;
	height: 35px;
    text-align: center;
}

/* iexplorer */
* html .horizitem {
	height: 20px;
}


.horizitem a {              /* Font style, size of submenu items */
	color: #666666;/*hell*/
	text-decoration: none;
	font-size: 12px;	
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
    display: block;
}

.horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #666666;/*hell*/
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #666666;/*hell*/
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0px;
	visibility: hidden;

}

.horizsubframe	{      /* Color of submenu item and border  (unterobergruppe)*/
	z-index: 200;
	position: relative;
	display: block;
	padding-left: 5px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	top: -5px;
}

/* iexplorer */
* html .horizsubframe	{ 
	top: 0px;
}


.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;	
	padding: 3px;
	color: #666666;/*hell*/
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	text-decoration: none;
	background-color:#FFFFFF;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	font-weight: bold;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffffff;	
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
	 font-weight: bold;
     color: #005ca1;
}

.horbar .dmselected {   /* Style override for selected root category */
    font-weight: bold;
}


/* FINDEFUCHS */


.findefuchsbox ul {
	list-style-type: none;
	margin-left: -40px;
}


#findefuchsul {
	margin-top: 5px;	
}

/*
li.trigger {
	
	
	height: 25px;
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #efefef;
}
*/


#findefuchsul li a:hover {	
	padding-bottom: 5px;
	padding-top: 7px;
}




/* erste Ebene liste und links */

li.trigger {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;

}

li.trigger a {
	padding-left: 25px;
	
	line-height: 1.5em;
}



input.radio{
	
	background: url(checkbox_false.gif);
	font-weight: bold;
}

.toggle_container {
	margin: -5px 0px 0px;
	padding: 5px 5px 5px;
	/*overflow: auto;*/ 
	width: 145px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;

}

.toggle_container li:hover {
	background-color: #efefef;
}

.toggle_container .block-long {
	margin:-15px;
	margin-left: -45px;
	width: 265px;
	height: auto;
	padding: 3px; 
	/*background: #e0dada url(container.gif) no-repeat left bottom;*/
}

.close {
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_lupe.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.close a:hover {
	padding-bottom: 5px;
	padding-top: 7px;
	padding-left: 25px;
	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_lupe_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.active { 

	background-image: url(https://www.BefestigungsFuchs.de/content/style/navi_lupe_aktiv.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

.close a {
	text-decoration: none;
}

.close a:hover {
	text-decoration: underline;
	color: #005ca1;
}

.active a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

/* Boxen links und rechts in den Spalten - WerbeBoxen */

.findefuchsbox {
	font-size: 12px;
	
	/*-moz-border-radius: 10px;*/
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 150px;
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
	/*background-image: url(https://www.BefestigungsFuchs.de/content/style/box_backgr.jpg); 14.04.2010 */
    background-image: url(https://www.BefestigungsFuchs.de/content/style/findefuchs_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #aaaaaa;
	-moz-border-radius: 10px;
}

.findefuchsbox img, .WerbeBox1 img {
	margin-left: -7px;	
}

/* iexplorer */
* html .findefuchsbox img, * html .WerbeBox1 img {
	margin-left: -5px;	
}

/* iexplorer */
* html .findefuchsbox, * html .WerbeBox1 {
	padding-top: 7px;
	padding-right: 0px;
	margin-right: 5px;
	padding-left: 5px;
	width: 170px;
}

	

.findefuchsbox h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: 2px;
	
	
}

.heading_fuchs {
	height: 39px;
	width: 45px;
	margin-left: -11px;
	margin-top: -11px;
	position:absolute;
	/*background-image: url(https://www.BefestigungsFuchs.de/content/style/box_schraube.jpg); 14.04.2010 */
	background-image: url(https://www.BefestigungsFuchs.de/content/style/box_bg_fuchs.jpg);
	background-repeat: no-repeat;
    background-position: left top;
}

/* iexplorer */
* html .heading_fuchs {
	margin-top: -18px;
	margin-left: -7px;
}

/* FINDEFUCHS */