@charset "utf-8";
* {margin: 0px; padding: 0px; list-style-type: none; text-decoration: none;}
body {display: block; font-size: 13px; font-family: Arial; line-height: 19px; color: #333; /*background-color: #f19125;*/ background:url(imgs/bg_body.gif) top left repeat;}
h1 {font-weight: normal; font-family: Georgia; font-size: 18px; color: #000; line-height: 25px; margin-bottom: 10px; text-transform: uppercase;}
h2 {font-weight: normal; font-family: Georgia; font-size: 18px; color: #FFF; line-height: 25px; text-transform: uppercase; margin-left: 3px;}
h3 {font-weight: normal; font-family: Georgia; font-size: 14px; color: #f19125; line-height: 20px; margin-bottom: 8px;}
/*h3 {font-weight: normal; font-family: Georgia; font-size: 18px; color: #000; line-height: 25px; margin-bottom: 5px; text-transform: uppercase; float: left; clear: left;}
h4 {font-weight: normal; font-family: Georgia; font-size: 18px; color: #000; line-height: 25px; margin-bottom: 5px; float: right; }
h5 {font-weight: normal; font-family: Georgia; font-size: 18px; color: #FFF; line-height: 25px; text-transform: uppercase; margin-left: 3px; text-decoration: blink;}
h6 {font-weight: normal; font-family: Georgia; font-size: 13px; color: #000; line-height: 21px; margin-bottom: 1px; color: #f19125; padding: 0px 5px;}*/
p {margin-bottom: 8px; clear: left;}
a {color: #f19125;}
a:hover {color: #000;}
label {display: block; margin-bottom: 2px; padding-left: 3px; clear: left;}
.sec {display: block; float: left; margin-right: 4px; margin-top: 4px;}
.input_small {display: block; margin-bottom: 2px; padding: 3px; width: 20px; height: 18px; font-family: Georgia; float: left;}
textarea {display: block; margin-bottom: 2px; padding: 3px; width: 484px; height: 150px; font-family: Georgia; line-height: 21px; color: #000; font-size: 13px; float: left;}
.button {display: block; margin-bottom: 2px; padding: 3px; font-family: Georgia; float: left; margin-top: 20px; clear: left; text-shadow: 0 1px #FFF;}

/* SPRY ERROR */
.textfieldRequiredMsg {display: block; float: left; font-size: 11px; color: #F00; border-bottom: 1px dotted #F00; margin-left: 10px;}
.textfieldRequiredMsg_mailto {display: block; float: left; font-size: 11px; color: #CCC; margin-left: 10px;}
.counter {display: block; float: left; margin-left: 3px;}

/* MENU */
.wide_top {display: block; width: 100%; overflow: hidden; height: auto; background-color: #3b3b3b; padding-top: 20px; /* position: fixed; */}
.menu {display: block; margin: 0px auto; width: 960px; overflow: hidden; font-family: Georgia; font-size: 14px; color: #FFF;}
.menu li {display: block; float: left; margin-right: 10px; }
.menu li a {display: block; color: #FFF; padding: 5px 15px;}
.menu li:hover a, .menu li.active a {display: block; color: #3b3b3b; padding: 5px 15px; background-color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px;}

.wide_top_grew {display: block; width: 100%; overflow: hidden; height: auto; background:url(imgs/bg_submenu.png) bottom left repeat #fff;/* position: fixed; */}
.menu_grew {display: block; margin: 0px auto; width: 960px; overflow: hidden; height: 30px; font-family: Georgia; font-size: 11px; color: #333;}
.menu_grew li {display: block; float: left; margin: 0 20px 0 10px; }
.menu_grew li a {display: block; color: #333; padding: 6px 0;}
.menu_grew li:hover a, .menu_grew li.active a {display: block; color: #f19125; padding: 6px 0;}

/* SUBMENU */
.submenu {display: block; width: 320px; overflow: hidden; background-color: #FFF;}
.submenu p {font: 11px Helvetica, Arial, sans-serif; color: #CCC; margin: 2px 5px 0 34px;}

.submenu li {display: block; font:16px Georgia; background-color: #FFF; border-bottom: 1px solid #f19125;}
.submenu li a {display: block; color: #f19125; padding: 5px 10px; background-color: #FFF;}
.submenu li:hover a, .submenu li.active a {display: block; color: #FFF; background-color: #3b3b3b; padding: 5px 10px;}

/* HEADER */
.wide_header {display: block; width: 100%; overflow: hidden; background:url(imgs/header_03.jpg) top center no-repeat; height: 332px; border-bottom: 2px solid #FFF; }
.header {display: block; margin: 0px auto; width: 960px; height: 332px; /*background:url(imgs/header_03_middle.jpg) 0px 0px no-repeat;*/ }
#brand a {display: block; float: right; text-indent: -9999px; background:url(imgs/brand.png) top left no-repeat; width: 261px; height: 119px; margin-right: 30px; }
#slogan {display: block; text-indent: -9999px; background:url(imgs/slogan.png) top left no-repeat; width: 561px; height: 47px; float: right; clear: right; margin-top: 140px; margin-right: 50px;}

/* BODY-CONTENT */
.wide_content {display: block; width: 100%; overflow: hidden; /*background-color: #f19125;*/ height: 100%; }
.content {display: block; margin: 0px auto; width: 960px; height: auto; overflow: auto; /*background-color: #FFF; -- WEISSE VERSION -- */}

/* RIGHT CONTENT */
.content_right {display: block; float: right; background-color: #FFF; width: 560px; padding: 30px 40px 20px 40px; height: auto;}
.content_right input {display: block; margin-bottom: 2px; padding: 3px; width: 250px; font-family: Georgia; float: left;}
.content_right form {display: block; margin-top: 10px;}
.content_right img {display: block; margin: 0 0 10px 10px; border: none;}
.img_right {display: block; float: right; padding: 0 0 15px 20px; border: none;}
.img_left {display: block; float: left; padding-right: 5px; border: none;}
.content_right ul {margin-bottom: 8px;}
.content_right li {margin-bottom: 3px; color: #333; list-style-type: square; list-style-position: inside;}
.hr {display: block; border-top: 1px solid #f19125; width: 640px; background-color: #FFF; height: 3px; overflow: hidden; float: right; margin-bottom: 60px;}
.hr2 {display: block; border-top: 1px solid #f19125; width: 560px; height: 3px; overflow: hidden; margin-bottom: 14px;}

/* LEFT CONTENT */
.content_left {display: block; float: left; width: 310px; margin: 30px 10px 0 0; padding-bottom: 40px;}
.box2 {display: block; background-color: #FFF; overflow: hidden; width: 290px; padding: 10px 10px 0 10px; margin-bottom: 20px; border-radius: 4px; }
.box2_submenu {display: block; background-color: #FFF; overflow: hidden; margin-bottom: 20px;}
.box2 p {margin-bottom: 8px; clear: left; }
.box2 img {display: block; margin-bottom: 5px; border: none;}

.box3 {display: block; background-color: #FFF; overflow: hidden; width: 290px; padding: 10px 10px 10px 10px; margin-bottom: 20px; border-radius: 4px; }
.box3 label { display: block; margin: 0 0 1px 0; }
.box3 input { display: block; padding: 3px; width: 170px; margin-right: 5px; float: left; }
.box3 input.button_nl {display: block; padding: 4px 10px; font-family: Georgia; text-shadow: 0 1px #FFF; width: 100px; }

.betrag {display: block; float: left; border: 1px solid #000; padding: 7px 14px; margin-right: 8px; font:18px Georgia; color: #000; margin-bottom: 10px;}

/* PRODUCT BOXES */
.product {display: block; float: left; width: 160px; overflow: hidden; margin: 0 18px 25px 0; padding: 5px 0 0 0; text-align: center; border: 2px solid #FFF; min-height: 310px;}
.product p {margin-bottom: 8px; padding: 0 5px 0 5px;}
.product:hover {display: block; border: 2px solid #CCC;}
.product img {display: block; border: none; padding: 2px; margin: 0px auto;}

.product_offer {display: block; float: left; width: 160px; overflow: hidden; margin: 0 18px 25px 0; padding: 5px 0 0 0; text-align: center; border: 2px solid #f19125; min-height: 310px;}
.product_offer p {margin-bottom: 8px; padding: 0 5px 0 5px;}
.product_offer img {display: block; border: none; padding: 2px; margin: 0px auto;}
.product_offer_promotiontext {display: block; bottom: 0px; background-color: #f19125; color: #FFF; font-size: 10px; text-align: center; padding: 1px 0px; width: 170px; text-transform: uppercase;}

/* BOTTOM */
.wide_bottom {display: block; width: 100%; overflow: hidden; height: auto; background-color: #3b3b3b; bottom: 0px; position: fixed; border-top: 1px solid #FFF;}
.bottom {display: block; margin: 0px auto; width: 960px; height: 25px; font-family: Georgia; font-size: 11px; color: #FFF;}
.bottom_left {display: block; float: left; margin: 5px;}
.bottom_right {display: block;}
.bottom_right li {display: block; float: right; margin: 5px;}
.bottom_right li a {display: block; color: #FFF;}
.bottom_right li:hover a {display: block; color: #ffcf78;}