/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table {margin: 0; padding: 0; outline: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
abbr,acronym {border: 0;}
a, a img {outline: none; text-decoration: none;}

br.clearboth {clear: both;}

/* STRUCTURE */

html {background: url(/img/bg.jpg) top center repeat-x #343833;}

body {background: url(/img/bg_body.jpg) top center no-repeat; min-height: 1200px; font: normal 10pt/13pt  Arial, Tahoma, Verdana, sans-serif; color: #636363;}

#container {width: 960px; margin: 0 auto; padding: 0;}

#header {height: 60px;}

	.logo {float: left; margin: 10px 0 0 0;}
	.menu {float: right; margin: 30px 0 0 0;}
	.menu li {float: left; padding: 0 0 0 15px;}
	.menu a {color: #706f6f; font: normal 12pt/13pt  Arial, Tahoma, Verdana, sans-serif;}
	.menu a:hover, .menu li.active a {color: #fe4f15; font-weight: normal;}

#banner {height: 340px; background: url(/img/bg_header.png) top center no-repeat;}

	.flash {height: 290px;}
	.submenu {float: left; height: 50px; margin: 0 0 0 5px;}
	.login {float: right; height: 50px; font: normal 8pt/12pt  Arial, Tahoma, Verdana, sans-serif; margin: 0 15px 0 0;}
	.login input {width: 150px; margin: 0 0 5px 0; padding: 2px; background: transparent; border: 1px solid #e8e8e8; color: #767676; font: normal 9pt/9pt Arial, Tahoma, Verdana, sans-serif;}
	.submenu li {height: 46px; float: left; background: url(/img/hr_submenu.png) bottom right no-repeat; padding: 0 10px;}
	.submenu a {color: #636363; font: normal 10pt/28pt  Arial, Tahoma, Verdana, sans-serif;}
	.submenu a:hover, .submenu li.active a {color: #fe4f15; font-weight: normal;}

#content_top {background: url(/img/bg_content_top.png) top center no-repeat; width: 960px; height: 10px; margin: 10px 0 0 0;}

#content_bottom {background: url(/img/bg_content_bottom.png) top center no-repeat; width: 960px; height: 50px; margin: 0 0 10px 0;}

#content {background: url(/img/bg_content.jpg) top center repeat-y; width: 960px; position: relative;}
.content_bottom {background: url(/img/bg_content_bottom.jpg) top center no-repeat; width: 960px; height: 56px; position: absolute; bottom: 0; left: 0; z-index: 0;}

	.left {width: 190px; float: left; padding: 0 15px; position: relative; z-index: 2;}
		.katmenu ul li a, .katmenu ul li span{background: url(/img/arrow1.jpg) center left no-repeat; padding:0 0 0 20px; color: #555555; font-weight: normal; font-size: 9pt; line-height: 17pt;}
		.katmenu ul ul li a, .katmenu ul ul li span{margin: 0 0 0 10px; background: url(/img/arrow2.jpg) center left no-repeat; padding:0 0 0 20px; color: #898989; font-weight: normal; font-size: 8pt; line-height: 17pt;}
		.katmenu ul ul ul li a, .katmenu ul ul ul li span{margin: 0 0 0 20px; background: url(/img/arrow3.jpg) center left no-repeat; padding:0 0 0 20px; color: #afafaf; font-weight: normal; font-size: 8pt; line-height: 17pt;}
		.katmenu ul ul ul ul li a, .katmenu ul ul ul ul li span{margin: 0 0 0 30px; background: url(/img/arrow3.jpg) center left no-repeat; padding:0 0 0 20px; color: #afafaf; font-weight: normal; font-size: 8pt; line-height: 17pt;}
		.katmenu ul ul ul ul ul li a {margin: 0 0 0 40px; background: url(/img/arrow3.jpg) center left no-repeat; padding:0 0 0 20px; color: #afafaf; font-weight: normal; font-size: 8pt; line-height: 17pt;}
		.katmenu a:hover, .katmenu span:hover, .katmenu li.active a {color: #fe4f15; font-weight: normal;}
	.center {width: 460px; float: left; padding: 0 20px; background: url(/img/bg_center.jpg) top center no-repeat; position: relative; z-index: 1;}
		.product {background: url(/img/bg_product.jpg) top center no-repeat; margin: 0 0 20px 0; text-align: center;}
		.product .title {margin: 0 10px; padding: 5px 0 10px 0;; line-height: 12px;}
		.product .foto {margin: 15px 0;} 
		.product .link {margin: 0 8px;}
		
		table.cart_first_line td {color: #a6a5a5; font-weight: bold; font-size: 9pt; border-bottom: 1px solid #e8e8e8; padding: 0 0 5px 0; margin: 0 0 10px 0;}
		table.cart_line td {font-size: 9pt; border-bottom: 1px solid #e8e8e8; padding: 5px 0 0 0;}
		.sent span {font-weight: bold; color: #fe9615;}
		.sent p.netto {font-size: 12pt;}
		.sent p.brutto {font-size: 10pt;}
		
		.news {width: 100%; border-bottom: 1px solid #e8e8e8; padding: 0 0 10px 0;}
		.news p {font-size: 9pt;}
		
	.right {width: 210px; float: left; padding: 0 15px; position: relative; z-index: 3;}
	
#footer {background: url(/img/bg_footer.png) top center no-repeat; width: 930px; height: 100px; padding: 15px; margin: 0 0 20px 0;}
#footer td {vertical-align: top; font-size: 8pt; line-height: 11pt;}


.mini_cart {font-size: 9pt;}
.mini_cart b {color: #fe9d25;}

/* FORMAT */

.h { display: none; }
.v { display: block; }

a {color: #fe4f15; font-weight: bold;}
a:hover {color: #636363; font-weight: bold;}

input.btn_small {cursor: pointer; width: 24px; height: 21px; background: url(/img/btn_small.png) center center no-repeat; border: 0px solid #fff; color: #fff; font-weight: bold; display: block;}
.btn_small, a.btn_small {width: 24px; height: 21px; background: url(/img/btn_small.png) center center no-repeat; color: #fff; font-weight: bold; display: block;}
.btn_medium, a.btn_medium {font-size: 10px; font-weight: bold; line-height: 20px; width: 100px; height: 21px; background: url(/img/btn_medium.png) center center no-repeat; border: 0px solid #fff; color: #fff; display: block; text-align: center;}
input.btn_medium  {cursor: pointer; font-size: 10px; font-weight: bold; width: 100px; height: 21px; padding: 0 0 4px 0; background: url(/img/btn_medium.png) center center no-repeat; border: 0px solid #fff; color: #fff; text-align: center;}

h1 {color: #0075a7; text-transform: uppercase; font-size: 11pt; font-weight: bold; margin: 5px 0 20px 0; padding: 7px 0 10px 0; text-align: center; background: url(/img/hr_h1.png) bottom center no-repeat;}
h2 {color: #0075a7; font-size: 13pt; font-weight: bold; margin: 0 0 10px 0;}
h3 { text-transform: uppercase; font-size: 10pt; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; text-align: center; /*background: url(/img/hr_h3.png) bottom center no-repeat;*/}
h4 {font-size: 11pt; font-weight: bold; border-bottom: 1px solid #e8e8e8; padding: 0 0 2px 0;}
h5, a h5{font-size: 8pt; font-weight: bold; margin: 4px 0 2px 0; color: #636363;}
h6 {color: #fe9615; font-size: 10pt}

.header {font-weight: bold; font-size: 11pt; margin: 0 0 20px;}
.header1 {color: #0075a7; font-weight: bold; border-bottom: 1px solid #d5e7ed; padding: 0 0 4px 0; margin: 0 0 10px 0;}

.box {margin: 5px 0 30px 0; padding: 7px 0 0 0; background: url(/img/bg_box.jpg) top center no-repeat;}
.box_orange {height: 76px; margin: 5px 0 30px 0; padding: 7px; background: url(/img/bg_box_orange.jpg) top center no-repeat;}
.box_s {margin: 5px 0 30px 0; padding: 7px 0 0 0; background: url(/img/bg_box_s.jpg) top center no-repeat;}

input, textarea, select {font: normal 8pt/9pt  Arial, Tahoma, Verdana, sans-serif; width: 98%; margin: 0 0 5px 0; padding: 2px; background: transparent; border: 1px solid #cecdcd; color: #767676;}
select {background-color: #ffffff;}