/** RESET **/
*
{
  background            : transparent;
  border                : 0;
  content               : none;
  font-family           : inherit;
  font-size             : 100%;
  margin                : 0;
  padding               : 0;
  quotes                : none;
  text-decoration       : none;
}
:before,:after
{ content               : none; }
:focus
{ outline               : none; }

/** BEGIN : GENERAL **************************************************/
.clear
{
  clear                 : both;
  display               : block;
}
.clear-o
{
  overflow              : hidden;
}
.left
{
  float                 : left;
}
.right
{
  float                 : right;
}
.w-30
{
  display               : block;
  width                 : 30%;
}
.w-50
{
  display               : block;
  width                 : 47%;
}
.border-r
{
  border-right          : 1px solid #ae1217;
  padding-right         : 2%;
  margin-right          : 2%;
}

p
{ margin-bottom         : .5em;     }
h1
{ font-size             : 1.5em;    }
h2
{
  font-size             : 1.25em;
  margin-bottom         : .5em;
}
h3,h4,h5,h6
{
  font-size             : 1em;
}
small, .small
{
  font-size             : .8em;
}

a, a:link, a:visited
{
  color                 : #000;
  cursor                : pointer;
}
a:focus, a:hover, a:active, a.hover, a.active
{
  color                 : #ae1217;
}

input,select
{
  border                : 1px solid #ae1217;
  height                : 1.25em;
  line-height           : 1.25em;
}
textarea
{
  border                : 1px solid #ae1217;
  background-color      : #ebebeb;
  color                 : #8e8e8e;
}
input.text
{
  background-color      : #ebebeb;
  background-repeat     : repeat-x;
  color                 : #8e8e8e;
}
input.button, a.button, span.button
{
  background            : transparent url(../../img/top-login-submit.png) no-repeat 0 center;
  width                 : 27px; /*works but...not 25 ?*/
  height                : 1.4em;
  cursor                : pointer;
}
input.image
{ border:0; height:auto; }
input.radio, input.checkbox
{ border:0; }

a.button, span.button
{
  display               : block;
  width                 : 25px;
  height                : 1.2em;
  border                : 1px solid #ae1217;
}
input.button:hover, input.button.hover, a.button:hover, a:hover span.button
{
  background-position   : -25px center;
}

/** END : GENERAL ****************************************************/

/** BEGIN : STRUCTURE ************************************************/
html
{
  font-size             : 100.01%;
  height                : 100%;
}
body
{
  background            : #c0c0c0 url(../../img/bg.png) repeat-x;
  color                 : #000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 1em;
  height                : 100%;
  line-height           : 1.3em;
  text-align            : center;
}
#bodywrapper
{
  background            : transparent url(../../img/bodywrapper-bg.png) repeat-y;
  margin                : 0 auto 2em auto;
  text-align            : left;
  width                 : 928px;
}
#bodywrapper #top, #bodywrapper #middle
{
  border                : 1px solid #9d9d9d;
  margin-left           : 8px;
  width                 : 910px;
}
#bodywrapper #top
{
  background            : #e1e1e1 url(../../img/top-bg.png) repeat-x;
  border-bottom         : 0;
}
#bodywrapper #middle
{
  background            : #fafafa; /* url(../../img/middle-bg.png) no-repeat left bottom;*/
  border-top            : 0;
  border-bottom         : 0;
  padding-top           : 1em;
  /*padding-bottom        : 70px;*/
  margin-bottom         : 2em;
}
#bodywrapper .border-bottom
{
  background-image      : url(../../img/bodywrapper-border-bottom.png);
  height                : 13px;
  margin-top            : -13px;
  position              : relative;
  top                   : 13px;
  width                 : 928px;
}
#bottom
{
  background            : #838383 url(../../img/bottom-bg.gif) repeat-x;
  border-top            : 1px solid #ae1217;
  color                 : #ae1217;
  font-size             : .8em;
  height                : 4em;
  padding               : 1em 0;
}

/** BEGIN : TOP ******************************************************/
#top h1
{
  background            : #fff url(../../img/top-h1-bg.jpg) no-repeat;
  border                : 1px solid #ae1217;
  border-left           : 0;
  border-right          : 0;
  height                : 206px;
  margin-top            : 35px;                       /*space for login*/
  margin-bottom         : -30px;                      /*space for login*/
  width                 : 910px;
}
#top h1 #logo
{
  color                 : #666;
  display               : block;
  height                : 121px;
  margin                : 22px 0 0 290px;
  width                 : 373px;
}
#top h1 #slogan
{
  background            : transparent url(../../img/top-slogan-bg.png) repeat-x;
  color                 : #c00;
  display               : block;
  font-family           : Tahoma, Arial, Helvetica, sans-serif;
  font-weight           : 500;
  height                : 32px;
  line-height           : 1.1em;
  padding-top           : 3px;
  position              : absolute;
  text-align            : center;
  top                   : 208px;
  width                 : 910px;
}
#top #login
{
  font-size             : .75em;
  height                : 30px;
  position              : relative;
  text-align            : right;
  top                   : -208px;      /*-1 * (logo-heigh + this heigh)*/
  background            : transparent url(../../img/top-login-bg.png) no-repeat;
  background-position   : 600px 0;
  width                 : 900px;
}
#top #login.loggedin
{
  background-position   : 700px 0;
}
#top #login input
{
  width                 : 100px;
  position              : absolute;
  top                   : 2px;
}
#top #login input.text
{
  background-image      : url(../../img/top-login-input-bg.png);
  right                 : 60px;
}
#top #login input#frm_login_user
{
  right                 : 168px;
}
#top #login input.button
{
  right                 : 30px;
  width                 : 27px;
}
#top #login .lost-pw
{
  display               : inline-block;
  height                : 22px;
  width                 : 26px;
  background-image      : url(../../img/icon_help.png);
}
#top #languages
{
  font-size             : .75em;
  height                : 30px;
  position              : relative;
  text-align            : left;
  top                   : -208px;      /*-1 x (logo-heigh + this heigh)*/
  margin-left           : 10px;
}
#top #languages li
{
  list-style-type       : none;
  display               : inline;
}
/** END : TOP ********************************************************/

/** BEGIN : MIDDLE ***************************************************/

#middle #side-1
{
  float                 : left;
  font-size             : .8em;
  margin-left           : 8px;
  width                 : 200px;
}
#middle #main
{
  float                 : right;
  font-size             : .9em;
  margin-right          : 30px;
  width                 : 650px;
}

/** main *******/
#middle .spaced
{
  margin:2em 0 0 0;
}
#middle .teaser
{
  margin:2em 0;
}
#middle .area-1
{
  padding:0 0 1em 0;
  border-top: 1px dashed #888;
  padding-top:1em;
}
#middle .area-1:hover
{
  background-color:#f5f5f5;
}
#middle .avatar
{ height:100px;}
#middle .avatar.left
{ margin: 0 1em 1em 0; }
#middle .avatar.right
{ margin: 0 0 1em 1em; }
/* homepage */
#middle #main .info, #middle #main .info-small
{
  border                : 1px solid #838383;
  margin-bottom         : 1em;
}
#middle #main .info, #middle #main .info-sub
{
  width                 : 640px;
  height                : 276px;
}
#middle #main .info-sub a
{
  color                 : #d11;
  font-weight           : 700;
}
#middle #main #info-1-sub-1
{
  background            : transparent url(../../img/sanierungsmittel-porofin-trockenlegung.jpg) no-repeat;
}
#middle #main #info-1-sub-2
{
  background            : transparent url(../../img/sanierungsmittel-lotupor-impraegnierung.jpg) no-repeat;
}
#middle #main #info-1-sub-3
{
  background            : transparent url(../../img/sanierungsmittel-porozid-schimmelbeseitigung.jpg) no-repeat;
}
#middle #main #info-1-sub-4
{
  background            : transparent url(../../img/sanierungsmittel-lotuclean-steinreiniger.jpg) no-repeat;
}

#middle #main #info-2
{
  background            : transparent url(../../img/middle-main-firma.jpg) no-repeat;
}
#middle #main #info-2 a
{
  background            : transparent url(../../img/middle-main-firma-bottom-low.png) repeat-X left bottom;
  display               : block;
  font-size             : .9em;
  font-weight           : 700;
  height                : 28px;   /*33px - this padding*/
  margin-top            : 243px;  /*276px - this height*/
  padding-top           : 5px ;
  text-align            : center;
  width                 : 100%;
}
#middle #main #info-2 a .button
{
  display               : inline-block;
  position              : relative;
  top                   : .2em;
  left                  : 1em;
  height                : 1.1em;
}
#middle #main .info-small#hotline
{
  background            : transparent url(../../img/middle-main-hotline.jpg) no-repeat;
  width                 : 366px;
  margin-left           : 12px;
}
#middle #main .info-small#hotline p
{
  background            : #fcfcfc url(../../img/middle-main-hotline-bottom.png) no-repeat left bottom;
  color                 : #585858;
  font-size             : 1.5em;
  font-weight           : 700;
  letter-spacing        : .2em;
  word-spacing          : -.2em;
  padding               : 3px 0 25px 0;
  margin                : 161px 0 0 0;
  text-align            : center;
}
#middle #main .info-small#garantie
{
  background            : transparent url(../../img/middle-main-garantie.png) no-repeat;
  height                : 210px;
  width                 : 259px;
}
/* product-info */
#middle #main .product-image
{
  border                : 1px solid #868686;
  margin-right          : 1.5em;
}
#middle #main .product-image img
{
  display               : block;
}
#middle #main .product-info
{
  margin-bottom         : 3em;
}
#middle #main .buy
{
  margin-left           : 1em;
}
#middle #main .buy .header
{
  text-align            : right;
  padding               : 0 13px 0 0;
}
#middle #main .buy .header .border
{
  margin                : -4px -13px 0 0;
}
#middle #main .buy label
{
  width                 : auto;
}
#middle #main .buy .text
{
  margin                : 0 .5em;
}

#middle #main-top-menu
{
  display               : block;
  text-align            : center;
  overflow              : hidden;
  width                 : 480px;
  margin                : .5em auto 1em auto;
}
#middle #main-top-menu li
{
  float                 : left;
  list-style-type       : none;
  width                 : 120px;
}
#middle #main-top-menu li img
{
  display               : block;
  margin                : 0 auto;
}
#middle #main #gb-form
{
  margin                : 2em 0;
}


/* boxes */
#middle .box
{
  background            : #fff  url(../../img/side1-box-bg.png) repeat-x left bottom;
  border                : 1px solid #d8d8d8;
  color                 : #666;
  margin-bottom         : .8em;
  width                 : 186px;
}
#middle #main .box
{
  padding               : 0 8px;
  width                 : 170px; /*186px - this padding*/
}
#middle .box .header
{
  background            : #d4e0e4 url(../../img/side1-box-header-top.png) no-repeat;
  height                : 1.5em;
  padding-left          : 13px;
  position              : relative;
  top                   : -4px;
  width                 : 173px;
}
#middle #main .box .header
{
  margin-left           : -8px;
  width                 : 173px;
}
#middle .box .header .border
{
  background            : #d2dee2 url(../../img/side1-box-header-bottom.png) no-repeat;
  display               : block;
  height                : 5px;
  margin                : -5px 0 0 -13px;
}
#middle .box ul
{
  list-style-type       : none;
  margin-bottom         : -1px;   /*hide last li border-bottom*/
}
#middle .box li
{
  border-bottom         : 1px solid #d8d8d8;
  margin-left           : 13px;
  width                 : 163px;  /*10px space right*/
}
#middle .box li.last
{
  border-bottom         : 0;
}
#middle .box li a
{
  color                 : #666;
  display               : block;
  margin-left           : -13px;
  padding-left          : 13px;
  position              : relative;
  width                 : 173px;
}
#middle .box li a.active
{
  font-weight           : 700;
}
#middle .box li a.hover, #middle .box li a:hover
{
  background            : transparent url(../../img/side1-box-item-active.gif) no-repeat center .6em;
}
#middle .box .w-50
{
  display               : inline-block;
  width                 : 50%;
}
#middle .box .w-75
{
  display               : inline-block;
  width                 : 75%;
}
#middle .box .notice
{
  font-size             : .8em;
}
#middle .box#basket small
{
  font-weight           : 500;
  display               : block;
}
#middle .box#basket .button-wrapper
{
  display               : block;
  margin                : 1em 0 0 13px;
  width                 : 163px;
  height                : 43px;
  background            : transparent url(../../img/side1-box-basket-bg.png) no-repeat right bottom;
}
#middle .box#basket .button
{
  float                 : right;
  position              : relative;
  top                   : 22px;
}
#middle #main .box select
{
  font-size             : .8em;
  height                : 1.75em;
  margin-bottom         : .5em;
  width                 : 85%;
}
#middle #box-search .inner
{
  overflow              : hidden; /*clear*/
  margin-left           : 13px;
  width                 : 163px;
  padding               : 5px 0;
}
#middle #box-search .text
{
  width                 : 120px;
  margin-right          : 5px;
}
#middle #button-shop, #middle #button-shop:link
{
  display               : block;
  background            : transparent url(../../img/design/button-shop.png) 0 0 no-repeat;
  width                 : 188px;
  height                : 44px;
  text-indent           : -5.5em;
  overflow              : hidden;
  margin                : 0 0 1em 0;
}
#middle #button-shop:focus, #middle #button-shop:hover
{
  background-position   : 0 -44px;
}
#middle #button-shop:active
{
  background-position   : 0 -88px;
}
#middle .box-2
{
  border                : 1px solid #cfcfcf;
  background            : #fff url(../../img/middle-main-box2-bg.png) bottom left repeat-x;
  margin-bottom         : 1em;
  padding               : .5em;
}

/*mixed stuff*/
#middle a,#middle a:link,#middle a:visited
{
  color                 : #5a5a5a;
  cursor                : pointer;
}
#middle a:focus,#middle a:hover,#middle a:active,#middle a.hover,#middle a.active
{
  color                 : #ae1217;
}
#middle input, #middle label
{
  margin-bottom         : .33em;
}
#middle label
{
  display               : block;
  width                 : 8em;
  clear                 : left;
  float                 : left;
}
#middle input.text, #middle select
{
  float                 : left;
  width                 : 10em;
  background-image      : url(../../img/middle-input-bg.png);
  background-repeat     : repeat-x;
}
#middle input.min
{
  width                 : 3em;
}

/** END : MIDDLE *****************************************************/

/** BEGIN : BOTTOM ***************************************************/
#bottom a
{
  border-right          : 1px solid #aaa;
  color                 : #fff;
  padding               : 0 .55em 0 .2em;
}
#bottom a.last
{
  border-right          : 0;
}
#bottom a.copy
{
  border-right          : 0;
  color                 : #ae1217;
}
#bottom sup
{
  font-size             : .8em;
}
/** END : BOTTOM *****************************************************/


/** BEGIN : OLD ******************************************************/
.msg-error
{ border: 1px solid #CC3300; background-color: #FF8566; margin: 0 0 1em 0; padding: 5px; }
.msg-info
{ border: 1px solid #ff0000; background-color: #FFCCCC; margin: 0 0 1em 0; padding: 5px; }
.checkout-accept
{ font-size: 12px; font-weight:700; }


dd
{ display:block; height:2em; text-align: left;}
dd input
{ float:none; clear:left; margin-right:.25em;}
dd select
{ float:none; clear:left; margin-right:.25em;}
hr
{ background:#ccc; border-color: #ccc; height:1px; margin: 1em; }
#middle #main li
{ margin-left: 1em; }

/*basket*/
.order_details
{ width: 100%; text-align: left }
.order_details_article
{ width: 145px; float: left; margin-top: 5px }
.order_details_article_header
{ width: 145px; float: left; border-bottom: 1px solid #ccc }
.order_details_img
{ width: 70px; float: left; text-align: center; margin: 5px 0 8px 0 }
.order_details_img_header
{ width: 70px; float: left; text-align: center; margin: 0 0 8px 0; border-bottom: 1px solid #ccc }
.order_details_qty
{ width: 50px; float: left; text-align: center; margin-top: 5px }
.order_details_qty_header
{ width: 50px; float: left; text-align: center; border-bottom: 1px solid #ccc }
.order_details_remove
{ width: 50px; float: left; text-align: center; margin-top: 15px }
.order_details_remove_header
{ width: 50px; float: left; border-bottom: 1px solid #ccc }
.order_details_shippingtime
{ width: 70px; float: left; margin-top: 5px }
.order_details_shippingtime_header
{ width: 70px; float: left; border-bottom: 1px solid #ccc }
.order_details_totalcost
{ text-align: right; margin: 20px 0 0 0 }
.order_details_totalcost strong
{ font-size: 11px; font-weight: bolder }
.order_details_totalprice_header
{ width: 100px; float: right; text-align: right; border-bottom: 1px solid #ccc }
.order_details_singleprice_header
{ width: 85px; float: left; border-bottom: 1px solid #ccc }
.order_detais_totalprice
{ width: 100px; float: right; text-align: right; margin-top: 5px; font-weight: bolder }
.order_details_singleprice
{ width: 85px; float: left; margin-top: 5px }


                                  /*TODO: look for those imagepaths..*/
.messageStack
{ border: solid 2px #B22020; background-color: #FFD6D6; padding: 8px; }
.messageStack .messageStackError
{ list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../../images/icons/exclamation.png); background-repeat: no-repeat; background-position: 0px 4px; }
.messageStack .messageStackSuccess
{ list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../../images/icons/icon_accept.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #66FF66; }
.messageStack .messageStackWarning
{ list-style: none; padding: 5px 0px 2px 20px; background-image: url(../../../images/icons/icon_alert.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #FFF2CD; }

.checkout_payment_adress_current
{ float: left; width: 32%; padding-left: 15px; }
.checkout_payment_arrow
{ float: left; width: 23%; text-align: center; }
.checkout_payment_container
{ width: 555px; text-align: left; height: 120px; }
.checkout_payment_continue
{ margin: 15px 0 0 0; height: 55px; }
.checkout_payment_info_text
{ float: left; width: 40%; }
.checkoutBarTo, .checkoutBarCurrent
{ margin: 15px 0 10px 0; padding: 0 2px 0 2px; font-size: 11px; }
.clr { clear: both; float: none; }

.copyright, .gnu_copy, .parseTime
{ text-align: center; font-size: 8pt; color: #7E7E7E; display: block; }

.list_left
{ float: left; }
.list_left, .list_right
{ width: 48%; margin-bottom: 20px; text-align: left; }
.list_right
{ float: right; }
.list_right_2
{ width: 40%; float:right; margin-bottom: 20px; text-align: left; }
.mini_wrapper
{ margin: 0; padding: 0; }
.new_product_default
{ width: 285px; float: left; border-bottom: 1px solid #E7E7E7; margin: 10px 0 10px 0; }
.new_product_default_image
{ float: left; width: 120px; padding-top: 10px; }
.new_product_default_right
{ float: left; width: 165px; }
.new_product_default_tax
{ font-size: 11px; }
.order_details, .checkout_payment_comments, .checkout_payment_agb
{ font-size: 11px; }
.checkout_payment_comments textarea
{ margin-bottom: 2em }
.productOldPrice
{ font-size: 10px; }


#account
{ text-align: right; float: right; width: 30%; }
#account_inner
{ padding-right: 10px; }
.checkout-line
{ background: url(../../img/checkout_line.gif) repeat-x; line-height: 12px; }
/** END : OLD ********************************************************/