*    {
            margin:                 0px;
            padding:                0px;
            }

body        {
            overflow:               hidden;
            margin:                 0px;
            padding:                0px;
            text-align:             center;
            background:             #FFF2B0 url(bilder/sand_standard.gif);
            font:                   100.01% arial,"sans serif";
         }

html        {
                overflow-y:                        scroll;
                }
td      {
                vertical-align:                top;
                }
a                {
        text-decoration:none;
                color:navy;
                }

#kopf       {
            margin:             5px auto 0 auto;
            width:              99%;
            height:             120px;
            background-image:   url(bilder/kopf_neu-links.png);
            background-repeat:  no-repeat;
            }

#center-container   {
            padding-top:        20px;
            width:              99%;
            text-align:         left;
            line-height:        1.2em;
            margin:             10px auto 0px auto;
            }
.links-oben   {
float:left;
width:50%;
color:green;
}
.rechts-oben  {
float:right;
width:45%;
color: blue;
}
#mid-left   {
margin-left:                        20px;
width:                                        20%;
float:                                        left;
}
#mid-center   {
width:                                        40%;
margin-left:                        200px;
padding-left:                        70px;
/*border:                                        solid white 1px;*/
}

#mid-right    {
width:                                        30%;
margin-top:                                -50px;
text-align:                                center;
/*border:                                        solid white 1px;*/
float:                                        right;
}

#bottom       {
width:                                        99%;
text-align:                                center;
}

/*Styles für das linke Menü  -  Anfang*/
#left-menue                {
            width:              21%;
            float:              left;
            font-size:          0.85em;
            display:            block;
            background-color:   transparent;
            padding:            0px 10px 20px 10px;
            line-height:                1.0em;
         }

.left-menue-nav a        {
            margin:             4px 0px;
            padding:            4px 0 4px 20px;
            color:              #422F20;
            text-decoration:    none;
            -moz-border-radius: 5px;
            display:            block;
                 }

.left-menue-nav p         {
            background:         url("bilder/kugel.gif") no-repeat 0% 50%;
            margin:             4px 0px;
            padding:            4px 0 4px 20px;
            color:              black;
            font-weight:                bold;
            -moz-border-radius: 5px;
            display:            block;
            }

.left-menue-nav a:hover {
            color:              #422F20;
            font-weight:        bold;
            display:            block;
            }
/* Formatierung für die erste Einrückung im Menü*/
.left-menue-navu p         {
            background:         url("bilder/kugel.gif") no-repeat 0% 50%;
            margin:             2px 0px 2px 20px;
            padding:            4px 0 4px 20px;
            color:              black;
                font-weight:                bold;
            -moz-border-radius: 5px;
            display:            block;
            }

.left-menue-navu a        {
            margin:             2px 0px 2px 20px;
            padding:            4px 0 4px 20px;
            color:              #422F20;
            text-decoration:    none;
            -moz-border-radius: 5px;
            display:            block;
                 }

.left-menue-navu a:hover {
color:              #422F20;
font-weight:                        bold;
display:            block;
}
/* Formatierung für die zweite Einrückung im Menü*/
.left-menue-navuu p         {
background:         url("bilder/kugel.gif") no-repeat 0% 50%;
margin:             2px 0px 2px 40px;
padding:            4px 0 4px 20px;
color:              black;
font-weight:        bold;
-moz-border-radius: 5px;
display:            block;
}

.left-menue-navuu a        {
margin:             2px 0px 2px 40px;
padding:            4px 0 4px 20px;
color:              #422F20;
text-decoration:    none;
-moz-border-radius: 5px;
display:            block;
}

.left-menue-navuu a:hover {
color:              #422F20;
font-weight:         bold;
display:            block;
}

/*Styles für das linke Menü  -  Ende*/

/*Styles für Texte unterhalb des Menüs*/
.text-left        {
margin:                 30px 0px 5px 10px;
font-size:              0.7em;
color:                  #2486A9;
border:                 1px solid white; /*#422F20;*/
padding:                5px;
width:                                15em;
text-align:                        center;
background-color:   transparent;/*#FFF6B1;*/
-moz-border-radius:        5px;
 }

.text-left a        {
         color:                                #2486A9;
         text-decoration:        none;
         }

.text-left a:hover        {
         color:                        navy;
         text-decoration:        none;
         }

.bild-left        {
margin:                                30px auto;
text-align:                                center;
-moz-border-radius:        5px;
}
/*Ende der Styles für Texte unterhalb des Menüs*/
/*Styles für Inhaltscontainer rechts neben dem Menü*/
#inhalt                {
width:                  75%;
padding-right:          10px;
float:                  right;
/*height:                 100%;*/
font-family:            arial;
font-size:              0.9em;
font-color:             #351e13;
background-color:       transparent;
}

.rahmen        {
               margin:         20px auto 0 auto;
               height:             100%;
               text-align:         justify;
               background-color:   transparent;
               font-size:          0.9em;
               color:              #351e13;
/*               border:       solid 1px white;*/
               padding:            10px 0;
                   }
.rahmen-start                {              /*Rahmen für Startseite Reisen*/
                margin:                  10px auto 0px auto;
                width:                   760px;
                border:                  gray solid 1px;
                background-image:        url("reisen/bilder/zelt_nacht_800.jpg");
                x-repeat:                no-repeat;
         }

.rahmen-innen       {                     /*Innenrahmen für Texte in Startseite Reisen*/
                text-align:             center;
                padding:                15px 0 0;
                font-family:            'book antiqua';
                font-size:              0.9em;
                font-weight:            normal;
                line-height:            1.2em;
                color:                  lightgrey;
                }

.rahmen-uebersicht                {              //für Amerikakarte
            margin:       10px auto 20px auto;
            width:              95%;
            height:             100%;
            padding:        20px;
         }

.rahmen-text     {               //Textrahmen bei Karten
text-align:                        left;
width:                                270px;
color:                                #422F20;
font-size:                        1.0em;
line-height:    2em;
float:          left;
margin-left:    0px;
margin-top:     6%;
z-index:        30;
}

.rahmen-karte   {
                margin-top:     20px;
                margin-left:    20px;
                z-index:        2;
                width:          100%;
                }
.rahmen-navi    {
            height:             20px;
            padding:            10px 20px 0px 20px;
            background-color:   white;

            }
.rahmen-newsletter   {
            width:              60%;
            margin: 100px auto;
                color:              #422F20;
                background-color:   #FFF2B0;
                font-size:                        1.0em;
                border:         1px solid gray;
                padding:        20px;
                text-align:center;
                }

.rahmen-afrika  {           /*Startbild für Afrikareisen - Anfang*/
            margin-top:         10px;
            height:             800px;
/*            width:              86%;*/
            float:              right;
            text-align:             left;
            line-height:                1.5em;
            background-color:   transparent;
            font-size:          1.1em;
            color:              lightgrey;
            border-style:       solid;
            border-width:       1px;
            border-color:       #351e13;
            padding:            10px 20px 30px 20px;
            background-image:   url(reisen/bilder/hintergrund-afrika.jpg);
            overflow:           hidden;
                 }

.rahmen-afrika        h1  {
            font-family:         "amazon bt";
            color:               #ff0000;
            line-height:         1.5em;
/*Startbild für Afrikareisen - Ende*/               }

/*Formatierung der Connecting-Kids Seite - Anfang*/
.rahmen-connkids {
        width:90%;
        margin:20px auto 10px;
        padding:20px;
        border: solid 1px #422F20;
        background-image:url(bilder/dscf1244_1.jpg);
        opacity:0.8;
        filter:alpha(opacity=80);
        }
.spenden-connkids {
        width:90%;
        margin:10px auto 10px auto;
        padding:20px 0 20px 0;
        border: solid 1px white;
/*        background-color:#FEE79B;*/
        color:#422F20;
        text-align:center;
        }
/*Formatierung der Connecting-Kids Seite - Ende*/

.einrueck {
            margin-left:        2em;
            line-height:        2em;
            text-indent:        -0.2em;
            text-decoration:    none;
            }

.einrueck a {
                text-decoration:        none;
        }

#shadowbox-html-fenster {
    background-color:white;
    font-size:12px;
    color:navy;

}
.tb-rahmen table        {
            width:              100%;
            border:             0px;
                }
.tb-table, fb-table {
            width:              100%;
            margin:             20px auto;
            }

.tb-table td, fb-table td {
            text-align:              center;
            }

.spalte1            {
            width:              15%;
                }

.spalte2            {
            width:              25%;
                }

.spalte3            {
           width:               45%;
           font-weight:         bold;
                }

.spalte4            {
           width:               20px;
                }
.spalte5            {
           width:               5%;
                }
.spalte5 img         {
           height:              20px;
           margin-left:         auto;
           margin-right:        auto;
                }


.rahmen-anfang                {
                left:                        0px;
         top:                        0px;
         font-family:                verdana;
         font-size:                0.9em;
         font-weight:                bold;
         color:                        gray;
         }
.rahmen_fenster1        {
            position:           absolute;
            margin-left:               0em;
            top:                10em;
                background-color:        white;
            z-index:            1;
            }

.rahmen_fenster2                {
            position:           absolute;
            margin-left:        15%;
            top:                30em;
            width:              40%;
            border:             solid 1px gray;
                background-color:        #FFF6B1;
            z-index:            2;
                padding:                        20px 20px 20px 20px;
                font-size:                        0.85em;
            }

.rahmen_fenster3                {
            position:           absolute;
            margin-left:        40%;
            top:                35em;
            z-index:            1;
            }

/*Formatierungen für Tage- und Fahrtenbücher*/
.bildleiste-rechts  {
                margin-top:                        20px;
                float:                                right;
                width:                                130px;
        }

.bildleiste-rechts img {
                margin-bottom:                30px;
                margin-left:                10px;
                border:                                solid 1px navy;
        }

.bildleiste        {
                left:                                48em;
        width:                                120px;
        float:                                left;
         }

.bildleiste img        {
         border:                        1px solid navy;
         padding-bottom:        5px;
         padding-top:                5px;
         }
/*Container mit Bild rechts und Text links  -  Anfang*/
.bild-info    {
                margin:                                0px;
               height:                                270px;

                }

.bild-info img {
                float:                                right;
                margin-bottom:                10px;
                margin-left:                10px;
                }
/*Container mit Bild rechts und Text links  -  Ende*/

/*Formatierungen für Tagebücher und Fahrtenbereichte  -  Anfang*/
.tb-standard        {
font-family:                arial;
font-size:                  12px;
color:                      black;
font-weight:                normal;
line-height:                1.5em;
text-align:                justify;
/*padding:                   20px;*/
margin:             30px auto 30px auto;
}
.tb-rahmen,.fb-rahmen {
            margin:       10px auto 20px auto;
            padding:        40px;
         }
.tb-small                        {
font-size:                        0.9em;
color:                                navy;
}


.fb-standard        {
clear:                 both;
font-family:                arial;
font-size:                  12px;
color:                      black;
font-weight:                normal;
line-height:                1.5em;
text-align:                justify;
padding:                   10px 0 10px 0;
margin-bottom:             20px;
}

.fb-standard span                {
color:                                navy;
}


.fb-standard a                {
text-decoration:        none;
}


.fb-bold, .tb-bold                {
margin-top:         1.5em;
margin-bottom:      1.0em;
font-weight:        bold;
font-size:          12px;
white-space:        pre-wrap;
}

.fb-technik        {
font-size:                        11px;
color:                                navy;
}

.fb-technik  a        {
text-decoration:        none;
}

.fb-wetter     {
font-size:                        11px;
color:                            green;
 }

.fb-info                {
font-size:                        12px;
color:                                navy;
border:                        1px solid navy;
padding:                1        0px 10px;
}
.fb-legende              {
background-color:#FBF1B6;
height:160px;
margin-bottom:20px;
margin-top:20px;
width:65%;
border:1px gray solid;
float:left;
font-size:11px;
line-height: 12px;
}
/*Formatierungen für Tagebücher und Fahrtenbereichte  -  Ende*/

/*Formatierungen für die Länder-Infos - Anfang*/
.laender-infos     {
width: 80%;
background-color: #FCF2B5;
margin: 30px auto 10px auto;
padding: 10px 40px 10px 40px;
text-align: justify;
}

.laender-info-einrueck   {
padding-left:10px;
}

.laender-infos-image-left   {
float:left;
text-align: center;
font-size: 0.8em;
color:navy;
margin:10px 10px 10px 0;
padding:10px;
border: 1px solid silver;
}
.laender-infos-image-left img  {
margin:10px;
}

.laender-infos-image-right   {
float:right;
text-align: center;
font-size: 0.8em;
color:navy;
margin:10px 0 10px 10px;
padding:10px;
border: 1px solid silver;
}
.laender-infos-image-right img  {
margin:10px;
}

/*Stellt Bilder inklusive Abständen auf rechter oder linker Seite dar  - Anfang*/
.image-left-breit        {
float:                                left;
margin:                10px 20px 10px 0;
width:                  400px;
}

.image-left-breit img       {
width:                                400px;
border:                        1px solid gray;
}
.image-left-hoch        {
float:                                left;
margin:                10px 20px 10px 0;
}

.image-left-hoch img       {
width:                                250px;
border:                        1px solid gray;
}
.image-right-breit        {
float:                                right;
margin:                10px 0 10px 20px;
width:              400px;
}

.image-right-breit img       {
width:                                400px;
border:                        1px solid gray;
}
.image-right-hoch        {
float:                                right;
margin:                10px 0 10px 20px;
}

.image-right-hoch img       {
width:                                250px;
border:                        1px solid gray;
}
/*Stellt Bilder inklusive Abständen auf rechter oder linker Seite dar  - Ende*/

.tooltip {
         position:                         absolute;
         display:                         none;
         background-color:         #ffffff;
         border:                        1px solid black;
         z-index:                3;
        }

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearleft { clear: left }
.clearright { clear: right }
.clearboth { clear: both }

a.info                 {
        background:                green;
        }

a.info:hover         {
                cursor:         help;
                background:         white;
        }

a.info span         {
        visibility:                 hidden;
        position:                 absolute;
        left:                         20em;
        margin-top:                 1em;
        padding:                 1em;
        text-decoration:         none;
        }

a.info:hover span {
        visibility:                 visible;
        border:                 1px solid red;
        color:                         #ffff;
        background:                 gray;
}

#fuss   {
        clear:                                both;
        height:                                24px;
        width:                                98%;
        margin:                                10px auto 0 auto;
        background-color:        #FFF6B1;
        border-style:                solid;
        border-width:                1px;
        border-color:                gray;
        text-align:                        right;
        font-size:                        0.8em;
        font-style:                        standard;
        color:                                gray;
        padding:                        6px 10px 0px 0px;
        }

#info {
        border: 1px solid #C2C7BE;
        margin-left: 80px;
        margin-right: 80px;
        margin-top: 20px;
        padding: 0px 15px 0px 15px;
        position: relative;
}

#info a, #info a:visited {
        color: #8A9483;
        text-decoration: none;
}

#info a:hover {
        color: #9BA495;
        text-decoration: underline;
}

#pic {
        background-color: #FFFFFF;
        left: 10px;
        position: relative;
        top: 10px;
        width: 135px;
}

#pic a .large {
        border: 0px;
        display: block;
        height: 1px;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 1px;
}

#pic a img {
        border: 0;
}

#pic a.p1, #pic a.p1:visited {
        background: #FFFFFF;
        border: 1px solid #000000;
        display: block;
        height: 90px;
        left: 0;
        text-decoration: none;
        top: 0;
        width: 135px;
}

#pic a.p1:hover {
        background-color: #8C97A3;
        color: #000000;
        text-decoration: none;
}

#pic a.p1:hover .large {
        border: 1px solid #000000;
        display: block;
        height: 233px;
        left: 150px;
        position: absolute;
        top: -60px;
        width: 300px;
}
/*Start Mausover-Effekt für Bilder*/
.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
color:        navy;
font-family:arial;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -80px;
left: 200px; /*position where enlarged image should offset horizontally */
font-size:0.8em;
}

/*Ende Mausover-Effekt für Bilder*/
/*Beginn der Slimbox Formatierungen*/

#lbOverlay {
        position: absolute;
        z-index: 9999;
        left: 0;
        width: 100%;
        background-color: #000;
        cursor: pointer;
}

#lbCenter, #lbBottomContainer {
        position: absolute;
        z-index: 9999;
        left: 50%;
        overflow: hidden;
        background-color: #fff;
}

.lbLoading {
        background: #fff url(bilder/loading.gif) no-repeat center;
}

#lbImage {
        position: absolute;
        left: 0;
        top: 0;
        border: 10px solid #fff;
        background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
        display: block;
        position: absolute;
        top: 0;
        width: 50%;
        outline: none;
}

#lbPrevLink {
        left: 0;
}

#lbPrevLink:hover {
        background: transparent url(bilder/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
        right: 0;
}

#lbNextLink:hover {
        background: transparent url(bilder/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #666;
        line-height: 1.4em;
        text-align: left;
        border: 10px solid #fff;
        border-top-style: none;
}

#lbCloseLink {
        display: block;
        float: right;
        width: 113px;
        height: 22px;
        background: transparent url(bilder/closelabel.gif) no-repeat center;
        margin: 5px 0;
        outline: none;
}

#lbCaption, #lbNumber {
        margin-right: 71px;
}

#lbCaption {
        font-weight: bold;
}