﻿
html,body{width:100%;height:100%;overflow:hidden}

#holder{position:absolute;width:200%;height:200%;top:-50%;left:-50%}

#holder[id]{display:table}

#holder div{position:absolute;left:0;top:50%}

#holder[id] div{display:table-cell;vertical-align:middle;position:static}

#holder img{position:relative;top:-50%;margin:0 auto;display:block;-ms-interpolation-mode:bicubic;width:100%}

*:first-child+html #holder div{position:absolute}/*force IE 7 back to position:absoulte*/

#empfehlungen {
	display: none;
}


#body1{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow:auto}
/*Kontaktformular*/
.contact_form {
	width:440px;
}
/* Service Box auf der rechten Seite*/
#right div.box ul{padding:0}
#right div.box ul li{list-style: none;padding:1px 0;}
#right div.box ul li a{color:#767171;padding-left:10px;background:transparent url(bg/oxid_01_.gif) 0 -100px no-repeat;text-decoration: none;}
#right div.box ul li a:hover {text-decoration: underline; }
div.bar.oxid .logo  {padding:6px 0;float:left;}
input.btn_search { background:  url(bg/btn_search.jpg); display:block; width:68px; height:22px; border:none; cursor:pointer;}
input.btn_anmeld { background:  url(bg/btn_anmeld.jpg); display:block; width:182px; height:22px; border:none; cursor:pointer; margin-bottom:5px; margin-top:5px;color:#FFF; font-size:12px; font-weight:200; line-height:22px;}

#body .box.compare .fromcompare {height:18px;line-height:1; width: 121px; background: transparent url(bg/buttons_02_.png) no-repeat right -50px; margin: 0; border: 0 none;padding:0 1px 0 0;clear:left;}
#body .box.compare .fromcompare input {height:18px;line-height:1;width: 121px; background: transparent url(bg/buttons_02_.png) no-repeat 0 -50px; margin:0; border:0;color:#FFFFFF;padding:0 0 0 23px;cursor:pointer;font-weight: bold;}
#body .basket .wrapmod { display:block;height:18px;line-height:1;width: 85px; background: transparent url(bg/buttons_02_.png) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left}
#body .basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_02_.png) no-repeat 0 -100px; margin:0; border:0;color:#FFFFFF;padding:4px 0 0 23px;font-weight: bold; }
#body .basket .frombasket { height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_02_.png) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;float: left}
#body .basket .frombasket input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_02_.png) no-repeat 0 -50px; margin:0; border:0;color:#FFFFFF;padding:0 0 0 23px;cursor:pointer;font-weight: bold;}
#body .basket .frombasket a { width: 77px; height: 16px; background: transparent url(bg/buttons_02_.png) no-repeat 0 -50px; margin:0; border:0; color:#FFFFFF; padding:4px 0 0 23px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;}
#body .giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_02_.png) 0 -100px no-repeat; margin:0; border: 0 none; padding:0; display: block;}
#body .product .fromlist input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_02_.png) no-repeat 0 -50px; margin:0; border:0;color:#FFFFFF;padding:0 0 0 23px;cursor:pointer;font-weight: bold;}
span.btn{background: transparent url(bg/buttons_02_.png) right -150px no-repeat;padding: 0 1px 0 0;height:18px;line-height:18px;display:-moz-inline-stack;display:inline-block;margin:0;outline:0;}
span.btn input, span.btn a{border:none;height:18px;line-height:10px;outline:0;position:relative;display:block;padding:2px 7px;margin:0;color:#FFFFFF;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_02_.png) no-repeat left -150px;}
span.btn a{padding:3px 8px 2px; position:relative;}
.box.minibasket .hr {background: url(bg/sepatator_ce_.gif) no-repeat center center; height: 15px;}
.box.minibasket .tocart { height:18px;  line-height:18px; width: 149px; background: transparent url(bg/buttons_02_.png) no-repeat right 0; margin-left:auto; border: 0 none;padding:0 1px 0 0;}
.box.minibasket .tocart input{ width: 149px; height:18px;text-align:center; background: transparent url(bg/buttons_02_.png) no-repeat left 0; margin:0; border:0;color:#FFFFFF;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;}
#right .listitem.rightlist .price .btn{ width: 20px; height: 18px; margin:0; border:0;background: transparent url(bg/buttons_02_.png) 0 0 no-repeat;padding: 0;cursor:pointer;}
#body .product .tocart { height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_02_.png) no-repeat right 0; margin:0; border: 0 none;padding:0 1px 0 0;clear:left;}
#body .product .tocart input{ height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_02_.png) no-repeat 0 0; border:0;color:#FFFFFF;padding:0 0 0 23px;cursor:pointer;font-weight: bold;}
div#page      { width:980px;margin:0px auto 0;padding:0;position: relative;}
  div#header  { clear:both; }
  
  div.bar.categories a { min-width:50px;text-align:left;line-height:1;color:#090; text-decoration: none; display:block; padding: 20px 10px 10px 20px;font-weight: bold;font-size:11px;margin-bottom:1px;}
  
/* + layout - left */
#left strong.h2{display: block;}
#left strong.h2{padding:10px 5px 5px;margin:0;color:#555555;}
#left strong.h2 a {text-decoration: none; color: #555555}
#left strong.h2 a:hover {text-decoration: underline;}
#left p {padding:3px 10px;margin:0;}
#left form.search{padding:5px 0;}
#left .search input.txt {width:122px;margin-top:2px;padding:1px 0;}
#left .search select {width:126px;margin-top:2px;padding:1px 0;}
#left .search span.btn input {font-weight: bold;width:28px;text-align: center;}

#left hr {margin: 3px 10px;}


/*navigation hintergrund*/
div.bar.categories2  { color:#fff; }
div.bar.categories2 a {background-color: #68c500; min-width:50px;text-align:left;line-height:1;color:#fff; text-decoration: none; display:block; padding: 10px;font-weight: bold;font-size:11px;margin-bottom:5px;}
div.bar.categories2 a { min-width:50px;text-align:left;line-height:1;color:#fff; text-decoration: none; display:block; padding: 10px;font-weight: bold;font-size:11px;}

/*home-button*/
div.bar.categories2 a.fixed { padding: 10px 0; text-align: center;background-image:url(../img/nav_bg.jpg);color:#fff; }
div.bar.categories2 a.fixed:hover { background-color: #000;color:#fff;text-decoration: none;}
div.bar.categories2 li.open a, div.bar.categories li a.exp{color:#fff;text-decoration: none;}

#unterkategorie_pics{position: absolute; display: block; left: 0; top: 0; width: 200px; height: 107px; text-align:center; background: #FFFFFF; border: 1px solid #71C514;}



