
/*#e8e4d8 hsla(45,26%,88%,1.0) */

* {
    margin:0;
    padding:0;
}

html, body {
    height:100%;
}

body {
    /*    background:url('../images/backgrounds/bg_sallgast.png')no-repeat #e8e4d8;*/
    background:url('../images/backgrounds/bgholz4.jpg')no-repeat fixed #e8e4d8; 
    margin:0;
    padding:0;
}

#site {
    max-width:80%;
    width:1260px;
    margin:0px auto 0;  
    border:0px solid hsla(45,26%,96%,0.5);
    background:hsla(48,58%,98%,1.0); 
    overflow:hidden;
    /*    box-shadow:2px 4px 10px hsla(45,26%,28%,0.5);*/
}

header {
    background:hsla(45,26%,100%,0.5);   
    box-shadow:2px 4px 10px hsla(45,26%,28%,0.5);
}

.responsive-head {display:none;}


header.header-fix {
    background:hsla(45,26%,100%,0.5);   
    display:none;
    position:fixed;
    border-top:1px solid hsla(45,26%,100%,0.5);
    z-index:100;
    width:100%;
    margin:0;
}

header.header-fix #logo img {
    width:200px;
    padding:10px;
    margin:0px 0 0 30px;
    background:none;
    border:none;
    box-shadow:none;

}

#logo img {
    background: -moz-linear-gradient(to bottom,#ffffff 50%, #efeeeb 60%) repeat scroll 0 0;  
    background: -webkit-linear-gradient(to bottom,#ffffff 50%,#efeeeb 60%) repeat scroll 0 0;    
    background:linear-gradient(to bottom, #ffffff 50%, #efeeeb 60%) repeat scroll 0 0;
    box-shadow:2px 3px 3px hsla(48, 58%, 30%, 0.8);
    padding:20px;
    border-radius:50px;
    border:2px solid hsla(48, 58%, 50%, 0.9);
}


#content {  
    min-height:800px;
    width:100%;
}

.logoheader {   
    /*    background:hsla(48,58%,95%,1.0);*/
    background: #fcfaf3 repeat scroll 0 0;
    border-top:1px solid hsla(48,58%,95%,1.0);
    box-shadow: 2px 4px 10px hsla(45,26%,28%,0.5);
    margin:auto;
    max-width:80%;
    width:1260px;
    padding:0 0 10px;
}
.logoheader img {
    display:block;
    width:600px;
    max-width:80%;
    padding:5px 10px 20px;
    margin:10px auto 0;
}

#banner {
    box-shadow:2px 4px 10px hsla(45,26%,18%,1.0);
}

.main_nav {
    margin:0px 0 0;
    width:100%; 
    background:hsla(156,100%,24%,1.0);
    border-top:0px solid hsla(45,100%,50%,1.0);
    border-bottom:5px solid hsla(45,100%,50%,1.0);
    position:relative;
    z-index:100;
    height:45px;
}

.main_nav_inner {
    margin:0 auto;
    max-width:80%;
    width:1260px;
}

.main_nav ul {
    display:block;
    text-align:right;


}

.main_nav ul li {
    display:inline-block;
    background:hsla(156,100%,24%,1.0);
    border:0px solid hsla(156,100%,27%,1.0);
    padding:12px 12px;
    color:#fff; 
    text-align:right;
    position:relative;


}

.main_nav ul li a {
    display:block;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}

.main_nav ul li a.haus img {

}

.main_nav ul li a.haus {
    background:url('../images/symbole/haus.png')no-repeat;
    width:30px;

}


.main_nav ul li:hover {
    background:hsla(156,100%,20%,1.0);
    border:0px solid hsla(156,100%,27%,1.0);
}

.main_nav ul li.current {
    background:hsla(156,100%,20%,1.0);
    border:0px solid hsla(156,100%,27%,1.0);
}

/*untermenu*/

.main_nav ul li ul {
    left: 0;
    position:absolute;
    top: 45px;
    display:none;
    background:hsla(45,26%,100%,1.0);
    width:180px;
    border-top:5px solid hsla(45,100%,50%,1.0);
}

.main_nav ul li ul li {
    background:hsla(45,26%,100%,1.0);
    border-top:1px dotted hsla(156,100%,20%,1.0);
    color:hsla(156,100%,24%,1.0); 
    display:block;
    margin:0;
    text-align:center;

}

.main_nav ul li ul li:first-child{
    border-top:0px dotted hsla(156,100%,20%,1.0);
}

.main_nav ul li ul li a {
    color:hsla(156,100%,24%,1.0);
    display:block;
    border:0px solid #000;
}


.main_nav ul li ul li:hover {
    background:hsla(156,100%,24%,1.0);
}

.main_nav ul li ul li a:hover {
    color:hsla(156,100%,100%,1.0);
}

.main_nav ul li li.current {
    background:hsla(45,26%,100%,1.0);
    border:0px solid hsla(156,100%,27%,1.0);
}

#sidebar {
    width:25%;
    border-left:0px solid hsla(45,26%,78%,1.0);
    float:right;
}
#main {
    /*    min-height:800px;*/
    width:74%;   
    float:left;
}


#footer {
    height:100px;
    background:hsla(156,100%,24%,1.0);
    /*background:linear-gradient(to bottom, hsla(60, 1%, 30%, 1) 0%, hsla(60, 1%, 23%, 1) 100%) repeat scroll 0 0;*/
}

.scrolltop {
    background:url('../images/symbole/symbole.png')no-repeat;
    width:50px;
    height:30px;
}

#banner .banner {
    max-width:1260px;
    max-height:400px;
    overflow:hidden;
}

#banner .banner img {
    max-width:1260px;
    width:100%;
    display:block;
}


/*Beiträge*/

article.item-page {
    padding:30px 40px;
    border:5px double hsla(48,58%,85%,1.0);
    margin:40px 20px;
    background:hsla(48,58%,98%,1.0);
}


/*Hauptbeiträge Kategorieblog*/

section .items-row {
    padding:30px 40px;
    border:5px double hsla(48,58%,85%,1.0);
    margin:40px 20px;
    background:hsla(48,58%,98%,1.0);
}

/*Module*/

#sidebar .notice {
    background:hsla(48,58%,98%,1.0);  
    margin:40px 20px 10px 0px;
    border:8px solid hsla(48,58%,85%,1.0);
    box-shadow:2px 3px 4px hsla(48,28%,45%,1.0);

}

#sidebar .notice h3 {
    display:block;
    padding:10px 0 10px 0px;
    margin:0 0 20px 0;
    border-bottom:1px solid hsla(48,58%,85%,1.0);
}

#sidebar .notice div.notice {
    padding:10px 20px;
    margin:0;
    border:none;
    box-shadow:none;
}

#sidebar .notice.oeffnungszeiten h3 {
    display:block;
    padding:10px 0 10px 10px;
    margin:0;
    border-bottom:1px solid hsla(48,58%,85%,1.0);
    text-align:center;
}

#sidebar .notice.oeffnungszeiten h4 {
    font-size:1.1em;
    line-height:1.6em;
}

#sidebar .notice.oeffnungszeiten h5 {
    font-size:1.0em;
    line-height:1.6em;
}

#sidebar .notice.oeffnungszeiten p {
    font-size:0.8em;
}

#sidebar .siegel {
    background:hsla(48,58%,98%,1.0);  
    margin:70px 0px 10px 0px;
    text-align:center;
}

/*footermenue*/

ul.footermenu {
    float:right;
    padding:10px 30px 30px;
}

ul.footermenu li {
    display:inline-block;
    margin:5px 10px;
}

ul.footermenu li a {
    color:#fff;
    text-decoration:none;

}

ul.footermenu li a:hover {
    text-decoration:underline;
}


