/**
 * @package		plg_content_qltabs
 * @copyright	Copyright (C) 2017 ql.de All rights reserved.
 * @author 		Mareike Riegel mareike.riegel@ql.de
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

.qltabs_container{clear:both;}

.qltabs_container.plop .qltabs .qltab_content.active {display:block;}

/*HORIZONTAL START*/
.qltabs_container.horizontal .qltabs_head .qltab_head {cursor:pointer;float:left;padding:4px 15px;margin-right:10px;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid rgb(230,230,230);border-bottom:0;}
.qltabs_container.horizontal .qltabs_head .qltab_head.active {background:rgb(230,230,230);}
.qltabs_container.horizontal .qltabs {clear:both;background:rgb(230,230,230);}
.qltabs_container.horizontal .qltabs .qltab_content {background:rgb(230,230,230);padding:15px;display:none;}
/*HORIZONTAL STOP*/

/*VERTICAL START*/
.qltabs_container.vertical .qltabs_head{float:left;box-sizing:border-box;width:25%;}
.qltabs_container.vertical .qltabs_head .qltab_head {box-sizing:border-box;width:100%;cursor:pointer;float:left;padding:15px;border-bottom:1px solid rgb(230,230,230);}
.qltabs_container.vertical .qltabs_head .qltab_head:last-child {border-bottom:0;}
.qltabs_container.vertical .qltabs_head .qltab_head.active {background:rgb(230,230,230);}
.qltabs_container.vertical .qltabs {float:left;box-sizing:border-box;width:75%;clear:none;background:rgb(230,230,230);}
.qltabs_container.vertical .qltabs .qltab_content {background:rgb(230,230,230);padding:15px;display:none;}
/*VERTICAL STOP*/

.qltabs_container.vertical.width0 .qltabs_head{width:0%;}
.qltabs_container.vertical.width0 .qltabs{width:100%;}
.qltabs_container.vertical.width1 .qltabs_head{width:1%;}
.qltabs_container.vertical.width1 .qltabs{width:99%;}
.qltabs_container.vertical.width2 .qltabs_head{width:2%;}
.qltabs_container.vertical.width2 .qltabs{width:98%;}
.qltabs_container.vertical.width3 .qltabs_head{width:3%;}
.qltabs_container.vertical.width3 .qltabs{width:97%;}
.qltabs_container.vertical.width4 .qltabs_head{width:4%;}
.qltabs_container.vertical.width4 .qltabs{width:96%;}
.qltabs_container.vertical.width5 .qltabs_head{width:5%;}
.qltabs_container.vertical.width5 .qltabs{width:95%;}
.qltabs_container.vertical.width6 .qltabs_head{width:6%;}
.qltabs_container.vertical.width6 .qltabs{width:94%;}
.qltabs_container.vertical.width7 .qltabs_head{width:7%;}
.qltabs_container.vertical.width7 .qltabs{width:93%;}
.qltabs_container.vertical.width8 .qltabs_head{width:8%;}
.qltabs_container.vertical.width8 .qltabs{width:92%;}
.qltabs_container.vertical.width9 .qltabs_head{width:9%;}
.qltabs_container.vertical.width9 .qltabs{width:91%;}
.qltabs_container.vertical.width10 .qltabs_head{width:10%;}
.qltabs_container.vertical.width10 .qltabs{width:90%;}
.qltabs_container.vertical.width11 .qltabs_head{width:11%;}
.qltabs_container.vertical.width11 .qltabs{width:89%;}
.qltabs_container.vertical.width12 .qltabs_head{width:12%;}
.qltabs_container.vertical.width12 .qltabs{width:88%;}
.qltabs_container.vertical.width13 .qltabs_head{width:13%;}
.qltabs_container.vertical.width13 .qltabs{width:87%;}
.qltabs_container.vertical.width14 .qltabs_head{width:14%;}
.qltabs_container.vertical.width14 .qltabs{width:86%;}
.qltabs_container.vertical.width15 .qltabs_head{width:15%;}
.qltabs_container.vertical.width15 .qltabs{width:85%;}
.qltabs_container.vertical.width16 .qltabs_head{width:16%;}
.qltabs_container.vertical.width16 .qltabs{width:84%;}
.qltabs_container.vertical.width17 .qltabs_head{width:17%;}
.qltabs_container.vertical.width17 .qltabs{width:83%;}
.qltabs_container.vertical.width18 .qltabs_head{width:18%;}
.qltabs_container.vertical.width18 .qltabs{width:82%;}
.qltabs_container.vertical.width19 .qltabs_head{width:19%;}
.qltabs_container.vertical.width19 .qltabs{width:81%;}
.qltabs_container.vertical.width20 .qltabs_head{width:20%;}
.qltabs_container.vertical.width20 .qltabs{width:80%;}
.qltabs_container.vertical.width21 .qltabs_head{width:21%;}
.qltabs_container.vertical.width21 .qltabs{width:79%;}
.qltabs_container.vertical.width22 .qltabs_head{width:22%;}
.qltabs_container.vertical.width22 .qltabs{width:78%;}
.qltabs_container.vertical.width23 .qltabs_head{width:23%;}
.qltabs_container.vertical.width23 .qltabs{width:77%;}
.qltabs_container.vertical.width24 .qltabs_head{width:24%;}
.qltabs_container.vertical.width24 .qltabs{width:76%;}
.qltabs_container.vertical.width25 .qltabs_head{width:25%;}
.qltabs_container.vertical.width25 .qltabs{width:75%;}
.qltabs_container.vertical.width26 .qltabs_head{width:26%;}
.qltabs_container.vertical.width26 .qltabs{width:74%;}
.qltabs_container.vertical.width27 .qltabs_head{width:27%;}
.qltabs_container.vertical.width27 .qltabs{width:73%;}
.qltabs_container.vertical.width28 .qltabs_head{width:28%;}
.qltabs_container.vertical.width28 .qltabs{width:72%;}
.qltabs_container.vertical.width29 .qltabs_head{width:29%;}
.qltabs_container.vertical.width29 .qltabs{width:71%;}
.qltabs_container.vertical.width30 .qltabs_head{width:30%;}
.qltabs_container.vertical.width30 .qltabs{width:70%;}
.qltabs_container.vertical.width31 .qltabs_head{width:31%;}
.qltabs_container.vertical.width31 .qltabs{width:69%;}
.qltabs_container.vertical.width32 .qltabs_head{width:32%;}
.qltabs_container.vertical.width32 .qltabs{width:68%;}
.qltabs_container.vertical.width33 .qltabs_head{width:33%;}
.qltabs_container.vertical.width33 .qltabs{width:67%;}
.qltabs_container.vertical.width34 .qltabs_head{width:34%;}
.qltabs_container.vertical.width34 .qltabs{width:66%;}
.qltabs_container.vertical.width35 .qltabs_head{width:35%;}
.qltabs_container.vertical.width35 .qltabs{width:65%;}
.qltabs_container.vertical.width36 .qltabs_head{width:36%;}
.qltabs_container.vertical.width36 .qltabs{width:64%;}
.qltabs_container.vertical.width37 .qltabs_head{width:37%;}
.qltabs_container.vertical.width37 .qltabs{width:63%;}
.qltabs_container.vertical.width38 .qltabs_head{width:38%;}
.qltabs_container.vertical.width38 .qltabs{width:62%;}
.qltabs_container.vertical.width39 .qltabs_head{width:39%;}
.qltabs_container.vertical.width39 .qltabs{width:61%;}
.qltabs_container.vertical.width40 .qltabs_head{width:40%;}
.qltabs_container.vertical.width40 .qltabs{width:60%;}
.qltabs_container.vertical.width41 .qltabs_head{width:41%;}
.qltabs_container.vertical.width41 .qltabs{width:59%;}
.qltabs_container.vertical.width42 .qltabs_head{width:42%;}
.qltabs_container.vertical.width42 .qltabs{width:58%;}
.qltabs_container.vertical.width43 .qltabs_head{width:43%;}
.qltabs_container.vertical.width43 .qltabs{width:57%;}
.qltabs_container.vertical.width44 .qltabs_head{width:44%;}
.qltabs_container.vertical.width44 .qltabs{width:56%;}
.qltabs_container.vertical.width45 .qltabs_head{width:45%;}
.qltabs_container.vertical.width45 .qltabs{width:55%;}
.qltabs_container.vertical.width46 .qltabs_head{width:46%;}
.qltabs_container.vertical.width46 .qltabs{width:54%;}
.qltabs_container.vertical.width47 .qltabs_head{width:47%;}
.qltabs_container.vertical.width47 .qltabs{width:53%;}
.qltabs_container.vertical.width48 .qltabs_head{width:48%;}
.qltabs_container.vertical.width48 .qltabs{width:52%;}
.qltabs_container.vertical.width49 .qltabs_head{width:49%;}
.qltabs_container.vertical.width49 .qltabs{width:51%;}
.qltabs_container.vertical.width50 .qltabs_head{width:50%;}
.qltabs_container.vertical.width50 .qltabs{width:50%;}
.qltabs_container.vertical.width51 .qltabs_head{width:51%;}
.qltabs_container.vertical.width51 .qltabs{width:49%;}
.qltabs_container.vertical.width52 .qltabs_head{width:52%;}
.qltabs_container.vertical.width52 .qltabs{width:48%;}
.qltabs_container.vertical.width53 .qltabs_head{width:53%;}
.qltabs_container.vertical.width53 .qltabs{width:47%;}
.qltabs_container.vertical.width54 .qltabs_head{width:54%;}
.qltabs_container.vertical.width54 .qltabs{width:46%;}
.qltabs_container.vertical.width55 .qltabs_head{width:55%;}
.qltabs_container.vertical.width55 .qltabs{width:45%;}
.qltabs_container.vertical.width56 .qltabs_head{width:56%;}
.qltabs_container.vertical.width56 .qltabs{width:44%;}
.qltabs_container.vertical.width57 .qltabs_head{width:57%;}
.qltabs_container.vertical.width57 .qltabs{width:43%;}
.qltabs_container.vertical.width58 .qltabs_head{width:58%;}
.qltabs_container.vertical.width58 .qltabs{width:42%;}
.qltabs_container.vertical.width59 .qltabs_head{width:59%;}
.qltabs_container.vertical.width59 .qltabs{width:41%;}
.qltabs_container.vertical.width60 .qltabs_head{width:60%;}
.qltabs_container.vertical.width60 .qltabs{width:40%;}
.qltabs_container.vertical.width61 .qltabs_head{width:61%;}
.qltabs_container.vertical.width61 .qltabs{width:39%;}
.qltabs_container.vertical.width62 .qltabs_head{width:62%;}
.qltabs_container.vertical.width62 .qltabs{width:38%;}
.qltabs_container.vertical.width63 .qltabs_head{width:63%;}
.qltabs_container.vertical.width63 .qltabs{width:37%;}
.qltabs_container.vertical.width64 .qltabs_head{width:64%;}
.qltabs_container.vertical.width64 .qltabs{width:36%;}
.qltabs_container.vertical.width65 .qltabs_head{width:65%;}
.qltabs_container.vertical.width65 .qltabs{width:35%;}
.qltabs_container.vertical.width66 .qltabs_head{width:66%;}
.qltabs_container.vertical.width66 .qltabs{width:34%;}
.qltabs_container.vertical.width67 .qltabs_head{width:67%;}
.qltabs_container.vertical.width67 .qltabs{width:33%;}
.qltabs_container.vertical.width68 .qltabs_head{width:68%;}
.qltabs_container.vertical.width68 .qltabs{width:32%;}
.qltabs_container.vertical.width69 .qltabs_head{width:69%;}
.qltabs_container.vertical.width69 .qltabs{width:31%;}
.qltabs_container.vertical.width70 .qltabs_head{width:70%;}
.qltabs_container.vertical.width70 .qltabs{width:30%;}
.qltabs_container.vertical.width71 .qltabs_head{width:71%;}
.qltabs_container.vertical.width71 .qltabs{width:29%;}
.qltabs_container.vertical.width72 .qltabs_head{width:72%;}
.qltabs_container.vertical.width72 .qltabs{width:28%;}
.qltabs_container.vertical.width73 .qltabs_head{width:73%;}
.qltabs_container.vertical.width73 .qltabs{width:27%;}
.qltabs_container.vertical.width74 .qltabs_head{width:74%;}
.qltabs_container.vertical.width74 .qltabs{width:26%;}
.qltabs_container.vertical.width75 .qltabs_head{width:75%;}
.qltabs_container.vertical.width75 .qltabs{width:25%;}
.qltabs_container.vertical.width76 .qltabs_head{width:76%;}
.qltabs_container.vertical.width76 .qltabs{width:24%;}
.qltabs_container.vertical.width77 .qltabs_head{width:77%;}
.qltabs_container.vertical.width77 .qltabs{width:23%;}
.qltabs_container.vertical.width78 .qltabs_head{width:78%;}
.qltabs_container.vertical.width78 .qltabs{width:22%;}
.qltabs_container.vertical.width79 .qltabs_head{width:79%;}
.qltabs_container.vertical.width79 .qltabs{width:21%;}
.qltabs_container.vertical.width80 .qltabs_head{width:80%;}
.qltabs_container.vertical.width80 .qltabs{width:20%;}
.qltabs_container.vertical.width81 .qltabs_head{width:81%;}
.qltabs_container.vertical.width81 .qltabs{width:19%;}
.qltabs_container.vertical.width82 .qltabs_head{width:82%;}
.qltabs_container.vertical.width82 .qltabs{width:18%;}
.qltabs_container.vertical.width83 .qltabs_head{width:83%;}
.qltabs_container.vertical.width83 .qltabs{width:17%;}
.qltabs_container.vertical.width84 .qltabs_head{width:84%;}
.qltabs_container.vertical.width84 .qltabs{width:16%;}
.qltabs_container.vertical.width85 .qltabs_head{width:85%;}
.qltabs_container.vertical.width85 .qltabs{width:15%;}
.qltabs_container.vertical.width86 .qltabs_head{width:86%;}
.qltabs_container.vertical.width86 .qltabs{width:14%;}
.qltabs_container.vertical.width87 .qltabs_head{width:87%;}
.qltabs_container.vertical.width87 .qltabs{width:13%;}
.qltabs_container.vertical.width88 .qltabs_head{width:88%;}
.qltabs_container.vertical.width88 .qltabs{width:12%;}
.qltabs_container.vertical.width89 .qltabs_head{width:89%;}
.qltabs_container.vertical.width89 .qltabs{width:11%;}
.qltabs_container.vertical.width90 .qltabs_head{width:90%;}
.qltabs_container.vertical.width90 .qltabs{width:10%;}
.qltabs_container.vertical.width91 .qltabs_head{width:91%;}
.qltabs_container.vertical.width91 .qltabs{width:9%;}
.qltabs_container.vertical.width92 .qltabs_head{width:92%;}
.qltabs_container.vertical.width92 .qltabs{width:8%;}
.qltabs_container.vertical.width93 .qltabs_head{width:93%;}
.qltabs_container.vertical.width93 .qltabs{width:7%;}
.qltabs_container.vertical.width94 .qltabs_head{width:94%;}
.qltabs_container.vertical.width94 .qltabs{width:6%;}
.qltabs_container.vertical.width95 .qltabs_head{width:95%;}
.qltabs_container.vertical.width95 .qltabs{width:5%;}
.qltabs_container.vertical.width96 .qltabs_head{width:96%;}
.qltabs_container.vertical.width96 .qltabs{width:4%;}
.qltabs_container.vertical.width97 .qltabs_head{width:97%;}
.qltabs_container.vertical.width97 .qltabs{width:3%;}
.qltabs_container.vertical.width98 .qltabs_head{width:98%;}
.qltabs_container.vertical.width98 .qltabs{width:2%;}
.qltabs_container.vertical.width99 .qltabs_head{width:99%;}
.qltabs_container.vertical.width99 .qltabs{width:1%;}
.qltabs_container.vertical.width100 .qltabs_head{width:100%;}
.qltabs_container.vertical.width100 .qltabs{width:0%;}

@media(max-width:550px)
{
    .qltabs_container.vertical[class*='width'] .qltabs_head,.qltabs_container.vertical[class*='width'] .qltabs{clear:both;width:100%;}
    .qltabs_head {box-sizing:border-box;width:100%;}
    .qltabs_head .qltab_head{clear:both;box-sizing:border-box;width:100%;}
}