@charset "utf-8";

/*
====================================|
STANDART-FARBEN IM DOKUMENT:                  |
====================================|
Hintergrundfarbe:                #d7dda2                |
                                                                        |
Navigation-Text:                #434b01                |
                                                                        |
Textfarbe:                                #4f552a                |
                                                                        |
Text-hover:                                #050600                |
                                                                        |
Sulzhau-Schrift:                #f5f5f0                |
------------------------------------'
*/

/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles!
:focus {
        outline: 0;
}
*/
body {
        line-height: 1;
        color: black;
        background: white;
}

ol, ul {
        list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}

caption, th, td {
        text-align: left;
        font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
        content: "";
}

blockquote, q {
        quotes: "" "";
}


/*
---------------------------\
           HAUPT-KOMPONENTEN      \
        ===================     /
---------------------------/
*/

html, body, #container {
        height: 100%;
}

html, body {
}

body > #container {
        height: auto;
    min-height: 100%;
}

#navigation {
        float: right;
        padding: 131px 0 0 0;
}

#navigation li {
        float: left;
}

#navigation li a{
        display: block;
        font: 11px Verdana, Arial, Helevtice, sans-serif;
        float: left;
        padding: 4px 10px;
        margin-left: 20px;
}

#navigation li a:hover{
        color: #f39e00;
}

#content {
        padding-bottom: 130px;
}

#footer {
        position: relative;
        margin-top: -130px;
        margin-left: auto;
        margin-right: auto;
        height: 130px;
        width: 1000px;
        clear:both;
        background: url(../images/footer.jpg) no-repeat;
}

#container {
        width: 1000px;
        margin: 0 auto;
        background: url(../images/background_kachel.jpg) repeat-y;
}



#header {
        height: 154px;
        background: url(../images/header_home.jpg) no-repeat;
}

#subnavigation {
        float: left;
        width: 199px;
        padding: 30px 0 0 11px;
        background: url(../images/subnavi_top.gif) no-repeat top left;
}

#subnavigation ul li{
        padding: 3px 0;
}

#subnavigation ul li a{
        font: bold 13px Verdana;
        margin: 20px 0;
}

#subnavigation ul ul li a{
        font: 13px Verdana;
        margin-left: 15px;
}

#subnavigation ul ul {
        font: 13px Verdana;
        padding-bottom: 5px;
}

#subnavigation ul ul ul li a{
        margin-left: 30px;
}

#headpic {
        float: left;
        width: 790px;
        height: 380px;
}

#inhalt {
        float: left;
        width: 395px;
        padding-left: 35px;
        padding-bottom: 30px;
        font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
}

#inhalt ul {
        list-style: disc;
        padding-left: 13px;
        padding-bottom: 10px;
}

#inhalt ul li {
        list-style: disc;
        padding-bottom: 4px;
}

/*
------------------\
           CLEAR-FIX     \
        ===========    /
------------------/
*/

.clearfix:after {
    content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.clearfix {display: inline-block;}

/* IE on Mac START */
* html .clearfix {
        height: 1%;
}

.clearfix {
        display: block;
}
/* IE on Mac END */


/*
----------------------------\
           SCHRIFTFORMATIERUNG     \
        =====================    /
----------------------------/
*/

body {
        font: 11px Verdana, Arial, Helvetica, sans-serif;
}

a, a.link, a.active, a.alink, a.vlink {
        text-decoration: none;
        color: #000;
}

a:hover {
        color: #ffed00;
}

h1 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        padding-bottom: 10px;
}

h2 {
        font: bold 13px Verdana, Arial, Helvetica, sans-serif;
        padding-bottom: 10px;
}

.navi_aktiv a {
        color: #fff;
}

#navigation .navi_aktiv a{f
        color: #f39e00;
}

#inhalt a:hover, #krippen_anzeige a:hover {
        color: #f34400;
        text-decoration: underline;
}

/*
#####################
####### HEADPICS #######
#####################
*/

.hp_home                                 {                background: url(../images/headpics/headpic_home.jpg) no-repeat; }
.hp_aktuelles                        {                background: url(../images/headpics/headpic_aktuelles.jpg) no-repeat; }
.hp_ueber_uns                        {                background: url(../images/headpics/headpic_ueber_uns.jpg) no-repeat; }
.hp_anfahrt                                 {                background: url(../images/headpics/headpic_anfahrt.jpg) no-repeat; }
.hp_kontakt                                 {                background: url(../images/headpics/headpic_kontakt.jpg) no-repeat; }
.hp_impressum                        {                background: url(../images/headpics/headpic_impressum.jpg) no-repeat; }


.hp_kleinsten                                                {                background: url(../images/headpics/headpic_kleinsten.jpg) no-repeat; }

.hp_kids                                                        {                background: url(../images/headpics/headpic_kids.jpg) no-repeat; }
.hp_kids_forscher_entdecker                        {                background: url(../images/headpics/headpic_forscher_entdecker.jpg) no-repeat; }
.hp_kids_basteler_kreative                        {                background: url(../images/headpics/headpic_basteler_kreative.jpg) no-repeat; }
.hp_kids_bauer_architekten                        {                background: url(../images/headpics/headpic_bauer_architekten.jpg) no-repeat; }
.hp_kids_auf_achse                                        {                background: url(../images/headpics/headpic_kids_auf_achse.jpg) no-repeat; }
.hp_kids_in_bewegung                                {                background: url(../images/headpics/headpic_kids_in_bewegung.jpg) no-repeat; }
.hp_kids_bauer_architekten                        {                background: url(../images/headpics/headpic_bauer_architekten.jpg) no-repeat; }

.hp_brettspiele                                                {                background: url(../images/headpics/headpic_brettspiele.jpg) no-repeat; }
.hp_brettspiele_kleinsten                        {                background: url(../images/headpics/headpic_brettspiele_kleinsten.jpg) no-repeat; }
.hp_brettspiele_kids_teens                        {                background: url(../images/headpics/headpic_brettspiele_kids.jpg) no-repeat; }
.hp_brettspiele_erwachsene                        {                background: url(../images/headpics/headpic_brettspiele_erwachsene.jpg) no-repeat; }

.hp_buecher                                                        {                background: url(../images/headpics/headpic_buecher.jpg) no-repeat; }
.hp_buecher_kleinsten                                {                background: url(../images/headpics/headpic_buecher_kleinsten.jpg) no-repeat; }
.hp_buecher_kids                                        {                background: url(../images/headpics/headpic_buecher_kids.jpg) no-repeat; }
.hp_buecher_teens                                        {                background: url(../images/headpics/headpic_buecher_teens.jpg) no-repeat; }
.hp_buecher_belletristik                        {                background: url(../images/headpics/headpic_buecher_erwachsene.jpg) no-repeat; }
.hp_buecher_sachbuecher                                {                background: url(../images/headpics/headpic_buecher_sachbuecher.jpg) no-repeat; }
.hp_buecher_christliche_literatur        {                background: url(../images/headpics/headpic_buecher_christliche_literatur.jpg) no-repeat; }

.hp_kerzen                                                        {                background: url(../images/headpics/headpic_kerzen.jpg) no-repeat; }

.hp_christliche_kunst        {                background: url(../images/headpics/headpic_christliche_kunst.jpg) no-repeat; }
.hp_figuren                                {                background: url(../images/headpics/headpic_figuren.jpg) no-repeat; }
.hp_ikonen                                {                background: url(../images/headpics/headpic_ikonen.jpg) no-repeat; }
.hp_kreuze                                {                background: url(../images/headpics/headpic_kreuze.jpg) no-repeat; }
.hp_krippen                                {                background: url(../images/headpics/headpic_krippen.jpg) no-repeat; }

/*
#####################
####### ZUSATZ #######
#####################
*/

#krippen_anzeige {
        position: absolute;
        top: 540px;
        left: 50%;
        margin-left: 200px;
        width: 200px;
        height: 280px;
        padding: 190px 30px 0 20px;
        background: url(../images/krippen_anzeige.jpg) no-repeat;
        font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
}

/*
---Bildergallerie---
*/

#krippen_img1 {
      margin-left: 20px;
      margin-top: 20px;
      border-top-width: 3px;
      border-left-width: 3px;
      border-right-width: 3px;
      border-bottom-width: 3px;
      border-style: solid;
      border-color: #efc806;

}


#krippen_grossbild {
      float: right;
      margin-top: 20px;
      border-top-width: 3px;
      border-left-width: 3px;
      border-right-width: 3px;
      border-bottom-width: 3px;
      border-style: solid;
      border-color: #efc806;

}

#krippen_gallery {
      width:692px;
}

#gallery_font {
        margin-left: 20px;
}



.zoomdiv {z-index:99;}
.zoomdiv a {display:block;}
.zoomdiv a span {display:none;}
.zoomdiv a:hover span {position:fixed; top:35%; right: 20px; z-index:99;display:block;} /*Hier wird das Fenster positioniert; Nach persönlichen Vorstellungen anpassen*/
.zoomdiv a:hover span img {border: 20px solid #efc806;}

/*
---Krippen---
*/
#krippen_container {
        width: 1000px;
        margin: 0 auto;
        background: url(../images/background_krippen_kachel.jpg) repeat-y;
}

#krippen_navigation {
        float: left;
        padding: 10px 10px 10px;
        margin-left: 10px;
}

#nav ul{
 list-style: none;
 margin: 0px;
 padding: 0px;

}

#krippen_navigation li {
                     float: left;
}

#krippen_navigation li a{
                       display: block;
                       font: 11px Verdana, Arial, Helevtice, sans-serif;
                       float: left;
                       padding: 4px 10px;

}

#krippen_navigation a:link,
#krippen_navigation a:visited{
                              font-size: 12px;
                              color: #000000;
                              display: block;
                              margin: 10px 0;
                              padding:0.5em 0.5em 0.5em 1.5em;
                              background: url(../images/krippen_navigation.jpg);
                              background-repeat: no-repead;
}
#krippen_navigation li a:hover{
                              background: url(../images/krippen_navigation.jpg);
                              background-repeat: no-repead;
                              text-decoration: underline;
}

#krippeninhalt {
               float: left;
               width: 600px;
               padding-left: 35px;
               padding-bottom: 30px;
               font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
               }
               
#krippeninhalt a:hover, #krippen_anzeige a:hover {
        color: #f34400;
        text-decoration: underline;
}


.navi_inaktiv a {
               color: #000000;
}