/*<![CDATA[*/


/* - - - Menu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
ul#main, ul#main ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

ul#main li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: right;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

ul#main li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

ul#main li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

ul#main ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

ul#main li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

ul#main li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
ul#main:after, ul#main ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
ul#main, ul#main ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the "ul#main UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
ul#main ul {
	background-image: url(img/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
ul#main ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */


/* - - - Menu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

ul#main a.main {
	/*background: #234;*/
	background-image: url('../img/sep_main.png');
	background-position: right;
	background-repeat:no-repeat;	
}

ul#main a.last{
	/*background: #234;*/
	background-image: url('../img/sep_last.png');
	background-position: right;
	background-repeat:no-repeat;
}

ul#main a.lng{
    font-size: 11px;
	/*background: #234;*/
	background-image: none;
}

ul#main ul li {
	/*background: #234;*/
	background-image: url('../img/but_menu.png');
	background-position: right;
	background-repeat:no-repeat;
}

ul#main ul li a.nested{
	/*background: #234;*/
	background-image: url('../img/sep_nested.png');
	background-position: right;
	background-repeat:no-repeat;
}

ul#main ul {
	width: 11em;
}

ul#main a, ul#main a.nested{
	text-decoration: none;
	color: #fff;
	padding: .4em 1em;
	display: block;
	position: relative;

}

ul#main a:hover, ul#main a.nested:hover, ul#main li:hover>a {
	color: #fc3;
}

ul#main li li {	/* create borders around each item */
	/*border: 1px solid #ccc;*/
	border: 1px solid #fff;
}
ul#main ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

ul#main li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 100%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*ul#main>li:first-child>a, ul#main li + li + li li:first-child>a {
	color: #567;
}*/

/* Fix for IE5/Mac \*//*/
ul#main a {
	float: left;
}
/* End Fix */

/*]]>*/

/* page styling, unimportant for the menu. only makes the page looks nicer */
html, body   {
    font-family: Calibri, "Trebuchet MS", sans-serif;
	font-size: 100%;
	margin:0 auto;
	padding:0; 
	width:100%; 
	height:100%; 
	/*overflow:hidden;*/
	overflow-y:scroll;
}

.logo {
	background-image:url('../img/bg_logo.png');    
	margin:10px auto 0px;
	width: 842px;
	height: 100px;
}

.mainmenu {
	/*background: #fee;*/
	/*margin-top: 20px;
	margin-left: 100px;
	margin-right: 20px;
	min-width:1100px;*/
	margin:0px auto;
	/*border: 1px solid #ccc;*/
	width:842px;
	/*padding: 5px;*/
	background-image: url('../img/bg_menu.png');
}

.fixedmenu {
	/*background: #fee;*/
	/*margin-top: 20px;
	margin-left: 100px;
	margin-right: 20px;
	min-width:1100px;*/
	margin:0px auto;
	/*border: 1px solid #ccc;*/
	width:842px;
	/*padding: 5px;*/
	background-image: url('../img/bg_menu_f.png');
}

.locator {
	font-family:Verdana,arial,helvetica,sans-serif;
	color:#666;
    font-size:11px;
	/*background: #fee;*/
	/*margin-top: 20px;
	margin-left: 145px;
	*/
	margin:0px auto;
	/*border: 1px solid #ccc;*/
	width: 842px;
	height: 25px;
	/*padding: 5px;*/
	background-image: url('../img/bg_locator.png');
}

.content {
	font-family:Verdana,arial,helvetica,sans-serif;
	font-size:13px; 
	background-image:url('../img/bg_content.png');    
	background-repeat:repeat; 
	/*background: #fee;*/
	/*margin-left: 130px;*/
	margin:0px auto;
	border: 0px solid #ccc;
	width: 762px;
	padding: 40px;
	/*height: 75%;
	overflow-y:scroll;*/
}

.content_main {
	font-family:Verdana,arial,helvetica,sans-serif;
	font-size:13px; 
	background-image:url('../img/bg_content.png');    
	background-repeat:repeat; 
	/*background: #fee;*/
	/*margin-left: 130px;*/
	margin:0px auto;
	border: 0px solid #ccc;
	width: 842px;
	padding: 0px;
	/*height: 75%;
	overflow-y:scroll;*/
}

.sale {
	font-family:Verdana,arial,helvetica,sans-serif;
	color:#fff;
    font-size:20px;
	text-shadow: 1px 1px #000;
	line-height:1.4em;
	text-decoration: none;
	font-weight: bold;
	/*background: #fee;*/
	/*margin-top: 20px;
	margin-left: 145px;
	*/
	margin:0px auto;
	/*border: 1px solid #ccc;*/
	width: 782px;
	height: 85px;
	padding: 10px 30px 5px 30px;
	background-image: url('../img/bg_sale.png');
}

.pricelist {
	font-family:Verdana,arial,helvetica,sans-serif;
	color:#fff;
    font-size:20px;
	text-shadow: 1px 1px #000;
	line-height:1.4em;
	text-decoration: underline;
	font-weight: bold;
	margin:0px auto;
	padding: 10px 30px 5px 30px;
}

.tblfix {

    border-collapse: collapse;
}
.tbltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

.tblcell {
	border-left:1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding-top:3px;
}

.tblcellsale {
    border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding-top:3px;
}

.tblcelllast {
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding-top:3px;
}

.tblcelllastsale {
    color:red;
    text-decoration:blink;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding-top:3px;
}

.contentbold {
    padding-top:4px;
    padding-left:8px;
    font-family: Verdana;
	font-size:1.0em; 
	line-height:1.4em;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	color:#666666;
	text-shadow: 1px 1px #fff; /* цвет должен быть темнее фона, 1px или -1px, в зависимости от цвета фона(светлый или темный) */
	filter: dropshadow(color=#666666,offX=0,offY=1);

}

p {
    color:#666666;
	text-shadow: 1px 1px #fff; /* цвет должен быть темнее фона, 1px или -1px, в зависимости от цвета фона(светлый или темный) */
	filter: dropshadow(color=#666666,offX=0,offY=1);

}

.contentsale {
    padding-top:4px;
    padding-left:8px;
    font-family: Verdana;
	font-size:1.0em; 
	line-height:1.4em;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	color:red;
}

.contentlink{
    color:#00f;
    text-decoration:none;
}

.content a{
    color:#00f;
    text-decoration:none;
}

.footnote {
	/*padding:5px;*/
    color:#fff;
    font-size:11px;
	/*background: #fee;*/
	/*margin-top: 0px;
	margin-left: 140px;*/
	margin:0px auto;
	/*border: 1px solid #ccc;*/
	width: 842px;
	height: 25px;
	/*height: 20px;*/
	/*padding: 5px;*/
	background-image: url('../img/bg_footnote.png');
}

.footnote a{
	color:#fff;
	text-decoration:none;
}

#fixedtop   {
	position:fixed;
	width:100%; 
	z-index:10;
} 
	
#scrollbar   {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	/*overflow:auto;*/
	z-index:2;
} 

#fest   {
	position:absolute; 
	top:178px; 
	left:10px; 
	width:90px; 
	z-index:10; 
	border:1px solid #ccc; 
	padding:5px;
}

#hintergrund {
	position:fixed; 
	/*top:0px;
	width:100%; 
	height:100%;
	*/
	width:100%; 
	height:100%;
	
}

#hintergrundh {
	position:absolute; 
	top:0px;
	z-index:3; 
	width:95%; 
	height:100%;
}

.hidepics {  
  width:0px;
  height:0px;
  visibility:hidden;
  /*display:none;*/
}

.prodcontent {
    background-image:url(../img/background.gif); 
	background-repeat:repeat;
	border:thin solid #CCCCFF;
}

.txtprodtitle {
    font-family: Verdana, Arial;
	font-size: 19px;
	color: #800000;
	text-decoration: underline;
	text-align: left;
	text-shadow: 1px 1px #fff; /* цвет должен быть темнее фона, 1px или -1px, в зависимости от цвета фона(светлый или темный) */
	filter: dropshadow(color=#666666,offX=0,offY=1);
}

.txtprodcontent {
    font-family: Calibri,Verdana, Arial;
	font-size:18px;
	color: #800000;
    line-height:24px;
	text-decoration: none;
	text-align: left;
	text-shadow: 1px 1px #fff; /* цвет должен быть темнее фона, 1px или -1px, в зависимости от цвета фона(светлый или темный) */
	filter: dropshadow(color=#666666,offX=0,offY=1);
	
}

.txtprodfootnote{
    font-family: Arial;
	font-size:18px;
	color: #800000;
    line-height:20px;
	text-decoration: none;
	text-align: left;
	text-shadow: 1px 1px #fff; /* цвет должен быть темнее фона, 1px или -1px, в зависимости от цвета фона(светлый или темный) */
	filter: dropshadow(color=#666666,offX=0,offY=1);
}

.sale_img_11,.sale_img_12,.sale_img_21,.sale_img_22,.sale_img_3{
position:relative;
cursor:url('../img/ico_zoom.gif'),pointer;
left:0;
top:0;
}