/* cv-violins | createyourtemplate GmbH & Co KG || Author Steffen Geyer */

.cf:before, .cf:after 			{content:""; display:table;}
.cf:after 								{clear:both;}

body          {}
#doc          {float: left; width: 100%; font-family: Helvetica, Arial, sans-serif; background: #fff; color: #000}
#doc a        {text-decoration: none; outline: none; color: inherit;}
#doc img      {font-size: small; border: none;}
#debug        {display: none;}

#doc #panel,
#doc #header,
#doc #main-menu,
#doc #page,
#doc #footer,
#doc #copyright   {float: left; width: 100%; text-align: center;}
#doc .section     {width: 96%; max-width: 980px; margin: 0 auto;}

#doc #header                        {background: #002a43}
#doc #header *                      {margin: 0; padding: 0; box-sizing: border-box;}
#doc #header .section               {margin: 0 auto; position: relative;}
@media only screen and (min-width: 1040px){
  #doc #header .section    {min-height: 160px;}
}
#doc #header a.shop-logo            {display: block; margin-top: 25px; float: left; width: 320px; height: 54px; background: url(https://www.corilon.com/corilon/EBAY/cv-violins/img/corilon.png) no-repeat; background-size: contain;}
#doc #header .links                 {float: right; margin: 20px 0 0 0; font-size: 12px; line-height: 14px;}
#doc #header .links li              {float: left; list-style: none; list-style-type: none; color: #002a43; padding-right: 4px;}
#doc #header .links a               {color: #98a9b3; display: inline-block; margin-right: 4px;}
#doc #header .links a:hover         {color: #fff;}
#doc #header .links li:last-of-type     {padding-right: 0;}
#doc #header .links li:last-of-type a  {margin-right: 0;}
#doc #header .claim                 {position: absolute; top: 60px; right: 0; font-size: 13px; line-height: 19px; color: #fff; text-align: right; letter-spacing: 0.15em; text-transform: uppercase;}
#doc #header .claim strong          {font-size: 14px;}

#doc #header #main-menu             {text-align: left; float: left; width: 100%; position: absolute; bottom: 10px; left: 0;}
#doc #header #main-menu li          {list-style: none; list-style-type: none;}
#doc #header #main-menu > ul        {float: left; width: 75%;}
#doc #header #main-menu > ul > li     {float: left; margin: 0 10px; font-size: 18px; line-height: 20px;}
#doc #header #main-menu > ul > li > a     {display: block; color: #98a9b3; padding: 14px 0; font-size: 22px; line-height: 24px; font-weight: 300;}
#doc #header #main-menu > ul > li > a:hover    {color: #fff}
#doc #header #main-menu > ul > li:first-of-type  {margin-left: 0;}
#doc #header #main-menu > ul > li:last-of-type   {margin-right: 0;}

#doc #footer *              {margin: 0; padding: 0; box-sizing: border-box;}
#doc #footer .section       {background: #eceaea; color: #333; padding: 20px 10px; margin: 0 auto;}
#doc #footer a              {color: #002a43; display: block;}
#doc #footer a:hover        {color: #00263f;}
#doc #footer .col           {float: left; width: 25%; height: 160px; border-left: 1px solid #ccc; padding: 0 10px 0 30px; text-align: left; font-size: 12px; line-height: 16px; color: #000;}
#doc #footer .col-1         {border-left: none;}
#doc #footer .col-4         {position: relative;}
#doc #footer p.icon         {width: 30px; height: 30px; margin-top: 7px; background: url(https://www.corilon.com/corilon/EBAY/img/footer-icons.png) -3000px -3000px no-repeat;}
#doc #footer .col-1 p.icon  {background-position: 0 2px}
#doc #footer .col-2 p.icon  {background-position: -33px 1px}
#doc #footer .col-3 p.icon  {background-position: 0 -30px}
#doc #footer .col-4 p.icon  {background-position: -33px -29px;}
#doc #footer p.hl           {color: #00263f; font-size: 16px; line-height: 18px; margin: 20px 0 15px;}
#doc #footer p.text         {font-size: 12px; line-height: 20px;}
#doc #footer .col-4 a       {position: absolute; top: 0; left: 0; float: left; width: 100%; height: 160px; line-height: 160px; font-size: 12px; background: url(https://www.corilon.com/corilon/EBAY/img/blind.gif) repeat;}

#doc .author                {float: left; width: 100%; margin-bottom: 20px;}
#doc .author *              {margin: 0; padding: 0; box-sizing: border-box;}
#doc .author .section       {margin: 0 auto; background: #002a42; color: #fff;}
#doc .author p.logo         {display: block; float: left;width: 237px; height: 40px; margin: 25px 0 25px 40px; background: url(https://www.corilon.com/corilon/EBAY/finestringinstruments/img/corilon.png) no-repeat; background-size: contain;}
#doc .author .copyright     {float: right; margin: 25px 40px 0 0; text-align: right;}
#doc .author .copyright p     {font-size: 12px; line-height: 18px;}
#doc .author .copyright a     {color: #002a43}
#doc .author .copyright a:hover {color: #fff;}
#doc .author .copyright cite    {color: #fff; font-style: normal;}

#doc .item-view .section                 {padding-top: 60px;}

#galleryHolder {float: left; width: 49.2%}
#galleryHolder .stage ul>li>input+div,#galleryHolder .thumbs ul>li>label>div,#galleryHolder .thumbs ul>li>label>img,.stage ul>li div{background-size:contain;background-position:center center;background-repeat:no-repeat}#galleryHolder .stage ul>li>input+div,#galleryHolder .thumbs ul>li,#galleryHolder .thumbs ul>li>label>img,#galleryHolder .thumbs ul>li>label>img:after{background-color:rgba(255,255,255,1)}#galleryHolder .thumbs ul>li{width:calc(100% / 4);width:25%;float:left}#galleryHolder .stage ul>li>input,#galleryHolder .stage ul>li[data='']{display:none}#galleryHolder .gallery{margin:0 .5rem;-ms-flex:1;flex:1;-ms-flex-order:1;order:1}#galleryHolder .stage{position:relative;z-index:2;width:100%;height:0;margin-bottom:.5rem;padding-bottom:100%}#galleryHolder .stage ul{margin:0;padding:0;list-style:none}#galleryHolder .stage ul>li{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}.stage ul>li div{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-transition:opacity .5s ease 0s;transition:opacity .5s ease 0s;opacity:0;background-color:#fff}#galleryHolder .stage ul>li>input+div{display:block;display:-ms-flexbox;display:flex;width:100%;height:100%;transition:opacity .5s ease 0s;opacity:0}#galleryHolder .stage ul>li>input:checked+div{opacity:1}#galleryHolder .thumbs{position:relative;z-index:1;margin:0 -.25rem}#galleryHolder .thumbs:after{content:" ";display:table;clear:both}#galleryHolder .thumbs ul{display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}#galleryHolder .thumbs ul>li:only-child,#galleryHolder .thumbs ul>li[data='']{display:none}#galleryHolder .thumbs ul>li{height:100%;margin:auto 0}#galleryHolder .thumbs ul>li>label{position:relative;display:initial;float:left;width:100%;height:100%;margin-bottom:20px}#galleryHolder .thumbs ul>li>label>div{position:relative;z-index:4;display:block;width:100%;max-width:100%;height:auto;margin:0 auto;cursor:pointer;background-color:transparent;box-sizing:border-box;
}#galleryHolder .thumbs ul>li>label>div:before{font-size:0;display:block;padding-top:100%;content:'\00a0 '}#galleryHolder .thumbs img{position:relative;z-index:4;max-width:95%;height:auto;cursor:pointer}.mto_cat_item_text_counter{display:none}.lightbox_control,.lightbox_control:visited{color:rgba(255,255,255,1)}input:checked+.lightbox>a.lightbox_link{cursor:-webkit-zoom-in;display:block;height:100%;width:100%;position:relative;z-index:1}#galleryHolder .stage ul>li>input+div.lightbox:target,.lightbox_overlay,.stage ul>li>input+div.lightbox{transition:none!important}.lightbox_overlay{display:none;opacity:0;visibility:hidden;position:absolute;z-index:-1}:target .lightbox_overlay{background-color:rgba(0,0,0,.9);position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:-ms-flexbox;display:flex;opacity:1;visibility:visible;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.lightbox_overlay>.lightbox_content{opacity:0;overflow:auto;max-height:80vh;max-width:80%;position:relative}.lightbox_overlay>.lightbox_figure{transition:opacity 2s}:target .lightbox_overlay>.lightbox_content{opacity:1}:target .lightbox_overlay>.lightbox_figure{display:block;margin:1.5em}.lightbox_figure img{display:block;height:auto;max-width: 100%}:target .lightbox_overlay .lightbox_figure,:target .lightbox_overlay .lightbox_image{max-width:80vw;background-position:center 0;max-height:80vh;opacity:1;position:relative}:target .lightbox_overlay .lightbox_figure *{margin:0 auto}:target .lightbox_overlay .lightbox_image{opacity:1;display:none;padding-top:0}.lightbox_control{position:absolute}.lightbox_control_icons .lightbox_control{position:absolute;width:3em;height:3em;background-position:50%;background-size:cover;text-indent:100%;white-space:nowrap;overflow:hidden}.lightbox_close{top:1em;right:1em}.lightbox_control_icons .lightbox_close{top:2.5em;right:2.5em;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.7%2010.3c-0.4-0.4-1-0.4-1.4%200l-4.3%204.3-4.2-4.2c-0.4-0.4-1-0.4-1.4%200-0.4%200.4-0.4%201%200%201.4l4.2%204.2-4.3%204.3c-0.4%200.4-0.4%201%200%201.4%200.4%200.4%201%200.4%201.4%200l4.3-4.3%204.2%204.2c0.4%200.4%201%200.4%201.4%200%200.4-0.4%200.4-1%200-1.4l-4.2-4.2%204.3-4.3C22.1%2011.3%2022.1%2010.7%2021.7%2010.3zM16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016c8.8%200%2016-7.2%2016-16S24.8%200%2016%200zM16%2030C8.3%2030%202%2023.7%202%2016S8.3%202%2016%202s14%206.3%2014%2014S23.7%2030%2016%2030z%22%2F%3E%3C%2Fsvg%3E);mix-blend-mode:difference}.lightbox_control_icons .lightbox_close:hover{opacity:.5}.lightbox_close_around{position:absolute;top:0;left:0;height:100%;width:100%;cursor:default}.lightbox_next,.lightbox_prev{top:50%;margin-top:-1.5em;opacity:.2}.lightbox_prev{left:2em}.lightbox_next{right:2em}.lightbox_control_icons .lightbox_next,.lightbox_control_icons .lightbox_prev{top:50%;margin-top:-1.5em;transition:opacity .2s;opacity:1;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244.1%22%20height%3D%2294.7%22%20viewBox%3D%220%200%2044.1%2094.7%22%20enable-background%3D%22new%200%200%2044.088%2094.67%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.1%2047.3L1.5%2094.7%200%2093.3l41.4-46L0%201.3%201.5%200%2044.1%2047.3z%22%2F%3E%3C%2Fsvg%3E)}.lightbox_control_icons .lightbox_prev{left:2em;transform:rotate(180deg)}.lightbox_next:focus,.lightbox_next:hover,.lightbox_prev:focus,.lightbox_prev:hover{opacity:.5;transition:opacity .2s}.lightbox_untarget{position:fixed;top:0}.lightbox_content{overflow:auto;max-height:100%}.lightbox_html{padding:2em;max-width:80%;background-color:#fff}div[class*=' csslider'],div[class^=csslider]{z-index:1}@media only screen and (min-width:992px){#galleryHolder .stage ul>li>input+div.lightbox:target{opacity:1;visibility:visible}}@media only screen and (max-width:991px){#galleryHolder .stage ul>li>input+div.lightbox *,#galleryHolder .stage ul>li>input+div.lightbox:target *{display:none}}@media only screen and (min-width:1200px){.lightbox_figure img{max-width:100%}}
#galleryHolder .gallery   {margin: 0; padding: 0;}
#galleryHolder .thumbs    {margin: 0; padding: 0;}
#galleryHolder .thumbs ul > li    {margin-right: 1.15%; width: 19%;}
#galleryHolder .thumbs ul > li:nth-child(5),
#galleryHolder .thumbs ul > li:nth-child(10)      {margin-right: 0;}
#galleryHolder .stage ul > li,
#galleryHolder .thumbs ul > li > label  {border: 1px solid #ccc;}

#doc .character                       {float: right; width: 45%; text-align: left; box-sizing: border-box;}
#doc .character *                     {margin: 0; padding: 0; box-sizing: border-box;}
#doc .character h1                    {font-size: 36px; line-height: 38px; float: left; width: 100%;}
#doc .character a                     {color: #002a43; text-decoration: underline;}
#doc .character a:hover               {color: #00263f; text-decoration: none;}
#doc .character .description          {font-size: 18px; line-height: 22px; float: left; width: 100%; margin-top: 30px;}
#doc .character .description h2       {padding-top: 35px; font-size: 30px; line-height: 32px;}
#doc .character .description h3       {padding-top: 35px; font-size: 24px; line-height: 26px;}
#doc .character .description p        {font-size: 18px; line-height: 22px; padding-top: 25px;}
#doc .character .description ol,
#doc .character .description ul       {padding-top: 15px;}
#doc .character .description li       {margin-left: 20px; font-size: 18px; line-height: 22px; padding: 3px 0;}

#doc .banner.border      {float: left; width: 100%; margin-top: 20px; border-top: 1px solid #ccc;}
#doc .banner.border img  {display: block; max-width: 100%;}

#doc .mobile-headline    {display: none;}

@media only screen and (max-width: 1039px){
  #doc #header #main-menu,
  #doc #header .claim       {display: none;}
  #doc #header a.shop-logo  {margin-bottom: 20px;}
}

@media only screen and (max-width: 680px){
  #galleryHolder,
  #doc .character           {float: none; margin: 0 auto; width: 100%; max-width: 500px;}
  #galleryHolder            {margin-top: 35px;}
  #header .links,
  #footer                   {display: none;}
  #doc #header a.shop-logo  {float: none; margin: 15px auto;}
  #doc .item-view .section  {padding-top: 35px;}
  #doc .character h1,
  #doc .character .link     {display: none;}
  #doc .banner.border       {display: none;}
  #doc .mobile-headline     {display: block; font-size: 36px; line-height: 38px; font-weight: bold;}
  #doc .author              {margin-top: 35px;}
  #doc .author p.logo       {float: none; text-align: center; margin: 20px auto 0;}
  #doc .author .copyright   {float: none; text-align: center; margin: 20px auto;}
}

@media only screen and (max-width: 380px){
  #doc .author p.logo        {float: none; margin: 15px auto 0;}
  #doc .author .copyright   {float: none; width: 100%; margin: 0; padding: 10px 0 15px; text-align: center;}
}