body {font-family: 'PT Sans', sans-serif;padding:0;margin:5px}
.body { padding:0;margin:0; background:#fff}

p,div,td,th,br, td p { margin:0; color:#000; font-size:16px;  hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; -moz-hyphens: auto !important; }
td,th { border:none}
h1 { margin:0 0 40px 0; color:#e40044; font-size:22px; font-weight:bold }
h2 { margin:0 0 30px 0; color:#e40044; font-size:20px; font-weight:bold }
h3 { margin:0 0 20px 0; color:#e40044; font-size:18px; font-weight:bold }
ul, ol { color:#000; font-size:16px; margin-top:0; margin-bottom:0 }
ul li { color:#000; font-size:16px; line-height:20px; margin:0 0 0 -10px }
ol li { color:#000; font-size:16px; line-height:20px; margin:0 0 0 -19px }
form { margin:0; padding:0; color:#000000 }
input { padding:2px; color:#000000; font-size: 16px }
textarea, input { font-family: 'PT Sans', sans-serif !important }
table { border-collapse:collapse; table-layout:fixed }
a:link, a:visited, a:active { font-weight:normal; color:#e40044; text-decoration:none }
a:hover { text-decoration:underline }

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

.header { width: 100%; height: 150px; position: fixed; z-index: 555; background: #fff; top: 0; left: 0; -webkit-box-shadow: 0 0.063em 0.5em rgba( 37, 50, 55, .5 ); /* 1 4 */ box-shadow: 0 0.063em 0.5em rgba( 37, 50, 55, .5 ); /* 1 4 */ -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 ); transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 ); -webkit-transition-property: -webkit-transform; transition-property: transform }
.header--hidden { -webkit-transform: translateY( -60% ); -ms-transform: translateY( -60% ); transform: translateY( -60% ) }
			
#all {width:100%;height:100%;padding:0;margin:0 ; background: #ebebeb }
#nav {display:none}
.tools_div { float:right; margin:0 2% 0 0; text-align:right }
.tools_div a { color:#e40044; font-size:20px; font-weight: bold}
.tools_div img { margin:0 0 0 8px; border:none; width:61px; }
.fra { display:block; float:left; margin-top:30px }
.mlogo_top {display:none}
.mob_nav {display:none}
#navi { position: absolute; top:auto; bottom:0; width: 75%; height: 64px; left: auto; right: 2%; z-index: 9999 }
#mnavi {display:none}
.logo_top {display: block; width: 50%; position: absolute; top: 15px; left: 2%; height: 110px; z-index: 1 }
.logo_top img { border: none; height: auto; max-height: 110px; width: auto; z-index: 1 }
.header--hidden .logo_top {top: 100px !important; height: 40px !important }
.header--hidden .logo_top img { max-height: 40px !important }

#mob_face { display:none }

#container {position:relative; display:block;top:150px;bottom:0;left:0;width:100%;padding:0;margin:0; background: #ebebeb}
.content_div {width:70%;max-height:100%;height:100%;padding:0;float:left}
.content_p { overflow:visible; position: relative; display: block; padding:50px 0 50px 0; margin:0 0 0 3%; width: 95%; min-height: 450px; background: url(/images/content_bg.gif) right bottom no-repeat #fff; background-size: 30%}
.nobg { background: #fff }
.content_p h1 {padding:0 50px 15px 50px;color:#e40044;font-size:22px;font-weight:bold; margin-bottom:25px}
.content_p h2 {padding:0 50px 0 50px;color:#e40044;font-size:20px;font-weight:bold; margin-bottom:30px}
.content_p h3 {padding:0 50px 0 50px;color:#e40044;font-size:18px;font-weight:bold; margin-bottom:20px}
.content_p p {padding:0 50px 0 50px;color:#000;font-size:16px;font-weight:normal;clear:both}
.content_p p img {max-width: 49%; height: auto}
.content_p p iframe { width:auto; min-width:48%; max-width:100%; height:auto; min-height:300px; float:left; margin-right:8px }
.content_p ul, .content_p ol {padding:0 50px 0 50px}
.content_p li {color:#000;font-size:16px;font-weight:normal; margin-left:15px; line-height:20px}
.lang {color:#e40044;font-size:12px;font-weight:normal;float:right;margin-right:40px}
.content_p a:link, .content_p a:visited, .content_p a:active {text-decoration:none;font-weight:normal;color:#e40044 !important}
.content_p a:hover {text-decoration:underline}
.content_p table { margin:0 50px 0 50px; max-width:100%; min-width:50% }
.content_p td h1 { padding:0 0 15px 0 !important }
.content_p td p, .content_p td ul, .content_p td ol { padding:0 !important }
.content_p td img { max-width:100%; height:auto }
.content_p .icon { width:35px !important; max-width:100%; border:none !important; float:left !important; margin-right:5px }
.content_sep { border-top:1px solid #ccc; margin:30px 50px }
.content_half { width:49%; float:left }
.content_imgleft { float:right; margin:0 0 20px 20px }
.content_imgright { float:left; margin:0 20px 20px 0 }
.content_txtpopuplink {text-decoration:none;font-size:16px;font-weight:normal;color:#f00 !important; cursor:pointer}
.content_txtpopuplink:hover {text-decoration:underline}
.mobsep { display:none }

.main_spanimg { float:right; margin:0 0 5px 5%; text-align:right }
.main_spanimg img { margin-bottom:5px; width: 100%; max-width: 400px }

.homeboxes { margin: 3% 0 0 3%; position: relative; display: block; clear: left }
.box { width:23%; background:#fff; margin:0 2% 15px 0; float: left; min-height: 300px }
.news { min-height: 450px }
.box_header { background:#fff; width:92%; height:auto; padding:5px 3% 5px 3%; margin:0 0 15px 0; color:#e40044; font-weight:bold; font-size:17px }
.box h1 { margin:0 3% 10px 3% !important; color:#e40044 !important; font-size:17px !important; font-weight:bold }
.box h2 { margin:0 3% 10px 3% !important; color:#e40044 !important; font-size:16px !important; font-weight:bold }
.box h3 { margin:0 3% 10px 3% !important; color:#e40044 !important; font-size:15px !important; font-weight:bold }
.box p { margin:0 3% 0 3% !important; color:#000; font-size:15px !important; font-weight:normal }
.box img { max-width:100% !important; height:auto }
.box p img { max-width:94% !important; height:auto }
.box p iframe { width: 95px !important; right: 3% !important }
.box .box_link { text-decoration:underline; color:#e40044; cursor:pointer }
.box a:link, .box a:visited, .box a:active { font-size:15px; font-weight:normal; color: #e40044; text-decoration:none } 
.box a:hover { text-decoration:underline } 
.newslink {font-weight:bold !important; color:#fff !important; background: #e40044; padding: 7px; text-decoration: none}
.newslink:hover {background: #000; padding: 9px; text-decoration: none !important}

.sub_content a { background:#e40044; padding:20px 50px 20px 50px; display: block; text-decoration: none !important; cursor: pointer; color: #fff !important; font-size: 22px; font-weight: bold}
.sub_content .show_png { border: none; right: 2%; position: relative; float: right; margin: 0 0 0 20px; display: block; width: 50px }
.sub_content .hide_png { border: none; right: 2%; position: relative; float: right; margin: 0 0 0 20px; display: none; width: 50px }

.pdflink { background:url(/images/pdf.gif) no-repeat left; padding-left:25px; line-height: 28px }
.doclink { background:url(/images/word.png) no-repeat left; padding-left:25px; line-height: 28px }
.xlslink { background:url(/images/excel.png) no-repeat left; padding-left:25px; line-height: 28px }
.pptlink { background:url(/images/powerpoint.png) no-repeat left; padding-left:25px; line-height: 28px }

.main_div {width:auto; margin:0 55px 0 55px; float:none; background:#ddd; padding:36px}
.main_div h1 {font-size:17px; margin:0; padding:0; line-height:28px}
.main_linkimg {cursor:pointer; border:none}

.maps_div {width:auto; margin:0 55px 0 55px; float:none; position:relative}
.google_map { width:100%; max-width:100%;height:400px;border:solid 1px #e40044 }
.maps_flag { max-width:100%; height:auto }
.maps_flag img { max-width:100%;width:150px;height:auto;margin-top:10px }
.maps_flag a { margin:5px 0 0 0;display:block }

.fbwall { margin:0 50px 0 50px !important }
.fb_like { clear:both !important; margin:20px 0 20px 50px }
.fb_like span { float:none !important; margin:0 !important }

.media_div {margin:0 0 0 50px}
.media_img {width:30% !important; max-width:30% !important; height:auto; line-height:25px; color:#fff !important; text-align:center;float:left !important; position:relative; display:block; margin-right:3%}
.media_img img { width:100% !important; max-width:100% !important; height:auto;box-shadow:0 3px 7px rgba(0,0,0,.4); border:none}
.breaker { clear:both; display:block; margin-bottom:40px }

#searchpage { position:absolute; top:0; left:0; width:100%; height:100%; }
#searchpagebg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:9900; background:#e40044; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
.searchfield, .searchresults { position:relative; display:block; z-index:9910; margin:10% 15%; width:25%; height:auto; max-height:80%; padding-right:20px; overflow:auto }
.searchfield h1 { font-size:30px; color:#CCC; font-weight:bold }
.searchfield input { width:300px; max-width:100%; height:26px; padding:5px; margin-bottom:8px; font-size:16px; font-weight:normal; color:#e40044; background:#fff; border:none }
.searchfield a { color:#CCC; font-size:16px; font-weight:normal; margin:0 30px 10px 0; text-decoration:none; display:block; float:left }
.searchfield a:hover { text-decoration:underline }
.searchresults h1 { color:#fff; font-size:30px; font-weight:bold }
.searchresults p { color:#ccc; font-size:14px; font-weight:normal }
.searchresults a { color:#fff; font-size:14px; font-weight:normal; text-decoration:none }
.searchresults a:hover { text-decoration:underline }
.searchresults b { color:#fff; font-size:14px; font-weight:bold }
.searchclearleft { margin:0 !important; width:100% !important }
.BShighlight { background:#FFF468; padding:2px; color:#e40044 }

#right {position:relative;left:1%; bottom:0; top:0; height:100%; min-height:100%; width:28%; min-width:28%; display:block; float:left; z-index:1; padding:30px 0 50px 0; background: #fff}
.rbox { width:90%; background:#f2f2f2; padding:13px 0 13px 0; margin:15px 0 0 5%; text-align: left }
.rbox h2 { margin:0 3% 0 3% !important; color:#e40044 !important; font-size:18px !important; font-weight:bold }
.rbox p { margin:0 3% 0 3% !important }
.rbox form { margin:0 3% 0 3% !important }
.rbox input { display: block; width: 96%; padding: 2%; font-size: 20px; font-weight: normal; border: none; margin-bottom: 10px}
.rbox form a:link, .rbox form a:visited, .rbox form a:active { display: block; padding: 2%; width: 96%; font-size:20px; font-weight:bold; color: #fff; background: #e40044; text-decoration:none; text-align: center } 
.rbox form a:hover { background: #bbb; color: #000;} 

.pwd { position:relative; clear: both; height:auto; width:100%; background:#000; padding:8px 0 8px 0; z-index:100; top: 150px }
.pwd p { margin-right:20px; color:#fff; font-size:11px; text-align:right !important }
.pwd a:link, .pwd a:visited, .pwd a:active { font-size:11px; color:#fff; text-decoration:none }
.pwd a:hover {text-decoration:underline}

/*News*/
.news_textcase { margin:0; padding:10px 0 10px 0; background:url(/images/case_back.gif) left top no-repeat #ddd; background-size:100% 23px; border-bottom:1px solid #e40044 }
.news_textcase h1 { margin:30px 0 15px 0; color:#e40044; font-size:20px; font-weight:bold; display:block }
.news_case { position:relative; display:block; margin:13px 0 0 0 !important; width:100%; height:30px; background:#e40044; border:none }
.news_case b { position:absolute; color:#FFFFFF; display:block; margin:5px 10px 5px 10px; font-size:14px }
.news_p { color:#000000; font-weight:normal; font-size:15px }
.news_p h1 { margin:0; color:#e40044; font-size:18px; font-weight:bold; float:left }
.news_p div { clear:right; height:10px }
.news_p div img { border:none }
.news_button { margin-top:20px; clear:both; display:block }
.news_button a:link, .news_button a:visited, .news_button a:active { font-weight:bold !important; color:#fff !important; background: #e40044; padding: 7px; text-decoration: none }
.news_button a:hover { background: #000; padding: 9px; text-decoration: none !important }
.news_button a img { border:none }

.news_pg { margin:0; text-align:left; clear:both }
.news_pg img { vertical-align:middle; width:30px !important; float:left !important; margin:-2px 5px 0 0  }
.news_pg_act { border:1px solid #e40044; background:#ddd; padding:3px 8px 3px 8px; margin:0 5px 0 0; color:#e40044; vertical-align:middle }
.news_pg_go { vertical-align:middle }
.news_pg_go a:link, .news_pg_go a:visited, .news_pg_go a:active { border:1px solid #e40044; background-color:#e40044; padding:3px 8px 3px 8px; margin:0 5px 0 0; color:#FFFFFF !important; text-decoration:none }
.news_pg_go a:hover { text-decoration:underline }

.newsar_p { padding:10px !important; display: block }
.newsar_p img { position: relative; top: 5px; border: none }
.newsar_fb { float:right; right: 10px; top: 3px; display: block; position: relative }

/*Events*/
.event_div {padding:0 50px 0 50px}
.event_textcase { margin:0 3% 20px 0; padding:10px 0 10px 0; width:30%; float:left; background:url(/images/case_back.gif) left top no-repeat #ddd; background-size:100% 23px; border-bottom:1px solid #e40044; min-height: 100px }
.event_textcase h1 { margin:15px 10px 15px 10px; color:#e40044; font-size:16px !important; font-weight:normal !important; display:block; padding:0 !important }
.event_textcase div { margin-left:10px }
.event_case { position:relative; display:block; margin:13px 0 0 0 !important; width:100%; height:45px; background:#e40044; border:none }
.event_case b { position:absolute; color:#FFFFFF; display:block; margin:5px 10px 5px 10px; font-size:14px }
.event_button { padding:0 !important; margin:0 0 0 10px !important; float:left !important }
.event_field { position:relative; border:1px solid #e40044; font-size:14px; margin:3px 5px 3px 0; padding:2px; background-color:#ffffff }

/*Form*/
.form_b { color:#e40044; margin:0 0 15px 0 !important; display:block }

.form_tableft_s { float:left; color:#000; height:28px; width:35%; margin-bottom:5px }
.form_tabright_s { float:left; color:#000; height:28px; width:65%; margin-bottom:5px }

.form_tableft_m { float:left; color:#000; height:28px; width:35%; margin-bottom:5px }
.form_tabright_m { float:left; color:#000; height:28px; width:65%; margin-bottom:5px }

.form_tableft_l { float:left; color:#000; height:84px; width:35%; margin-bottom:5px }
.form_tabright_l { float:left; color:#000; height:84px; width:65%; margin-bottom:5px }

.form_field_xs { width:35%; margin-right: 2%; font-size:16px; padding:2px; background-color:#fff; border:1px solid #fff; float: left }
.form_field_s { width:98%; font-size:15px; padding:2px; background-color:#fff; border:1px solid #fff }
.form_field_l { width:98%; height:70px; font-size:15px; padding:2px; background-color:#fff; border:1px solid #fff;  }

.has-js .label_radio { background:url(/images/radio-off.png) no-repeat; background-size:15px; background-position:0 2px; padding-left:22px; cursor:pointer; margin-right:10px; color:#000 }
.has-js label.r_on { background:url(/images/radio-on.png) no-repeat; background-size:15px; background-position:0 2px }
.has-js .label_radio input { position: absolute; left: -9999px; }

.form_button { background:#fff; font-size:17px; font-weight:normal; color:#e40044; border:none; margin:4px 10px 4px 0; padding:8px; text-align:center; cursor:pointer; letter-spacing:1px }
.form_button:hover { color:#fff }

.sendbtn { float:right; margin-top:-20px }

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

#kontakt_oblig { background: #e40044 !important; color: #fff !important; }
#kontakt_oblig .label_radio { color:#fff !important }

#form_obligl { background-color:#F2E400; color:#000 }
#form_obligr { background-color:#F2E400; color:#000 }

/*Kurse*/
.kurs_textcase { margin:8px 2% 15px 0; padding:0; background:#f2f2f2; width:31%; float:left;  }
.kurs_textcase h1 { margin:0; color:#000; font-size:18px; font-weight:bold; font-family: 'PT Sans', sans-serif; display:block; padding:3% }
.kurs_textcase2 {margin:8px 2% 15px 0; padding:0; background:#f2f2f2 }
.kurs_textcase2 h1 { margin:0; color:#000; font-size:18px; font-weight:bold; font-family: 'PT Sans', sans-serif; display:block; padding:3% }
.kurs_p {  padding: 0 3% 3% 3%; font-size: 16px }
.img_div { width:100%; position: relative; display: block;  }
.img_div img {border:none; width: 100% !important; height: auto}
.kurs_p a:link, .kurs_p a:visited, .kurs_p a:active { font-size:16px; font-weight:bold; color:#e40044; text-decoration:none; background:none; padding:0 }
.kurs_p a:hover { color:#e40044; text-decoration:underline }

.kurs_p h1 {padding:0}
.kurs_p h2 {padding:0}
.kurs_p h3 {padding:0}
.kurs_p p {padding:0; clear: none}
.kurs_p ul, .kurs_p ol {padding:0}
.kurs_p table { margin:0 }

.kurs_button a:link, .kurs_button a:visited, .kurs_button a:active { background-color:#e40044; font-size:18px; color:#fff !important; font-weight: bold; text-align:center; cursor:pointer; padding:8px; text-decoration:none }
.kurs_button a:hover { background: #bbb; color: #000 !important; }
.kurs_button a img { border:none; margin:0 }
.kurs_field { position:relative; border:1px solid #e40044; font-size:11px; margin:3px; padding:2px; font-family: 'PT Sans', sans-serif; background-color:#ffffff }
#kurs_bottom { position:relative; display:block; clear:both; padding:5px 10px 10px 10px; background:#ccc;  }
#kurs_bottom a { font-weight:bold; font-size:16px; position:relative; left:10px }
.breaker11, .breaker12, .breaker21, .breaker22 { display: none}
.breaker13 { clear:both; display:block; margin-bottom:20px !important }

/*Shop*/
.shop { padding:0 50px 0 50px }
.shop_wk { margin:0 3% 0 3% !important}
.shop_wk a:link, .shop_wk a:visited, .shop_wk a:active { display: block; padding: 2%; width: 96%; font-size:20px; font-weight:bold; color: #fff; background: #e40044; text-decoration:none; text-align: center } 
.shop_wk a:hover { background: #bbb; color: #000;} 
.shop_wk p { background-color:#ddd; font-size:16px; color:#e40044; font-weight: bold; text-align:center; cursor:pointer; padding:3%; text-decoration:none }
.shop_tit { position:relative; display:block; border-bottom:1px dotted #e40044; margin: 0 50px 0 50px }
.shop_tit p { font-size:16px; font-weight:normal; color:#000; float: left !important; padding: 10px; background: #bbb; clear: none }
.shop_tit span { font-size:16px; font-weight:normal; color:#999; float: left !important; padding: 10px; background: #ddd }
.shop_tit a:link, .shop_tit a:visited, .shop_tit a:active { font-size:16px; font-weight:normal; color:#e40044; text-decoration:none; background: #ddd; padding: 10px; float: left !important }
.shop_tit a:hover {  text-decoration:underline }
.shop_textcase { margin:2% 50px 2% 50px; padding:10px; background:#fff; border-bottom:1px dotted #e40044 }
.shop_textcase_r { margin:2% 0 2% 0; padding:10px; background:#fff; border-bottom:1px dotted #e40044 }
.shop_sep { position:relative; display:block; border-bottom:1px dotted #e40044; 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_trash { position:relative; float:left; height:25px; margin: 10px 5px 0 0 }
.shop_sep_input { position:relative; float:left; width:25px; padding: 3px; margin:0 3px 0 3px }
.shop_sep_input_gs { position:relative; float:left; width:42px; height:20px; margin:0 3px 0 3px }
.shop_sep_act { position:relative; float:left; margin-right:5px; height:25px }
.shop_sep_img { float:left; margin-right:5px; height:25px }
.shop_sep_txt { font-size: 16px; float: left }
.shop_sep_txt_addcart { margin-left:40px }
.shop_sep_txt_addcart a:link, .shop_sep_txt_addcart a:visited, .shop_sep_txt_addcart a:active { font-size:15px !important; font-weight:normal !important; color:#e40044 !important; text-decoration:none !important; padding: 0 !important; background: none !important; text-align: left !important}
.shop_sep_txt_addcart a:hover { text-decoration:underline !important }
.shop_textcase table { width:100%; max-width: 100%; margin: 0 }
.shop_textcase table img { width:60px !important; margin-top: 5px !important }
.shop_textcase table tr { border-bottom:1px dotted #e40044; }
.shop_last { text-align: right; border-bottom:1px dotted #e40044; }
.shop_sep_tot { display:block; text-align:right }
.shop_sep_buy { background:#e40044; font-size:18px; border: none; font-weight:bold; color:#fff; margin:3px 3px 0 0; padding:10px 15px 10px 15px; text-align:center; cursor:pointer; display: none; float: left}
.shop_sep_buy:hover { background: #bbb; color: #000 !important;}
.shop_sep_buy2 { background:#bbb; font-size:18px; border: none; font-weight:bold; color:#fff; margin:3px 3px 0 0; padding:10px 15px 10px 15px; text-align:center; cursor:pointer; display: block; float: left}
.shop_button { background:#e40044; font-size:18px; border: none; font-weight:bold; color:#fff; margin:3px 3px 0 0; padding:10px 15px 10px 15px; text-align:center; cursor:pointer;   }
.shop_button:hover {background: #bbb; color: #000 !important; }


/*Warenkorb*/
.wk-betrag { float:left;text-align:right; font-weight:bold; right: 0; position: absolute }
.wk-bzimg { vertical-align:middle; margin-top:-2px }


/* Menu */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; line-height:normal }
.sf-menu li { position:relative;  }
.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; }
.sf-menu img { border:none }
.sf-menu ul { box-shadow:2px 2px 6px rgba(0,0,0,.2); min-width:9em; *width:9em; background:none }
.sf-menu li { background:none; white-space:nowrap; *white-space:normal; -webkit-transition:background .2s; transition:background .2s; }
.sf-menu li sup { font-size: 12px; vertical-align:text-top  }
.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 { padding:15px 22px 6px 22px;display:inline-block;text-decoration:none;color:#000;font-size:20px; font-weight:normal; }
.sf-menu li a:hover { color:#e40044 }
.sf-menu li ul li { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;top:0; background:#fff; text-align:left }
.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; display:block; height:auto; padding:11px 25px 11px 28px; font-size:17px; text-decoration:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; zoom:1; color: #000; background-image: none !important }
.sf-menu .menuimg { padding:20px 25px 11px 65px !important }
.sf-menu li ul li a:hover { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;background:#ebebeb; color:#e40044 }
.sf-menu li ul { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;background:#fff }
.sf-menu ul li { background:#fff }
.sf-menu li ul li ul li { background:#fff }
.sf-menu li ul li ul li a:link, .sf-menu li ul li ul li a:visited, .sf-menu li ul li ul li a:active { padding:8px 10px 8px 10px; font-size: 16px}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content:''; position:absolute; top:50%; right:22px; margin-top:18px; height:0; width:0; border:5px solid transparent; border-top-color:#fff; border-top-color:rgba(0,0,0,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:#e40044; }
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { content:''; position:absolute; top:17px; right:0; height:0; width:0; border:5px solid transparent; border-left-color:#da0013; border-left-color:rgba(218,0,19,1); }
.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:#da0013; }

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

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('/images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*thumbs helper*/
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 2px; }
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin:0 !important; padding:0 !important; }
#fancybox-thumbs ul li { float: left; padding: 1px;	opacity: 0.5; margin:0 !important }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url('/images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/* 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 !important; padding:0 !important; 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:auto; padding:0}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden; margin-left:0 !important}
.flexslider .slides li {margin-top:0}
.flexslider .slides img {width:100%; display:block; margin:0}
.flex-pauseplay span {text-transform:capitalize}

.slides .slider_ct {background:#fff; height:auto; padding:15px; margin:0 }
.slides .slider_ct h3 {color:#005399; font-size:14px; font-weight:bold; letter-spacing:normal }
.slides .slider_ct p {color:#005399; font-size:14px; line-height:16px}
.slides .slider_ct a {color:#fff;font-size:14px; line-height:16px}

.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:95%; max-width:95%; height:auto; margin:0 0 0 3%; background:#c8c8c8; position:relative; border:none; zoom:1; overflow: hidden}
.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:100px; margin:0 15px 0 15px; position:absolute; top:40%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; color:rgba(220,220,220,1) !important; text-shadow:1px 1px 0 rgba(0,0,0,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:0}
.flexslider:hover .flex-next {opacity:0.5; right:0}
.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:70px; margin:30px 0 10px 0; display:inline-block; content:'\f001'}
.flex-direction-nav a.flex-next:before  {content:'\f002'}

.flex-control-nav {width:100%; position:absolute; bottom:10px; 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 #fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px}
.flex-control-paging li a:hover {background:#fff}
.flex-control-paging li a.flex-active {background:#fff; cursor:default}


@media (max-width:1300px) {

#navi { width: 70%; }
.main_spanimg { max-width: 50% }
.main_spanimg img { max-width: 100% }
.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active { padding:15px 15px 6px 15px }
.sf-arrows .sf-with-ul:after { right:15px}

.box { width:48%;  }

}



@media (max-width:1000px) {

#container { width:100%; left:0; top:150px; }

.tools_div span { bottom:80px }

.content_div {width:100%; float: none }
.content_p { width: 96%; margin: 0 2% 0 2%; background: #fff }
.content_p p img { max-width:49%; height:auto }
.mobsep { display:block }
.news { min-height: 480px }

#navi { width: 65%; }
.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:active { padding:15px 10px 6px 9px; font-size: 18px }
.sf-arrows .sf-with-ul:after { right:10px}

.homeboxes { margin: 3% 0 0 2%;  }
.flexslider {width:96%; max-width:96%; margin:0 0 0 2%; }

.searchfield, .searchresults { margin:10%; width:70% }

#right {position:relative;left:0; bottom:auto; top:0; width:100%; min-width:100%; padding-bottom: 0; display:block; float:none; clear: both; z-index:1;background:#fff; }
.rbox { width:96%; padding:10px 0 10px 0; margin:0 0 0 2%; text-align: left }
.rbox h2 { margin:3% 3% 10px 3% !important; color:#e40044 !important; font-size:18px !important; font-weight:bold }
.rboximg { margin:0 3% 0 0 !important; text-decoration: none; max-width: 28%; height: auto; border: none }

.kurs_textcase { width:48% !important; max-width:48% !important }
.breaker11, .breaker12, .breaker13, .breaker21 { display: none}
.breaker22 { clear:both; display:block; margin-bottom:20px !important }

.shop_tableft_s { width:50% }
.shop_tabright_s { width:50% }

.shop_tableft_m { width:50% }
.shop_tabright_m { width:50% }

.shop_tableft_l { width:50% }
.shop_tabright_l { width:50% }

.pwd { top: 110px }

}


@media (max-width:820px) {
.body {background:#fff}

.content_break table, .content_break thead, .content_break tbody, .content_break th, .content_break td, .content_break tr { display: block; width:100% !important; margin:auto }
.content_break td, .content_break th { position: relative; float:left; text-align:left !important; }
.content_break td img { border-top:2px solid #bbb; padding-top: 10px}

.shop_content table, .shop_content thead, .shop_content tbody, .shop_content th, .shop_content td, .shop_content tr { display: block; width:100% !important; margin:auto }
.shop_content td, .shop_content th { position: relative; float:left; text-align:left !important }

.header { height:130px }
.header--hidden { -webkit-transform: translateY( -100% ); -ms-transform: translateY( -100% ); transform: translateY( -100% ) }
.header--hidden .logo_top {display: none}

#all {width:100%; height:auto;background:#fff}
#navi {display:none}
#nav {display: block; width:60%; float: left}
#mnavi {display:none; position:relative; margin:auto; top:0; width:100%;height:100%;overflow:hidden; background:#fff; padding:20px 0 20px 0}
#mnavi a:link, #mnavi a:visited, #mnavi a:active {padding:6px 8px 0 12%;display:block;position:relative;width:100%;height:auto;text-decoration:none;font-weight:normal;color:#e40044;font-size:18px;text-align:left}
#mnavi a:hover {text-decoration:underline}
#mnavi #mnavi_tit {padding:12px 8px 0 8%;display:block;position:relative;width:100%;height:auto;background:#fff;text-decoration:none;font-weight:bold;color:#e40044;font-size:20px;text-align:left}
#mnavi #mnavi_back2 {padding-left:8%}
#tools {position:relative; float:right }
.tools_mob { display:none}
.tools_div { right:0; position: absolute}
.tools_div span { bottom:4px; right:4% }
.tools_div img { width:45px; }
.mlogo_top {display: block; width: 100%; position: relative; top: 15px; left: 2%; height: 110px; z-index: 1 }
.mlogo_top img { border: none; height: auto; max-height: 110px; max-width: 100%; width: auto; z-index: 1; bottom: 0; position: absolute}
.mob_nav {display:block; position:absolute;width:61px; height:58px; right:174px; top:0; text-align:right; float:left; z-index: 9998  }
.mob_nav img {cursor:pointer;border:none;width:61px}
.logo_top { display: none}
	
#container {width:100%; height:auto; margin:0; z-index:1; left:0; top:130px; bottom:0; right:0; position:relative}
.content_div {width:100%; height:auto !important; margin:auto}
.content_p {padding-bottom:30px !important; width: 100%; margin: 0}
.content_p h1 {padding:0 20px 15px 20px; margin-bottom:30px}
.content_p h2 {padding:0 20px 0 20px; margin-bottom:20px}
.content_p h3 {padding:0 20px 0 20px; margin-bottom:10px}
.content_p p {padding:0 20px 0 20px}
.content_p ul {padding:0 20px 0 20px}
.content_p p img {width:49%; max-width:49%; height:auto}
.content_p table { margin:0 20px 0 20px }
.content_sep { margin:30px 5px }
.news { min-height: 420px }
.main_spanimg { max-width: 100%; margin-left: 0 }

.sub_content a { padding:20px 20px 20px 20px; font-size: 20px}

.searchfield, .searchresults { margin:20% 7%; width:85% }

.media_div {margin:0 20px 0 20px}
.media_img {width:100% !important; max-width:100% !important; float:none !important; margin:0 0 25px 0 !important}
.breaker { display:none; }

.lang {margin:0 10px 20px 80px}
.fbwall { margin:auto !important; width:95% !important }
.fb_like { clear:both !important; margin:20px 0 20px 20px }

.main_div {max-width:84%; width:84%; margin:0 auto 0 auto !important; float:none; position:relative; display:block;padding:4%}
.main_div h1 {margin:0; padding:0}

.maps_div {margin:0 4% 0 4%}

.news_pg_mob { display:block; clear:both; padding-top:15px }
.event_div {padding:0 20px 0 20px}
.event_textcase { margin:0 0 20px 0; padding:10px 0 10px 0; width:100%; float:none; background:url(/images/case_back.gif) left top no-repeat #ddd; background-size:100% 23px; border-bottom:1px solid #e40044 }
.event_textcase h1 { height:auto;  }
.news_button a { width:95%; margin:-20px 0 30px 0; display:block }

.form_tableft_s, .form_tableft_l, .form_tableft_m { float:none; display:block; font-size:17px; color:#e40044; background:none; margin:0 0 5px 0; padding:0; height:auto !important; width:100% !important; background:none !important }
.form_tabright_s { float:none; display:block; color:#e40044; background:none; margin:-2px 0 -10px 0; height:35px; width:100% }
.form_tabright_m { float:none; display:block; color:#e40044; background:none; margin:-2px 0 -10px 0; height:80px; width:100% }
.form_tabright_l { float:none; display:block; color:#e40044; background:none; margin:-2px 0 -10px 0; height:80px; width:100% }

.form_field_s { padding:5px 2px 5px 2px; width:98% }
.form_field_l { padding:5px 2px 5px 2px; width:98% }

.form_button { margin:4px 4px 4px 0 }
.sendbtn { float:none !important; margin-top:20px }

.kurs_textcase h1 { margin:0; color:#000; font-size:18px; font-weight:bold; font-family: 'PT Sans', sans-serif; display:block; padding:3% }
.kurs_textcase2 h1 { margin:0; color:#000; font-size:18px; font-weight:bold; font-family: 'PT Sans', sans-serif; display:block; padding:3% }
.kurs_p h1 {padding:0}
.kurs_p h2 {padding:0}
.kurs_p h3 {padding:0}
.kurs_p p {padding:0; clear: none}
.kurs_p ul, .kurs_p ol {padding:0}
.kurs_p table { margin:0 }
.kurs_button a:link, .kurs_button a:visited, .kurs_button a:active { padding:2%; width: 96%; display: block; margin-bottom: 2% }

.shop { padding:0 20px 0 20px }
.wk-betrag { float:left;text-align:left; font-weight:bold; left: 0; position: absolute }
.shop_left {width: 100%; float: none }
.shop_right { width: 100%; float: none}

.shop_tit {background:#ddd; margin: 0 20px 0 20px}
.shop_tit p { width:44%; padding: 1% 3% }
.shop_tit span { width:44%; padding: 1% 3% }
.shop_tit a:link, .shop_tit a:visited, .shop_tit a:active, .shop_tit a:hover { width:44%; padding: 1% 3% }
.shop_textcase { margin:2% 20px 2% 20px; padding:10px; }
.shop_textcase table  {margin: 0 !important; padding: 0 !important }
.shop_textcase table tr { border:none }
.shop_textcase table img { width: 50% !important; margin: 5px 0 0 0 !important }
.shop_sep_trash { float:right; height:40px; margin: 10px 10px 0 0 }
	
.flex-control-paging { display: none}
}


@media (max-width:600px) {
.content_p p img {float:none;display:block;width:100%; max-width:100%; height:auto; margin-bottom:15px}
}
@media (max-width:480px) {

#nav {width:50%;}
.tools_div { margin-right:10px }
.mob_nav {right:168px;  }
#container{top:130px}
.content_imgleft {float:none;display:block;width:100%; max-width:100%; height:auto; margin:0 auto 15px auto}
.content_imgright {float:none;display:block;width:100%; max-width:100%; height:auto; margin:0 auto 15px auto}

.sub_content a { font-size: 18px; padding:10px 20px 10px 20px;}

.box { width: 98%; height: auto; min-height: auto}
.rboximg { margin:0 3% 0 0 !important; text-decoration: none; max-width: 42%; height: auto; border: none }
.news { min-height: auto; height: auto}

.kurs_textcase { width:100% !important; max-width:100% !important }
.breaker11, .breaker12, .breaker13 { display: none}
.breaker21, .breaker22 { clear:both; display:block; margin-bottom:10px !important; float: none }


#footer .ft1 { width:100% !important; margin:0 }
#footer .ft2 { width:100% !important; margin:0 }
#footer table, #footer thead, #footer tbody, #footer th, #footer td, #footer tr { display: block; width:98% !important; margin:10px auto 10px auto }
#footer td, #footer th { position: relative; float:left; text-align:left !important; padding:5px }
}