BODY {
      min-width:240px;
      color: #000000;
      font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
      margin: 0px;
      background:#7D7D7D;
}

#Back { background: linear-gradient(0deg, #505050, #7D7D7D 80%); background: -webkit-linear-gradient(bottom, #505050, #7D7D7D 80%); }
#Mainframe { max-width:1500px; margin-left: auto; margin-right: auto; background: #98020D;  background-image: url(../images/skin/back_style4.png), linear-gradient(0deg, #A6020D, #96020D 80%);  background-repeat:no-repeat; background-position: top left;  }
#Top { height:150px; border-bottom:0px; border-left:1px; border-right:1px; border-left-style:solid; border-right-style:solid; border-color:#000000;  padding:0px; }
#Mitte { border-bottom:0px; border-top:0px; border-left:1px; border-right:1px; border-style:solid; border-color:#000000; padding:10px; font-size: 17px; height:auto; overflow: auto; -webkit-overflow-scrolling:touch; }
#Unten { border:1px; border-left-style:solid; border-right-style:solid; border-top-style:dotted; border-top-color: #400000; border-left-color:#000000; border-right-color:#000000; border-bottom-color:#000000; padding:19px; background: linear-gradient(0deg, #98020D, #600000 80%); margin-top:-1px;font-size:11px; color:#e5e5e5; }

#sidebar { float:right; width:19%; margin-left:8px; min-width:195px; }

.oben_unten { width:90%; max-width:1500px; margin-left: auto; margin-right: auto; }
.hauptbereich { width:80.4%; overflow: hidden; }

.br_box { line-height:50%; }
.spacer { height:8px; }
.popup { background:white; }

.xtra {font-size: 22pt; font-weight : bold; line-height:32px; text-align:left; }
.big {font-size: 12pt;font-weight : bold;}

.logoarea_download_villy { background-image:url(../images/produkte/ctp/villy1.jpg);background-repeat:no-repeat;background-position:bottom right;height:200px; }
.logoarea_villy { position:relative; float:right;margin-top:10px; z-index:3; }

.logoarea1 { height:110px; }
.logoarea2 { float:left; border:none; }
.logoarea3 { color:white; margin-left:220px; padding-top:7px; }
.logofont1 { font-size:26px; text-shadow: 1px 1px 1px #400000; }
.logofont2 { font-size:22px; text-shadow: 1px 1px 1px #400000; }
.logofont3 { font-size:2.6vw; line-height:24px; text-align:center; text-shadow: 2px 2px 1px #e0e0e0; border-bottom:1px solid #f0f0f0;padding-top:5px;padding-bottom:15px; }
.logofont4 { display:none; font-size:12px; font-weight:bold;  }

.navigation1 {
         //background: transparent;
         height:32px;
         background-image:url(../images/skin/fade_pixel_1.png);
         border-top:1px dotted #000000;
         border-bottom:1px dotted #000000;
         width:100%;
         //margin-top:22px;
         }
.navigation2 { text-align:left; }
a.navigation_link, .navigation_link { padding-right:25px; padding-left:22px; border-right:1px dotted #909090; color:#000000; padding-top:5px; }
.navigation_link:hover  { color: #c00000; text-decoration: none; cursor:pointer; }
.nav_top, .navigation_link { float:left; text-align:center; //display: block;  font-weight: bold; height:28px; font-size:18px; }

a.navigation_link2, .navigation_link2 { color:#e9e9e9; padding: 10px; }
.navigation_link3 { color:#e9e9e9; padding: 5px; }
a.navigation_link2:hover, a.navigation_link3:hover { color: #ffffff; text-decoration: none; }
.nav_top2, .navigation_link2 { text-align:right; display: block;  font-weight: bold; font-size:18px; line-height:20px; }
.navigation_link3 { text-align:right; display: block; font-size:14px; line-height:18px; }

.navigation_link6 a { font-size:18px; line-height:25px; color: #009000; font-weight: bold; display:block; }
.navigation_link6:hover a { color: #00b000; text-decoration: none; display:block; }

.nav-trenner { border-bottom:1px dotted #f0f0f0; margin-bottom:0px; }
.nav-trenner-o { padding-top:10px; }
.nav-trenner-u { padding-bottom:10px; }
.nav-margin {  }

.navigation3 {
         position: relative;
         z-index: 1000;
}

/*.navigation3:focus .navigation3-content,
.navigation3:focus-within .navigation3-content,*/
.navigation3:focus .navigation3-content,
.navigation3:hover .navigation3-content {
         visibility: visible;
         display: block;
         opacity: 1;
         position: absolute;
         //height: 380px;
         //top: 33px;
         transform: translateY(0px);
         transition-delay: 0s, 0s, 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.navigation3-content {
         //display:none;
         visibility: hidden;
         position:absolute;
         background-color:#ffffff;
         color:#000; text-align: center;
         padding: 5px;
         width:745px;
         //height: 0px;
         top:40px;
         box-shadow: 5px 5px 5px #888888;
         opacity: 0;
         transform: translateY(-10px);
         transition: all 0.6s ease-in-out;
}

.navigation4 {
         position: relative;
         display: inline-block;
}

.navigation4-content {
         display: none;
         position: absolute;
         background-color: #505050;
         color:#f0f0f0;
         margin-left:-150px;
         min-width: 180px;
         box-shadow: 5px 5px 5px #888888;
         padding: 5px;
         text-align: right;
         z-index:10002;
}

.navigation5 {
         position: relative;
         font-weight: bold;
}

.navigation5-content {
         display: none;
         position: absolute;
         background-color: #505050;
         color:#f0f0f0;
         margin-left:-150px;
         margin-top:-40px;
         min-width: 180px;
         box-shadow: 5px 5px 5px #888888;
         padding: 5px;
         text-align: right;
         z-index:10001;
}

.navigation6 {
         position: relative;
         display: block;
}

.navigation6-content {
         display:none;
         position:absolute;
         border:3px solid #009000;
         background-color:#ffffff;
         color:#000; text-align: left;
         padding: 5px;
         width:125px;
         margin-left:-122px;
         top:45px;
         box-shadow: 5px 5px 5px #888888;
         z-index:10003;
}

/*
.no-touch .navigation3:hover, .navigation3:hover .navigation3-content {
         display: block;
}
*/

.navigation4:hover .navigation4-content {
         display: block;
}

.navigation5:hover .navigation5-content {
         display: block;
}

.no-touch .navigation6:hover, .navigation6:hover .navigation6-content {
         display: inline-block;
}

  ul.dropdown ul,
  ul.dropdown2 ul {
         width:200px;
         margin-left:-140px;
  }
  ul.dropdown a,
  ul.dropdown span {
         padding: 0 10px;
  }
  ul.dropdown *.dir,
  ul.dropdown2 *.dir {
         padding-right: 5px;
         background-position: 100% 50%;
  }

.wwrap {
         word-wrap: break-word;
/* hyphens */
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: manual;
         -ms-hyphens: auto;
         hyphens: auto;
   }

a.info, a.info2, a.info_p { position:relative; z-index:998; text-decoration:none; color:#000000; }
a.info:hover, a.info2:hover, a.info_p:hover { z-index:999; }
a.info span, a.info_p span { display: none; }
a.info:hover span { display:inline; position:absolute; background-color:#505050; color:#f0f0f0; text-align: right; padding: 5px; box-shadow: 5px 5px 5px #888888; }
a.info:hover span { top:15px; right:-8px; }
a.info2 span { display: none; background-color:#f0f0f0; }
a.info2:hover span { display:inline; position:absolute; border:1px solid #000; background-color:#f0f0f0; color:#000; text-align: center; padding: 5px; box-shadow: 5px 5px 5px #888888; }
a.info2:hover span { top:auto; right:20px; }

a.info_p:hover span { display:inline; position:absolute; border:3px solid #5152BE; background-color:#ffffff; color:#000; text-align: center; padding: 5px; width:745px; box-shadow: 5px 5px 5px #888888; }
a.info_p:hover span { top:25px; left:-147px; }

.sprachen {float: right;padding-top: 2px; padding-right: 5px;}

.start_title1, .start_title1a { background-position:bottom;background-repeat:no-repeat; width:100%; height:315px; text-align:center; }
.start_title1 { background-image:URL(../images/ctp_title_screen2.jpg); }
.start_title1a { background-image:URL(../images/ctp_title_screen3.jpg); }
.start_title2 { font-size:18px; }
.start_title3 { height:300px; }
.start_title4 { font-size:30px; text-shadow: 1px 1px 1px #e0e0e0; }

.box_klein, .box_klein3 { border:1px solid #400000; padding:10px; box-shadow: 1px 1px 1px #800000; background:#ffffff; }
.box_klein2, .box_klein4 { border:1px solid #400000; box-shadow: 1px 1px 1px #800000; background:#ffffff; }
.box_klein2_pad { padding:10px; }
.box_klein3_pad { padding-left:10px; padding-right:10px; }

.box_error { border:dotted 2px #ffffff; text-align:center; padding:8px; color:white; }

.box_gross_einfach { border:1px solid #400000; padding:10px; box-shadow: 1px 1px 1px #800000; background:#ffffff; text-align:justify; }

.box_ohne_schatten { border:1px solid #400000; padding:20px; background:#fcfcfc; text-align:justify; }

.box_gross_top { border-bottom:0;border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#400000; padding:15px; box-shadow: 1px 0px 1px #800000; background:#ffffff; text-align:justify; line-height: 1.3em; }
.box_gross_top_2 { border-bottom:0; border-top:0; border-left:1px; border-right:1px; border-style:solid; border-color:#400000; padding:15px; background:#ffffff; text-align:justify; line-height: 1.3em; min-height:800px; }
.box_gross_unten, .box_gross_unten2 { border-bottom:1px;border-top:1px; border-left:1px; border-right:1px; border-top-style: dotted; border-left-style:solid; border-right-style:solid;border-bottom-style:solid; border-color:#400000; padding:15px 10px 15px 10px; box-shadow: 1px 1px 1px #800000; background:#f9f9f9; margin-top:-1px; font-size:16px; }
.box_gross_unten { text-align:right; }

.news_box_top { padding:0px; border-bottom:0; border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#909090; background:#f0f0f0; margin-bottom:1px; }

table.news_box_top_table { padding:0px; }
table.news_box_top_table td:first-child { padding:10px; }

.news_box_unten { border-bottom:1px;border-top:1px; border-left:1px; border-right:1px; border-top-style: dotted; border-left-style:solid; border-right-style:solid;border-bottom-style:solid; border-color:#909090; padding:10px; background:#f9f9f9; margin-top:-1px; font-size:16px; }

.info_box_top { border-bottom:0;border-top:1px; border-left:1px; border-right:1px; border-style:solid; border-color:#909090; padding:10px; background:#f9f9f9; text-align:justify; }
.info_box_mitte { border-top:1px; border-left:1px; border-right:1px; border-top-style: dotted; border-left-style:solid; border-right-style:solid;border-color:#909090; padding:10px; background:#ffffff; margin-top:-1px; font-size:14px; }
.info_box_unten { border-bottom:1px;border-top:1px; border-left:1px; border-right:1px; border-top-style: dotted; border-left-style:solid; border-right-style:solid;border-bottom-style:solid; border-color:#909090; padding:10px; background:#ffffff; margin-top:-1px; font-size:16px; }
.info_box_unten2 { border-bottom:1px;border-top:1px; border-left:1px; border-right:1px; border-top-style: dotted; border-left-style:solid; border-right-style:solid;border-bottom-style:solid; border-color:#909090; padding:5px; background:#f9f9f9; margin-top:-1px; font-size:16px; }

.unten_spalte { float:left; width:33.3%; text-align:left; }

.copyright { border-top:solid 2px #f5f5f5;padding-top:10px;text-align:left;color:#e5e5e5; }

.soc_ico { float:left; border:none;padding-right:8px;padding-top:2px; }

.nav_top_0 { margin-left:28px; margin-right:18px; }
.nav_top_1 { padding:0px; }
.nav_top_2 { font-size:20px;font-weight:bold; }
.nav_top_3 { font-size:16px;font-weight:bold;text-align:left;color:#606060; }
.nav_top_4 { font-size:14px;font-weight:bold;color:#707070;line-height:25px; }
.nav_top_5 { padding:10px; }
.nav_button, .nav_button1, .nav_button2, .nav_button_active, .nav_button_link, .nav_buy_button_active, .nav_buy_button_link, .nav_sup_button_active, .nav_sup_button_link  { float:left; width:120px; border:1px solid; border-left-color:#000000; border-right-color:#909090; border-top-color:#404040; border-top-left-radius:3px; border-top-right-radius:3px; text-align:center; display: block; font-size:14px; text-shadow: 1px 1px 1px #c0c0c0; height:45px; border-bottom: 0px; }
.nav_button_top { float:left; width:50px; border:1px solid; border-color:#400000; border-top-left-radius:3px; border-top-right-radius:3px; text-align:center; display: block; font-size:14px; height:45px; background: linear-gradient(0deg, #e0e0e0, #ffffff 80%); background: -webkit-linear-gradient(bottom,  #e0e0e0, #ffffff 80%); border-bottom: none; }
.nav_button_ext { float:left; width:120px; border:1px solid; border-color:#909090; border-top-left-radius:3px; border-top-right-radius:3px; text-align:center; display: block; font-size:14px; height:45px; background: linear-gradient(0deg, #e0e0e0, #ffffff 80%); background: -webkit-linear-gradient(bottom, #e0e0e0, #ffffff 80%); border-bottom: none; color:#505050; }
.nav_button1:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }
.nav_button3 {
         display:inline-block;
         vertical-align:middle;
         text-transform: capitalize;
         word-wrap: break-word;
         overflow-wrap: break-word;
         -webkit-hyphens: auto;
         -moz-hyphens: auto;
         hyphens: auto;
}
.nav_button4 { display:inline-block; vertical-align:middle; text-align:left; line-height: 16px; }
.nav_button_active { background: linear-gradient(0deg, #ffffff 50%, #c0c0c0); background: -webkit-linear-gradient(bottom, #ffffff 50%, #c0c0c0); }
.nav_button_link { background: linear-gradient(0deg, #c0c0c0, #ffffff 80%); background: -webkit-linear-gradient(bottom, #c0c0c0, #ffffff 80%); color:black; }
.nav_buy_button_active { border-top-color:#009000; border-left-color:#009000; border-right-color:#009000; background: linear-gradient(0deg, #ffffff, #82CA82 90%); background: -webkit-linear-gradient(bottom, #ffffff, #82CA82 90%); }
.nav_buy_button_link { border-color:#009000; background: linear-gradient(0deg, #008000, #82CA82 75%); background: -webkit-linear-gradient(bottom, #008000, #82CA82 75%); color:white; }
.nav_sup_button_active { background: linear-gradient(0deg, #ffffff, #e0e0e0 80%); background: -webkit-linear-gradient(bottom, #ffffff, #e0e0e0 80%); border-bottom: none; }
.nav_sup_button_link { background: linear-gradient(0deg, #BDC3C3, #5E6C6C 75%); background: -webkit-linear-gradient(bottom, #BDC3C3, #5E6C6C 75%); color:white; }
a.nav_link, a.nav_link:hover { color:#f5f5f5; text-decoration:none; }
.nav_bottom { float:left; width:50px; height:46px;border-bottom:1px solid #909090; }
.nav_sup_bottom { float:left; width:131px; height:46px;border-bottom:1px solid #00C000; }
.nav_ico { float:left; margin-right:5px; }

.side_button1, .side_button3 { width:auto; height:24px; display: block; padding:5px; border:1px solid #400000;border-radius:2px;background: linear-gradient(0deg, #efefef, #ffffff 80%); background: -webkit-linear-gradient(bottom, #f0f0f0, #ffffff 80%); text-align:left; }
.side_button1:hover { background: -webkit-linear-gradient(bottom, #ffffff, #f0f0f0 80%); }
.side_button1 { text-shadow: 1px 1px 1px #c0c0c0; }
.side_button3 { color: #b0b0b0 }
.side_button1:before, .side_button3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%; }
.side_button2 { display:inline-block; vertical-align:middle; }

a.select_button_2 { font-size: 15px; font-weight: bold; color: #000000; }
a.select_button_2:hover { font-size: 15px; font-weight: bold; color: #000000; background: linear-gradient(0deg, #a0a0a0, #f0f0f0 80%); background: -webkit-linear-gradient(bottom,  #909090, #e0e0e0 80%); }
.select_button_1 { float:left;padding:10px; margin-right:10px; margin-bottom:10px; border: 1px solid #909090; border-radius: 8px; background: linear-gradient(0deg, #e0e0e0, #ffffff 80%); background: -webkit-linear-gradient(bottom,  #e0e0e0, #ffffff 80%); }
.select_button_2 { float:left;padding:10px; margin-right:10px; margin-bottom:10px; border: 1px solid #909090; border-radius: 8px; background: linear-gradient(0deg, #909090, #e0e0e0 80%); background: -webkit-linear-gradient(bottom,  #909090, #e0e0e0 80%); }

.divider {font-size: 5px;}
.topline { border-top:1px solid #f0f0f0;padding:5px; }
.bottomline { border-bottom:1px solid #f0f0f0;padding-bottom:10px; }

del {
  text-decoration: none;
    position: relative;
}

del::before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: calc( 55% - 1.5px );
    border-bottom: 1px solid #000000;
}

.cl_all { clear: both; }
.cl_left { clear: left; }
.dotted_line { font-size:1px; line-height:1px; margin-top:6px; margin-bottom:6px; }
.h_nav { width:46%; vertical-align:top; font-size: 15px; font-weight: bold; color: #000000; line-height: 1.2; }

.main_top { vertical-align:bottom; }
.menu_flex_top { display:flex; flex-direction:row; text-align:left;padding:10px; }

.div_center { margin-left: auto; margin-right: auto; text-align:center; }
.div_flex { display:flex; display: -webkit-flex; }
.div_right { float:right; text-align:right; }
.div_left { text-align:left; }
.div_left2 { float:left;text-align:left; }
.div_justify { text-align:justify; }
.div_top { vertical-align:top; }
.div_text_right { position:relative;margin-left:175px; }
.div_text_right_2 { position:relative;margin-left:120px; }
.div_back_1 { background-color:#f0f0f0; padding:5px; }
.div_thumb, .div_thumb2, .div_thumb3, .div_thumb5, .div_thumb7, .div_thumb_sc { float:left; border:1px solid #808080; box-shadow: 1px 1px 1px #d0d0d0; }
.div_thumb, .div_thumb_sc { margin-right:5px; margin-bottom:5px; }
.div_thumb_sc { width:70px; height:40px; }
.div_thumb2 { border-radius:4px; padding:5px; }
.div_thumb3 { border-radius:4px; padding:10px; }
.div_thumb4, .div_thumb9, .div_thumb10, .div_thumb_banner { width:auto; background:white; border:1px solid #808080; box-shadow: 1px 1px 1px #d0d0d0;border-radius:4px; }
.div_thumb4, .div_thumb_banner { padding:10px; }
.div_thumb5, a.div_thumb5, a.div_thumb5:hover { background:#ffffff; font-size: 13px; border-radius:4px; padding:5px; margin-right:10px; margin-bottom:10px; width:150px; height:155px; }
a.div_thumb5 { color: #000000; }
a.div_thumb5:hover { color: #C00000; }
.div_thumb6, .div_thumb8 { float:right; border:1px solid #808080; border-radius:4px; box-shadow: 1px 1px 1px #d0d0d0; }
.div_thumb6 {  margin-left:15px; margin-bottom:15px; }
.div_thumb7 { background:#ffffff; border-radius:8px; padding:5px; margin-right:20px; margin-bottom:20px; width:185px; height:100px; }
.div_thumb8 {  margin-left:15px; margin-bottom:15px; padding:5px; }
.div_thumb9 { padding: 0 5px 0 5px; }
.div_thumb10 { padding: 5px 0 5px 0; }
.div_thumb11 { border:1px solid #808080; box-shadow: 1px 1px 1px #d0d0d0; border-radius:4px; padding:10px; background:#f9f9f9; }
.div_venuemagic { float:left;margin-bottom:16px;margin-right:7px;width:175px;height:175px;border:1px solid #d0d0d0;background-color:#f5f5f5;text-align:center; }

.pic_link, A.pic_link:hover, .pic_link_s, .pic_link_v, A.pic_link:hover_s,  { border:none; text-decoration : none; background-image: none; padding : 0px; outline:none; }
.pic_link_s { width:100%; }
.button_link, A.button_link:hover { text-decoration : none; background-image: none; padding: 0px; color: #2E6E9E; }
.pic_ico { float:left; margin-right:5px; border:none; }
.pic_ico_right { float:right; margin-left:5px; border:none; }
.pic_ico_left { float:left; margin-right:5px; border:none; }
.pic_right { float:right; display:inline; margin-left:10px; padding-left: 20px; margin-bottom:10px; border:none; }
.pic_right_ga, .pic_right_gas { float:right; display:inline; max-width:350px; margin-left:10px; padding-left: 20px; margin-bottom:10px; border:none; }
.pic_right_gas { width:310px; }
.pic_link_ga { width: 100%; }
.pic_right_f { float:right; margin-left:20px; margin-bottom:10px; border:none; }
.pic_right_s { float:right; margin-bottom:10px; border:none; }
.pic_flag { border:none; padding-left:5px; width:24px; height:18px; border:none; }
.pic_left { float:left; padding-right: 20px; border:none; }
.pic_top { margin-top: 7px; border:none; border:none; }
.pic_extern { float:right; margin-right:5px; margin-top: 7px; border:none; }
.pic_round { border-radius:8px; border:none; }

.winter { margin-top:-30px;float:right; }

.ico_title { border:none;  border:1px solid #808080; border-radius: 4px; box-shadow: 1px 1px 1px #d0d0d0; }
.ico_left { float:left; margin-right: 10px; }
.ico_left_nav { float:left; margin: 8px 0 0 8px; width:30px; height:31px; }
.ico_right { float:right; margin-left: 10px; margin-bottom:10px; }
.ico_sub { margin-left:2px; margin-right:5px; margin-bottom:5px; }
.info_ico_shop { float:left; margin-left: 5px; border:1px solid #c0c0c0; border-radius:3px; }

.link_right { float:right; margin-left:10px; padding-left: 20px;margin-top:8px; }

.screen_overlay_1 { float:right;margin-left:10px;text-align:justify;position:relative;z-index:1; }
.screen_overlay_2 { position:absolute;top:0px;z-index:2; }

.unmark {
         position:relative;
         z-index:1;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
}
.unmark2 a, .unmark2 a:hover { position:absolute;top:20px;left:20px;z-index:2;color:black;font-weight:bolder; font-size:2.4vw; text-shadow: 2px 2px 1px #e0e0e0; }

a.bottom { font-size: 12px; color:#e5e5e5; }
a.bottom:hover { color:#ffffff; }

#piGal ul {
       list-style: none;
       list-style-type: none;
}

.button , .button_a, .button_b {
         margin:0 5px 5px 0;
         border:solid 1px #D3D3D3;
         border-radius:3px;
         text-align:center;
         padding:8px;
         font-size:14px;
         -webkit-appearance:none;
         display:inline-block;
         word-wrap: normal;
         hyphens: none;
}
.button_a { background: linear-gradient(225deg, #00f000, #00b000 80%); color:white; cursor: pointer; }
.button_b { background-color:#f5f5f5; color:black; cursor: pointer; }
.button_a:disabled, .button_b:disabled  { background-color:#f0f0f0; color:#c0c0c0; }
.button_b:hover { background-color:#e5e5e5; color:black; }
.button_b:hover:disabled { background-color:#f0f0f0; color:#c0c0c0; cursor: auto; }

a[rel=lightbox] {
  background-image:url(../images/lupe.gif);
position:relative;
z-index:1;
  }
.tabelle, .tabelle_c { border:2px solid #909090; box-shadow: 0.5px 0.5px 0.5px #f0f0f0; margin-bottom:5px; width:100%; }
.tabelle_0 { border-top:1px solid #b0b0b0; border-bottom:1px solid #c0c0c0; }
.tabelle_1, .tabelle_2, .tabelle_3, .tabelle_4, .tabelle_5, .tabelle_6 { border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0; }
.tabelle_1 { border-top:1px solid #b0b0b0; border-right:1px solid #c0c0c0; text-align:justify; height:20px; }
.tabelle_2 { border-top:1px solid #b0b0b0; text-align:center; }
.tabelle_3 { border-top:1px solid #b0b0b0; text-align:right; }
.tabelle_4 { text-align:justify; color: #707070; }
.tabelle_5 { text-align:center; }
.tabelle_6 { text-align:right; }
.tabelle_7 { vertical-align:top; height:50px; border-bottom: 1px solid #f0f0f0; }

table.tabelle tr:nth-child(odd), table.tabelle_c tr:nth-child(odd) { background-color:#f0f0f0; }
table.tabelle tr:nth-child(even), table.tabelle_c tr:nth-child(even) { background-color:#f8f8f8; }
table.tabelle th, table.tabelle_c th  { background-color:#d0d0d0; padding:5px; }
table.tabelle td, table.tabelle_c td, table.tabelle_c td1 { padding:5px; vertical-align:top; }

.standard_tab, .standard_tab2 { width:100%; border-spacing:0; }
.standard_tab td, th, .standard_tab2 td, th { padding:4px; }
.standard_tab th { background:#d0d0d0; }
.standard_tab2 td { text-align:left; border-right:2px solid #c0c0c0; }
.standard_tab2 th { text-align:center;border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;background-color:#b0b0b0; }

.v_top { vertical-align:top; }

table.tabelle_c { text-align:center; }
.td_l, .td_l2 { text-align:left; font-size:16px; }
.td_l2 { border-right:2px solid #c0c0c0; }
.td_2 { border-right:1px solid #c0c0c0; }

.table_info_txt.show {
         display:block;
         visibility: hidden;
         opacity: 0;
         transform: translateY(0px);
         transition-delay: 0s, 0s, 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#table_info_txt {
         display:none;
         visibility: hidden;
         opacity: 0;
         transform: translateY(0px);
         transition: all 0.6s ease-in-out;
}

#t_wrap, t.panel {
         word-wrap: break-word;
/* hyphens */
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
}

.t_panel {
         width:593px;
}

hr { background-image: url(../images/skin/spacer4.png); border:none; background-repeat: repeat-x; padding-bottom: 8px; margin-top: 8px; font-size: 1px; height: 2px; }

.submenu {
         margin-bottom:5px;
}

.submenu a {
        display:block;
        font-weight: normal;
        font-size: 8pt;
        color: #9C0000;
        background-image:none;
        text-decoration:none;
        background: url(../images/skin/unterpunkt_sub.gif) 8px 0px;
        background-repeat : no-repeat;
        padding-left : 22px;
}

.submenu a:hover, .submenu a:active {
        font-weight: normal;
        font-size: 8pt;
        color:#ffffff;
        background: url(../images/skin/unterpunkt_sub.gif) #9C0000 8px -59px;
        background-repeat : no-repeat;
        padding-left : 22px;
        padding-bottom:0px;
}

.submenu_h {
        font-weight: bold;
        color: #808080;
        font-size: 9pt;
        padding-left : 5px;
}

.h_nav { font-size: 15px; font-weight: bold; color: #000000; line-height: 1.2; }

h1 { font-size: 22px; font-weight: bold; color: Black; text-align:left; }
.h1 { font-size: 22px; font-weight: bold; color: Black; }
.h2 { font-size: 19px; font-weight: bold; color: Black; }
.h3 { font-size: 17px; font-weight: bold; color: #000000; }
.h4 { font-size: 16px; font-weight: bold; }
.h5, .standard_tab2 td { font-size: 18px; font-weight: bold; color: #ffffff; }
.h6 { font-size: 16px; font-weight: bold; color: #000000; color: Black; }
.h7 { font-size: 14px; font-weight: bolder; color: #000000; }
.h8 { font-size: 16px; font-weight: normal; color: #000000; }
.h9, .standard_tab2 td { font-size: 17px; font-weight: normal; }
.h10 { font-size: 14px; font-weight: normal; }

.p_title { font-size: 20px; font-weight: bold; text-align:left; }

OL {
        padding-left: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 9px;
        text-align : justify;
}

UL {
        padding-left: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 7px;
        list-style : none outside url(../images/pointer2.gif);
        text-align : justify;
}

.liste_titel {
        line-height: 30px;
        list-style : none url(../images/unterpunkt5.gif);
        text-align : justify;
        font-size: 15px;
        font-weight: bold;
}

.liste_gross {
        padding-left: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 16px;
        list-style : none outside url(../images/pointer4.png);
        font-size: 17px;
        //line-height:22px;
        text-align : justify;
}

.liste_klein {
        padding-left: 5px;
        margin-top: 2px;
        margin-left: 10px;
        list-style : none outside url(../images/unterpunkt3.gif);
        text-align : justify;
        font-size: 14px;
         word-wrap: break-word;
         /* hyphens */
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
}

.liste_klein_news {
        padding-left: 5px;
        margin-top: 2px;
        margin-left: 10px;
        list-style : none outside url(../images/unterpunkt2a.gif);
        text-align : justify;
        font-size: 14px;
}

.liste_support {
        padding-left: 5px;
        margin-top: 5px;
        margin-left: 10px;
        text-align : justify;
}

.liste_non {
        padding-left: 5px;
        margin-top: 5px;
        margin-left: 10px;
        list-style: none outside none;
        text-align: justify;
}


.liste_nav {
        padding-left: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 7px;
        list-style : none outside url(../images/pointer1.png);
        text-align : left;
}

.liste_nav_klein {
        padding-left: 5px;
        margin-left: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        list-style : none outside url(../images/unterpunkt2a.gif);
        text-align : left;
        font-size: 12px;
}

.liste_sub {
        margin-top: 4px;
        margin-left: 0;
        list-style: none inside url(../images/pointer3.gif);
        text-align: left;
}

a, .no_u {
        text-decoration: none;
        outline: none;
        outline: 0;
        color: #9C0000;
}

a:hover {
         text-decoration: none;
         outline: none;
         color: #C00000;
}

a:active,
a:focus {
     outline: none;
}

input::-moz-focus-inner {
border: 0;
}

.no_u:hover {
         text-decoration: none;
}

.alert {
        color: Green;
}

TD {
        font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 14px;
        word-wrap:break-word;
/* hyphens */
         -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
}

.submenu {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #C0C0C0;
}

A.submenu {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #808080;
}

A.submenu:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #000000;
}

.grey { color: #707070; }
.greybar {background:#f9f9f9;padding:5px; }
.klein {font-size: 11pt;text-decoration: none;}
A.klein:hover { font-size: 11pt; font-weight : normal; text-decoration: none; color: #C00000; }
A.klein, A.klein:visited { font-size: 11pt; font-weight : normal; text-decoration: none; color: #9C0000; }

.klein2,A.klein2,A.klein2:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        font-weight : normal;
        color: #ffffff;
        border : 0px;
        border-bottom-width : 0px;
}

.klein3 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
}

a.klein3:hover {
        color: #766308;
}

.klein4 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 14px;
        color: #000000;
}

.klein5 { font-size: 7pt;text-decoration: none;color: #909090; }
a.klein5 { font-size: 7pt; text-decoration: none; color: #9C0000; }


.klein6 { font-size: 8pt;text-decoration: none;color: #909090; }

.klein_subtext { position:relative; font-size: 8pt; text-align:justify; text-decoration: none;color: #909090; padding-left:15px; }

.abb {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #d0d0d0;
        font-weight : bold;
}

A.abb {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #808080;
        font-weight : bold;
}

A.abb:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #9C0000;
        font-weight : bold;
}

.mikro {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #9090a0;
        font-weight : normal;
        line-height: 12px;
}

.mikro2 { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #9090a0; }
A.mikro2, A.mikro2:visited { text-decoration: none; color: #9C0000; }
A.mikro2:hover { text-decoration: none; color: #C00000; }

A.link2 {
        font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #c00000;
}

A.link2:hover {
        font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: Red;
        text-decoration : underline;
}

A.link4 {
        font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #a0a0a0;
}

A.link4:hover {
        font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #505050;
                  background-image: none;
                  text-decoration : none;
                  padding : 0px;
}

.small {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 1px;
        text-decoration: none;
        color: #ffffff;
        font-weight : bold;
}

.abb2 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #000000;
        font-weight : bold;
}

.abb3 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 9px;
        text-decoration: none;
        color: #9C0000;
        font-weight : normal;
}

A.abb3:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 9px;
        text-decoration: none;
        color: #7C7FDC;
        font-weight : normal;
}

.abb4 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #9C0000;
        font-weight : normal;
}

A.abb4:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #7C7FDC;
        font-weight : normal;
}

.abb5 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #909090;
        font-weight : normal;
}

A.abb6 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #808080;
        font-weight : bold;
}

A.abb6:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #9C0000;
        font-weight : bold;
}

.abb7 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #000000;
        font-weight : normal;
}

.abb8 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #000000;
}

A.abb8:Hover {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: Red;
                  background-image: none;
}

.abb9 {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 9px;
        text-decoration: none;
        color: #000000;
}

.form, .form4 { font-family:Arial,sans-serif; font-size:16px; }
.form1 { width:600px; padding-right:12px; }
.form2 { width:600px; color: #0000fc; border: 1px solid #000000; background-color: #ffffff; padding:5px; }
.form3 { width:80%; color: #0000fc; border: 1px solid #909090; border-radius:3px; background-color: #f9f9f9; padding:5px; color:#000000; }
.form4 { color: #0000fc; border: 1px solid #909090; border-radius:3px; background-color: #ffffff; padding:5px; color:#000000; }

._field1 { color:#0000fc; text-align:left; border:1px solid #909090; background-color:#ffffff; padding-left:4px; padding-top:2px; padding-bottom:2px; width:150px; }
._field2 { color:#000000; text-align:left; border:1px solid #909090; background-color:#ffffff; padding:4px; }
._button1 { font-weight:bold; color:#909090; text-align:center; border:1px solid #909090; padding:4px; background: linear-gradient(225deg, #f5f5f5, #e0e0e0 80%); }
._button2 { font-weight:bold; color:#000000; text-align:center; border:1px solid #909090; border-radius:3px; padding:4px 8px 4px 8px; background: linear-gradient(225deg, #f5f5f5, #e0e0e0 80%); }
._button3 {  font-size:16px; font-weight:bold; color:#000000; text-align:center; border:1px solid #909090; border-radius:3px; padding:4px 8px 5px 8px; background: linear-gradient(225deg, #f5f5f5, #e0e0e0 80%); }
._button1:hover, ._button2:hover, ._button3:hover { background: linear-gradient(225deg, #b0b0b0, #909090 80%); cursor:pointer; //background-color:#909090; color:white; }

.bild_soc_book { margin:auto; height:36px; width:168px; background:url(../images/soc_book.gif); background-repeat:no-repeat; }
A.soc:Hover { background-image:none; text-decoration:none; }
.socimg { padding-bottom:1px; border:none; }
.socsub { padding-right:5px; padding-bottom:5px; }
.soc_ico1 { float:right; border:none;padding-right:8px; }
.soc_ico2 { border:none;padding-right:5px; }
.soc_ico3 { float:right;display:inline;margin-right:3px;padding-left:3px; }

.flag_ico1 { border:none; float:left; padding-left:5px; }

.stylebox, .stylebox1, .stylebox3 { width:566px; }
.stylebox1 { height:25px;background-image: url(../images/mainitem_header.gif); text-align:center; }
.stylebox2 { border-left:1px solid #8b8b8b; border-right: 1px solid #8b8b8b; padding: 0 12px 0 12px; text-align:justify; }
.stylebox3 { height:20px; background-image: url(../images/mainitem_bottom.gif); }
.stylebox4 { text-align:right;padding-right:12px; padding-bottom:3px; }
.stylequote { position:relative; padding:4px 0 0 44px; }
.stylequote2 { position:relative; padding:0 15px 0 15px; }
.stylequote3 { position:relative; padding: 0 0 0 7px; }
.stylequote4 { position:relative; padding: 0 0 0 15px; }

.box { border: 1px solid #c0c0c0; width: 100%; }
.titel { font-size: 11pt;font-weight : bold; background: #f0f0f0; padding: 2px; }
.box-text { padding: 5px; text-align: justify; }

#slider2_container { padding-right:10px; z-index:100; }

.ovl { width:718px; height:300px; }

.navigation4 { display:none; }
.no_slider { display:none; }
.no_sidebar { display:none; }
.nav_sub { display:none; }
.sub_line { background-color:#e5e5e5; border-top: 1px solid #f0f0f0;border-left: 1px solid #f0f0f0; border-bottom:1px solid #b0b0b0; border-right:1px solid #b0b0b0; padding:4px; margin-bottom:4px; text-align:left; }
a.sub_link { font-weight:bold; background: url(../images/pointer5.png) 0px 4px; background-repeat: no-repeat; padding-left: 10px; display: block; }
a.sub_link:hover { color:#7C7FDC; }

.home { float:left; }
.drop_title { font-weight:bold; background: #f0f0f0; border-top:1px solid #00009c; border-bottom:1px dotted #000000; padding:5px 0 5px 5px; }

.unmark_slider { height:400px; }

#cookiedisc_sep { margin-bottom: 0px; }
#cookiedisc { padding:4px; background: #909090; opacity: 0.95; position:fixed; bottom:0px; z-index:10000; width:100%; }
.cookie_int { width:90%; text-align: center; margin-left: auto; margin-right: auto; display: flex; justify-content: center; }
.cookie_txt { order: 1; padding:8px; color:#000000; font-size:12px; text-align: justify; }
#cookie_button { order: 2; height: 20px; background:#a0a0a0; text-decoration:none; cursor:pointer; font-size:16px; margin-top:6px; padding:3px 10px 3px 10px; color:#000000; border-radius: 3px; box-shadow: 1px 1px 2px #606060; }
#cookie_button:hover { background:#d0d0d0; text-decoration:none; cursor:pointer; }

.affiliate { width:120px; height: auto; }
.title_text {
         float:right;
         margin-top:15px;
         margin-right:2px;
         font-size:10px;
         font-weight: bold;
         color: #10A5FF;
         text-shadow:  1px  1px 1px #00019A,
                       1px -1px 1px #00019A,
                       -1px  1px 1px #00019A,
                       -1px -1px 1px #00019A;
}

.vid_tutorial { float:left; width:175px; height:120px; text-align:center; padding:10px; margin:10px; font-size:12px; font-weight:bold; }
.vid_ico { float:left; width:160px; height:100px; text-align:center; padding:15px; margin-bottom:45px; font-size:12px; line-height: 15px; font-weight:bold; }

.galerie_container { border:1px solid #f0f0f0; padding-left:20px; }
.galerie_thumbnail { float:left; height:150px; margin-bottom:24px; margin-right:5px; border:1px solid #d0d0d0;background-color:#f1f1f1; text-align:center; }

.yt_link_over, .yt_link_over_g { position:absolute; width: 100%; top: 50%; transform: translateY(-50%); text-decoration:none; cursor:pointer; }
.yt_link_over_v { position:absolute; width: 100%; top: 50%; transform: translateY(-50%); text-decoration:none; cursor:pointer; }
.yt_link_sub, .yt_link_sub_g, .yt_link_sub_v { width:100%; margin-left:auto; margin-right:auto; display:block; overflow: hidden; position:relative; z-index:10; }
.yt_link_txt_v { display:block; border-top:1px solid #000000; border-bottom:1px solid #000000; background-color:#ffffff; opacity:0.9; font-size:12px; font-weight:normal; color:black; line-height:14px; padding:5px; font-size:14px; }
.yt_link_button { position:relative; z-index:20; border: none; }
.yt_link_over_a {  text-decoration:none; cursor:pointer; }

.shop_link_sub  { width:100%; margin-left:auto; margin-right:auto; display:block; overflow: hidden; position:relative; z-index:10; }
.shop_link_over  { position:absolute; bottom: 4px; right: 0px; text-decoration:none; cursor:pointer; }

div.privacy-msg b {
    width:100%;
    text-align:center;
    position: absolute;
    top: 0;
    margin-left:auto;
    margin-right:auto;
    display:block;
    overflow: hidden;
    z-index:2;
}

.video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        z-index:1;
}

.video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}

        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /*jssor slider bullet skin 132 css*/
        .jssorb132 {position:absolute;}
        .jssorb132 .i {position:absolute;cursor:pointer;}
        .jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
        .jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
        .jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
        .jssorb132 .i.idn {opacity:0.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#c0c0c0;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:0.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:1;pointer-events:none;}

@media all and (max-width: 1500px) {
  #Mainframe, #Top, #Mitte, #Unten {
         margin:0;
         border:none;
         border-radius:0;
         width:auto;
  }
  .hauptbereich {
         width:auto;
  }
}
@media all and (max-width: 1350px) {
  .pic_link_v  {
         width:380px;
  }
}
@media all and (max-width: 1250px) {
  .pic_right_g {
         width:100%;
         height:auto;
  }
}
@media all and (max-width: 1100px) {
  .nav_button, .nav_button1, .nav_button2, .nav_button_active, .nav_button_link, .nav_buy_button_active, .nav_buy_button_link, .nav_sup_button_active, .nav_sup_button_link  {
         width:86px;
         padding-right:2px;
         padding-left:2px;
         font-size:13px;
         line-height:13px;
  }
  .pic_link_v  {
         width:370px;
  }
}
@media all and (max-width: 1050px) {
  .pic_link_v  {
         width:340px;
  }
}
@media all and (max-width: 960px) {
  .navigation_link, a.navigation_link {
         padding-right:18px;
         padding-left:18px;
  }
  .ico_left_nav {
         width:24px;
         height:24px;
  }
  a.info_p:hover span {
         left:-137px;
  }
  .text_dsp {
         font-size:10px;
  }
  .div_thumb_banner {
         width:90%;
  }
  .pic_link_v  {
         width:300px;
  }
  .yt_link_over_v { top: 35%; }
  .yt_link_button { width:75px; }
}
@media all and (max-width: 900px) {
  .no_dsp {
         display:none;
  }
  .nav_sub {
         display:block;
  }
  .pic_link_v  {
         width:280px;
  }
}
@media all and (max-width: 870px) {
  .unmark_slider
  {
         height:auto;
  }
  .navigation_link, a.navigation_link {
         padding-top:8px;
         font-size:14px;
         padding-right:15px;
         padding-left:15px;
  }
  .navigation3-content {
         width: 95%;
  }
  .xtra {
         font-size: 14pt;
         line-height:28px;
  }
  .form1, .form2 {
         width:100%;
  }
  .galerie_thumb {
         width:85%;
  }
  .galerie_thumbnail {
         width:150px;
  }
  a.info_p:hover span {
         width:575px;
         left:-115px;
  }
  .pic_link_v  {
         width:350px;
  }
  .pic_right_d  {
         float:none;
         margin: 0 0 15px 0;
         width:100%;
  }
  .t_panel, .pic_right_h {
         width:100%;
  }
  .text_dsp {
         display:none;
         width:30px;
         height:25px;
  }
  .button_link {
         width:auto;
         height:25px;
  }
  .yt_big {
         width:100%;
         height:100%;
  }
  .no_dsp {
         display:block;
  }
  .nav_sub {
         display:none;
  }
  #sidebar {
         display:none;
  }
  .no_sidebar {
         display: block;
  }
  .box_gross_einfach, .box_gross_top, .box_gross_top_2, .box_gross_unten, .box_gross_unten2, .box_klein, .box_klein2, .box_klein3, .box_klein4 {
           box-shadow: 1px 1px 1px #909090;
  }
  .pic_link_s, .yt_link_over, .yt_link_sub {
         width:300px;
  }
  .pic_right_s {
         display: block;
         margin-left: auto;
         margin-right: auto;
         clear:both;
         float:none;
  }
  #cookiedisc_sep {
         margin-bottom:50px;
  }
  .yt_link_sub {
         width: 80%;
  }
  .logofont1 {
         font-size:18px;
  }
  .logofont2 {
         font-size:14px;
  }
  .logofont3 {
         font-weight:bold;
  }
}
@media all and (max-width: 780px) {
  .pic_link_v  {
         width:300px;
  }
}
@media all and (max-width: 710px) {
  #Top {
         display:inline;
         position:fixed;
         z-index: 9999;
         height:50px;
         width:100%;
         background-size:100% 50px;
         border-radius:0px;
         box-shadow: 5px 5px 5px #888888;
         background: #98020D url(../images/skin/back_style3.png) no-repeat; background-position: top center;
  }
  #Mitte {
         padding-top:70px;
         background: #e0e0e0;
  }
  #Unten {
         border-radius:0px;
         border-top:1px dotted #909090;
  }
  /*
  .slider {
         display:none;
  }
  .no_slider {
         display:block;
  }
  */
  .logofont1 {
         font-size:12px;
  }
  .logofont2 {
         font-size:9px;
  }
  .logoarea1 {
         height: 50px;
  }
  .logoarea2 {
         border-radius:0px;
         width:100px;
  }
  .logoarea3 {
         padding-top:5px;
         margin-left:120px;
  }
  .navigation1 {
         display: none;
  }
  .navigation4 {
         display:inline;
         position:absolute;
         z-index:1000;
         top:0;
         right:10px;
         font-color:white;
  }
  .pic_link_v  {
         width:250px;
  }
  .pic_right_s {
         width:100%;
         height:100%;
  }
  .shop_pic_mini {
         width:100px;
         height:60px;
  }
  .div_thumb10 {
         width:120px;
         height:72px;
  }
  .no_dsp {
         display:none;
  }
  .nav_sub {
         display:block;
  }
  .box_error {
         border:dotted 2px #c00000;
         color:#000000;
  }
  .yt_link_over_v { top: 35%; }
  .yt_link_button { width:50px; }
}

@media all and (max-width: 640px) {
  .pic_right_ga, .pic_right_gas {
         width:100%;
         margin: 0;
         padding: 0;
         float:none;
         clear:both;
  }
  .pic_link_v  {
         margin: 0 0 15px 0;
         width:100%;
  }
  .pic_link_ga {
         margin-bottom:10px;
  }
  .div_venuemagic {
         width:160px;
  }
}

@media all and (max-width: 560px) {
  .nav_button, .nav_button1, .nav_button2, .nav_button3a, .nav_button_active, .nav_button_link, .nav_buy_button_active, .nav_buy_button_link, .nav_sup_button_active, .nav_sup_button_link  {
         width:85px;
         font-size:9px;
  }
  .logofont1 {
         font-size:12px;
         font-weight:bold;
  }
  .div_thumb9, .div_thumb10 {
         width:72px;
         height:43px;
  }
  .shop_pic_mini {
         width:64px;
         height:40px;
  }
  .pic_right_f  {
         float:none;
         margin: 0 0 15px 0;
         width:100%;
  }
  .pic_link_t {
         width:70px;
         height:50px;
  }
  .pic_left_g {
         width:100%;
         float:none;
         height:auto;
  }
  .winter {
         display:none;
  }
  .unmark2 a {
         top:10px;
         left:10px;
  }
  .div_thumb6, .div_thumb8 {
         float:none;
         width:100%;
  }
  .div_venuemagic {
         width:100%;
  }
}

@media all and (max-width: 460px) {
  .nav_button, .nav_button1, .nav_button2, .nav_button3a, .nav_button_active, .nav_button_link, .nav_buy_button_active, .nav_buy_button_link, .nav_sup_button_active, .nav_sup_button_link  {
         width:80px;
         font-size:9px;
  }
  .ico_left_nav {
         display:none;
  }
  .pic_right_s {
         display: block;
         margin-left: auto;
         margin-right: auto;
         clear:both;
         float:none;
  }
  .unten_spalte {
         float:none;
         width:100%;
         margin-right: 0;
  }
  .hg1 {
         font-size:22px;
  }
/*
  .pic_link_t {
         width:30px;
         height:20px;
  }
*/
  .pic_title {
         width: 100%;
  }
  .div_text_right {
         //position: fixed;
         margin: 0;
  }
  .logofont1, .logofont2 {
         display:none;
  }
  .logofont4 {
         display:block;
  }
  .unmark2 a {
         top:5px;
         left:5px;
  }
  .yt_link_over_v { top: 25%; }
  .yt_link_button { width:35px; }
  .yt_link_txt_v { font-size:9px; }
}

@media all and (max-width: 340px) {
  .nav_button, .nav_button1, .nav_button2, .nav_button_active, .nav_button_link, .nav_buy_button_active, .nav_buy_button_link, .nav_sup_button_active, .nav_sup_button_link {
         width:75px;
         font-size:8px;
  }
  .logofont1 {
         font-size:11px;
         font-weight:bold;
  }
  .div_thumb9, .div_thumb10 {
         width:50px;
         height:40px;
  }
  .pic_link_s, .yt_link_over, .yt_link_sub {
         width:100%;
  }
  .shop_pic_mini {
         width:50px;
         height:32px;
  }
  .nav_button_top {
         width:32px;
  }
  .drucken {
         width: 24px;
  }
}