/* ############################################################# */
/* === HAIQIAO | CSS Main [SCREEN,PRINT] ======================= */
/* === ©2014 | written by heiko groeger [www.fivevisions.de] === */
/* ############################################################# */


/* Text Selection */
::-moz-selection { background:#131315; color:#FFFFFF; text-shadow:none; }
::selection { background:#131315; color:#FFFFFF; text-shadow:none; }

/* Keine Umrandungen! */
:focus { outline: 0; }

/* Box Sizing */
* {
box-sizing: border-box;
}

html, body {
height: 100%;
font-size: 100.01%;
line-height: 1.3;   /* IE vs FF - FIX 2011 */
}

/* Top Shadow! */
body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
box-shadow: 0px 0px 4px rgba(0,0,0,.4);
z-index: 100;
}

body {
margin:0; padding:0;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
color: #666;
overflow: auto;
overflow-x: hidden;
}

input, textarea, select, button {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #181B20;
}

h1, h2, h3, h4, h5, h6 {
margin: 6px 0 0 0;
padding: 0;
line-height: 120%;
text-align: left;
color: #222;
}

h1, h2, h3 {
/* text-transform: uppercase; */
word-spacing: 1px;
letter-spacing: 0px;
color: #1c2c65;
}

h4, h5, h6 {
/* letter-spacing: 1px; */
color: #111;
}

/*
h1 {
display: inline-block;
font-size: 1.80em;
font-weight: 600;
margin: 0 0 16px 0;
background: #222;
color: #fff;
padding: 0 2px 1px 2px;
}
*/

h1 {
font-size: 1.80em;
font-weight: 600;
margin: 0 0 16px 0;
}
h2 {
font-size: 1.30em;
font-weight: 600;
margin: 0 0 16px 0;
}
h3 {
font-size: 1.10em;
font-weight: 600;
margin: 0 0 8px 0;
}
h4 {
font-size: 1.60em;
font-weight: 600;
margin: 0 0 16px 0;
}
h5 {
font-size: 1.30em;
font-weight: 600;
margin: 0 0 16px 0;
}
h6 {
font-size: 1.10em;
font-weight: 600;
margin: 0 0 8px 0;
}

p, ul, ol {
margin-top: 0;
line-height: 150%;
}

#content span, #content div, #content td {
line-height: 150%;
}

ul, ol {
text-align: left;
}

ul {
list-style: square;
}

ul ul li {
text-align: left;
list-style: circle;
}

li {
margin-bottom: 12px;
}

a:active, a:hover {
outline: 0;
}

a {
color: #1c1da9;
text-decoration: none;
}

a:hover {
color: #6667d8;
text-decoration: none;
}

/*
p > a[target=_blank] {
background: transparent url(../images/icons/link_yellow.png) no-repeat left 5px;
padding-left: 16px;
}

p.mini > a[target=_blank] {
background: none;
padding-left: 0;
}
*/

/*
.mce a, .mceContentBody a {
background-color: #ffee00;
color: #111;
text-decoration: none;
}

.mce a:hover,  .mceContentBody a:hover {
background-color: #ffff00;
color: #111;
text-decoration: none;
}
*/

a:link.subnav    { font-weight:normal; font-size:11px; color:#435fa2; text-decoration:none; }
a:visited.subnav { font-weight:normal; font-size:11px; color:#435fa2; text-decoration:none; }
a:focus.subnav   { font-weight:normal; font-size:11px; color:#233767; text-decoration:underline; }
a:hover.subnav   { font-weight:normal; font-size:11px; color:#233767; text-decoration:underline; }
a:active.subnav  { font-weight:normal; font-size:11px; color:#233767; text-decoration:underline; }

img {
border: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

img.imgload {
opacity: 0;
border: 1px solid #FFFFFF;
}

img.no_imgload {
border: 1px solid #FFFFFF;
}

a:hover img.imgload, a:hover img.no_imgload {
border: 1px solid #111111;
}

/*
img.border, .mce img, #sidebar img, .zoom {
border: 5px solid rgba(28,44,101,.2);
-webkit-box-shadow: 0px 0px 4px rgba(255,255,255,.8);
-moz-box-shadow: 0px 0px 4px rgba(255,255,255,.8);
box-shadow: 0px 0px 4px rgba(255,255,255,.8);
}
*/

img.noborder {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* hover bei img (deckkraft reduzieren) */
a:hover img {
filter:alpha(opacity=69);
-moz-opacity: 0.69;
-khtml-opacity: 0.69;
opacity: 0.69;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

a:hover	img.no_opacity {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.galerie {
float: left;
/* margin: 4px 23px 15px 0px; */
margin: 4px 36px 25px 0px;
}

.float_left {
float: left;
margin: 4px 30px 15px 0px;
}
.float_right {
float: right;
margin: 4px 0px 15px 30px;
}
.float_clear {
clear: both;
}

.clear {
clear: both;
}

/* new clearfix */
.cf:after,
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}


/* Wrapper */

#wrapper {
width: 1200px;
margin: 0 auto 60px auto;
padding: 0;
overflow: hidden;
border: none;
background-color: #FFF;
}


/* Header */

header {
text-align: left;
}

header a {
border-bottom: none;
}

header #logo {
margin: 7px 0 0 0;
}

.logo2 {
display: none;
}

#header h2, #header h6 {
color: #FFFFFF;
}

#printHeader {
display: none;
text-align: right;
font-size: 13px;
}


/* Responsive Menu */

#responsiveMenu {
display: none;
}

#responsiveMenuBut {
margin: 5px 0 0 18px;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.responsiveMenuButRotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

#resonsive {
display: none;
position: relative;
margin: 0 auto 30px 0;
padding: 12px 7px;
width: 100%;
/* min-height: 80px; */
color: #FFF;
background-color: #1c2c65;
border-bottom: 1px solid #222;
z-index: 999;
}

#resonsive a {
color: #FFF;
}

#resonsive a:hover {
color: #CCC;
}

#resonsive ul {
line-height: 140%;
}

#resonsive ul li {
margin-top: 0px;
font-size: 22px;
}

#resonsive ul li:first-child {
margin-top: 8px;
}

#resonsive ul li ul li {
margin: 0px;
font-size: 18px;
}

#flags {
float: right;
margin-right: 40px;
margin-top: 5px;
}

#resonsive #flags {
position: absolute;
left: 100px;
top: 10px;
}

#flags img {
margin-left: 3px;
}

#navigationResponsive {
margin: 20px 0 20px 0;
}


/* Page */

#page {
text-align: left;
}

/* Slideshow */

#slideshowWrapper {
position: relative;
width: 100% !important;
margin: 0 auto;
padding: 0;
}

#slideshow {
margin: 0 auto;
width: 100% !important;
height: auto;
margin: 0 0 20px 0;
}

#slider img {
width: 100% !important;
height: auto !important;
background-size: cover !important;
}


/* Content */
#content {
width: 81.6%;
margin: 0 auto;
}

#content-headlines {
float: left;
width: 100%;
overflow: hidden !important;
/* background: #C58; */
}

#content-all {
float: left;
width: 100%;
overflow: hidden !important;
/* background: #C58; */
}

#content-left {
float: left;
width: 49%;
overflow: hidden !important;
/* background: #FCF; */
}

#content-right {
float: right;
width: 49%;
overflow: hidden !important;
/* background:#3F9; */
}

#content-headlines-inhalt {
/* padding: 0 60px 5px 60px; */
padding: 0 0 5px 0;
}

#content-all-inhalt {
/* padding: 0 60px 30px 60px; */
padding: 0 0 30px 0;
}

#content-left-inhalt {
/* padding: 0 10px 30px 60px; */
padding: 0 10px 30px 0;
}

#content-right-inhalt {
/* padding: 0 60px 30px 10px; */
padding: 0 0 30px 10px;
}

#content-all img, #content-left img, #content-right img, .mceContentBody img {
max-width: 100%;
height: auto;
}


/* Socials */

#socialsWrapper {
visibility: hidden;  /* wird per jQuery eingeblendet */
opacity: 0;
height: 40px;
margin: 0 0 0 0;
float: right;
}

aside#socialsLeiste {
position: fixed;
background: #FFF;
border: 2px solid #333;
border-width: 2px 0px 2px 2px;
top: 195px;
right: 0;
width: 40px;
padding-top: 4px;
z-index: 999;
}
aside#socialsLeiste a {
display: block;
text-align: center;
}
aside#socialsLeiste a:hover {
opacity: 0.6;
}
aside#socialsLeiste img {
padding: 4px 0;
}


/* Go Top */

#goTop {
text-align: right;
/* padding-right: 40px; */
}


/* Footer */

#footer {
width: 1200px;
margin-top: 42px;
/* height: 60px; */
padding: 8px 20px;
line-height: 160%;
font-size: 12px;
color: #6f737a;
text-align: center;
background-color: #1c2c65;
border-top: 1px solid #222;
}

#footer p {
float: left;
margin: 0;
padding: 0;
line-height: 160%;
text-align: center;
color: #FFF;
font-size: 12px;
}

#footer span {
white-space: nowrap;
}

#footer td {
line-height: 160%;
}

#footer a {
margin: 0px;
padding: 0px 12px;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 130%;
color: #FFF;
border: none;
/* text-shadow: -1px -1px 1px #CCC, 1px 1px 0px #EEE; */
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}

#footer a:hover {
text-decoration: none;
color: #CCC;  /* #2483A6 */
}

#subfooter {
float: right;
text-align: center;
font-size: 12px;
}


/* Ribbons */

.ribbonbox {
float: left;
border: 1px solid #CCC;
width: 212px;
padding: 16px;
font-size: 13px;
margin: 0 12px 30px 16px;
min-height: 280px;
}

.ribbonbox:last-child {
margin-right: 0;	
}

.ribbonbox h2 {
position: relative;
/* width: 80%; */
/* font-size: 1.5em; */
font-weight: bold;
padding: 6px 20px 6px 37px;
margin: 0 0 20px -37px;
color: #FFF;
background-color: #1c2c65;
/* text-shadow: 0px 1px 2px #bbb; */
-webkit-box-shadow: 0px 2px 4px #888;
-moz-box-shadow: 0px 2px 4px #888;
box-shadow: 0px 2px 4px #888;
}

.ribbonbox h2:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0;
top: 100%;
border-width: 5px 10px;
border-style: solid;
border-color: #334466 #334466 transparent transparent;
}


/* Eigene Styles */

.mce {
/* padding-right: 20px; */
}

.navbox {
padding: 12px;
color: #333333;
background-color: #E5EEFF;  /* #DBF5EB */
border: 1px #FFFFFF solid;
margin: 4px 0 4px 0;
line-height: 22px;
-webkit-box-shadow: 0px 0px 4px rgba(30,30,30,.4);
-moz-box-shadow: 0px 0px 4px rgba(30,30,30,.4);
box-shadow: 0px 0px 4px rgba(30,30,30,.4);
}

div.promobox {
width: 160px;
margin: 40px 0 15px 25px;
padding: 7px;
border: 4px solid #2f9dd1;
color: #444444;
border-radius: 7px;
}

div.info {
display: block;
background-color: white;
border: 1px #DDDDDD solid;
background-image: url(../images/icons/info.png);
background-position: 8px 14px;
background-repeat: no-repeat;
padding: 12px 12px 12px 66px;
min-height: 48px;
margin: 20px 0px 10px 0px;
font-size: 13px;
font-weight: normal;
color: #222222;
text-align: left;
}

div.youtube {
display: block;
background-color: white;
border: 1px #DDDDDD solid;
background-image: url(../images/icons/youtube.png);
background-position: 8px 14px;
background-repeat: no-repeat;
padding: 12px 12px 12px 66px;
min-height: 48px;
margin: 20px 0px 10px 0px;
font-size: 13px;
font-weight: normal;
color: #222222;
text-align: left;
}

div#shadowed {
background-color: #E0E0E0;  /* #DCDCDC */
padding: 20px;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
-moz-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
box-shadow: 0px 0px 4px rgba(90,90,90,.4);
}

p.shadowed2 {
background-color: #F8F8F8;  /* #DCDCDC */
padding: 12px;
margin: 0 0 25px 0;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
-moz-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
box-shadow: 0px 0px 4px rgba(90,90,90,.4);
}

p.shadowed3 {
background: #F9F7C0 url(../images/layout/bg_shadowed.jpg) repeat left top;
padding: 12px;
margin: 0 0 25px 0;
border-radius: 11px;
-webkit-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
-moz-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
box-shadow: 0px 0px 4px rgba(90,90,90,.4);
}

.fehler {
background: #F9F7C0 url(../images/layout/bg_fehler.jpg) repeat left top;
padding: 12px;
margin: 10px 0 20px 0;
border-radius: 11px;
color: #990000;
-webkit-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
-moz-box-shadow: 0px 0px 4px rgba(90,90,90,.4);
box-shadow: 0px 0px 4px rgba(90,90,90,.4);
}

.hinweis {
background-image: url(../images/icons/warn_blue.png);
background-position: 42px 30px;
background-repeat: no-repeat;
background-color: #003366;
margin: 0 100px 0 100px;
padding: 20px 20px 10px 150px;
border: 1px #666666 solid;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
}

.hinweis h2 {
color: #66CCFF;
}

.credits {
padding: 12px;
background: rgba(255, 255, 255, 0.5);
margin: 20px 0 4px 0;
font-size: 12px;
font-weight: normal;
color: #555;
text-align: right;
z-index: 9999;
border: 1px solid #CCC;
/* border-radius: 6px; */
/*
-webkit-box-shadow: 0px 0px 4px rgba(30,30,30,.4);
-moz-box-shadow: 0px 0px 4px rgba(30,30,30,.4);
box-shadow: 0px 0px 4px rgba(30,30,30,.4);
*/
}

.credits a {
border-bottom: none;
}

.creditsLeft {
float: left;
text-align: left;
}

.creditsRight {
float: right;
text-align: right;
}

.artikel {
display: block;
float: left;
width: 320px;
height: 246px;
text-align: left;
margin: 22px 30px 0 0;
/*
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.6);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.6);
box-shadow: 0px 0px 8px rgba(0,0,0,.6);
*/
}

.shop-size, .shop-anzahl {
display: inline-block;
line-height: 36px;
width: 36px;
height: 36px;
text-align: center;
font-size: 16px;
font-weight: bold;
background-color: #FFF;
border: 2px solid black;
margin: 0 3px;
cursor: pointer;
}

.shop-select {
display: inline-block;
padding-top: 19px;
border-top: 2px solid #BBB;
margin-bottom: 1px;
}

#checkout_header {
display: block;
width: 999px;
height: 39px;
/*
background-color: black;
border-bottom: 1px solid white;
*/
}

#checkout_header div {
margin-right: 192px;  /* 172px */
}
#checkout_header div:first-child {
margin-left: 22px;
}
#checkout_header div:last-child {
margin-right: 0;
}

#checkout_step1 {
float: left;
width: 201px;
height: 39px;
background: transparent url(../images/buttons/info_step1.png) no-repeat left top;
}

#checkout_step2 {
float: left;
width: 210px;
height: 39px;
background: transparent url(../images/buttons/info_step2.png) no-repeat left top;
}

#checkout_step3 {
float: left;
width: 173px;
height: 39px;
background: transparent url(../images/buttons/info_step3.png) no-repeat left top;
}

.minimum_opacity {
opacity: 0.3;
}

#checkout_container {
padding: 30px 20px 30px 28px;
min-height: 330px;
}

.box-display {
width: 100%;
padding: 30px;
margin: 0 0 6px 0;
background-color: #F8F8F8;
border: 1px solid #999999;
}

/* QR-Code (nur beim Ausdrucken!) */
#qrcode {
display: none;
text-align: center;
width: 100%;
height: 70px;
}

#qrcode img {
width: 70px;
height: 70px;
}


/* Schriften */

.normal {
font-size: 14px;
color: #FFFFFF;
}

.desc {
font-size: 14px;
color: #FFFFFF;
font-style: italic;
}

.teaser {
font-size: 16px;
color: #FFFFFF;
font-weight: 700;
}

.small {
font-size: 12px;
font-weight: normal;
color: #444444;
}

.smallgrau {
font-size: 12px;
font-weight: normal;
color: #666666;
}

.smallwhite {
font-size: 12px;
font-weight: normal;
color: #111111;
}

.mini {
font-size: 11px;
font-weight: normal;
line-height: normal !important;
}

.zitat_klein {
display: block;  /* scheinbar wichtig -> line-height */
/* font-family: 'Gudea', Arial, Helvetica, sans-serif; */
font-size: 11px;
font-weight: normal;
font-style: italic;
line-height: 16px !important;
}

.zitat_gross {
display: block;  /* scheinbar wichtig -> line-height */
/* font-family: 'Gudea', Arial, Helvetica, sans-serif; */
font-size: 15px;
font-weight: normal;
font-style: italic;
line-height: 20px !important;
padding: 10px 16px 10px 16px;
background-color: #FFFFEE;
border-radius: 10px;
/* text-align: justify; */
}
/* geht nicht in FF
.zitat_gross:first-letter {
font-size: 25px;
}
*/
/* String davor */
.zitat_gross:before {
content: "”";
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 66px;
color: #888888;
float: left;
}
/* String danach */
.zitat_gross:after {
content: "“";
font-family: Georgia, Arial, Helvetica, sans-serif;
}


/* BUTTON */
button {
color: #476680;
margin-left: 8px;
margin-right: 8px;
cursor: pointer;
}


/* HR */
hr {
border: 0px;
border-top: 1px transparent solid;
border-bottom: 1px #CCCCCC dotted;
}


/* Admin-Login (rechte untere Ecke!) */
#admin_login {
background-color: transparent;
bottom: 0px;
right: 0px;
position: fixed;
height: 50px;
width: 50px;
z-index: 333;
}


/* TABELLE TD_LIST */
#td_list td {
padding: 10px;
empty-cells: show;
/* border-right: 1px #777777 dotted; */
/* border-bottom: 1px #777777 dotted; */
/* background-color: #E2E2E2; */
}
#td_list td:last-child {
border-right: none;
}
#td_list tr:nth-child(even) td {
padding: 0px;
}
#td_list tr:nth-child(odd) td {
background: rgba(255, 255, 255, 0.7);
border: 1px solid #999b9a;
}
#td_list tr:last-child td {
border-bottom: none;
}
/* tr:hover */
#td_list tr:nth-child(odd):hover td {
/* background-color: #ffed00; */  /* deeff6, fffdcc, e5eeff; */
border: 1px solid #ffed00;
}

/* TD_LIST IMG ZOOM */
#td_list tr:nth-child(odd) td .zoom {
width: 120px;
height: 173px;
overflow: hidden;
}

#td_list tr:nth-child(odd) td .zoom img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

#td_list tr:nth-child(odd):hover td .zoom img {
max-width: 110%;
width: 110%;
height: auto;
}


/**************************************************************************************/
/* TinyMCE specific rules */
body.mceContentBody, .mceContentBody td {
background: #FFF;
text-align: left;
padding: 16px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
}
.mceContentBody td {
text-align: left;
}
/* TD_LIST -> Nur in TinyMCE zeigen */
.mceContentBody #td_list td {
background-color: #BBBBBB;
}
/*
.mceContentBody img {
border: 5px solid rgba(28,44,101,.2);
-webkit-box-shadow: 0px 0px 4px rgba(255,255,255,.8);
-moz-box-shadow: 0px 0px 4px rgba(255,255,255,.8);
box-shadow: 0px 0px 4px rgba(255,255,255,.8);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
*/
.mceContentBody img.noborder {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*
.mceContentBody h1, .mceContentBody h2, .mceContentBody h3 {
letter-spacing: -2px;
}
.mceContentBody h3 {
letter-spacing: -1px;
}
*/
/* ENDE TinyMCE specific rules */
/**************************************************************************************/
/* http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css */


/* Inline Print Styles */
@media print {
  * { box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; }
  body:before, body:after { display:none !important; }
  html, body { display:inline !important; }
  header { text-align:right !important; }
  header #logo { margin:0 !important; }
  #printHeader { display:block !important; margin: 0 !important; }
  #td_list tr:nth-child(odd) td { border: 1px solid #ABC !important; }
  #wrapper { display:inline !important; width:99% !important; margin:0 !important; }
  #qrcode { display:block !important; width:99% !important; }
  nav, #navleiste, #breadcrumb-navigation, #slideshowWrapper, #slider, #socialsWrapper, #copyright, #goTop, #subfooter, #sitemap { display:none !important; }
  #content { width:99% !important; }
  #content-left, #content-right { display:inline !important; width:99% !important; margin:0 !important; color:#000 !important; }
  #content-headlines, #content-all { display:inline !important; width:99% !important; margin:0 !important; color:#000 !important; }
  #content-headlines-inhalt { padding: 30px 30px 5px 30px !important;	}
  #content-all-inhalt, #content-left-inhalt { padding: 0 30px 30px 30px !important; }
  #content-right-inhalt { padding: 0 37px 30px 23px !important; }  /* why? */
  #content-left-inhalt { padding-bottom: 0 !important; }
  #footer{ display:none !important; }
  /*
  #footer { position: relative !important; text-align:center !important; border:none !important; display:inline !important; width:99% !important; margin:0 !important; }
  #footer, #footer p, #footer td { color:#666 !important; }
  */
  .ribbonbox h2 { margin:0 0 20px 0; padding:0; }
  .ribbonbox h2:after  { display:none !important; }
  #sitepic { width:70% !important; height:70% !important; }
  .navbox, input.KF_feld, textarea.KF_feld { border:1px solid #CCCCCC !important; }
  .imgload { visibility:visible !important; opacity:1 !important; }
  a[target=_blank] { float:none !important; background:none !important; padding-left:0 !important; }
  a, a:visited { text-decoration:underline; }
  img { max-width:100% !important; page-break-inside:avoid !important; }
  @page { margin:1.2cm; }
  p, h2, h3 { orphans:3; widows:3; }
  div, h1, h3, h3, h4 { page-break-after:avoid; }
}