#art-main
{
background: rgba(235,235,235,0.8) url('../images/background-logo-strehmel-bau-320x88.png') no-repeat fixed top 125px center;
margin: 0 auto;
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}
.a, .a:link, .a:visited
{
--border-color:#8C0001;
--border-width: 1px;
--bottom-distance:0px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));
background-size: 0% var(--border-width);background-repeat: no-repeat;
transition: background-size 0.9s;
background-position: 50% calc(100% - var(--bottom-distance));
}
.a:hover, .a:focus {
font-size:16px;
font-style:italic;
color:#1E1E1E;
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
ul.art-hmenu
{
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
ul
{
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color:#353535;
list-style-position: inside;
list-style-type:initial;
line-height:140%;
}
ol, ol.decimal 
{
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color:#353535;
list-style-position: inside;
list-style-type:decimal-leading-zero;
line-height:140%;
}

ol a, ol.decimal a 
{
--border-color:#353535;
--border-width: 1px;
--bottom-distance: 0px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));background-size: 0% var(--border-width);background-repeat: no-repeat;transition: background-size 0.8s;background-position: 50% calc(100% - var(--bottom-distance));
}
ol a:hover, ol a:focus, ol.decimal a:hover, ol.decimal a:focus
{
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
h1, h2, h3, h4, h5, h6, p, a,
{
margin: 0;
padding: 0;
}
.art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a
{
text-align: left;
}
.art-postcontent, .art-postcontent table
{
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-align: left;
text-indent: 0;
line-height: 140%;
}
.art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited
{
--border-color:#8C0001;
--border-width: 1px;
--bottom-distance:0px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));
background-size: 0% var(--border-width);background-repeat: no-repeat;
transition: background-size 0.9s;
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-postcontent a:hover, .art-postcontent a:focus
{
font-size:16px;
font-style:italic;
color:#1E1E1E;
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited,
{
--border-color:#8C0001;
--border-width: 1px;
--bottom-distance:0px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));
background-size: 0% var(--border-width);background-repeat: no-repeat;
transition: background-size 0.9s;
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-postcontent a:hover, .art-postcontent a:focus, .art-postcontent a.hovered
{
font-size:16px;
font-style:italic;
color:#1E1E1E;
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-postcontent p
{
margin: 5px 0;
}
.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
font-size: 22px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 140%;
}
.art-postcontent h1
{
color: #8C0001;
margin: 5px 0 0;
font-size: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-indent: 0;
line-height: 140%;
}
.art-blockcontent h1
{
margin: 5px 0 0;
font-size: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
text-indent: 0;
line-height: 140%;
}
.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
font-size: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
text-align: left;
text-indent: 0;
line-height: 140%;
}
.art-postcontent h2
{
color: #8C0001;
margin: 5px 0 0;
font-size: 22px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
line-height: 140%;
}
.art-blockcontent h2
{
margin: 5px 0 0;
font-size: 22px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
line-height: 140%;
}
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
font-size: 22px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
text-align: left;
line-height: 140%;
}
.art-postcontent h3
{
color: #8C0001;
margin: 5px 0 0;
font-size: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-blockcontent h3
{
color: #8C0001;
margin: 5px 0 0;
font-size: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
color: #8C0001;
font-size: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
line-height: 140%;
}
.art-postcontent h4
{
color: #8C0001;
margin: 5px 0 0;
font-size: 18px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-blockcontent h4
{
color: #8C0001;
margin: 5px 0 0;
font-size: 18px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
color: #8C0001;
font-size: 18px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
line-height: 140%;
}
.art-postcontent h5
{
color: #8C0001;
margin: 5px 0 0;
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-blockcontent h5
{
margin: 5px 0 0;
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
line-height: 140%;
}
.art-postcontent h6
{
color: #8C0001;
margin: 5px 0 0;
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-blockcontent h6
{
margin: 5px 0 0;
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 140%;
}
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
line-height: 140%;
}
header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art
header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body
{
height: 100%;
background: rgba(235,235,235,0.8);
}
body
{
padding-top: 85px;
margin: 0px auto 0 auto;
min-width: 320px;
color: #1E1E1E;
}
.back-to-top {
background: url('../images/to-top-40x40-1.png');
position: fixed;
bottom:10px;
right:5px;
width:40px;
height:40px;
transition: background 1.0s ease;
z-index:99999999;
}
.back-to-top:hover {
background: url('../images/to-top-40x40-2.png');
z-index:99999999;
}
.box1 {
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color:#1E1E1E;
float:left;
width:30%;
max-width:180px;
line-height:140%;
}
.box2 {
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color:#1E1E1E;
width:100%;
line-height:140%;
}
.box2 a {
--border-color:#8C0001;
--border-width: 1px;
--bottom-distance:0px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));
background-size: 0% var(--border-width);background-repeat: no-repeat;
transition: background-size 0.9s;
background-position: 50% calc(100% - var(--bottom-distance));
}
.box2 a:hover, .box2 a:focus {
font-size:16px;
font-style:italic;
color:#1E1E1E;
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
.image-left {
float:left;
width:146px;
height:40px;
border:0;
margin-right:10px;
}
.image-right {
float:right;
width:146px;
height:40px;
border:0;
margin-left:10px;
}
.clearfix:before, .clearfix:after
{
width: 100%;
content: " ";
display: table;
}
.clearfix:after
{
clear: both;
}
.cleared
{
font: 0/0 serif;
clear: both;
}
form
{
padding: 0 !important;
margin: 0 !important;
}
table 
{
max-width:90%;
margin-left:auto;
margin-right:auto;
}
table tr 
{
display: table-row;
}
table td
{
border: 0 transparent;
color:#1E1E1E;
font-weight:bold;
font-family:Verdana,Geneva,Arial,Helvetica,Sans-Serif;
font-size:16px;
padding:10px;
margin:10px;
}
table h2 
{
color:#8C0001;
font-family:Verdana,Geneva,Arial,Helvetica,Sans-Serif;
font-size:20px;
font-weight:bold;
padding:10px;
margin:10px;
}
table p 
{
color:#1e1e1e;
font-family:Verdana,Geneva,Arial,Helvetica,Sans-Serif;
font-size:16px;
font-weight:bold;
}
table a: 
{
font-weight:bold;
}
table a:hover 
{
color:#8C0001;
transition:0.9s;
}
table img 
{
padding:10px;
margin:10px;
align:center;
width:292px;
max-width:80%;
height:auto;
}
li h1, .art-postcontent li h1, .art-blockcontent li h1
{
margin: 1px;
}
li h2, .art-postcontent li h2, .art-blockcontent li h2
{
margin: 1px;
}
li h3, .art-postcontent li h3, .art-blockcontent li h3
{
margin: 1px;
}
li h4, .art-postcontent li h4, .art-blockcontent li h4
{
margin: 1px;
}
li h5, .art-postcontent li h5, .art-blockcontent li h5
{
margin: 1px;
}
li h6, .art-postcontent li h6, .art-blockcontent li h6
{
margin: 1px;
}

.art-shapes
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.art-slider-inner
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.art-slidenavigator > a
{
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}
.art-slidenavigator > a:last-child
{
margin-right: 0 !important;
}
.art-footer .layout-item-0
{
margin-bottom: 0px;
}
.art-footer .layout-item-1
{
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 0px;
border-top-color: #8C0001;
border-right-color: #8C0001;
border-bottom-color: #8C0001;
border-left-color: #8C0001;
color: #1E1E1E;
border-spacing: 0px 4px;
border-collapse: separate;
}
.art-footer .layout-item-2
{
color: #1E1E1E;
padding-right: 10px;
padding-left: 10px;
}
.ie7 .art-post .art-layout-cell
{
border: none !important;
padding: 0 !important;
}
.ie6 .art-post .art-layout-cell
{
border: none !important;
padding: 0 !important;
}
.art-sheet
{
background: rgba(235,235,235,0.9);
margin: 10px auto 0;
position: relative;
cursor: auto;
width: 92%;
min-width: 320px;
max-width: 1100px;
z-index: auto !important;
}
.art-layout-wrapper
{
position: relative;
margin: 0 auto 0 auto;
z-index: auto !important;
}
.art-content-layout
{
display: table;
width: 100%;
table-layout: fixed;
}
.art-content-layout-row
{
display: table-row;
}
.art-layout-cell
{
display: table-cell;
vertical-align: top;
}
.art-postcontent .art-content-layout
{
border-collapse: collapse;
}
.art-block
{
margin: 3px;
}
div.art-block img
{
border: none;
margin: 0;
}
.art-blockheader
{
padding: 6px 5px;
margin: 0 auto 2px;
}
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover
{
color: #8C0001;
font-size: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
margin: 0 5px;
}
.art-blockcontent
{
padding: 5px;
margin: 0 auto;
color: #1E1E1E;
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
line-height: 140%;
}
.art-blockcontent table, .art-blockcontent li, .art-blockcontent a, .art-blockcontent a:link, .art-blockcontent a:visited, .art-blockcontent a:hover
{
color: #1E1E1E;
font-size: 16px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
line-height: 140%;
}
.art-blockcontent p
{
margin: 0 5px;
}
.art-blockcontent a, .art-blockcontent a:link
{
color: #1E1E1E;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
.art-block ul>li:before
{
content: url('../images/blockbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -12px;
}
.art-breadcrumbs
{
margin: 0 auto;
}
.art-block select
{
width: 96%;
}
.art-comments
{
border-top: 1px dotted #A1ADBA;
margin: 0 auto;
margin-top: 25px;
}
.art-comments h2
{
color: #1A1F23;
}
.art-comment-inner
{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px;
margin: 0 auto;
margin-left: 96px;
}
.art-comment-avatar
{
float: left;
width: 80px;
height: 80px;
padding: 2px;
background: #fff;
border: 1px solid #E2E8EE;
}
.art-comment-avatar>img
{
margin: 0 !important;
border: none !important;
}
.art-comment-content
{
padding: 10px 0;
color: #222E39;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
.art-comment
{
margin-top: 6px;
}
.art-comment:first-child
{
margin-top: 0;
}
.art-comment-header
{
color: #1A1F23;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
line-height: 140%;
}
.art-comment-header a, .art-comment-header a:link, .art-comment-header a:visited, .art-comment-header a.visited, .art-comment-header a:hover, .art-comment-header a.hovered
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
line-height: 140%;
}
.art-comment-content a, .art-comment-content a:link, .art-comment-content a:visited, .art-comment-content a.visited, .art-comment-content a:hover, .art-comment-content a.hovered
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
.art-pager
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px;
margin: 2px;
}
.art-post
{
padding: 5px;
}
a img
{
border: 0;
}
.art-article img, img.art-article, .art-block img, .art-footer img
{
margin: 7px 7px 7px 7px;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
}
.art-post .art-content-layout-br
{
height: 0;
}
.art-article th, .art-article td
{
padding: 2px;
vertical-align: top;
text-align: left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
pre
{
overflow: auto;
padding: 0.1em;
}
.preview-cms-logo
{
border: 0;
margin: 1em 1em 0 0;
float: left;
}
.image-caption-wrapper
{
padding: 7px 7px 7px 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper img
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper div.art-collage
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-caption-wrapper p
{
font-size: 80%;
text-align: right;
margin: 0;
}
.art-postheader
{
color: #8C0001;
margin: 5px 10px;
font-size: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered
{
font-size: 24px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #3B4E63;
}
.Sorter img
{
border: 0;
vertical-align: middle;
padding: 0;
margin: 0;
position: static;
z-index: 1;
width: 12px;
height: 6px;
}
.Sorter a
{
position: relative;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #8C0001;
}
.Sorter a:link
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #8C0001;
}
.Sorter a:visited, .Sorter a.visited
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #8C0001;
}
.Sorter a:hover, .Sorter a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #3D4752;
}
.Sorter
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #272E35;
}
.art-footer
{
border-top: 1px solid #8C0001;
padding: 10px;
margin: 10px auto 0;
position: relative;
color: #1E1E1E;
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 140%;
text-align: center;
}
.art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover, .art-footer td, .art-footer th, .art-footer caption
{
color: #1E1E1E;
font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 140%;
}
.art-footer p
{
margin: 2px 0 0;
padding: 0;
text-align: center;
}
.art-footer a, .art-footer a:link, .art-footer a:visited
{
--border-color:#8C0001;
--border-width: 1px;
--bottom-distance:0px;
font-size:14px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));
background-size: 0% var(--border-width);background-repeat: no-repeat;
transition: background-size 0.9s;
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-footer a:hover, .art-footer a:focus {
font-size:14px;
font-style:italic;
color:#1E1E1E;
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-footer img
{
border: none;
margin: 0;
text-align: center;
}
.art-page-footer
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 14px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
padding-top:15px;
text-align: center;
color: #1E1E1E;
line-height: 160%;
}
.art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited
{
--border-color:#8C0001;
--border-width: 1px;
--bottom-distance:0px;
font-size:14px;
font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
color:#8C0001;
display: inline-block;
text-decoration:none;
background-image: linear-gradient(var(--border-color), var(--border-color));
background-size: 0% var(--border-width);background-repeat: no-repeat;
transition: background-size 0.9s;
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-page-footer a:hover, .art-page-footer a:focus {
font-size:14px;
font-style:italic;
color:#1E1E1E;
background-size: 100% var(--border-width);
background-position: 50% calc(100% - var(--bottom-distance));
}
.art-lightbox-wrapper
{
background-color: rgba(0, 0, 0, .8);
bottom: 0;
left: 0;
padding: 0 100px;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 1000000;
}
.art-lightbox, .art-lightbox-wrapper .art-lightbox-image
{
cursor: pointer;
}
.art-lightbox-wrapper .art-lightbox-image
{
border: 6px solid #fff;
border-radius: 3px;
display: none;
max-width: 100%;
vertical-align: middle;
}
.art-lightbox-wrapper .art-lightbox-image.active
{
display: inline-block;
}
.art-lightbox-wrapper .lightbox-error
{
background: #fff;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 80px;
opacity: .95;
padding: 20px;
position: fixed;
width: 300px;
z-index: 100;
}
.art-lightbox-wrapper .loading
{
background: #fff url('../images/preloader-01.gif') center center no-repeat;
border: 1px solid #8C0001;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 32px;
opacity: .5;
padding: 10px;
position: fixed;
width: 32px;
z-index: 10100;
}
.art-lightbox-wrapper .arrow
{
cursor: pointer;
height: 100px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
width: 82px;
z-index: 10003;
}
.art-lightbox-wrapper .arrow.left
{
left: 9px;
}
.art-lightbox-wrapper .arrow.right
{
right: 9px;
}
.art-lightbox-wrapper .arrow:hover
{
opacity: 1;
filter: alpha(opacity=100);
}
.art-lightbox-wrapper .arrow.disabled
{
display: none;
}
.art-lightbox-wrapper .arrow-t, .art-lightbox-wrapper .arrow-b
{
background-color: #fff;
border-radius: 3px;
height: 6px;
left: 26px;
position: relative;
width: 30px;
}
.art-lightbox-wrapper .arrow-t
{
top: 38px;
}
.art-lightbox-wrapper .arrow-b
{
top: 50px;
}
.art-lightbox-wrapper .close
{
cursor: pointer;
height: 22px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
right: 39px;
top: 30px;
width: 22px;
z-index: 10003;
}
.art-lightbox-wrapper .close:hover
{
opacity: 1;
filter: alpha(opacity=100);
}
.art-lightbox-wrapper .close .cw, .art-lightbox-wrapper .close .ccw
{
background-color: #fff;
border-radius: 3px;
height: 6px;
position: absolute;
left: -4px;
top: 8px;
width: 30px;
}
.art-lightbox-wrapper .cw
{
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.art-lightbox-wrapper .ccw
{
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.art-lightbox-wrapper .close-alt, .art-lightbox-wrapper .arrow-right-alt, .art-lightbox-wrapper .arrow-left-alt
{
color: #fff;
display: none;
font-size: 2.5em;
}
.ie8 .art-lightbox-wrapper .close-alt, .ie8 .art-lightbox-wrapper .arrow-right-alt, .ie8 .art-lightbox-wrapper .arrow-left-alt
{
display: block;
}
.ie8 .art-lightbox-wrapper .cw, .ie8 .art-lightbox-wrapper .ccw
{
display: none;
}
.art-content-layout .art-content
{
margin: 0 auto;
}
fieldset
{
border: none;
}
fieldset dl
{
display: block;
margin: 0;
padding: 0;
background: none;
}
fieldset dt
{
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 12em;
height: 2em;
margin: 0;
padding: 0;
float: left;
clear: both;
background: none;
line-height: 2em;
overflow: hidden;
}
fieldset dd
{
display: block;
min-height: 2em;
margin: 0 0 0 12em;
padding: 0;
background: none;
line-height: 2em;
}
ieldset label
{
display: inline-block;
width: 12em;
}

fieldset textarea
{
vertical-align: text-top;
}
.img-fulltext-left, .img-intro-left
{
float: left;
display: block;
border: none;
padding: 0;
margin: 0 0.3em 0.3em 0;
margin-top: 0;
}
.img-fulltext-right, .img-intro-right
{
float: right;
display: block;
border: none;
padding: 0;
margin: 0 0 0.3em 0.3em;
margin-top: 0;
}
ul.pagenav
{
clear: both;
list-style: none;
display: block;
margin: 0;
padding: 0;
}
ul.pagenav li, ul.pagenav li:before
{
display: block;
background: none;
margin: 0;
padding: 0;
width: 50%;
text-align: center;
content: normal;
}
ul.pagenav li.pagenav-prev
{
float: left;
}
ul.pagenav li.pagenav-next
{
margin: 0 0 0 50%;
}
div.item-page dl.tabs
{
display: block;
margin: 0;
padding: 0;
}
div.item-page dl.tabs:before
{
box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: left;
width: 1em;
height: 2em;
overflow: hidden;
}
div.item-page dl.tabs dt
{
box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: left;
height: 2em;
overflow: hidden;
border-left: 1px solid black;
border-top: 1px solid black;
}
div.item-page dl.tabs dt h3
{
margin: 0;
padding: 0 1em;
line-height: 2em;
font-size: 100%;
overflow: hidden;
}
div.item-page dl.tabs dt h3 a
{
text-decoration: none;
}
div.item-page dl.tabs:after
{
box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
border-left: 1px solid black;
content: " ";
overflow: hidden;
height: 2em;
}
div.item-page div.current
{
clear: both;
border: 1px solid black;
}
div.item-page div.current dd.tabs
{
margin: 0;
padding: 0;
}
div.item-page .panel
{
border: 1px solid black;
margin-top: -1px;
}
div.item-page .panel h3
{
margin: 0;
padding: 0;
}
div.item-page .panel h3 a
{
display: block;
padding: 6px;
text-decoration: none;
}
div.item-page .panel h3.pane-toggler-down a
{
border-bottom: 1px solid black;
}
div.item-page .panel .pane-slider
{
margin: 0;
padding: 0;
}
div.item-page div.pagination ul
{
clear: both;
list-style: none;
display: block;
margin: 0;
padding: 0;
}
div.item-page div.pagination li
{
display: block;
width: 50%;
margin: 0;
padding: 0;
text-align: center;
float: left;
white-space: nowrap;
}
div.item-page div.pagination:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
#login-form #form-login-username label, #login-form #form-login-password label
{
display: block;
}
#login-form #form-login-username input, #login-form #form-login-password input
{
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 300px;
}
.breadcrumbs img
{
margin: 0;
padding: 0;
border: none;
outline: none;
}
dl.stats-module
{
padding: 0.3em 0 0.3em 0.3em;
margin: 0;
}
dl.stats-module dt
{
float: left;
display: block;
line-height: 1.5em;
min-height: 1.5em;
width: 10em;
padding: 0.3em 0.3em 0 0;
margin: 0;
font-weight: bold;
}
dl.stats-module dd
{
display: block;
line-height: 1.5em;
min-height: 1.5em;
margin-left: 0 0 0 10em;
}
div.mod-languages ul
{
margin: 0;
padding: 0;
list-style: none;
}
div.mod-languages li
{
background: none;
margin: 0 0.3em;
padding: 0;
}
div.mod-languages ul.lang-inline li
{
display: inline;
}
div.mod-languages ul.lang-block li
{
display: block;
}
div.mod-languages img
{
border: none;
margin: 0;
padding: 0;
}
div.clr
{
clear: both;
}
#system-message ul li
{
background-image: none;
}
ul.actions, ul.actions li, ul.actions li img
{
display: inline;
margin: 0;
padding: 0;
border: none;
}
ul.actions li
{
background: none;
list-style: none;
}
.items-row
{
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.items-row .item
{
display: table-cell;
vertical-align: top;
}
.items-row .row-separator
{
display: none;
}
div.pagination p.counter
{
display: inline-block;
margin: 0 0.3em 0 0;
padding: 0;
background: none;
}
div.pagination ul, div.pagination ul li, div.pagination ul > li:before
{
display: inline-block;
list-style: none;
margin: 0;
padding: 0 0.3em;
background: none;
content: normal;
}
div.tip-wrap
{
background: #fff;
border: 1px solid #aaa;
}
div.tip-wrap div.tip
{
padding: 0.3em;
}

div.tip-wrap div.tip-title
{
font-weight: bold;
}
table.category
{
width: 100%;
}
table.category thead th img
{
padding: 0 0 0 0.3em;
margin: 0;
border: none;
}
span.hasTip a img
{
padding: 0;
margin: 0;
border: none;
}
div.categories-list ul li span.item-title, div.cat-children ul li span.item-title
{
display: block;
margin: 0 0 0.3em 0;
}
div.categories-list ul li div.category-desc, div.cat-children ul li div.category-desc
{
margin: 0 0 0.3em 0;
}
div.categories-list dl, div.cat-children dl
{
display: block;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
background: none;
}
div.categories-list dl dt, div.cat-children dl dt, div.categories-list dl dd, div.cat-children dl dd
{
display: inline-block;
padding: 0;
margin: 0;
background: none;
}
div.img_caption p.img_caption
{
padding: 0.3em 0;
margin: 0;
}
form .search label, form .finder label
{
display: none;
}
.cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3
{
float: left;
clear: right;
}
.cols-2 .column-1
{
width: 50%;
}
.cols-2 .column-2
{
width: 50%;
}
.cols-3 .column-1
{
width: 33%;
}
.cols-3 .column-2
{
width: 33%;
}
.cols-3 .column-3
{
width: 34%;
}
.row-separator
{
clear: both;
float: none;
font-size: 1px;
display: block;
}