/* css reset - makes the layout looking good in all browsers 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; 
	font:12px/20px Arial;
	background:#e0f3ff url(bg.png) repeat scroll 0 0;
	}
ol, ul {
	list-style: none; }*/

/* Main Styles */	
	
#wrapper{
	width:620px;
	margin:0 auto;
	margin-top:100px;
}

#nav {

	text-align:center;
	display: table-cell;
	margin: 0px auto;
	position:relative;
	background-color: transparent !important;
	
}

ul#navigation {
	margin:0px auto;
	position:relative;


}

ul#navigation li {
	display:inline;
	font-size:12px;
	margin-left:3px;
	margin-right:3px;
	float:left;
	position:static;
	border-top:1px solid #C2C2C2;
	border-bottom:2px solid #C2C2C2;
	border-left:1px solid #C2C2C2;
	border-right:1px solid #C2C2C2;
}

ul#navigation li a {
	padding:4px 8px;
	color: rgb(102, 51, 51);
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border-right:1px solid #fff;
	border-left:1px solid #C2C2C2;
	border-top:1px solid #fff;
	background: #f5f5f5;
	position: static;
	-webkit-transition:color 0.0s linear, background 0.2s linear;	
	-moz-transition:color 0.0s linear, background 0.2s linear;	
	-o-transition:color 0.0s linear, background 0.2s linear;	
	transition:color 0.0s linear, background 0.2s linear;	
}

ul#navigation li a:hover {
	background:#f8f8f8;
	color:#282828;
}

ul#navigation li:hover > a {
	background:#fff;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
	transition:opacity 0.0s linear;*
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	/*width:180px;*/
	background:#f8f8f8;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.0s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.0s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.0s linear, visibility 0.2s linear; 
	transition:opacity 0.0s linear, visibility 0.2s linear; 	
}

ul#navigation ul {

    left: 40px;
	width: 985px;
	position:absolute; top:40px;
 background: url("/modules/mod_openglobal_virtuemart_categories/images/bg_grey_flyout.gif") repeat-x scroll left bottom rgb(251, 251, 251);
    border-color: rgb(102, 102, 102);
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    color: rgb(0, 0, 0);
    padding: 10px;
    text-align: left;
	background-color: white;
    z-index: 1000;
	
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {
	background:none;
	padding:1px 1px;
	border:0 none;
	/*padding:7px 15px;*/
	color:#616161;
	/*text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	/*width:150px;*/
}
ul#navigation ul li a:before {
    bottom: 2px;
    content: url("../images/blockbullets.png");
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    position: relative;
    vertical-align: middle;
}


ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}


div.IMAGE {
	float: left;
	width:35%;
	margin-right: 10px;
	
}
div.SUBCAT {
	width:60%;
	float: left;
	font-style:normal;
	color: rgb(102, 102, 102);
	font-family:"Helvetica", Arial, sans-serif;
}

div.SUBCAT div.beschreibung_oben{
	padding-left: 12px;
	}

div.SUBCAT div.beschreibung_unten{
	visibility:hidden;
	height:0px;
	}
div.cat_desc_1 div.beschreibung_unten{
	visibility:hidden;
	height:0px;
	}

uldfs.sub {
    background: url("/modules/mod_openglobal_virtuemart_categories/images/bg_grey_flyout.gif") repeat-x scroll left bottom rgb(251, 251, 251);
    border-color: rgb(102, 102, 102);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: rgb(0, 0, 0);
    display: none;
    overflow: hidden;
    padding: 10px;
	width: 500px;
    position: relative;
    text-align: left;
	background-color: white;
    z-index: 1000;
}
div.MainCategoryName {
	font-size: 1.3em;
    font-weight: bold;
	float:left;
	width:1000px;
	position: static;
    

}
a.MainCategoryName {
	font-size: 1.0em;
    font-weight: bold;
	float:left;
	padding-left: 10px;
    position: static;

}

div.MainCategoryImage {
padding-top: 10px;
;
}
div.MainCategoryDescription {
padding: 10px;

float:left;
}


ul.flyoutmenu {
padding-left: 20px;
bottom: 2px;
    content: url("../images/vmenuitemicon.png");
    display: inline-block;

}

li.flyoutmenu {
font-weight: normal;
padding-left: 20px;
}

div.virtuemartcategories{

	float:left;

	}
	
div.virtuemartcategories_center{

	float:left;

	}
	
div.virtuemartcategories_right{

	float:left;

	}