/* Contao
============================= */
.invisible {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
}

html, body{
    min-height:100.1%;
}

img, figcaption{
    max-width:100%;
    height:auto;
}
.float_left{
    float:left;
}
.float_right,.container .column.float_right, .container .columns.float_right{
    float:right;
}
#title{
    float:left;
}

#wrapper{
    min-height:100%;
}
.ce_text ul{
    list-style: disc inside ;
}
.ce_text li{
    line-height:1.2;
    margin-bottom:initial;
}
#header{
    overflow:hidden;
}

#header .slideshow-wrapper, #header .mod_article{
    margin: 0 10px;
}
#logo, #claim{
    height:110px;
}
#logo {
    background:url('../images/logo.jpg') no-repeat 10px bottom;
    width:200px;
}
#claim{
    background:url('../images/car-refinish.jpg') no-repeat right bottom;
    margin-right:10px;

}

hr{
    border-color:#888;
}
#right .ce_headline.last{
    margin-top:3em;
}

#submenu {
    margin-top:3em;
}
.inner{
    margin:15px 0;
}
.inner.center{

}
#left .ce_image{
    margin-bottom: 20px;
}
#left figcaption{

}

#title{
    margin-top:80px;
}
#title h1 {
    font-size:180%;
    line-height:initial;
}
.mod_article > *{

}
.mod_article h1{
    font-size:160%;
    line-height:initial;

}
.mod_article h2{
    font-size:110%;
    line-height:initial;

}
.mod_article h3{
    font-size:100%;
    line-height:initial;
    margin-bottom:0;

}
p.information{
    font-size:160%;
    color: #00256c;
}
p.information .small{
    font-size:80%;
}
/*
================================================== */
body{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:90%;
    line-height: initial;
    color:#000;
}

h1{
    font-size:190%;
    line-height: 1.2;
    margin-bottom: 35px;
    font-weight:bold;
}

p {
    margin-bottom:0.8em;
    margin-right:1.6em;
}
#main-wrapper{
    background: #000;
}
#main{

    background:#F75B08;
    min-height:750px;
    padding-bottom:3em;
    border-width: 0 5px;border-color:#F75B08;border-style:solid;
}
#header-wrapper{
    background:#F75B08;
    padding-bottom:20px;
    border-width: 0 5px;border-color:#F75B08;border-style:solid;
}
#content-wrapper{

    background:#F75B08;
    min-height:750px;
    padding-bottom:3em;
    border-width: 0 5px;border-color:#F75B08;border-style:solid;
}
body.white-content #content-wrapper{
    background:#fff;
    border-color:#fff;
}
.eight.columns{

}
#footer > .container{
    background:  #333333;
    color:#fff;
    padding-bottom:3em;
    border-width: 0 5px;border-color:#333333;border-style:solid;

}
#footer .nav-column{
    padding-top: 2em;
}
#footer a{
    text-decoration:none;
    color:inherit;
}
#footer a:hover{
    text-decoration:underline;
}



nav li.active{
    font-weight:bold;
    color:#F75B08;
}

#footer ul{
    margin:0 auto;
}
#footer p{
    text-align: center;
}
#startseite .ce_hyperlink.eight.columns{

}

#startseite .ce_hyperlink.eight.columns > div {
    border:1px black solid;
}
#headerbar {
    position:absolute;
    background:#fff;
    opacity:0.8;
    top:75%;
    right:9px;
    padding:10px;
}


#headerbar h1{
    margin:0;
}

.headerheadline h1, .headerheadline h5{
    font-size:190%;
    line-height: 1.2;
}

#content-inner{

}

#left {

}

#left  h1.ce_headline.first{
    margin-bottom:5px;
}
#left  h2.ce_headline.last{
    color:#888;
}
#right {

}

p.more a{
    display:block;
    padding-left: 40px;
    text-decoration:none;
    background:url('../images/fwd.png') transparent no-repeat 0% 50%;
    line-height:27px;
}
p.back a{
    display:block;
    padding-left: 40px;
    text-decoration:none;
    background:url('../images/bckwd.png') transparent no-repeat 0% 50%;
    line-height:27px;
}

.teaser-on-top{
    font-weight:600;
    color: #888;
}

#news-image .info{
    padding:20px 0;
    font-size:105%;
    color:#888;
}
.teaser-image-container{
    width:38%;float:left;
}
.teaser-image-container > div{
    padding: 0 20px 30px 0;
}
.teaser-text-container{
    width:62%;min-width:280px;float:left;
}
h1, h2, h3, h4, h5, h6{
    font-family: inherit;
}

/* Footermenu */
.nav-heading {
    background: black url('../images/dropdown.jpg') 98% 50% no-repeat;
    height:39px;
    line-height:39px;
    margin-bottom:8px;
    padding-left:8px;
    font-weight:bold;
    display:none;
}

.nav-column ul li {
    padding-left:8px;
}
/* Submenu */
#submenu nav a{
    display:block;

    padding-left: 40px;
    text-decoration:none;
    background:url('../images/fwd.png') transparent no-repeat 0% 50%;
    line-height:27px;
}

#submenu nav li.active{
    display:none;
}
a.back-home{
    display:block;

    padding-left: 40px;
    text-decoration:none;
    background:url('../images/bckwd.png') transparent no-repeat 0% 50%;
    padding:20px 40px;


}
p.right{
    text-align:right;
}
p.info.right{
    font-weight:bold;
}

p.back{
    padding:20px 0;
}
#left p.back{
    display:none;
}
/* Teaser Startseite */
.teaser.columns{
    margin-bottom:20px;
    margin-left:0px;
    margin-right:0px;
    height:200px;
    overflow: hidden;

}
.teaser-inner{
    height:198px;
    border:1px black solid;
    background:url('../images/bg-teaser.jpg') repeat-x bottom right;
    position:relative;
    text-align: center;
}
.teaser-inner img{
    margin:auto;
    display:block;
}
.teaser-image{
    float:left;
    overflow:hidden;
    max-height:200px;
    width:151px;

}
/*
.teaser-content {
        float:left;
        width: 307px;

}
*/
.fb-like-box{
    background:#fff;
    border:1px black solid;
}
#fb-root{

}
.teaser-link{
    position:absolute;
    bottom:0;
    width:100%;
    min-height: 32px;
    font-size:120%;
    line-height:26px;
    color:#fff;

}

.teaser-headline, .teaser-text{
    padding: 20px 20px 0 20px;
}
.teaser-headline h1{
    margin:0;
}
.teaser-link a{
    text-decoration:none;
    display:block;
    padding: 5px;
    text-align:right;
    padding-right:50px;

}
#headline,#headlines, #webreader{
    min-height: 80px;
    overflow:hidden;
}
#webreader{
    text-align:right;
}
a:hover{
    cursor:pointer;
}
#header .cycle-slideshow {
    max-width: 100%;
}
/* ################## MINI-CALENDAR (Trimester) ########## */

.calendar-wrapper{
    max-width:100%;
}

table.minicalendar{
    border-collapse:collapse;
    width:96%;
    empty-cells:hide !important;
    margin:0 auto;
    margin-bottom:20px;
}
table.minicalendar.first{
    float:left;
}
table.minicalendar.last{
    float:right;
}
table.minicalendar th {border:#2F455E 1px solid;}
table.minicalendar td{border:#2F455E 1px solid;}

table.minicalendar  a{text-decoration:none; color:#fff;}
table.minicalendar thead {
    background-color:#091638 !important;
    color:#fff;
    text-align:center;

}
table.minicalendar thead th.head{
    padding:2px 0 3px;
    line-height:30px;
    border-color:#091638;
}
table.minicalendar thead th.label{
    background-color:#2F455E;
    line-height:3.5ex;
}
.days {text-align:center;line-height: 2.5em; width:3em;}
.days.active{background-color:#2F455E !important;}
.days.weekend{background-color:#EAEAEA;}
.days{color:#091638;}
.days.empty{}

a.tooltip{
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
}

span.tooltip-title{
    display:block;
    padding:6px;
    background-color:#091638;
    color:#fff;
}

a.tooltip span.tooltip-text{
    padding:6px;
    background-color:#fff;
}

a.tooltip > span{
    line-height:1.3em;
    text-align:left;
    position:absolute;
    text-align:left;
    width:200px;
    padding: 0;
    color:black;
    display:none;
    max-height:0;
    transition: max-height 1s ease-in-out 1.5s;
}

a.tooltip:hover span{
    display:block;
    max-height:450px;
}

/* ################## NEWSTICKER  ################ */
@-webkit-keyframes marquee {
    0%   { text-indent: 0% }
    100% { text-indent: -100% }
}
@keyframes marquee {
    0%   { text-indent: 0% }
    100% { text-indent: -100% }
}
.marquee {
    padding-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    animation: marquee 10s linear infinite;
    -webkit-animation: marquee 10s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
.images-kontakt{
    margin-bottom:10px;
}
.kontakt-text{
    position:absolute;
    bottom:0;
    padding-left:120px;
}
.kontakt-text p{
    margin-bottom:0;
    font-size:80%;
}

/* ############### SLIDER MEDIA ############### */

/* previous / next - Slider Navigation */
.cycle-prev, .cycle-next {
    position: absolute;
    top: 0%;
    width: 33%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 800;
    height: 100%;
    cursor: pointer;
    /* border: 1px solid #00CC66; */
}
.cycle-prev {
    left: 0;
    background: url('../images/slider-nav-left.png') 10% 50% no-repeat;
}
.cycle-next {
    right: 0;
    background: url('../images/slider-nav-right.png') 90% 50% no-repeat;
}
.cycle-prev:hover, .cycle-next:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}
/* display paused text on top of paused slideshow */
/* data-cycle-pause-on-hover="true" */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

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

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    #headerbar{
        right:0;
        padding:5px;

    }

    #article-header.mod_article{
        right:0;
        margin:0;


    }



    #headerbar h1, #headerbar h5{
        font-size:inherit;
        font-size:140%;
    }
    #content-inner {
        border-width:0;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .teaser-image{
        width:150px;
    }
    .teaser-content{
        width:214px;
    }
    .teaser-headline, .teaser-text{
        padding:8px;
        font-size:90%;
    }
    #footer ul {
        font-size: 90%;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    table.minicalendar{width:100%;}
    #logo, .ce_image, #title{

        text-align:center;
    }
    figcaption{
        margin: 0 auto;
    }
    #logo{
        position:relative;
        left:0;
    }
    #header .slideshow-wrapper, #header .mod_article{
        margin: 0 0px;
        text-align:center;
    }

    .teaser-image-container, .teaser-text-container{
        width:100%;
    }
    .teaser-image-container > div{
        padding:0;
    }
    #header .mod_article figure img{
        text-align:center;
        margin: 0 auto;
        width:767px;
    }
    .nav-heading{
        display:block;
    }
    .nav-heading:hover{
        cursor:pointer;
    }
    #footer ul {
        font-size: 100%;
    }

    #header .ce_image img{
        max-width:468px;

    }


    .nav-heading.on{
        background-image: none;
    }

    .teaser-image{
        width:150px;
    }
    .teaser-content{
        width:150px;
    }
    .teaser-headline, .teaser-text{
        padding:12px 0 0 12px;
        font-size:90%;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .teaser-image{
        width:150px;
    }
    .teaser-content{
        width:270px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  
  #claim{
    height:150px;
	}
	
    .kontakt-text{
        position:relative;
        padding-left:0;
        padding-bottom:20px;
    }
    .float_left, .float_right{
        float:none;
    }
    #header .ce_image.first.last{
        margin-left:-84px;
    }

    .teaser-image{
        width:110px;
    }
    .teaser-image img {

        max-width:200px;
    }
    .teaser-content{
        width:190px;
    }
    .teaser-headline, .teaser-text{
        padding:6px;

    }
}