body {font-family:Arial, Helvetica, sans-serif; table-layout:fixed; margin:5px 0 0 0}
.body {background:#330920; margin-top:0}
p,div,td,br {margin:0; color:#000; font-size:14px}
h1 {margin:0 0 10px 0; color:#E5007C; font-size:16px; font-weight:bold}
h2 {margin:0 0 10px 0; color:#000; font-size:16px; font-weight:bold}
h3 {margin:0 0 10px 0; color:#000; font-size:14px; font-weight:bold}
ul, ol {color:#000; font-size:14px; margin-top:10px; margin-bottom:10px}
ul li {color:#000; font-size:14px; line-height:16px; margin:0 0 0 -10px}
ol li {color:#000; font-size:14px; line-height:16px; margin:0 0 0 -19px}
form {margin:0; padding:0; color:#000000}
input {padding:0; color:#000000}
table {border-collapse:collapse; table-layout:fixed}
a:link, a:visited, a:active {font-size:14px; font-weight:normal; color:#E5007C; text-decoration:none}
a:hover {text-decoration:underline}

.cleft { clear:left }
.cright { clear:right }
.cboth { clear:both }
.vtbottom { vertical-align:text-bottom }
.vmiddle { vertical-align:middle }
.fleft { float:left }
.fright { float:right }

/*Basic*/
#left {position:absolute; left:20px; bottom:0; height:100%; min-height:100%; width:35%; float:left; background:none}
#left div {position:fixed; bottom:0; left:20px; width:30%}
#left div img {position:relative; width:100%; max-width:100%}

#right {position:absolute; right:20px; top:0; min-height:100%; width:65%; float:left; background:none}

#mob_top {display:none}
#mnavi {display:none}

#header {position:relative; width:100%; height:auto; top:20px; background:none; display:block; text-align:left; margin:auto}
#header_logo {position:relative; float:left; left:0; top:0; height:auto; min-height:70px; width:20%; z-index:3}
#header_logo img {border:none; max-width:90%}
#menu {position:relative; float:left; height:auto; bottom:10px; min-height:70px; display:block; min-width:65%; width:auto; z-index:100}
#menu li {margin-bottom:5px}
#menu li li {margin-bottom:0}
#header_lang {position:relative; float:left; min-width:15%; width:auto; text-align:right; color:#fff; font-size:13px; font-weight:normal; z-index:3}
.langch {display:block}
#header_lang a:link, #header_lang a:visited, #header_lang a:active {font-size:16px; font-weight:normal; color:#fff; text-decoration:none}
#header_lang a:hover {text-decoration:underline}
.tools_div {display:block; text-align:right; margin-top:10px}
.tools_div img {border:none; margin:0 0 0 5px}

#left_kat { position:relative; width:100%; height:auto; top:-18px; background:#ddd }
.top_menu_div2 { position:relative; width:213px; height:72px; float:right; background:url(/images/top_cart.png) no-repeat bottom; text-align:left; z-index:100 }
.top_menu_div2 img { float:left; margin:8px 5px 0 14px }
.top_menu_p { font-size:11px; color:#9c6666; margin-left:35px }
.top_menu_p a:link, .top_menu_p a:visited, .top_menu_p a:active { font-size:11px; font-weight:normal; color:#330920; text-decoration:underline }
.top_menu_p a:hover { text-decoration:none }
.top_menu_h3 { font-size:13px; font-weight:normal; margin:8px 0 3px 0; color:#000 }

.left-case-fill { position:relative; width:70%; padding:0 }
.left-case-fill h1 { margin-left:10px; color:#330920; font-size:14px; font-weight:bold; display:block }
#left_menu a:link, #left_menu a:visited, #left_menu a:active { font-size:12px; font-weight:normal; display:block; float:left; color:#330920; text-decoration:underline; padding:10px; margin:0; background:#eee }
#left_menu a:hover { text-decoration:none; background:#9c6666; color:#fff }
#left_menu p { font-size:12px; font-weight:normal; display:block; float:left; color:#fff; text-decoration:none; padding:10px; margin:0; background:#9c6666 }

#main {position:relative; width:100%; height:auto; background:#330920; z-index:0; margin:50px 0 20px 0}
.main_h1, .main_p .main_h1 {margin:0 0 20px 0; color:#fff; font-size:16px; font-weight:regular; letter-spacing:2px; width:100%; padding:15px 5% 15px 5%; background:#757B82; voice-family:"\"}\""; voice-family:inherit; width:90%}
html>body .main_h1, .main_p .main_h1 {width:90%}
.main_p { color:#fff; font-size:14px; font-weight:normal; line-height:18px; margin-bottom:20px}
.main_p p {margin:0; color:#fff; font-size:14px; font-weight:normal; line-height:18px}
.main_p h1 {margin:0 0 10px 0; color:#E5007C; font-size:16px; letter-spacing:2px; font-weight:bold}
.main_p h2 {margin:0 0 10px 0; color:#fff; font-size:16px; letter-spacing:2px; font-weight:bold}
.main_p h3 {margin:0 0 10px 0; color:#fff; font-size:14px; letter-spacing:2px; font-weight:bold}
.main_p ul, .main_p ol {color:#fff; font-size:14px; margin-top:10px; margin-bottom:10px}
.main_p ul li {color:#fff; font-size:14px; line-height:18px; margin:0 0 0 -10px}
.main_p ol li {color:#fff; font-size:14px; line-height:18px; margin:0 0 0 -19px}
.main_p img {border:1px solid #ddd; padding:4px}
.main_linkimg {cursor:pointer}

#main .ft {float:left; margin:30px 0 20px 30px; width:250px; height:370px; font-size:14px; color:#000; background:url(/images/box_bg.png) top left no-repeat #330920; line-height:18px}
#main .ft img {border:none; padding:0}
#main .ft a {font-size:14px}
#main .ft b {margin:35px 0 0 85px; display:block}
#main .ft span {margin:10px 10px 0 20px; display:block}
#main .ft span img {width:80%; display:block; margin:auto}
#main .ft1 {margin-left:21px}

.content_sep {display:block; clear:both; width:100%; height:60px; background:url(/images/bg_top.gif) top repeat-x #fff; margin-top:20px}

.maps_flag { max-width:100%; width: 300px; height:auto }
.maps_flag img { max-width:100%;width:150px;height:auto;margin-top:0 }
.maps_flag a { margin:5px 0 0 0;display:block; color: #E5007C !important }

.sol_p, .sol_p1, .sol_h3 { float:left !important }
.sol_p { display: block; width: 180px}
.sol_p1 { display: block; width: 155px}
.sol_h3 { margin:0}

#footer {position:relative; clear:both; width:100%; height:auto; right:0; text-align:left; background:url(/images/bg_bottom.gif) top repeat-x #fff}
#footer .ft {float:left; margin:40px 0 0 20px; width:250px; font-size:14px; color:#000; overflow:visible}
#footer .ftsp {margin-left:50px}
#footer .ftfb {width:500px}
#bottom {position:relative; clear:both; width:100%; top:5px; right:0; text-align:left}
.bottom_copy {font-size:11px; font-weight:normal; color:#757B82; float:right}

.cookieinfo { background: #000000 !important; font-family: 'Gudea', sans-serif !important; height: auto !important}
.cookieinfo span { width: 100% !important; float: none !important; padding-bottom: 60px !important; font-size: 16px !important; color: #ffffff !important }
.cookieinfo span a { color: #da0013 !important; text-decoration: none !important}
.cookieinfo span a:hover { text-decoration: underline !important}
.cookieinfo-close { float:none !important; width: 200px !important; margin: auto !important; position: absolute !important; left: calc(50% - 100px); bottom: 20px; color: #ffffff !important; background: #da0013 !important }
.cookieinfo-close:hover { text-decoration: underline !important }

/*Form*/
.form_b {color:#FF0000}

.form_tableft_s {float:left; background-color:#dedede; color:#000; margin:0 2px 2px 0; padding:5px; height:26px; width:276px; clear:both; voice-family:"\"}\""; voice-family:inherit; width:266px; height:16px}
html>body .form_tableft_s {width:266px; height:16px}
.form_tabright_s {float:left; background-color:#dedede; color:#000; margin:0 0 2px 0; height:26px; width:228px}

.form_tableft_m { float:left; background-color:#dedede; color:#000; margin:0 2px 2px 0; padding:5px; height:52px; width:276px; clear:both; voice-family:"\"}\""; voice-family:inherit; width:266px; height:42px }
html>body .form_tableft_m { width:266px; height:42px }
.form_tabright_m { float:left; background-color:#dedede; color:#000; margin:0 0 2px 0; height:52px; width:228px }

.form_tableft_l {float:left; background-color:#dedede; color:#000; margin:0 2px 2px 0; padding:5px; height:71px; width:276px; clear:both; voice-family:"\"}\""; voice-family:inherit; width:266px; height:61px}
html>body .form_tableft_l {width:266px; height:61px}
.form_tabright_l {float:left; background-color:#dedede; color:#000; margin:0 0 2px 0; height:71px; width:228px}

.form_tableft_xl {float:left; background-color:#dedede; color:#000; margin:0 2px 2px 0; padding:5px; height:100px; width:276px; clear:both; voice-family:"\"}\""; voice-family:inherit; width:266px; height:90px}
html>body .form_tableft_xl {width:266px; height:90px}
.form_tabright_xl {float:left; background-color:#dedede; color:#000; margin:0 0 2px 0; height:100px; width:228px}

.form_field_xs {position:relative; width:106px; height:20px; border:none; font-size:13px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; float:left; voice-family:"\"}\""; voice-family:inherit; width:102px; height:16px}
html>body .form_field_xs {width:102px; height:16px}
.form_field_s {position:absolute; width:220px; height:20px; border:none; font-size:13px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; voice-family:"\"}\""; voice-family:inherit; width:216px; height:16px}
html>body .form_field_s {width:216px; height:16px}
.form_field_l {position:absolute; width:220px; height:65px; border:none; font-size:13px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; voice-family:"\"}\""; voice-family:inherit; width:216px; height:61px}
html>body .form_field_l {width:216px; height:61px}

.radio {margin:5px 0 0 5px}
.form_select {margin:3px 0 0 4px; width:219px; height:20px; padding-bottom:2px; border:1px solid #fff; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.form_select_s {position:relative; margin:3px 0 0 4px; width:70px; height:20px; padding-bottom:2px; border:1px solid #fff; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.form_field_file {position:absolute; width:222px; height:20px; border:none; font-size:13px; margin:3px; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#fff}

.form_button {width:100px; height:20px; background:#dedede; font-size:13px; font-weight:normal; color:#E5007C; border:1px solid #E5007C; margin:3px; padding:0; text-align:center; cursor:pointer}

.fnc_field {position:relative; width:90%; height:24px; border:none; font-size:13px; margin:3px 0 3px 0; padding:4px; font-family:Arial, Helvetica, sans-serif; background-color:#ddd; voice-family:"\"}\""; voice-family:inherit; height:16px}
html>body .fnc_field {height:16px}

.form_tableft_sp {display:none}
.form_tabright_sp {display:none}

/*Kurse*/
.kurs_textcase { margin:0 0 10px 0; padding:0; background:#f2f2f2; border:1px solid #330920; width:140px; height:222px; float:left; text-align:center }
.kurs_textcase h1 { margin:0 0 15px 10px; color:#330920; font-size:13px; font-weight:bold; display:block; padding:0; letter-spacing:normal }
.kurs_textcase2 { margin:0 0 15px 0; padding:0; background:#f2f2f2; border:1px solid #330920; width:100% }
.kurs_textcase2 h1 { margin:0 0 15px 10px; color:#330920; font-size:14px; font-weight:bold; display:block; padding:0 }
.kurs_case { position:relative; display:block; width:100%; background:#757B82; border:none }
.kurs_case b { position:relative; color:#FFFFFF; display:block; padding:7px 7px 7px 10px }
.kurs_p { margin:10px; text-align:center; display:block; position:relative; color:#000; font-size:14px }
.kurs_p a { font-size:14px }
.kurs_p h1 { margin:0; color:#330920; font-size:11px; font-weight:bold }
.kurs_p div { clear:right; height:10px }
.kurs_p img, .kurs_p div img { border:none; padding:0 }
.kurs_p form {margin-bottom:10px; z-index:3000; display:block; position:relative}
.kurs_p select {width:50%; padding:5px; border:1px solid #330920; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.kurs_p option:disabled, .kurs_p option[disabled] {color:#bbb}
#kurs_p_bigimg { max-width:100%; height:auto }
.kurs_p_span { display:block; z-index:1000 }
#over { position:absolute; top:0; left:-10px; width:140px; z-index:2000 }
#over_g { position:absolute; top:0; width:100%; z-index:2000 }
.overlk { position:relative; z-index:3000; display:block }
.kurs_button a:link, .kurs_button a:visited, .kurs_button a:active { background-color:#fff; font-size:14px; margin-top:5px; display:block; font-weight:bold; color:#330920; border:1px solid #330920; text-align:center; cursor:pointer; padding:8px 5px 5px 5px; text-decoration:none; z-index:3000 !important; position:relative }
.kurs_button a:hover { background-color:#f2f2f2 }
.kurs_button a img { border:none; margin:0 }
.kurs_field { position:relative; border:1px solid #330920; font-size:11px; margin:3px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff }
#kurs_bottom { position:relative; display:block; clear:both; padding:5px 10px 10px 10px; background:#d2d2d2; border:1px solid #d2d2d2 }
#kurs_bottom a { font-weight:bold; font-size:11px; position:relative; top:4px }

/*Shop*/
.shop_tit { position:relative; display:block; width:630px; height:35px; background:no-repeat; border-bottom:1px dotted #330920 }
.shop_tit div { position:absolute; top:9px; left:12px; font-size:16px; font-weight:normal; color:#000 }
.shop_tit div span { font-size:16px; font-weight:normal; color:#999 }
.shop_tit div a:link, .shop_tit div a:visited, .shop_tit div a:active { font-size:16px; font-weight:normal; color:#E5007C; text-decoration:none }
.shop_tit div a:hover { color:#E5007C; text-decoration:underline }
.shop_textcase { margin:0 0 10px 0; padding:10px; background:#d2d2d2; border-bottom:1px dotted #330920 }
.shop_sep { position:relative; display:block; border-bottom:1px dotted #330920; height:30px; padding-bottom:5px; margin-bottom:5px; clear:both; voice-family:"\"}\""; voice-family:inherit; height:25px }
html>body .shop_sep { height:auto; min-height:25px }
.shop_sep img { border:none; padding:0; cursor:pointer }
.shop_sep_trash { position:relative; float:left }
.shop_sep_input { position:relative; float:left; width:25px; height:16px; margin:-2px 3px 0 3px }
.shop_sep_input_gs { position:relative; float:left; width:42px; height:16px; margin:-2px 3px 0 3px }
.shop_sep_act { position:relative; float:left; margin-right:5px }
.shop_sep_img { float:left; margin-right:5px; height:45px }
.shop_sep_txt { margin-left:70px }
.shop_sep_txt_addcart { margin-left:40px }
.shop_sep_tot { display:block; text-align:right }
.shop_sep_buy { background:#d2d2d2; font-size:13px; font-weight:normal; color:#330920; border:1px solid #330920; margin:10px 3px 0 0; padding:4px; text-align:center; cursor:pointer; letter-spacing:1px; display:none; float:left }
.shop_button { background:#d2d2d2; font-size:13px; font-weight:normal; color:#330920; border:1px solid #330920; margin:10px 3px 0 0; padding:4px; text-align:center; cursor:pointer; letter-spacing:1px }

.news_pg_act { border:1px solid #330920; background:#fff; padding:1px 4px 1px 4px; margin:0 0 0 6px; color:#330920; vertical-align:middle }
.news_pg_go { vertical-align:middle }
.news_pg_go a:link, .news_pg_go a:visited, .news_pg_go a:active { background-color:#330920; padding:2px 5px 2px 5px; margin:0 0 0 6px; color:#FFFFFF; text-decoration:none }
.news_pg_go a:hover { text-decoration:underline }

/*Warenkorb*/
.wk-betrag { width:80px; display:block; float:right; text-align:right; font-weight:bold; color:#000 }
.wk-bzimg { vertical-align:middle; margin:-2px 0 5px 0; padding:0 !important; border:none !important }

/* Menu */
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none}
.sf-menu li {position:relative; bottom:0}
.sf-menu ul {position:absolute; display:none; top:100%; left:0; z-index:99}
.sf-menu > li {float:left}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display:block}
.sf-menu a {display:block; position:relative}
.sf-menu ul ul {top:0; left:100%}

.sf-menu {float:left; bottom:0; position:absolute}
.sf-menu ul {box-shadow:2px 2px 6px rgba(0,0,0,.2); min-width:10em; *width:10em; background:#fff}
.sf-menu li {background:none; white-space:nowrap; *white-space:normal; -webkit-transition:background .2s; transition:background .2s}
.sf-menu li:hover, .sf-menu li.sfHover {background:none; -webkit-transition:none; transition:none}
.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active {display:block; float:left; padding:0 10px 7px 10px; margin-bottom:3px; border-right:1px solid #E5007C; font-size:16px; font-weight:normal; letter-spacing:2px; color:#E5007C; text-decoration:none; background:none}
.sf-menu li a:hover {color:#CCC}
.sf-menu li ul li {top:0; background:#eee}
.sf-menu li ul li a:link, .sf-menu li ul li a:visited, .sf-menu li ul li a:active {border:none; float:none; height:auto; padding:8px 14px 8px 10px; margin:0; font-size:14px; letter-spacing:normal; text-decoration:none; zoom:1; color:#E5007C; border-bottom:1px solid #E5007C}
.sf-menu li ul li a:hover {text-decoration:underline; background:#fff}
.sf-menu ul li {background:#fff}
.sf-menu ul ul li {background:#fff}

.sf-arrows .sf-with-ul {padding-right:2.5em; *padding-right:1em}
.sf-arrows .sf-with-ul:after {content:''; position:absolute; top:50%; right:45px; margin-top:5px; height:0; width:0; border:4px solid transparent; border-top-color:#E5007C; border-top-color:rgba(229,0,124,1)}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {border-top-color:#ccc}
.sf-arrows ul .sf-with-ul:after {margin-top:-5px; margin-right:-46px; border:5px solid transparent; border-left-color:#E5007C}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color:#ccc}

/* slider logos */
#wrapper {width:200px; margin-left:20px; background:none}
#logos {float:left; position:relative; overflow:auto; width:200px; height:100px}
#logos ul {position:absolute; list-style:none; margin:0 0 0 -40px}
#logos li {float:left; width:200px; height:100px; margin:0; text-align:center}
#logos li img {width: auto !important; max-width: 100% !important; height: auto; max-height: 80px !important}

/* slider main http://www.woothemes.com/flexslider/ */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline:none}
.slides, .flex-control-nav, .flex-direction-nav {margin:0; padding:0; list-style:none}

@font-face {font-family:'flexslider-icon'; src:url('/root/fonts/flexslider-icon.eot'); src:url('/root/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/root/fonts/flexslider-icon.woff') format('woff'), url('/root/fonts/flexslider-icon.ttf') format('truetype'), url('/root/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight:normal; font-style:normal}

.flexslider {margin:0; padding:0}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden; margin-left:0}
.flexslider .slides img { display:block; margin:12px auto -12px auto; border:1px solid #fff}
.flex-pauseplay span {text-transform:capitalize}

.slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0}
html[xmlns] .slides {display:block}
* html .slides {height:1%}

.no-js .slides > li:first-child {display:block}

.flexslider {width:94%; max-width:640px; height:auto; margin:auto; background:#330920; position:relative; border:1px solid #fff; zoom:1}
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease}
.loading .flex-viewport {max-height:300px}
.flexslider .slides {zoom:1}
.carousel li {margin-right:5px}

.flex-direction-nav {*height:0}
.flex-direction-nav a  {text-decoration:none; display:block; width:50px; height:60px; margin:0; position:absolute; top:40%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; color:rgba(0,0,0,0.8); text-shadow:1px 1px 0 rgba(255,255,255,0.3); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease}
.flex-direction-nav .flex-prev {left:-20px}
.flex-direction-nav .flex-next {right:-20px; text-align:right}
.flexslider:hover .flex-prev {opacity:0.5; left:30px}
.flexslider:hover .flex-next {opacity:0.5; right:30px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1}
.flex-direction-nav .flex-disabled {opacity:0!important; filter:alpha(opacity=0); cursor:default}
.flex-direction-nav a:before  {font-family:"flexslider-icon"; font-size:40px; margin:20px 0 10px 0; display:inline-block; content:'\f001'}
.flex-direction-nav a.flex-next:before  {content:'\f002'}

.flex-control-nav {width:100%; position:absolute; top:-30px; text-align:center}
.flex-control-nav li {margin:0 6px 0 6px; display:inline-block; zoom:1; *display:inline}
.flex-control-paging li a {display:inline-block; margin:0 15px 0 15px; padding:0; height:7px; width:7px; text-indent:-9999px; cursor:pointer; border:2px solid #888; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px}
.flex-control-paging li a:hover {background:#888}
.flex-control-paging li a.flex-active {background:#888; cursor:default}

/* popup */
body.pgwModalOpen { overflow:hidden }
#pgwModalBackdrop { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9000 }
#pgwModal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:9010; overflow-x:auto; overflow-y:auto; text-align:center; max-height:100% }
#pgwModal .pm-container { margin:10px }
#pgwModal .pm-body { display:inline-block; max-width:800px; min-width:300px; position:relative; width:100%; z-index:9020; margin-top:10px }
/*only edit the content below*/
.pgwModalBackdrop { background:#000; opacity:0.6; filter:alpha(opacity=60) }
.pgwModal .pm-body { background-color:#fff; border-radius:5px; -webkit-box-shadow:0 0px 5px 5px #555; box-shadow:0 0px 5px 5px #555 }
.pgwModal .pm-body p { color:#000 }
.pgwModal .pm-body div { color:#000 }
.pgwModal .pm-body li { color:#000 }
.pgwModal .pm-body_img { cursor:default !important; float:right; margin:0 0 10px 10px }
.pgwModal .pm-title { background:#e5e5e5; padding:5px 0 6px; border-bottom:1px solid #d5d5d5; border-radius:5px 5px 0 0; font-size:1rem; min-height:25px }
.pgwModal .pm-content { background:#fff; padding:0; border-radius:5px; text-align:center }
.pgwModal .pm-content img { margin:10px; max-width:93%; height:auto; cursor:pointer }
.pgwModal .pm-close { cursor:pointer; position:absolute; top:9px; right:15px }
.pgwModal .pm-close span.pm-icon { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAABIklEQVQ4T62T20oDQRBE+9EIGo1/H4gEQd8E74lJvKHiV+mmai7QNdu+ZFNwWKqmpzJhdq3rur0ShkMIwyGoMTsEl+AenDDw62WGmoAFOAcjWRdjdgX+Ck9gDPw6xbIN4MwvmEmHmFzCQRo+H0E6aRHL1sDP3EiHmLx5WQbrBv4Ic3+yuvYAxtIhJusUtKUf4LvJUhnQDm9SkNWe1MPsDhyD/v42SGEWT/oFfBl5BWFZ2huGWWfgB/gy8g7CVyrt7QVZLHsB//1lvoNhqZqstozPN/DZZPX2tUNMXFYvILr9dFLpEGO2KoNtWRVLezPSIcbsogyRWyC3WcTSZ8AZfnpT6RCDDx3MwTU4YuDXywzFUn6WU3Ag697sgzAcQhjuTmdbpLYNJt1Fr50AAAAASUVORK5CYII=); display:block; height:20px; width:20px }

/*Galerie*/
#galerie_basetab { float:left; border:1px solid #fff; vertical-align:top; text-align:center; width:280px; height:auto; padding:6px; background-color:none; margin:8px 20px 8px 8px; color:#fff; voice-family:"\"}\""; voice-family:inherit; width:268px }
html>body #galerie_basetab { width:268px }
.galerie_img { border:1px solid #fff; padding:2px; margin-top:8px; width:250px; cursor:pointer }
.main_imggal { vertical-align:middle; padding:2px; border:1px solid #fff; cursor:pointer }

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(/images/preload.gif) no-repeat 50% 50%; border:5px solid #e3e3e3; z-index:2000; overflow:auto; width:600px; max-width:96%; height:auto}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff; color:#000}

#fb-container { width:100% !important; text-align:center; background:#ddd}
#user_gmap { width:600px;max-width:100%;height:350px;border:none }
#user_gmap img { border:none; padding:0 }

@media (max-width:990px) {
#left {display:none}
#right {position:absolute; right:0; top:0; min-height:100%; width:100%; float:left; background:none}
#header {position:relative; width:98%; height:auto; top:20px; background:none; display:block; text-align:left; margin:auto}
#main {width:98%; margin:50px auto 20px auto}

}

@media (max-width:1310px) {
#footer .ftfb {margin-left:40px}

}

@media (max-width:1700px) {
#footer .ftfb {width:250px; overflow:hidden}

}

@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
#left {display:none}
#right {position:absolute; right:0; top:0; min-height:100%; width:100%; float:left; background:none}
#header {position:relative; width:98%; height:auto; top:20px; background:none; display:block; text-align:left; margin:auto}
#menu { bottom:30px}
#main {position:relative; width:96%; top:20px; bottom:0; height:auto; background:#330920; z-index:0; margin:0 auto 20px auto}
#main .ft {margin:30px 0 20px 10px; width:45%}

}

@media (max-width:610px) {

html {-webkit-text-size-adjust:none; word-wrap:break-word}
.body {margin-top:10px}
p,div,td,br {margin:0; color:#000; font-size:15px}
h1 {margin:0 0 10px 0; color:#000; font-size:17px; font-weight:bold}
h2 {margin:0 0 10px 0; color:#E5007C; font-size:17px; font-weight:bold}
h3 {margin:0 0 10px 0; color:#000; font-size:15px; font-weight:bold}
ul, ol {color:#000; font-size:15px; margin-top:10px; margin-bottom:10px}
ul li {color:#000; font-size:15px; line-height:17px; margin:0 0 0 -10px}
ol li {color:#000; font-size:15px; line-height:17px; margin:0 0 0 -19px}
form {margin:0; padding:0; color:#000000}
input {padding:0; color:#000000}
table {border-collapse:collapse; table-layout:fixed}
a:link, a:visited, a:active {font-size:15px; font-weight:normal; color:#E5007C; text-decoration:none}
a:hover {text-decoration:underline}

#left {display:none}

#right {position:absolute; right:0; top:0; min-height:100%; width:100%; float:left; background:none}

#left_kat { top:0; margin-bottom:18px }
.top_menu_div2 { float:none; margin:0 auto -20px auto }
.top_menu_h3 { font-size:13px; font-weight:normal; display:block; float:left; margin:8px 0 3px 0; color:#000 }
.top_menu_p { clear:left !important }
.top_menu_p a { font-size:13px !important }
.left-case-fill { width:100% }

#header {display:block; position:fixed; width:100%; height:auto; top:0; padding:15px 0 0 0; margin:0; background:#fff; z-index:2000}
#mob_top {position:relative; width:16%; display:block; float:left; margin-top:-5px} 
#mnavi {display:none; position:relative; margin:auto; top:10px; width:100%;height:100%;overflow:auto}
#mnavi a {padding-top:8px;padding-bottom:8px;display:block;position:relative;width:100%;height:auto;background:url('/images/mnavback.gif') bottom repeat-x #fff;text-decoration:none;font-weight:normal;color:#000;font-size:16px;text-align:center}
#mnavi a:hover {text-decoration:underline; background:#E5007C}
#mnavi #mnavi_tit {padding-top:8px;padding-bottom:8px;display:block;position:relative;width:100%;height:auto;background:#fff;text-decoration:none;font-weight:bold;color:#E5007C;font-size:16px;text-align:center}
#header_logo {position:relative; float:left; left:15px; top:0; height:auto; max-height:60px; width:60%; z-index:3}
#header_logo img {border:none; max-width:85%}
#menu {display:none}
#header_lang {position:relative; float:left; width:24%; right:10px; top:-5px; text-align:right; color:#3E5487; font-size:14px; font-weight:normal; z-index:3}
#header_lang a:link, #header_lang a:visited, #header_lang a:active {font-size:14px; font-weight:normal; color:#3E5487; text-decoration:none}
#header_lang a:hover {text-decoration:underline}
.tools_div {display:block; text-align:right; margin-top:20px}
.tools_div img {border:none; margin:0 0 0 8px; width:30px}

#main {position:relative; width:95%; top:95px; bottom:0; height:auto; background:#330920; z-index:0; margin:0 auto 20px auto}
.main_h1, .main_p .main_h1 {margin:0 0 20px 0; color:#fff; font-size:16px; font-weight:regular; letter-spacing:2px; width:90%; padding:15px 5% 15px 5%; background:#757B82}
.main_p {color:#fff; font-size:15px; font-weight:normal; line-height:17px; margin-bottom:20px}
.main_p p {margin:0; color:#fff; font-size:15px; font-weight:normal; line-height:17px}
.main_p h1 {margin:0 0 10px 0; color:#E5007C; font-size:17px; letter-spacing:2px; font-weight:bold}
.main_p h2 {margin:0 0 10px 0; color:#fff; font-size:17px; letter-spacing:2px; font-weight:bold}
.main_p h3 {margin:0 0 10px 0; color:#fff; font-size:15px; letter-spacing:2px; font-weight:bold}
.main_p ul, .main_p ol {color:#fff; font-size:15px; margin-top:10px; margin-bottom:10px}
.main_p ul li {color:#fff; font-size:15px; line-height:17px; margin:0 0 0 -10px}
.main_p ol li {color:#fff; font-size:15px; line-height:17px; margin:0 0 0 -19px}
.main_p img {cursor:pointer; border:none}
.main_p p img { position:relative; display:block; float:none !important; max-width:90%; width:90%; height:auto; margin:0 auto 15px auto !important }
.main_linkimg { position:relative; display:block; float:none !important; max-width:90%; width:90%; height:auto; margin:0 auto 15px auto !important }
table .main_linkimg { margin-bottom:0 !important }

#main .ft {float:left; margin:30px 0 0 5px; width:96%; height:auto; font-size:15px; color:#000; background:url(/images/box_bg.png) top left no-repeat; line-height:18px}
#main .ft a {font-size:15px}
#main .ft b {margin:35px 0 0 85px; display:block}
#main .ft span {margin:10px 10px 0 20px; display:block}
#main .ft1 {margin-left:5px}

.content_sep {display:block; width:100%; height:60px; background:url(/images/bg_top.gif) top repeat-x #fff; margin-top:80px}

#footer {position:relative; clear:both; width:100%; height:auto; margin:auto; padding-top:30px; top:95px; text-align:left; background:url(/images/bg_bottom.gif) top repeat-x #fff}
#footer .ft {float:none; display:block; position:relative; margin:20px auto; width:94%; font-size:13px; color:#000; overflow:visible}
#footer .ft b {font-size:15px}
#footer .ftsp {margin-top:20px}
#footer .ftfb {overflow:hidden; margin-left:0}
#bottom {position:relative; clear:both; width:100%; top:100px}
.bottom_copy {font-size:12px; font-weight:normal; color:#757B82; text-align:center; width:100%; float:none}

.mbutton {display:none !important}

.form_tableft_s, .form_tableft_l, .form_tableft_m, .form_tableft_xl { float:none; clear:none; display:block; font-size:14px; color:#fff; background:none; margin:0 0 5px 5px; padding:0; height:auto; width:100%; background:none !important }
.form_tabright_s { float:none; clear:none; display:block; color:#fff; background:none; margin:-2px 0 -10px 0; height:32px; width:98% }
.form_tabright_l { float:none; clear:none; display:block; color:#fff; background:none; margin:-47px 0 -10px 0; height:100px; width:98% }
.form_tabright_m { float:none; clear:none; display:block; color:#fff; background:none; margin:-7px 0 -10px 0; height:55px; width:98% }
.form_tabright_xl { float:none; clear:none; display:block; color:#fff; background:none; margin:-2px 0 -10px 0; height:32px; width:98% }
#form_obligl { background:none; color:#fff }
.form_field_xs { position:relative; width:48%; height:25px; border:1px solid #E5007C; font-size:14px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; float:left; voice-family:"\"}\""; voice-family:inherit; width:45%; height:21px }
html>body .form_field_xs { width:45%; height:21px }
.form_field_s { position:absolute; width:96%; height:25px; border:1px solid #E5007C; font-size:14px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; voice-family:"\"}\""; voice-family:inherit; width:94%; height:21px }
html>body .form_field_s { width:94%; height:21px }
.form_field_l { position:absolute; width:96%; height:85px; border:1px solid #E5007C; font-size:14px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; voice-family:"\"}\""; voice-family:inherit; width:94%; height:81px }
html>body .form_field_l { width:94%; height:81px }
.form_field_file { position:absolute; width:96%; height:25px; border:1px solid #E5007C; font-size:14px; margin:3px; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#fff }

.form_select { position:absolute; margin:3px; width:96%; height:27px; padding:0; border:1px solid #E5007C; font-size:14px; font-family:Arial, Helvetica, sans-serif }
.form_select_s { position:relative; margin:3px; width:30%; height:27px; padding-bottom:0; border:1px solid #E5007C; font-size:14px; font-family:Arial, Helvetica, sans-serif }
.form_field_y { position:absolute; width:32%; height:25px; border:1px solid #E5007C; font-size:14px; margin:3px; padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; voice-family:"\"}\""; voice-family:inherit; width:30%; height:21px }
html>body .form_field_y { width:30%; height:21px }

.form_button { display:block; width:80%; height:auto; background:#dedede; font-size:15px; font-weight:normal; color:#E5007C; border:1px solid #E5007C; margin:0 auto 5px auto; padding:10px; text-align:center; cursor:pointer }
.sub { height:auto !important }

input[type=radio] { display:none }
input[type=radio] + label { 
    display:inline-block;
    margin:3px -4px 0 3px;
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
input[type=radio]:checked + label {
       background-image: none;
    outline: 0;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#E5007C;
}

.kurs_textcase { margin:0 0 10px 0; padding:0; background:#f2f2f2; border:1px solid #330920; width:49%; height:222px; float:left; text-align:center }
.kurs_textcase h1 { margin:0 0 15px 10px; color:#330920; font-size:15px; font-weight:bold; display:block; padding:0; letter-spacing:normal }
.kurs_p select {width:100%}
.shop_tit { position:relative; display:block; width:95%; height:auto; background:none !important; margin-bottom:30px}
.shop_tit div { position:relative; font-size:16px; font-weight:bold; color:#fff }
.shop_tit div span { color:#bbb }
.shop_sep { font-size:12px !important }
.shop_sep .fright { font-size:12px !important }
.shop_sep a { font-size:12px !important }
.shop_sep b { font-size:12px !important }
.shop_sep_txt { font-size:12px !important }
.shop_sep_txt_addcart { font-size:12px !important }
.wk-betrag { width:auto; margin-left:5px !important; font-size:12px !important }
.kurs_button img { display:none !important }
.shop_button { font-size:16px; margin:10px auto; width:100%; padding:10px 0 10px 0 }
.shop_sep_buy { font-size:16px; margin:10px auto; width:100%; padding:10px 0 10px 0 }

#wrapper {width:200px; margin:auto; background:none}
#logos {float:left; position:relative; overflow:auto; width:200px; height:100px}
#logos ul {position:absolute; list-style:none; margin:0 0 0 -40px}
#logos li {float:left; width:200px; height:100px; margin:0; text-align:center}

#tinybox {width:85%; max-width:85%; left:-10px; height:auto}

.flexslider .slides img { max-width:96%; height:auto; max-height:350px; display:block; margin:12px auto -12px auto; border:1px solid #fff}
.flex-direction-nav .flex-prev {color:rgba(0,0,0,0.8); opacity:0.2; left:10px}
.flex-direction-nav .flex-next {color:rgba(0,0,0,0.8); opacity:0.2; right:10px}
.flexslider:hover .flex-prev {color:rgba(0,0,0,0.8); left:10px}
.flexslider:hover .flex-next {color:rgba(0,0,0,0.8); right:10px}
.flex-direction-nav a  {top:35%}
.flex-direction-nav a:before  {font-size:30px}

#user_gmap { top:95px }

}

@media (min-width:100px) and (max-width:359px) {
#mob_top {margin-top:-10px} 
.tools_div {display:block; text-align:right; margin-top:10px}
.flex-direction-nav a:before  {font-size:20px}

}
