﻿body
{
    background-color:#F2F2F2;
}
p
{
    text-align: justify;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;  
    hyphens: auto;
}

#tpl-header-nav-container{}
#tpl-header-nav{background-color:inherit;/* min-height:40px;*/}
.nbito-display-xl #nbito-frontend-cms-widgets-545-menu-toggle-button,
.nbito-display-l #nbito-frontend-cms-widgets-545-menu-toggle-button,
.nbito-display-m #nbito-frontend-cms-widgets-545-menu-toggle-button{display:none;}

/*************************************************\
 Werbung (Slider oben rechts)
\*************************************************/

#tpl-infos{
    /* Abstand nach oben */
    top:85px;
    /* Wie weit die Kachel nacht rechts aus dem Bildschirm ragt */
    right:-330px;
    /* Mindestbreite (mind. etwas breiter als es rechts heraus ragt, damit noch eine Klickfläche im sichtbaren Bereich bleibt)*/
    min-width:360px;
}
#tpl-infos2{
    /* Abstand nach oben */
    top:165px;
    /* Wie weit die Kachel nacht rechts aus dem Bildschirm ragt */
    right:-258px;
    /* Mindestbreite (mind. etwas breiter als es rechts heraus ragt, damit noch eine Klickfläche im sichtbaren Bereich bleibt)*/
    min-width:320px;
}
#tpl-infos,
#tpl-infos2{
    /* Schatten */
    box-shadow: 0px 8px 6px -6px #888;
    /* Sonstiges */
    position:fixed;width:auto;display:inline-block;z-index:1001;transition: all 1s;overflow:hidden;
}
#tpl-infos p,
#tpl-infos2 p{white-space:nowrap;display:inline-block;text-align:left !important; -moz-hyphens:none; -o-hyphens:none; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none;}
#tpl-infos img,
#tpl-infos2 img{margin: 7.5px !important; margin-left:0 !important;margin-right:20px !important;}
#tpl-infos:hover,
#tpl-infos2:hover{right: 0;}



#tpl-header-nav .nbito-output-container > div
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#tpl-header-search{}

#tpl-header-background{background-color:#afafaf; min-height:40px; max-height:450px; overflow:hidden; z-index:1;}
.nbito-display-xl #tpl-header-content,
.nbito-display-l #tpl-header-content
.nbito-display-m #tpl-header-content
{
    position:absolute;
    height:100%;
    height:auto;
    width:100%;
    z-index:10;
    
    pointer-events:none;
    
    padding-bottom: 0 !important;
    
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.nbito-display-s #tpl-header-content,
.nbito-display-xs #tpl-header-content
{
    padding-bottom:0;
}

/* Unterer Abstand vom Logo entfernen*/
#tpl-header-content .nbito-output-container > div
{
    padding-bottom: 0 !important;
}

#tpl-container
{
    position:relative;
    /*
    -webkit-box-shadow: 0 0 30px #CFCFCF;
       -moz-box-shadow: 0 0 30px #CFCFCF;
        -ms-box-shadow: 0 0 30px #CFCFCF;
         -o-box-shadow: 0 0 30px #CFCFCF;
            box-shadow: 0 0 30px #CFCFCF;
    */
}

#tpl-header
{
    position:relative;
}
#tpl-body
{
    position:relative;
    min-height:200px;
}
#tpl-footer
{
    position:relative;
}



/*************************************************\
 Tabelle Webdesign
\*************************************************/

table {
    width: 100%;
    margin: 0 0 0 0;
    border-spacing: 0;
}

tbody {
    background-color: #f5f5f5 !important;
    line-height: 2em; !important;
}

.ttable td, .ttable th {
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

ul li {    
    text-align: left !important;
}

.webpaket {
    border-right: none !important;
}

.theadline {
    font-weight: bold;
    text-align: left !important;
    vertical-align: top !important;
}

.fee {
    font-weight: bold;
    font-size: 1.2em;
    color: #8EC051 !important;
}


/*************************************************\
 DIV Tabelle Webdesign #4D5357
\*************************************************/

.divtable, .divtablebottom, .divtablehead {
    width: 100%;
    background-color: #f5f5f5 !important;
    line-height: 2em; !important;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.divtablehead {
    background-color: #5F666B !important;
    color: #ffffff !important;
    padding: 8px 15px 8px 15px; !important;
    text-align: left; !important;
}

.divtablebottom {
    border-bottom: 2px solid #ffffff;
    color: #8EC051 !important;

}

.divtable ul {
    list-style: none;
}