/*!
 * nBito GmbH (http://nbito.com)
 */

body
{
    background-color:#E9E9E9;
    /*     background: url("/frontend/media/bg_02.jpg") no-repeat center center fixed;  */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;  
}

#nbito-frontend-cms-widgets-565-form input,
#nbito-frontend-cms-widgets-565-form .nbito-clickable{line-height:1.1em;}

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

#shk_fachverband-tpl-infos{
    /* Abstand nach oben 85*/
    top:85px;
    /* Wie weit die Kachel nacht rechts aus dem Bildschirm ragt */
    right:-135px;
    /* Mindestbreite (mind. etwas breiter als es rechts heraus ragt, damit noch eine Klickfläche im sichtbaren Bereich bleibt)*/
    min-width:210px;
}
#shk_fachverband-tpl-infos2{
    /* Abstand nach oben 165*/
    top:165px;
    /* Wie weit die Kachel nacht rechts aus dem Bildschirm ragt */
    right:-135px;
    /* Mindestbreite (mind. etwas breiter als es rechts heraus ragt, damit noch eine Klickfläche im sichtbaren Bereich bleibt)*/
    min-width:210px;
}
#shk_fachverband-tpl-infos3{
    /* Abstand nach oben 245px */
    top:245px;
    /* Wie weit die Kachel nacht rechts aus dem Bildschirm ragt */
    right:-204px;
    /* Mindestbreite (mind. etwas breiter als es rechts heraus ragt, damit noch eine Klickfläche im sichtbaren Bereich bleibt)*/
    min-width:210px;
}
#shk_fachverband-tpl-infos4{
    /* Abstand nach oben 325px */
    top:325px;
    /* Wie weit die Kachel nacht rechts aus dem Bildschirm ragt */
    right:-209px;
    /* Mindestbreite (mind. etwas breiter als es rechts heraus ragt, damit noch eine Klickfläche im sichtbaren Bereich bleibt)*/
    min-width:210px;
}
#shk_fachverband-tpl-infos,
#shk_fachverband-tpl-infos2,
#shk_fachverband-tpl-infos3,
#shk_fachverband-tpl-infos4{
    /* Schatten */
    box-shadow: 0px 8px 6px -6px #888;
    /* Sonstiges */
    position:fixed;width:auto;display:inline-block;z-index:1001;transition: all 1s;overflow:hidden;
}
#shk_fachverband-tpl-infos p,
#shk_fachverband-tpl-infos2 p,
#shk_fachverband-tpl-infos3 p,
#shk_fachverband-tpl-infos4 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;}
#shk_fachverband-tpl-infos img,
#shk_fachverband-tpl-infos2 img,
#shk_fachverband-tpl-infos3 img,
#shk_fachverband-tpl-infos4 img{margin: 7.5px !important; margin-left:0 !important;margin-right:20px !important;}
#shk_fachverband-tpl-infos:hover,
#shk_fachverband-tpl-infos2:hover,
#shk_fachverband-tpl-infos3:hover,
#shk_fachverband-tpl-infos4:hover{right: 0;}


/*************************************************\
 Panel mit eckigen Kanten
\*************************************************/

.nbito-client .nbito-panel
{
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
/*************************************************\
 Webseiten Wrapper
\*************************************************/

 /* #outer_wrapper{ background: url("/frontend/media/raster_bg.png") repeat; }  */

/*************************************************\
 Webseitenschatten
\*************************************************/

#shk_fachverband-siteshadow
{
    position:relative;
    margin:0;
    margin-left:auto;
    margin-right:auto;
   -moz-box-shadow:0 0 30px #CFCFCF;
   -webkit-box-shadow:0 0 30px #CFCFCF;
   box-shadow:0 0 30px #CFCFCF;
   background: #ffffff; /* old browsers */ 
}
.nbito-display-s #shk_fachverband-siteshadow,
.nbito-display-xs #shk_fachverband-siteshadow{width:100% !important;}


/*************************************************\
 Obere Header Navigation
\*************************************************/

#shk_fachverband-tpl-top_nav_bar_content2 li{border:0;}
#shk_fachverband-tpl-top_nav_bar_content2 li a{line-height:10px;}
#shk_fachverband-tpl-top_nav_bar_content2 li a > span{line-height:10px;}
/*.shk_fachverband-tpl-top_nav_bar{background-color:#efefef;}*/



/*************************************************\
 Body & Footer Schriftfarbe
\*************************************************/
/* #shk_fachverband-tpl-body a, */ 
/* #shk_fachverband-tpl-footer a{color: #19ACFF !important;} */ 


/*************************************************\
 Haupt-Navigation
\*************************************************/

#shk_fachverband-tpl-navigation.nbito-empty {display:none;}
#shk_fachverband-tpl-navigation a{ font-size:1.2em;}
#shk_fachverband-tpl-navigation{ z-index:100;}
#shk_fachverband-tpl-navigation .nbito-navigation > ul > li > a{ border-left: 0 !important; height: 49px;}

/* NEU  nBito v2.0 */
#shk_fachverband-tpl-navigation .nbito-output-container{padding-bottom:0 !important;}
#shk_fachverband-tpl-navigation .nbito-output-container{margin-left:0 !important;margin-right:0 !important;}
#shk_fachverband-tpl-navigation .nbito-output-container{background-color:#efefef;}
#shk_fachverband-tpl-navigation-container
{
    position:relative;
    width:100%;
}
#shk_fachverband-tpl-navigation {
        background-color:#F0F0F0; 
}
/*
#shk_fachverband-tpl-navigation .nbito-navbar.nbito-active-blue li.nbito-active > a,
#shk_fachverband-tpl-navigation .nbito-navbar.nbito-active-blue li > a:hover,
#shk_fachverband-tpl-navigation .nbito-navbar.nbito-hover-blue li.nbito-active > a,
#shk_fachverband-tpl-navigation .nbito-navbar.nbito-hover-blue li > a:hover
{color:white !important;}
*/

/*************************************************\
 Header & Footer Layout
\*************************************************/

header{ width:100%; display:inline-block !important; background-color:#fff; overflow:hidden; }
footer{background-color: #5C5858;background-color:#333333; border-top: 4px #19ACFF solid;}

/*
#shk_fachverband-tpl-right{}
#shk_fachverband-tpl-slider .nbito-flex-item{ margin-bottom:0; }
*/

/*************************************************\
 Handwerker / Seiten / Login
\*************************************************/

#shk_fachverband-tpl-header-handwerker,
#shk_fachverband-tpl-header-seiten,
#shk_fachverband-tpl-header-login
{
    cursor:pointer !important;
}

/*
#shk_fachverband-tpl-content, #shk_fachverband-tpl-right  { 
    background-color:#fff; 
    }
*/

/*************************************************\
 Cookie Hinweis
\*************************************************/

#cookiehint { position:fixed; display:table; left:0; bottom:0; width:100%; z-index:99999; }
#cookiehint p, #cookiehint span { display:table-cell; vertical-align:middle; } 
#cookiehint button { float:right; }
#cookiehint { -webkit-animation:fadeBar 1s 1s both; animation:fadeBar 1s 1s both; color: #aaa !important; border-top:1px #ccc solid; }
@-webkit-keyframes fadeBar{
	0% { opacity:0; -webkit-transform:translateY(100%); }
	100% { opacity:1; -webkit-transform:none; }
}
@keyframes fadeBar{
	0% { opacity:0; transform:translateY(100%); }
	100% { opacity:1; transform:none; }
}
#cookiehint{
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1);
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1);
}

/*************************************************\
 Footer
\*************************************************/
 
#shk_fachverband-tpl-footer
{
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-size: auto auto;
  color: #ffffff;
  position: relative;
  /*
  z-index:100;
  left:0;
  top:0;
  right:0;
  */
}

/*************************************************\
 Obere Header Navigation
\*************************************************/

.shk_fachverband-tpl-top_nav_bar {
    /*float: right;*/
    display: block;
    height:auto;
    clear:both;
}
/*
#shk_fachverband-tpl-top_nav_bar_content .nbito-button
{
    font-size:0.7em;
    padding: 5px 12px;
    margin-top: 7px;
}
*/
#shk_fachverband-tpl-top_nav_bar_content2{position:absolute;right:0; z-index:1;}


/*************************************************\
 Header
\*************************************************/

.nbito-client .nbito-panel-header H2 {
    color: #19ACFF;
}


/*************************************************\
 Obere Header Navigation
\*************************************************/

.shk_fachverband-tpl-top_nav_bar_wrapper a {
    color:#bbb !important;
    font-size:0.8em;
}
.nbito-display-xs .shk_fachverband-tpl-top_nav_bar,
.nbito-display-s .shk_fachverband-tpl-top_nav_bar{display:none;}


/*************************************************\
 Widgets Darstellung
\*************************************************/
/*
#nbito-frontend-cms-widgets_editor_structure .widget-portlet{ padding:10px !important;}
#nbito-frontend-cms-widgets_editor_structure .row-delete-button > span{ margin-top:6px !important; display:block;}
#nbito-frontend-cms-layout_editor_widgets-window-content .widget-portlet{ width:100% !important; height:auto !important;}
#nbito-frontend-cms-layout_editor_widgets-window-content .widget-portlet-header > .nbito-icon{ margin-right:10px;}
#nbito-frontend-cms-layout_editor_widgets-window-content .widget-portlet-overlay{ display:none;}
*/

/*************************************************\
 Header Login (mit Fader)
\*************************************************/

#shk_fachverband-tpl-header-login .crossfade
{
    position:relative;
    height:92px;
    width:279px;
}
#shk_fachverband-tpl-header-login .crossfade img
{
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;    
    transition: opacity .3s ease-in-out;
}     
#shk_fachverband-tpl-header-login .crossfade img.top:hover
{
    opacity:0;
}


/*************************************************\
 Cookie Hinweis<
\*************************************************/

#individual-cookie-hint-container {
box-shadow: 0 -2px 2px 0 rgba(0,0,0,.16) !important;
}

#individual-cookie-hint-container .nbito-client {
    background-color: #E6441F !important;
}

#individual-cookie-hint-container .nbito-display-xl, #individual-cookie-hint-container .nbito-xl-size-xl {
    min-width: 100% !important;
    padding: 0px 35px 0px 35px !important;
}



#individual-cookie-hint-container img {
    line-height: 1;
    display: block;
    float: left; 
    margin-right: 10px;
    margin-bottom: 10px;
}

#individual-cookie-hint-container .nbito-button {
    color: #fff !important;
    border: 2px #FFDE00 solid;
    background-color: #DE0023 !important;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
}

#individual-cookie-hint-container .nbito-button:a {
    color: #fff !important;
}

#individual-cookie-hint-container .nbito-button:hover {
    color: #fff !important;
    background-color: #FFDE00 !important;
}