/**CSS-RESET**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/**CSS**/
body { background: url(../_img/bg.gif); text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
p { line-height: 19px; margin-bottom: 20px; }
a { color: #8ebc22; text-decoration: none; }
a:hover {  }
.contentarea ul { line-height: 19px; margin-bottom: 20px; }
.contentarea li{ background: url(../_img/ico-list.gif) no-repeat left 7px; padding-left: 10px; }

input.text { border: 1px solid #c0c0c0; line-height: 20px; font-size: 13px; }
textarea.text { border: 1px solid #c0c0c0; line-height: 20px; font-size: 13px; }

h2 { text-transform: uppercase; font-size: 2.2em; font-weight: bold; margin-bottom: 30px; }
h3 { text-transform: uppercase; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #838383; padding-bottom: 8px;  margin-bottom: 15px; }
h4 { font-weight: bold; margin-bottom: 5px; }
h4.special { text-transform: uppercase; font-size: 1.1em; font-weight: bold; margin-bottom: 20px; margin-top: 30px; }

#header { margin-bottom: -20px; margin-top: 20px; }
#header h1 { background: url(../_img/logo.png) no-repeat; height: 68px; text-indent: -999em;  width: 231px; }
.page { width: 941px; margin: 0 auto; text-align: left; }
body#start .page { width: 960px; }
body#start #header { margin-bottom: 10px !important; }
body#start #wrapper { position: absolute; top: 50%; left: 50%; margin-left: -460px; margin-top: -267px; }

.contentarea { clear: both; background: url(../_img/contentarea-bg1.gif) repeat-x #ffffff; border:solid #bfbfbf; border-width: 1px 1px 0px 1px; padding: 15px;}
.contentarea .row { margin-bottom: 15px; position: relative; }
.contentarea .cols3 { margin-bottom: 0px; }
.contentarea .cols2 .col1 { float: left; }
.contentarea .cols2 .col2 { margin-left: 300px; }
.contentarea .cols3 .col1 { float: left; width: 300px; }
.contentarea .cols3 .col2 { float: left; width: 270px; padding-right: 30px; }
.contentarea .cols3 .col3 { float: left; width: 270px; }
.contentarea div.feature { height: 40px; }
.contentarea div.feature .img { float: left; padding-right: 16px; }
.contentarea .cols2wide .col1 { /*margin-right: 387px;*/ float: left; width: 591px; margin-top: 18px; }
/*591*/
.contentarea .cols2wide .col1 .row { margin: 0 !important; margin-bottom: 10px; }
.contentarea .cols2wide .col1 .col11 { margin: 0 !important; float: left; width: 278px; position: relative; }
.contentarea .cols2wide .col1 form .col11 { height: 30px; }
.contentarea .cols2wide .col1 .col21 { margin: 0 0 0 310px !important; width: 278px !important; position: relative; }
.contentarea .cols2wide .col1 .col11 input.text { width: 278px; position: absolute; top: 0; left: 0; z-index: 30; background: none; }
.contentarea .cols2wide .col1 .col21 input.text { width: 278px; position: absolute; top: 0; left: 0; z-index: 30; background: none; }
.contentarea .cols2wide .col1 .col11 textarea { width: 277px; z-index: 30; position: absolute; background: none; }
.contentarea .cols2wide .col1 .col21 label { color: #878787; z-index: 20; font-size: 12px; font-style: italic; }
.contentarea .cols2wide .col2 { /*float: right;*/ width: 257px; margin-top: -17px; margin-left: 620px; }
.contentarea .cols2wide .col2 .module { margin-bottom: 30px;  padding-top: 20px; }
.contentarea .cols2wide .col2 .module h3 { padding-bottom: 6px; }
.contentarea .cols2wide .col2 .module a  { float: right; text-transform: uppercase; background: url(../_img/ico-link-sidebar.png) no-repeat left 3px; padding-left: 10px; }
.contentarea .cols2wide .col2 .module a:hover  { background-position-x: 3px; }
.contentarea .cols2wide .col2 .module p  { margin-bottom: 0px; }
.contentarea .cols2wide .col2 .module.shop { background: url(../_img/sidebar-shop-bg.jpg) no-repeat right top; height: 130px; }
.contentarea .cols2wide .col2 .module.shop h3 { border-bottom: none; }
.contentarea .cols2wide .col2 .module.shop p  { padding-left: 5px; padding-right: 50px; margin-bottom: 20px; }

.popup-link { position: relative; display: block; }
.popup-link img { border: 1px solid #838383; }
a.popup-link:hover img { border: 1px solid #7eba00; }
.popup-link span { text-indent: -999em; position: absolute; display: block; }
.popup-link span.play { background: url(../_img/play.png) no-repeat; height: 49px;  width: 59px; top: 55px; left: 90px; }
.popup-link span.freispruch { background: url(../_img/sujets_900x630/thumbnails/freispruch.png) no-repeat; height: 38px;  width: 212px; top: 100px; left: 40px; }

.product-overview { clear: both; border:solid #a8a8a8; border-width: 0px 1px 1px 0px; }
.product-overview .product { float: left; margin: 0 !important; padding: 0 !important; position: relative; border: 0px !important; height: 200px; }
.product-overview .product a.img  {  }
.product-overview .product a.link { position: absolute; top: 200px; left: 20px; }
* html .product-overview .product {  }

#SL { position: relative; width: 938px; height: 297px; border: 1px solid #7eba00; clear: both; }
#SL .SL-container { overflow: hidden; width: 938px; height: 297px; position: relative; z-index: 200; }
#SL ul.SL-slider { position: absolute; left: 0; top: 0; width: 50000px; height: 335px; }
#SL ul.SL-slider li { float: left; }
.SL-more { position: absolute; left: 0; top: 0; width: 976px; height: 298px; background: transparent url(../_img/slides/slider_01_c_b.png) no-repeat 0 0; z-index: 240; }
.SL-more.active { background-image: url(../_img/slides/slider_01_c_a.png); }

#SL .SL-marker { position: absolute; right: 11px; bottom: 11px; height: 26px; opacity: 0.8; z-index: 250; }
#SL .SL-marker ul { background: transparent url(../_img/switch_bg_1.png) no-repeat 0 0; padding: 3px 5px 4px; display: block; height: 19px; float: left; }
#SL .SL-marker ul li { float: left; overflow: hidden; text-indent: -500px; margin: 5px 0; width: 7px; height: 9px; background: transparent url(../_img/switch_points.png) no-repeat -7px 0; cursor: pointer; }
#SL .SL-marker ul li.active { background-position: 0 0 !important; }
#SL .SL-marker ul li.lt, #SL .SL-marker li.gt { width: 10px; background: transparent url(../_img/switch_left.png) no-repeat 0 0; }
#SL .SL-marker ul li.gt { background-image: url(../_img/switch_right.png); }
#SL .SL-marker p { display: block; width: 1px; height: 26px; background: transparent url(../_img/switch_bg_2.png) no-repeat 0 0; float: left; }

ul#footer { background: url(../_img/footer-bg.gif); height: 43px; margin-top: 0px; }
ul#footer { display: block; }
ul#footer li { display: inline; background: url(../_img/footer-nav-seperator.gif) no-repeat 0px 0px; padding: 12px 20px 20px 20px; }
/*ul#footer li, x:-moz-any-link {background: url(../_img/footer-nav-seperator.gif) no-repeat 0px -1px; }
ul#footer li, x:-moz-any-link, x:default {background: url(../_img/footer-nav-seperator.gif) no-repeat 0px -1px; }
*/
ul#footer li.first { background: none; }
ul#footer li a { color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 40px;  }

ul#nav { background: url(../_img/nav-bg.gif) repeat-x; border: 1px solid #3b3b3b; width: 378px; height: 34px; float: right; }
ul#nav li { display: inline; }
ul#nav li a { text-decoration: none; text-transform: uppercase; color: #ffffff; font-weight: bold; font-size: 14px; padding-left: 22px; line-height: 34px; }
ul#nav li a:hover {  }

#topbar {  background: url(../_img/topbar-bg.gif) repeat-x; position: absolute; top: 0; }
#topbar.page {  text-align: right; }

#start .contentimage { position: relative; float: left; margin-right: 40px; }
#start .contentimage .freispruch { position: absolute; top: 150px; left: -10px; }

a.button { background: url(../_img/btn-normal-links.png) no-repeat; padding: 0px; height: 27px; color: #000; text-decoration: none; font-weight: bold; text-transform: uppercase; }
a.button span { background: url(../_img/btn-normal-rechts.png) no-repeat right; margin: 0px 0px 0px 4px; padding: 7px 12px 7px 7px; display: block;  }

.overlay { background: url(../_img/popup-bg-black.png); display: none; height: 1100px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; z-index: 10; }
.popup { background: url(../_img/popup-bg.png?a=a) repeat-x #fff; top: 100px; left: 50%; margin-left: -470px; width:941px; padding: 20px 0 20px 0; position: absolute; display: none; z-index: 11; }
.popup .element { display: none; z-index: 15; margin: 0 auto; }
.popup .close { position: absolute; top: 2px; right: 2px; background: url(../_img/popup_close.png?a=a) no-repeat 0 0; height: 15px; text-indent: -999em;  width: 15px; z-index: 20; }

.behindscenes { position: absolute; top: 8px; left: 3px; color: #878787; z-index: 20; font-size: 12px; font-style: italic; }
* html .behindscenes { top: 5px; }

.preis { float: right; }

.required1 { font-style: italic; color: #878787; font-size: 12px; margin-top: 10px; display: block;}
/**HELPER**/
.c { clear: both; height: 0px !important; line-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px  !important;}