*{  
    font-size:11px;
    font-family: 'Inconsolata', Georgia;
}

body {
    background: #ffffff url(../images/bg.png);
    background-position: -437px 68px;
    height: 100%;
    color: #4c2f26;
    font-size:11px;
    font-family: 'Inconsolata', Georgia;
    padding: 0;
    margin: 0;

}
a {
    text-decoration: none;
    color: #231f20;
    color: rgba(150, 150, 150, 0.9);
    color: #4c2f26;
}

.logo{
    position:absolute;
    top:8px;
}

#logo{
    width:40%;
    position:absolute;
    bottom:10px;
}

#logo img{
    max-width: 100%;
    height: auto;
    min-width: 150px;
}

.slogan{
    font-size:18px;font-weight:bold;position:absolute;bottom:10px;right:0;
}

@media only screen and (max-width: 890px) {

    #logo{
        bottom:20px;
    }
   .slogan{
        font-size:12px;font-weight:bold;position:absolute;bottom:20px;right:0;
    }

}

@media only screen and (max-width: 700px) {

    #logo{
        bottom:20px;
    }
   .slogan{
        font-size:10px;position:absolute;bottom:0px;left:0;
    }

}

@media only screen and (max-width: 550px) {
    #logo{
        bottom:20px;
    }
   .slogan{
        font-size:10px;float:right;
        display:block;
    }

}

/* gallery */
.gallery {
    text-align:center;
    float:left;
}

.gallery p.info{
    background-color:#ffffff;
    font-size:11px;
    width:200px;
    text-align:justify ;
}
.gallery h1{
    background-color:#ffffff;
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    text-align:left;
}
.gallery a{
    text-decoration: none;
    display: inline-block;
}
.gallery ul { list-style: none; }
.gallery ul li { display: inline-block; padding: 6px; vertical-align:top;padding-bottom:10px;}
.gallery ul a {
    border: 5px solid #ffffff;
    border-width: 10px;
    border-radius:4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
.gallery ul a:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);
    
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.fresco-gallery a {
    margin: 6px;
    border: 5px solid #ffffff;
    border-width: 10px;
    border-radius:4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
.fresco-gallery a:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);

    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

#wrapper{
    max-width:960px;
    margin: 20px auto 0;
    padding: 0 0 100px 0;
}

#newsbar-container{
    width: 100%;
    border-bottom: 1px solid #8B8B8B;
    background-color: #333333;
    background-color: #4c2f26;
    background-color: #916254;
    background-color: #643A2C;
    height:20px !important;
    max-height: 20px;
    overflow: hidden;
}

#newsbar{
    max-width:960px;
    margin: 0px auto 0;
    text-align: center;
    height:20px !important;
}

/* liScroll styles */
.tickercontainer {
 /* the outer div with the black border */
    max-height: 20px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask {
 /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    max-height: 20px;
    overflow: hidden;
}
ul.newsticker {
/* that's your list */
    position: relative;
    left: 960px;
    list-style-type: none;
    margin: 0;
    padding: 0;

}
ul.newsticker li {
    float: left;
    margin: 0;
    padding: 0;
    color: #969696;
    /*color: #4c2f26;*/
    font-size: 12px;
    line-height: 20px;
}
ul.newsticker span.message {
    white-space: nowrap;
    padding: 0;
    margin: 0 50px 0 0;
}
ul.newsticker span.date {
    margin: 0 10px 0 0;
}
ul.newsticker span.subject {
    margin: 0 10px 0 0;
    font-weight: bold;
}


h1.header{
    font-size: 28px;
    font-weight: bold;
    margin: 15px 0;
    position:relative;
    height: 40px;
}

h1 span.header-stroke{
    position:absolute;
    top:15px;
    height: 1px;
    width: 100%;
    background-color: rgba(196, 196, 196, 0.9);
    background-color: #4c2f26;
    border-bottom:1px solid #ffffff;
}

h1 span.header-text{
    background-color:#ffffff;
    padding: 0 10px;
    position:absolute;
    left:40px;
}

h1 span.header-action{
    font-size:10px;
    background-color:#ffffff;
    position:absolute;
    right:40px;
    padding: 10px;
}

#header-container{
    width: 100%;
    border: 0px solid #a0a0a0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    height:140px !important;
}
#header{
    position:relative;
    max-width:960px;
    margin: 0 auto;
    height:100%;
}

#foobar-container{
    position:relative;
    bottom:0px;
    width: 100%;
    background-color:#333333;
    background-color:#4c2f26;
    background-color:#916254;
    background-color:#643A2C;
    height: 70px;
    z-index: 999;
}

#foobar {
    position:relative;
    max-width: 960px;
    margin: 0 auto;
    /*border: 0px solid #a0a0a0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    border-radius:4px 4px 0 0;*/
    height:50px !important;
}

#foobar a {
    position: relative;
    margin: 5px 10px;
    top: 10px;
}

.foobar-top #foobar {
    bottom: inherit;
    height: 70px !important;
}

.foobar-top #foobar a{
    top: 3px;
}

#foobar a span.icn {
    width: 64px;
    height: 64px;
    display: inline-block;
    background-size: 64px 64px !important;
}

#foobar a span.icn.icn-email {
    background: url('../images/icons/icn-email.png') 0 0 no-repeat;
}

#foobar a span.icn.icn-social {
    background: url('../images/icons/icn-social.png') 0 0 no-repeat;
}

#foobar a span.icn.icn-phone {
    background: url('../images/icons/icn-phone.png') 0 0 no-repeat;
}

#foobar a span.icn.icn-route {
    background: url('../images/icons/icn-navi.png') 0 0 no-repeat;
}

#foobar a span.icn.icn-info {
    background: url('../images/icons/icn-info.png') 0 0 no-repeat;
}

#foobar a span.icn.icn-agb {
    background: url('../images/icons/icn-agb.png') 0 0 no-repeat;
}

#foobar a span.icn-quad {
    width: 92px;
    height: 64px;
    display: inline-block;
    background-size: 92px 64px !important;
}

#foobar a span.icn-quad.icn-email {
    background: url('../images/icons/icn-email-quad-31170f.png') 0 0 no-repeat;
}

#foobar a span.icn-quad.icn-social {
    background: url('../images/icons/icn-social-quad-31170f.png') 0 0 no-repeat;
}

#foobar a span.icn-quad.icn-phone {
    background: url('../images/icons/icn-phone-quad-31170f.png') 0 0 no-repeat;
}

#foobar a span.icn-quad.icn-route {
    background: url('../images/icons/icn-navi-quad-31170f.png') 0 0 no-repeat;
}

#foobar a span.icn-quad.icn-info {
    background: url('../images/icons/icn-info-quad-31170f.png') 0 0 no-repeat;
}

#foobar a span.icn-quad.icn-agb {
    background: url('../images/icons/icn-agb-quad-31170f.png') 0 0 no-repeat;
}

#foobar .foobar-item{
    float:left;
    padding:10px 0px;
    text-align:center;
    min-width:220px;
    width:25%
}
#foobar .foobar-item:last-child{
    margin-right:0px;
}

.icon{
    display:block;
    width: 30px;
    height: 30px;
    position:absolute;
    
}
.icon-facebook{
    background: url('../images/icons/facebook.png') no-repeat;
}
.icon-mail{
    background: url('../images/icons/mail.png') no-repeat;
}
.icon-phone{
    background: url('../images/icons/phone.png') no-repeat;
}
.icon-route{
    background: url('../images/icons/route.png') no-repeat;
}
.icon-text{
    line-height:30px;
    font-size:1.2em;
    color:#767676;
    color:#969696;
    padding-left:32px;
    text-decoration: none !important;
}
/*
#foobar.mobile{
    height:140px !important;
}

#foobar.mobile a img{
    width: 64px;
    height: 64px;
}
*/

.gallery img {
    width: 200px;
    height:200px;
}
/* UPLOAD */
.btn-upload input{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.btn{
    position:relative;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    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: -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-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    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);
}

.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn: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;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

.btn.success{
    background: #a9db80; /* Old browsers */
    background-image: -moz-linear-gradient(top,  #a9db80 0%, #96c56f 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top,  #a9db80 0%,#96c56f 100%); /* IE10+ */
    background-image: linear-gradient(to bottom,  #a9db80 0%,#96c56f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
}
/*
.btn.btn-upload{
    color: white;
    text-shadow: 0 1px 1px rgba(1, 1, 1, 0.15);
    background: #9dd53a; 
    background-image: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
    background-image: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
    background-image: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
    background-image: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
    background-image: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); 
}
.btn.btn-upload:hover{
    background-image: #bfd255; 
    background-image: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
    background-image: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
    background-image: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
    background-image: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
    background-image: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
}*/

.bar {
    height: 18px;
    background: green;
}

.clear{
    clear: both;
}

#fileupload input{padding: 2px 5px; border:1px solid rgba(76, 47, 38, 0.45);background-color:rgba(76, 47, 38, 0.15); border-radius:2px; margin: 0 2px;}
#fileupload input:hover{ background-color:rgba(76, 47, 38, 0.05);border-color:rgba(76, 47, 38, 0.25);}

.accordion-container, #is-items{line-height:20px;}
.accordion-container a.btn, #is-items a.btn{ margin: 0 2px;}
.accordion-container .details, #is-items .details{float:left;width:80%;}
.accordion-container .filename, #is-items .filename{padding: 0 5px;display:block;font-weight:bold;white-space: nowrap;}
.accordion-container .size, #is-items .size{clear:both;padding: 0 5px;display:block;}
.accordion-container .actions, #is-items .actions{clear:both;padding: 0 5px;display:block;}
.accordion-container span.thumbnail, #is-items span.thumbnail{
    border:1px solid #B5B5B5;
    background-color: #EDEDED;
    display:inline-block;
    width:100px;
    height:100px;
    line-height:100px;
    float:left;
}
.accordion-container span.thumbnail img {
    width:100px;
    height:100px;
}
.accordion-container p, #is-items p{
    margin: -1px 2px;
    border: 1px solid #4c2f26;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-left:0;
    border-right:0;
    padding: 5px;
    height:180px;
    background-color:rgba(252, 252, 252, 0.8);
}
.accordion-container p:last-child{
    border-bottom:0;
}
.accordion-container p:first-child{
    border-top:0;
}
#categories input, #settings input{
    display:block;
    padding:4px 4px;
    margin:2px;
    width:100%;
    font-size:14px;
    border-radius:2px;
    border:1px solid #cdcdcd;
    line-height:20px;
}

#settings textarea{
    display:block;
    padding:4px 4px;
    margin:2px;
    width:100%;
    font-size:14px;
    border-radius:2px;
    border:1px solid #cdcdcd;
    height:60px;
}

span.notification
{
    display:none;
}

span.warning
{
    color: #d68c8c;
    padding-left:5px;
}

.accordion-container p{
    background-color:transparent;
    border: 1px solid #B5B5B5;
    border-left:0;
    border-right:0;
    color:#333333;
}

.accordion-header{
    padding: 10px 20px;
    font-size:14px;
    font-weight:bold;
    color:#333333;
    border:1px solid #B5B5B5;
    cursor:pointer;
    
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.accordion-header.accordion-header-active{
}

.accordion-container{
    padding: 10px 20px;
    border:1px solid #B5B5B5;
    border-top:1px solid #EDEDED;
    color:white;
    
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 1%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #ffffff 1%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

p.deleted{
    background-color:#f7c4c4;
    opacity:0.8;
}

textarea.htmlarea{
    display:block;
    padding:4px 4px;
    margin:2px;
    width:100%;
    font-size:14px;
    border-radius:2px;
    border:1px solid #cdcdcd;
    height:60px;
}

#info h1{
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}
#impressum h1{
    font-size: 16px;
    font-weight: bold;
    padding-bottom:10px;
}

#impressum h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}

#impressum h3 {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
}

#impressum img{
    position: absolute;
    left: 0;
    top: 0;
}
#impressum a{
    display: block;
    position: relative;
    line-height: 26px;
    padding-left: 32px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

#info h1:first-child{
    padding-top:0px;
}
#info p, #impressum p{
    font-size:14px;
    padding: 2px 0;
}

#links_content{
    padding-top: 18px;
}

#links_social{
    /*border-left: 1px solid #c6bebc;*/
    /*border-right: 1px solid #c6bebc;*/
    margin: 0 20px;
    min-height: 200px;
    padding: 0 20px;
    text-align: left;
}

.fb-like{
    margin-top: 20px;
}

.gplus{
    display: block;
    margin-top: 20px;
}

section#social #footer .footer-item:first-child, section#social #footer .footer-item:last-child{
    margin: auto;
    border: 0;
}

#links_social img{
    position: absolute;
    left: 0;
    top: 0;
}

#links_social a{
    display: block;
    position: relative;
    line-height:26px;
    padding-left: 32px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}

section#social #footer .footer-item h2{
    margin-bottom: 20px;
}

#links_content.footer-item{
    margin-top:20px;
}

#links_content a{
    text-decoration: underline;
    display: block;
    font-size: 14px;
    margin-top: 20px;
}

#contact form input, #contact form textarea, #contact form select{
    width: 500px;
    display: block;
    margin: 5px;
    padding: 3px 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #ffffff;
    border-radius: 4px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}

#contact form input[type="submit"]{
    cursor: pointer;
    color: #4c2f26;
    font-weight: bold;
}

#contact form input:hover, #contact form textarea:hover, #contact form select:hover{
    -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);

    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

#contact form textarea{
    height: 100px;
}

#contact.message p{
    width: 480px;
    margin-left: 4px;
    -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.85);
}

#contact.message p.success{
    color: #4c2f26;
}

section#social{
    overflow: hidden;
    position: relative;
    text-align: center;
    background-color: #EAE5E4;
    padding:20px;
    z-index: 1;
}

div#totop{
    background-color: #f1edec;
    height: 38px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 99999;
}

div#totop a{
    background-color: #f1edec;
    border: 10px solid #f1edec;
    border-radius: 100px;
    height:32px;
    width: 32px;
    display: inline-block;
}


#footer{
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#footer h2{
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
}

#links
{
    text-align:center;
    margin-top:20px;
    text-decoration:underline;
}

#links a{
    text-align:center;
}
#slider .slider-element{
    position:relative;
}

#slider .details{
    position:absolute;
    left:400px;
    top:45px;
}

/*responsive logo*/
#header p {position:relative;}
img.ri
{
    position: absolute;
    max-width: 80%;
    top: 10%;
    left: 10%;
    border-radius: 3px;
}

img.ri:empty
{
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
    img.ri { max-width: 90%; }
}
@media screen and (orientation: landscape) {
    img.ri { max-height: 90%; }
}

@media screen and (orientation: portrait) {
   .foobar-item {
        width:50% !important;
   }
   .foobar-item .icon-text{
        font-size:20px;
    }
}

/* social gallery links*/
.gallery-socials {
    position: absolute;
    right: 0;
    top: 0;
}

/* image rendering fix */
img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;

}

/* table options */
.item-lister table tr td.cell-order, .item-lister table tr td.cell-id {
    max-width: 50px;
    width: 50px !important;
}

.text {
    font-size: 12px;
}

.text a {
    text-decoration: underline;
}

@media only screen and (max-width: 1000px) {
    #header-container {
        height: auto !important;
    }

    #logo {
        position: static;
        width: auto;
    }
    #logo a {
        display: block;
        text-align: center;
    }

    .slogan {
        position: static;
        font-size: 36px;
        text-align: center;
        display: block;
    }
    .header-text {
        font-size: 140%;
    }

    #footer {
        display: flex;
        flex-flow: column;
        background: #eae5e4;
    }
    #footer h2 {
        font-size: 2rem;
    }
    #contact form input, #contact form textarea, #contact form select {
        font-size: 2rem;
        width: 100%;
    }
    section#social #footer .footer-item {
        margin: 20px 0;
        padding: 0 0;
    }
    section#social #footer .footer-item+.footer-item {
        padding-top: 20px;
        border-top: 1px solid #78635e;
    }
    #links_social a {
        font-size: 2rem;
        padding-left: 48px;
    }
    #links_social img {
        transform: scale(1.5);
        left: 8px;
        top: 8px;
    }
    #links_content a {
        font-size: 2rem;
    }
    #links_content a:first-child {
        margin-top: 0;
    }
}