.main
{
    width: 800px;
    height: 407px;
    position: relative;
    top: 15px;
    border-width: 0px;
    padding: 0px;
    margin: 0px auto 0px auto;
    bottom: auto;
    left: auto;
    right: auto;
}
.main .bg
{
    position: absolute;
    width: 820px;
    height: 430px;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    background-image: url('../images/desktop/bg.jpg');
    background-repeat: no-repeat;
    z-index: 0;
    padding: 0px;
    margin: 0px;
}
.dpanel
{
    position: relative;
    height: 407px;
    width: 200px;
    z-index: 1;
    padding:0px;
    margin: 0px;
    border-width: 0px;
    float: left;
}
.bottom
{
    border-width: 0px;
    padding: 0px;
    margin: -2px auto 0px auto;
    position: relative;
    width: 800px;
    height: 55px;
}
.bottom .bg
{
    background-image: url('../images/desktop/bottom.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 820px;
    height: 30px;
    top: 55px;
    right: 0px;
    bottom: auto;
    left: auto;
}
.bottom .logo
{
    position: absolute;
    top: auto;
    right: 0px;
    bottom: 0px;
    left: auto;
}
.dpanel .slogan
{
    padding: 0px;
    border-width: 0px;
    margin: 0px;
    color: #3366cc;
}
.dpanel .komponenten
{
    margin:0px;
}
.dpanel .komponenten ul
{
    margin:0px;
    padding:0px;
}
.dpanel .komponenten li
{
    margin:0px 0px 4px 0px;
    padding:0px;
    list-style-type:none;
}
.dpanel .preis
{
    position:absolute;
    width:200px;
    height:30px;
    bottom:10px;
    top:auto;
    left:auto;
    right:-20px;
    text-align:right;
}
.dpanel .euro
{
    font-size:18px;
    font-weight:bold;
    color:#36c;
}
.dpanel .cent
{
    font-size:16px;
    font-weight:bold;
    color:#36c;
}
.dpanel .mwst
{
    font-size:11px;
    color:#36c;
}
.right
{
    width: 31px;
    height: 406px;
    position: absolute;
    z-index: 500;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
}
.progress_load
{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    z-index:10000;
}
.panel_spacer
{
    position:absolute;
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
    z-index:1000;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
}
.panel_content
{
    position:relative;
    margin:10px;
}
.hover_bg
{
    display:none;
    background-color:#36c;
    position:absolute;
    height:407px;
    width:100%;
    margin:0px;
    padding:0px;
    top:0px;
    left:0px;
    bottom:auto;
    right:auto;
    z-index:0;
    filter:alpha(opacity=10);
    -moz-opacity:0.10;
    opacity:0.10;
}
.schatten_oben
{
    position:absolute;
    height:40px;
    z-index:1000;
    width:100%;
    top:0px;
    left:0px;
    bottom:auto;
    right:0px;
}
.schatten_unten
{
    position:absolute;
    height:40px;
    z-index:90;
    width:100%;
    top:auto;
    left:0px;
    bottom:0px;
    right:0px;
}
.pfeil_l
{
    position:absolute;
    left:0px;
    top:186px;
    right:auto;
    bottom:auto;
    z-index:100000000;
    width:25px;
    height:40px;

}
.pfeil_r
{
    position:absolute;
    right:0px;
    top:186px;
    left:auto;
    bottom:auto;
    width:25px;
    height:40px;
    z-index:10000000;
}



/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {
	width:816px;
        height:450px;
	margin:-15px 0px 0px 5px;
	display:block;
	padding:0;
        background-image: url('../images/desktop/bg.jpg');
        background-repeat: no-repeat;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back {
	display:block;
	position:absolute;
	cursor:pointer;
	width:25px;
	height:40px;
	top:200px;
	right:-25px;
	/*background:url(../slideitmoo/images/slideitmoo_forward.png) no-repeat center;  */
        background:url('../images/desktop/pfeil_r.png') no-repeat bottom;
}
#SlideItMoo_outer .SlideItMoo_back {
	left:-10px;
	/*background:url(../slideitmoo/images/slideitmoo_back.png) no-repeat center;  */
         background:transparent url('../images/desktop/pfeil_l.png') no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{
	position:relative ;
	overflow:hidden ;
	width:804px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px 0px 0px 24px;
	padding:0px;

}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
	display:block;
	position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
	display:block;
	position:relative;
	float:left;
	margin:0px 0px 0px;
        padding:0px;
	font-size:11px;
	width:198px;
        height:406px;
	text-align:left;
	color:#666;
}

#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; text-decoration: none; color:#222; }
#SlideItMoo_items a img{ border:none; }


.schatten_oben
{
    position:absolute;
    height:40px;
    z-index:1000;
    width:100%;
    top:0px;
    left:0px;
    bottom:auto;
    right:0px;
}
.schatten_unten
{
    position:absolute;
    height:40px;
    z-index:90;
    width:100%;
    top:auto;
    left:0px;
    bottom:0px;
    right:0px;
}
.produkt {z-index:50;}
.right
{
    width: 31px;
    height: 406px;
    position: absolute;
    z-index: 500;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
}