* {
text-rendering:optimizeLegibility;
 behavior: url(path/to/pie_files/PIE.htc);
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
}
a:link {color:transparent;}      /* unvisited link */
a:visited {color:transparent;}    /* visited link */
a:hover {color:transparent;}     /* mouse over link */
a:active {color:transparent;}     /* selected link */

html,
button,
input,
select,
textarea {
    color: #222;
}

.facts_drittel {
text-align:center;
width:30%;
height:15em;
float:left;
margin-right:3%;
}
        
.facts_button {
margin-top:1em;
display: inline-block;
padding-top:3px;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;
margin-bottom: 0;
font-size: 14px;
line-height: 30px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
            
.facts_button:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

    

body {
background-color: white;
/*font-family: Century Gothic, sans-serif; */
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif; 
font-weight: 300;
margin-bottom:54px;
}

div.closebox{
    float:right;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
	width: 25px;
	height: 8px;
    border-radius: 31px;
    background: #605F61;
    font-size: 18px;
    line-height: 0px;
    padding: 11px 3px;
	margin-right:20px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}



hr.fancy-line {
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	}
	
.subnav {
display: block;
width: 1135px;
height: 39px;
padding: 0px 0 0px;
padding-left:25px;
border-top: 1px solid #525355;
background-image: -moz-linear-gradient(center top,#454648,#333);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,#454648));
background-image: -webkit-linear-gradient(#454648,#333);
background-color: #454648;
box-shadow: 0 1px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
position: relative;
}

#paddingform {
padding:8px;
}

.productheader {
width:1160px;
background-color: rgba(0,0,0,.05);
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-left:-3px;
}

.producttitle {
font-size: 25px;
font-weight: bold;
color: black;
padding-left: 12px;
padding-top: 8px;
height: 31px;
width:1160px;
}

.productsubtitle {
font-size: 18px;
font-weight: bold;
color: black;
padding-left: 12px;
padding-top:0px;
color: rgba(0,0,0,.6);
height: 30px;
}

.productimage {
width:380px;
height:426px;
float:left;
padding: 15px;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
}

.qtyminus {
background:none;
    border:1px solid;
    margin:5px;
    padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}

.qtyplus {
background:none;
    border:1px solid;
    margin:5px;
    padding:2px;
}

.productimage  {
box-shadow: 0 1px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.productdescription {
width:420px;
background-color: rgba(0,0,0,.05);
padding: 15px;
float:right;
margin-right: 30px;
margin-top: 30px;
}


.producttext {
width:100%;
background:transparent;
font-size: 14px;
}

.pointline {
background: url("../img/bg.png") repeat scroll 0 0 transparent;
height: 4px;
width: 100%;
margin-top:5px;
margin-bottom:5px;
}

.height5pc {
margin-top: 5%;
margin-bottom: 5%;
}

.orderboxtop {
height:15%;
}

.orderboxtop input {
margin-top:5px;
margin-bottom:5px;
margin-left:18px;
}

.orderboxbottom {
height:15%;
}

.orderboxbottom input {
margin-top:5px;
margin-bottom:5px;
margin-left:18px;
}

.orderboxtotal {
width:100%;
position:relative;
}

.orderboxtotal  u{
width:50%;
}

.totalamt {
height:20px;
padding:3px;
margin: 5px;
}

.orderboxtotal input {

}

.orderboxad {
background-color: rgba(0,0,0,.05);
width: 180px;
height: 35%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float:left;
margin-left: 15px;
margin-right:15px;
padding: 20px;
}

.orderboxad:hover {
background-color: rgba(0,100,0,0.4);
cursor:pointer;
}

.navitemborderleft {
border-left: 1px solid #595a5b;
}

.navitem {
margin-top:-1px;
text-align:center;
padding-right:5px;
padding-left:5px;
float: left;
height: 38px;
border-right: 1px solid #2e2f2f;
color:yellow;
width:100px;
width:70px;
position:relative;
overflow:hidden;
}

.width120 {
width: 120px;
}

.textcentered {
text-align:center;
}

.navitem:hover {
color:white;

}

.active {
background-color: yellow; 
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 2px 2px rgba(1,1,1,.3);
}

.activenametag {
color: #454648;
}

.nav_nametag {
text-align:center;
color:#ddd;
position:absolute;
width:70px;
height:38px;
margin-top:-8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.6);
font-size:13px;
}



.navitem:hover .nav_nametag {
color: white;
text-shadow: 0 1px 1px rgba(0,0,0,0.7);
}

.innerdiv {
margin: 0;
padding: 0;
width:100%;
height:100%;
background-color:white;
background-size: cover;
}

.normalpage {
background: url("../img/bg.png") repeat scroll #fff;
padding: 0px;
width: 964px;
clear: both;
}

.nrb {
border-right: 0px solid #000;
}

.nlb {
border-left: 0px solid #000;
}

.trenn {
border-right: .087em solid #2e2f2f;
border-left: .087em solid #595a5b;
}

.header {
top:0;
width: 1160px;
max-height: 124px;
background-color: white;
height: 110px;
line-height: 54px;
z-index: 100;
position: relative;
margin: 0 auto;
z-index:1000;
}

.header2 {
bottom:0;
width: 964px;
max-height: 124px;
background-color: black;
height: 50px;
line-height: 54px;
z-index: 100;
position: relative;
left: 50%;
z-index:1000;
}

.marginleft5 {
margin-left:5px;
}

.logocontainer {
margin: 0 auto;
text-align: center;
top: 13px;
height: 71px;
position:relative;
}


.logo {
vertical-align: sub;
}


.logo img {
height:50px;
width:500px;
}

.logocontainer2 {
margin: 0 auto;
text-align: center;
bottom:0px;
height: 71px;
position:relative;
}


.logo2 {
vertical-align: sub;
}


.logo2 img {
height:30px;
width:260px;
}

.slidecontainer { position: relative; overflow: auto; }
.slidecontainer li { list-style: none; }
.slidecontainer ul li { float: left; }


.container {
position: relative;
margin: 0 auto;
width: 1160px;
left:-3px;
right:0;
clear: both;
overflow:hidden;
background-color: transparent;

}

.content {
margin-left:0px;
width: 1160px;
background-image: url(../img/bg.png);
background-color:white;
}

.normalcontent {
background-image: url(../img/bg.png);
width: 1160px;
background-color:white;
}

#faecherwerbung:hover {
cursor:pointer;
opacity:0.9;
}

.viertel:hover {
cursor:pointer;
opacity:0.9;
}

#zweidrittel_top {
float:left;
width: 400px;
height: 60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
font-size: 18px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.2);
font-weight: bold;
}

.bigimage {
position:relative;
float:left;
width:550px;
height:820.6px;
margin:20px; 
margin-left:0px; 
height:820.6px; 
background-color:lightgray;
margin-right:0px;
}

.linksabstand {
margin-left:65px;   
}

.bigimage img {
float:left;
width:550px;
height:820.6px;
}


#viertel_top {
float:left;
width:100%;
height: 70px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
font-size: 25px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.4);
font-weight: bold;
}

#bigviertel_top {
float:left;
bottom:0px;
left:0px;
width: 550px;
height: 70px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
font-size: 25px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.4);
font-weight: bold;
padding-left: 20px;
padding-top:20px;
}

.balkenunten {
position: absolute;
margin-top: 700px;
width: 500px;
height: 50px;
font-size: 25px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.4);
font-weight: bold;
padding-left:20px;
padding-top:20px;
}

#halb_top {
float:left;
width: 100%;
height: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
font-size: 18px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.4);
font-weight: bold;
}

.viertel_price {
padding-right:5px;
padding-left:5px;
padding-top:3px;
text-align:right;
float:left;
width: auto;
height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
bottom:0;
right:0;
font-size: 18px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.4);
font-weight: bold;
}


#viertel:hover {
background-color: rgba(0,0,0,1);
}

#hochkant_top {
float:left;
width: 490px;
height: 60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
font-size: 18px;
color: #fff;
background: #000;
background-color: rgba(0,0,0,0.2);
font-weight: bold;
}

#viertels {
position:relative;
width:100%;
margin-bottom:20px;
height:auto;
float:left;
}

#bigviertels {
position:relative;
width:100%;
margin-bottom:20px;
height:auto;
float:left;
}

.centered {
margin: 0 auto;
width:60%;
}

.impressright {
float:left;
width:50%;
}

.impressleft {
width:40%;
float:left;
padding-left:20px;
font-size:14px;
}

#dynamic-footer {
position:relative;
display: block;
width: 1160px;
background-color: transparent;
padding: 0;
}

#dynamic-footer footer {
display: block;
width: 100%;
height:50%;
}

#dynamic-footer .section-title {
text-transform: uppercase;
font-weight: bold;
color: #666;
font-size: 12px;
display: block;
}

#dynamic-footer .section {
display: table-cell;
padding: 5px;
background-color: #fff;
vertical-align: top;
height:300px;
}

#dynamic-footer .section ul {
padding:10px;
margin:0;
}

#dynamic-footer .section li {
text-decoration:none;
list-style-type: none;
padding-bottom:10px;
}

#dynamic-footer .section li a {
color: #999;
font-size: 11px;
text-decoration:none;
list-style-type: none;
}

#dynamic-footer .top-designers.section {
width: 142px;
}

#dynamic-footer .vertical-separator {
width: 3px;
display: table-cell;
background-image: url(../img/bg.png);
background-color:white;
}


.heading {
padding:12px;
height: 20px;
font-size:80%;
}


.whitebg {
background-color: #fff;
}

.clear {
clear: both;
}

.borderspace {
height: 6px;
width: 100%;
background-color: transparent;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

.zweidrittel {
background-color:white;
height: 300px;
margin-right: 6px;
padding: 15px 14px;
width: 400px;
}

.viertel {
position:relative;
background-color:white;
height: 260px;
margin-top:6px;
width: 282px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.bigviertel {
float:left;
position:relative;
background-color:white;
height: 820.6px;
margin-top:6px;
width: 550px;
margin:15px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.viertel2 {
position:relative;
background-color:white;
height: 200px;
margin-top:6px;
width: 233px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.halb {
position:relative;
background-color:white;
height: 400px;
margin-top:6px;
/* padding: 15px 14px; */
width: 477px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hochkant {
height: 300px;
padding: 15px 14px;
background-color:white;
width:490px;
}

.fullwidth {
background-color:white;
width: 922px;
height: 200px;
padding:15px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
.leftnav {
width: 160px;
height:160px;
float: left;
margin-top: 10px;
display: inline;
background-color:rgba(0,0,0,.05);
font-size:16px;
text-align:center;
}   

.categorypage {
width: 770px;
float: right;
position:relative;
}

.item {
position:relative;
float: left;
width: 108px;
height:180px;
padding: 0;
margin-right:0px;
margin-left:20px;
margin-top:10px;
border: none;
box-shadow: 0 1px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.itemtext {
width:98px;
height:50px;
background-color:white;
position:relative;
margin-top:120px;
padding:5px;
text-align:center;
font-size:12px;
color:black;
border-top: 1px solid lightgrey;
position:relative;
}
   
.searchfield {
height: 15px;
background: #fff;
padding: 6px 6px 6px 8px;
width: 80px;
height:15px;
border: solid 1px #bcbbbb;
outline: none;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.searchbutton {
position:absolute;
top:6px;
left:106px;
text-align:center;
color: #fff;
border: solid 1px #494949;
font-size: 11px;
height: 30px;
width: 50px;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
background: -moz-linear-gradient(top, #9e9e9e, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545');
margin-top:-1px;
}
   
.nicebutton {
font-weight:bold;
	padding:3px;
    margin-top:-5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.nicebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.nicebutton:active {
	position:relative;
	top:1px;
}

.texty {

padding:0px;
text-decoration:none;

}

.innerdiv a {
text-decoration:none;
color:black;
}

.bigtext {
padding:20px;
}


table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child {
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	text-align: center;
	padding-left:20px;
	font-size:bold;

}
table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}



select {
    padding:3px;
    margin: 5px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:250px;
}


		
.gradient1 {
    background-image: url("../img/bg_filter_neutral.jpg");
	float: left;
	height: 13px;
	width: 145px;
	background-size: cover;
	margin-top: 3px;
}
.gradient2 {
   background-image: url(../img/bg_filter_red.jpg);
   float: left;
	height: 13px;
	width: 145px;
	background-size: cover;
	margin-top: 3px;
}.gradient3 {
   background-image: url(../img/bg_filter_yellow.jpg);
   float: left;
   height: 13px;
   width: 145px;
   background-size: cover;
   margin-top: 3px;
}.gradient4 {
   background-image: url(../img/bg_filter_green.jpg);
   float: left;
   height: 13px;
   width: 145px;
   background-size: cover;
   margin-top: 3px;
}.gradient5 {
   background-image: url(../img/bg_filter_blue.jpg);
   float: left;
   height: 13px;
   width: 145px;
   background-size: cover;
   margin-top: 3px;F
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}