/* Rasendoktor Haupt Style */

/* MAIN_SETTINGS */
* { margin: 0; border: 0; padding: 0; }

a, a:link { background:transparent; text-decoration:none; cursor:pointer; color: #1F7EB8;}
a:visited { color:#1F7EB8;}
a:hover, a:active, a:focus { color: #36A426; outline: none; }
a img { border:none; }

li { list-style-type: none; }
input, textarea {border: 1px solid #666; padding: 0.3em 0 0 0.3em; font-size: 1.2em; }
select { border: 1px solid #666; padding: 0 0 0 5px; }
p { line-height: 1.5em; }

.btn { border: none; padding: 0; }
.hidden { width: 0px; height: 0px; visibility: hidden; }

/* general template */

body { margin:0px auto; width:1000px; background: url(../images/border_left_right.jpg) repeat-y scroll center top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-left: 1px solid #666; border-right: 1px solid #666;}

/* IE 6 - Adjustments */
* html { padding-right: 0px !important;}

#left_block { float: left; width: 215px; margin-bottom: 3em; }
#center_block { float: left; width: 573px; padding: 0 15px 0 20px; margin-bottom: 15px; border-right: 1px solid #999; min-height: 600px; height: auto !important; height:600px; border-left: 1px solid #999; min-height: 600px; height: auto !important; height:600px;}
#center_block_full { float: left; width: 735px; padding: 0 15px 0 20px; margin-bottom: 15px; border-left: 1px solid #999; min-height: 600px; height: auto !important; height:600px; }
#right_block { float: right; width: 175px;}
#footer_block { clear: left; width: 1000px; height: 365px; background-image: url(../images/bg_footer_3.jpg); background-repeat: repeat-x;}

/* +++ */

/* HEADER */
#header img { vertical-align: bottom;}

/* main_navi */
#main_navi { display: block; height: 40px; border: 0; margin: 0;  }
#main_navi .item { list-style-type: none; font-size: 1.5em; float: right; margin: 0; border: 0; }

/* +++ */


/* LEFT_COLUMN */
/* sub_navi  - L0 */
#sub_navi { width: 215px; font-size: 1.3em; font-weight: bold;}

#sub_navi li a, #sub_navi li a:link, #sub_navi li a:visited { display: block; color: #000; height: 25px; width: 205px; padding: 15px 0 0 10px; border-bottom: 1px solid #666; }
#sub_navi li a:hover, #sub_navi li a:active { background-image: url(/images/bg_sub_navi_L0_active.jpg); color: #fff;}

/* sub_navi - L1 */
#sub_navi_L1 { font-size: 0.8em; font-weight: bold; }
#sub_navi_L1 li a, #sub_navi_L1 li a:link, #sub_navi_L1 li a:visited { display: block; color: #000; padding: 10px 0 0 10px; width:205px; height: 20px; border-bottom: 1px solid #666; }
#sub_navi_L1 li a:hover { background-image: url(../images/bg_sub_navi_L0_active.jpg); color: #fff; }

/* sub_navi - L2 */
#sub_navi_L2 { font-weight: normal; }
#sub_navi_L2 li a, #sub_navi_L2 li a:link, #sub_navi_L2 li a:visited { display: block; color: #000; padding: 10px 0 0 20px; width:195px; height: 20px; border-bottom: 1px solid #666; }
#sub_navi_L2 li a:hover { background-image: url(../images/bg_sub_navi_L0_active.jpg); color: #fff; }

/* info_box */
.info_box { width: 205px; border-bottom: 1px solid #666; padding: 15px 0 10px 10px; font-size: 1.2em; margin-top: 3em; }
.info_box h1 { font-size: 1.4em; font-weight: lighter; margin-bottom: 0.2em; }
.info_box .item { display: block; height: 20px; padding: 10px 0 0 0; }

/* +++ */

/* RIGHT_COLUMN */
/* cart_box */

.cart_box { width: 165px; border-bottom: 1px solid #666; padding: 15px 0 10px 10px; font-size: 1.2em; margin-bottom: 35px; }
.cart_box h1 {font-size: 1.4em; font-weight: lighter; margin-bottom: 0.2em; }
.cart_box .item { line-height: 1.4em; margin-bottom: 0.7em; }

/* catalog */
.catalog_box { padding: 0 0 40px 10px; border-bottom: 1px solid #666;}
.news_box { padding: 15px 0 0 10px;}

/* +++ */

/* Main Window */

/* main_div - general settings */
.main_div { margin-top: 25px; width: 100%; float:left; }
.main_div h1 { color: #36A426; font-size: 2em; font-weight: normal; border-bottom: 1px solid #36A426; padding-bottom: 0.3em; margin-bottom: 0.5em;  }
.main_div h2 { font-size: 1.5em; padding: 1.5em 0 0.7em 0; font-weight: normal; color: #1F7EB8; }
.main_div h3 { font-weight: bold; padding: 0 0 1em 0; }
.main_div h1 .special_offer { color: #ff0000; padding-left: 1em}
.main_div .btn { padding-top: 0.5em; }

.main_div .msg_block { padding-bottom: 1em; }
.main_div .error_msg { color: #ff0000; font-weight: bold; line-height: 1.5em; }
.main_div .success_msg { color: #36A426; font-weight: bold; line-height: 1.5em; }

.main_div form .line { display:block; margin-bottom: 1em; }
.main_div form label { float:left; width: 130px; padding-top: 3px;}
.main_div form .field { padding: 0 0 0 0.5em; height: 20px; vertical-align: middle; }
.main_div form .btn_right { text-align: right; }
.main_div form .btn_right { text-align: left; }

.main_div .table .line { margin-bottom: 1em; clear:left; height: 1.2em; }
.main_div .table .line .field_1 { float:left; width: 150px; padding-top: 3px; }
.main_div .table .line .field_2 { float:left; width: 250px; padding-top: 3px;}

.main_div .clear{ clear: both; }

/* main_start */
#main_start_navi { border-bottom: 1px solid #666; padding: 15px 0 75px 0; }
#main_start_navi li { display:block; float:left; font-size: 1.5em; width: 175px; text-align: center; margin-right: 15px; }

#main_start_navi .item a , #main_start_navi .left a:link, #main_start_navi .left a:visited { display: block; background-image: url(/images/btn_start_navi_02.jpg); color: #fff; height: 30px; width: 175px; padding-top: 10px;}

#main_start_navi .left a , #main_start_navi .left a:link, #main_start_navi .left a:visited { display: block; background-image: url(/images/btn_start_navi_rasen_info.jpg); color: #fff; height: 30px; width: 175px; padding-top: 10px;}
#main_start_navi .center a , #main_start_navi .center a:link, #main_start_navi .center a:visited { display: block; background-image: url(/images/btn_start_navi_shop.jpg); color: #fff; height: 30px; width: 175px; padding-top: 10px;}
#main_start_navi .right a , #main_start_navi .right a:link, #main_start_navi .right a:visited { display: block; background-image: url(/images/btn_start_navi_services.jpg); color: #fff; height: 30px; width: 175px; padding-top: 10px;}


#main_start_navi .item a:hover, #main_start_navi .left a:active { background-image: url(/images/btn_start_navi_02_on.jpg); color: #fff; }

#main_start_navi .left a:hover, #main_start_navi .left a:active { background-image: url(/images/btn_start_navi_02_on.jpg); color: #fff; }
#main_start_navi .center a:hover, #main_start_navi .center a:active { background-image: url(/images/btn_start_navi_shop_on.jpg); color: #fff; }
#main_start_navi .right a:hover, #main_start_navi .right a:active { background-image: url(/images/btn_start_navi_services_on.jpg); color: #fff; }


/* contact_main */
.contact input { height: 25px; }
.contact p { line-height: 1.7em; }
.contact .line { margin-bottom: 0.7em; }

/* product_listing (=products_hauptcat & products_untercat */
#product_listing_block { clear:both; }
#product_listing { float: left; margin-bottom: 2.5em; border-bottom: 1px solid #666; padding-bottom: 0.5em; }
#product_listing .image { float: left; width: 130px; }

#product_listing .description { float: left; margin-left: 0px; width: 400px; }
#product_listing .description .name { font-size: 1.4em; color: #1F7EB8;  }
#product_listing .description .short_desc { color: #666; margin-bottom: 1em; }
#product_listing .description .details { float: right; }

.show_all_products { clear:both; padding-top: 0.7em; }

/* product_detail */
#product_detail {}

/* block_left */
#product_detail .block_left { float:left; width: 250px; }
#product_detail .block_left li { display:block; line-height: 1.7em; }

.image_block {display:block; float:left; width: 240px; margin-bottom: 15px; }
.image_block a { float:left; padding: 0 10px 10px 0; }
.image_block .lightwindow { float:left; padding: 0 10px 10px 0; }

.vid_block { display:block; float:left; width: 240px; }
.vid_block .vid { float:left; padding: 0 10px 10px 0; }
.vid_block_header { display:block; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #1F7EB8; color: #1F7EB8; width: 190px; margin-bottom: 0.3em; }

.link_block { clear: both; }


/* block_right */
#product_detail .block_right { float:left; width: 300px; }
#product_detail .block_right #topic { margin: 0.5em 0 1.5em 0; }

#product_detail .block_right .line { border-bottom: 1px solid #666; }
#product_detail .block_right .line .left { float:left; width: 135px; padding: 0.5em 0 0 0; line-height: 1.3em; }
#product_detail .block_right .line .right { float:left; width: 160px; padding: 0.5em 0 0 0 ; line-height: 1.3em; }
#product_detail .block_right .line .clear { clear: both; height: 0.5em !important; height: 0.1em; }



#product_detail .block_right .price { text-align: right; margin-top: 2em; }
#product_detail .block_right .price .old { text-decoration: line-through; color: red; }
#product_detail .block_right .price .value { font-size: 1.5em; }
#product_detail .block_right .price .info { font-size: 0.8em; }




/* detailed_description */
#product_detail .detailed_description { clear: both; padding-top: 3em; }
#product_detail h2 { padding-bottom: 1em; color: #36A426 }
#product_detail h3 { font-size: 1.3em; color: #1F7EB8;  padding: 1.5em 0 1em 0; }
#product_detail .detailed_description .info { line-height: 2em; }
#product_detail .detailed_description a { display:block; padding-left: 15px; }
#product_detail .detailed_description a:hover { display:block; padding-left: 15px; background: url(/images/arrow_green.jpg) no-repeat; background-position-y: center; }

#product_detail .cross_selling {}

/* shopping cart */
.cart_row { padding: 1em 0; }
.cart_total { color: #1F7EB8; font-weight: bold;  }

#cart .header { width: 735px; border-bottom: 1px solid #666; padding: 0.7em 0; height: 15px; color: #1F7EB8; font-size: 1.1em; font-weight: bold; }
#cart .header .qty { float:left; padding-left: 60px; width: 55px;}

#cart .body { float:left; width: 735px; border-bottom: 1px solid #666; padding: 0.7em 0; }
#cart .body .qty { float:left; width: 55px;}

#cart .img { float:left; width: 60px;}
#cart .art_no { float:left; width: 90px; }
#cart .description { float:left; width: 375px; }
#cart .price { float:right; width: 80px;  }
#cart .cancel { float:right; width: 30px; }

#cart .total { clear: both; color:#1F7EB8; font-weight: bold; padding: 0.7em 0;  }
#cart .total .title { float: right; }
#cart .total .sum { float: right; padding: 0 30px; width: 80px; }

#cart .shipping { clear: both; color:#000; padding: 0.7em 0;  }
#cart .shipping .title { float: right; }
#cart .shipping .sum { float: right; padding: 0 30px; width: 80px; }



#cart .btn_block { text-align: right; margin-top: 20px;  }



/* checkout process ( billing step 1-4 ) */
#checkout .login { float:left; width: 300px; padding-right: 25px; margin-right: 25px; }
#checkout .login h2 { padding: 0; }
#checkout .box { height: 90px; }

#payment .type .select { display: block; float: left; width: 200px; height: 30px; font-size: 1.5em; text-align: left; padding: 7px 0 0 1em; border: 1px solid #666; margin: 0 20px 1em 0; cursor: pointer; }
#payment .type .select_active { display:block; float: left; width: 200px; height: 30px; font-size: 1.5em; text-align: left; padding: 7px 0 0 1em; margin: 0 20px 1em 0; color: #fff; background: url(/images/bg_sub_navi_L0_active.jpg); cursor:pointer;}

#payment .details { clear: both; }


/* +++ */


/* Info */
#info li { line-height: 1.5em; font-size: 1.3em; }




/* Footer */
#footer { display: block; width: 1000px; line-height: 1.5em; padding-top: 10px; font-size:1.1em; }
#footer .line { clear:left; display:block; padding: 10px 15px; margin-bottom: 5px; }
#footer .line .description { float: left; width: 350px; color: #fff; }
#footer .line .description p { width: 300px; margin-bottom: 5px; }
#footer .line .navi { float:left; width: 200px; line-height: 1.5em; }

#footer h1 { font-size: 1.3em; margin-bottom: 0.5em; }
#footer a, #footer a:link, #footer a:hover, #footer a:visited { cursor: pointer; color: #fff; }

#footer .line .copyright { display:block; }
#footer .line .copyright .left { float: left; width: 675px; }
#footer .line .copyright .right { float:right; }


/* +++ */





/* Lightbox Design */
#lightbox{ background-color:#eee; padding: 10px; border-bottom: 2px solid #666;	border-right: 2px solid #666;}
#lightboxDetails{ font-size: 0.8em;	padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(/../java/overlay.png); }
* html #overlay{ background-color: #333; back\ground-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}