/* Website: www.naturgeschichten.eu */

/*  ------------------------- */
/*  Farben (schoko):          */
/*  ------------------------- */
/*  #e3dfd9;    ganz hell     Bedarfs-Schriftfarbe */
/*  #d3cbc2;    heller        Haupt-Schriftfarbe   */
/*  #bfb7a2;    hell          
/*  #92816d;    mittel        Menuehintergrund     */
/*  #897762;    dunkel        Hintergrund          */
/*  #493722;    ganz dunkel   Leinwand             */
/*  #C8DACB;    mittelgruen   Menuepunkt-Auswahl und Aktueller Menuepunkt */
/*  #FFFFFF;    weiss         Menuepunkt-Auswahl und Aktueller Menuepunkt */
/*  #493722;    dunkel        Innenrahmen links + oben */
/*  #eae7e2;    hell          Innenrahmen rechts + unten */
/*  ------------------------- */

html {
    background-color : #c1b4a5;   /* hell */
    /* background-image : url("../images/layout/Streifen-201601.png");
    background-repeat: repeat; */
    }

body {
    background-color : #c1b4a5;    /* hell */
    position: relative;
    width : 970px;
    margin : auto;
    /* margin-top: 15px; */
    font-family : Verdana, Arial, sans-serif;
    font-size : 14px;
    text-align : left;
    }
    
#wrapper {
    position: relative;
    width : 907px;
    margin : auto;
    padding : 32px;
    vertical-align: top;
    background-color : #c1b4a5;   /* hell   Hintergrund */
    /* background-color : #897762; */   /* dunkel Hintergrund */
    /* color :            #d3cbc2; */   /* heller */
    color :            #ffffff;   /* weiß */

    /* border-top:    2px solid #493722; */    /* ganz dunkel */
    /* border-right:  2px solid #bfb7a2; */    /* hell */
    /* border-bottom: 2px solid #bfb7a2; */    /* hell */
    /* border-left:   2px solid #493722; */    /* ganz dunkel */
    }

/* ------------------------ Verlinkungen ------------------- */

/* Allgemeine Links */
.aktuell {
    font-weight:      bolder;
    color:            #897762;               /* grau */
    /* background-color: #897762; */
    text-decoration:  underline;
    }
    
a { 
    color:      #ffffff;               /* weiß */
    font-weight: bolder;
    text-decoration: underline;
    }
    
a:visited { 
    color:      #ffffff;               /* weiß */
    outline-style: none;
    text-decoration: underline;
    }
    
a:hover { 
    color: #897762;                      /* dunkelbraun */  
    font-weight: bolder;
    text-decoration: underline;
    }
    
a:focus {
    color:      #897762;               /* dunkelbraun */
    text-decoration: underline;
    font-weight: bolder
    }

/*  Menüpunkte */

.menu1 a { 
    color:            #ffffff;               /* weiß */    
    text-decoration:  none;
    padding-bottom:   4px;
    }
    
.menu1 a:visited { 
    color:      #ffffff;               /* weiß */
    }
    
.menu1 a:hover { 
    color: #ffffee;                        /* gelb */  
    text-decoration: none; 
    }
    
.menu1 a:focus {
    color:           #cfcfcf;               /* grau */
    text-decoration: none; 
    outline-style:   none;
    }

.menu2 a { 
    color:      #ffffff;               /* weiß */
    text-decoration: none;
    }
    
.menu2 a:visited { 
    color:      #ffffff;               /* weiß */
    }
    
.menu2 a:hover { 
    color: #ffffee;                        /* gelb */  
    text-decoration: none; 
    }
    
.menu2 a:focus {
    color:           #cfcfcf;               /* grau */
    text-decoration: none; 
    outline-style: none;
    }

.menu3 a { 
    color:      #ffffff;               /* weiß */
    text-decoration: none;
    }
    
.menu3 a:visited { 
    color:      #ffffff;               /* weiß */
    }
    
.menu3 a:hover { 
    color: #ffffee;                        /* gelb */  
    text-decoration: none; 
    }
    
.menu3 a:focus {
    color:           #cfcfcf;               /* grau */
    text-decoration: none; 
    outline-style: none;
    }

/* ---------------------------------- Hilfen --------------------------- */
.main_table{
    width:          100%;
    border:         1;
    }
    
#tabcol_1{
    width:          350px;
    }
    
#tabcol_2{
    width:          200px;
    }
    
#tabcol_3{
    width:          350px;
    }
    
.content_hochzeit{
    text-align:     left;

    }
    
#tab-thumbnails table{
    width:           900px;
    }
    
#tab-thumbnails td{
    vertical-align:  middle;
    text-align:      center;
    border:          1px;
    border-color:    white;
    border-style:    solid;
    width:           225px;
    height:          225px;
    border-radius:   10px;
    }


/* -------------------------------- Hauptmenü -------------------------- */
.menu1{
    font-size :     18px;
    text-align:     left;
    vertical-align: bottom;
    padding-left:   0px;
    padding-right:  12px;
    padding-bottom: 32px;
    }
    
.menu2{
    font-size :     18px;
    text-align:     right;
    vertical-align: bottom;
    padding-left:   12px;
    padding-right:  0px;
    padding-bottom: 32px;
    }
    
.logo{
    text-align:     center;
    vertical-align: bottom;
    padding-bottom: 6px;
    }
    
.footer{
    height:         32px;
    }
    
.copyright{
    font-size:      12px;
    text-align:     left;
    vertical-align: bottom;
    }
    
.menu3{
    font-size:      14px;
    text-align:     right;
    vertical-align: bottom;
    }

.tab-70{
    margin-left:      70px;
    }

.tab-termine{
    margin-left:      70px;
    border:           0px;
    border-collapse:  separate;
    border-spacing:   0px;
    margin-bottom:    2em;
    }
    
.tab-termine td{
    border-top:       0px;
    border-right:     0px;
    border-bottom:    1px;
    border-left:      0px;
    border-color:     #ffffff;
    border-style:     solid;
    padding-top:      0.7em;
    padding-right:    30px;
    padding-bottom:   0.7em;
    }
     
.tab-events{
    margin-left:      70px;
    border:           0px;
    border-collapse:  collapse;
    border-spacing:   0px;
    margin-bottom:    2em;
    }
     
.tab-events td{
    border-top:       0px;
    border-right:     0px;
    border-bottom:    0px;
    border-left:      0px;
    border-color:     #ffffff;
    border-style:     solid;
    padding-top:      0.0em;
    padding-right:    30px;
    padding-bottom:   0.0em;
    }
     
.tab-kontakt {
    width: 600px;
    table-layout: fixed;
    /* border-collaps: collapse; */
    border-spacing: 0px;
    empty-cells: show;
    font-size: 90%;
    line-height: 1.3em;
    /* border: 1px solid #fff; */
    }

.tab-kontakt td {
    text-align: left;
    vertical-align: top;
    /* border: 1px solid #f0f; */
    }

.tab-impressum {
    width: 600px;
    table-layout: fixed;
    /* border-collaps: collapse; */
    border-spacing: 0px;
    padding: 0px;
    empty-cells: show;
    font-size: 80%;
    line-height: 1.2em;
    /* border: 1px solid #fff; */
    }

.tab-impressum td {
    text-align: left;
    vertical-align: top;
    padding: 3px;
    padding-right: 10px;
    padding-left: 0px;
    /* border: 1px solid #f0f; */
    }
    
#content-diaschau{
    text-align: center;
    }
    
 /* -------------------------------- sonstiges -------------------------- */
.clearer {
    clear : left;
    height : 0;
    }

h1 {
    font-size: 130%;
    font-weight: bold;
   }
   
h2 {
    font-size: 110%;
    font-weight: bold;
   }
   
h3 {
    font-size: 100%;
    font-weight: bold;
   }
   
h4 {
    font-family : Times New Roman, Swiss, serif;
    font-size: 140%;
    font-weight: normal;
    text-decoration: underline;
   }

h5 {
    font-family : Times New Roman, Swiss, serif;
    font-size: 120%;
    font-weight: normal;
   }
 
h6 {
    font-family : Times New Roman, Swiss, serif;
    font-size: 130%;
    font-weight: bold;
    padding: 0.25em 0.25em 0.25em 0.25em;
    color:            #d3cbc2;               /* heller */
    background-color: #92816d;               /* mittel */

   }

.float-right img {
    float: right;
    margin-left: 1.5em;
    }
   
.spacing-ganz-klein {
    font-size: 80%;
    line-height: 1.2em;
    }
    
   
.text_right {
    text-align: right;
    }

.fb-like {
    /* width: 200px; */
    /* height: 20px; */
    /* padding: 2em 0em 0em 2em; */
    /* text-align: right; */
    overflow: visible;
    /* color: #fff; */
    background: none !important;
    }