/* *********************************************************/
/*  externe CSS-Datei für begemann site   -   20.01.2011   */
/*  Prioritäten:  1.)  Inline-Styles                       */
/*                       2.)  ID - Styiles                 */
/*                       3.)  CLASS - Styles               */
/*                       4.)  herkömmliche HTML-Elemente   */ 
/* *********************************************************/
  body {
    color: black; background-color: white;
	background-image:url(../images/cd1/background.jpg);background-repeat:repeat-x;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
	margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px;
    margin: 0; padding: 1em 0;
       min-width: 40em;  /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

 /* wrapper setup */
 div.rapidxwpr{
    margin:auto;
    width:950px;
 }

 table,td {font-size: 100%;line-height: 125%;
 font-family: arial, helvetica, tahoma ,verdana,  sans-serif;color:#000;
 }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0;
    background: #ffffe0 url(images/logo/hintergrund.gif) repeat-y;
    border: 2px ridge silver;
  }

  div#Seite_Impressum {
    text-align: left;         /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
    padding: 0;
    background: #ffffe0 url(images/logo/hintergrund.gif) repeat-y;
    border: 2px ridge silver;
  }
  div#Inhalt {
    margin: 0 0 1em 80px;
    padding: 0 1em;
  }  
    div#Seite_Impressum h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: navy;
  }

  h1 {
    font-size: 1.5em;
    margin: 0; padding: 0.3em;
    text-align: center;
    background: #fed url(images/logo/selfhtml_logo.gif) no-repeat 100% 45%;
    border-bottom: 1px solid silver;
  }
  
  h2{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000;
  margin-bottom:20px;letter-spacing:10px;font-size: 110%;
  border-bottom:solid 0px #746b64;
  padding-bottom:4px;
   }
   
   .leftline {
   width:5px;
   background-image:url(../images/cd1/randlinks.jpg);
   background-repeat:repeat-x;
   vertical-align:top
   }
   
   .rightline {
   width:5px;
   background-image:url(../images/cd1/randrechts.jpg);
   background-repeat:repeat-x;
   }

  ul#Navigation {
    font-size: 0.83em;
    float: left; width: 200px;
    margin: 0 0 1.2em; padding: 0;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: white;
  }
  ul#Navigation a:visited {
    color: #666; background-color: white;
  }
  ul#Navigation a:hover {
    color: black; background-color: #eee;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }
  
  /* Main */
#main {
border-right:solid 0px #000;border-left:solid 0px #000;
}

#middle{
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
    border:#C6C6C6 0px solid;
    padding:20px;
}

#topframe1 {background-image:url(../images/cd1/africa.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe2 {background-image:url(../images/cd1/norge.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe3 {background-image:url(../images/cd1/usa.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe4 {background-image:url(../images/cd1/capetown.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe5 {background-image:url(../images/cd1/hardangervidda.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe6 {background-image:url(../images/cd1/california.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe7 {background-image:url(../images/cd1/canada.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topframe8 {background-image:url(../images/cd1/amrum.jpg);
height:220px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#tophome {background-color: grey;
}

#tophome1 {background-image:url(../images/cd1/winterwiese.jpg);
height:200px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topimpressum {background-image:url(../images/cd1/winterbaeume.jpg);
height:180px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

#topsec {background-image:url(../images/cd1/winternebel.jpg);
height:180px;
border-right:solid 0px #000;border-left:solid 0px #000;
}

div#content{
    width:auto;
}

/* welcome */
div.welcome{
    background:url(../images/family/thomas.jpg) 85% 0 no-repeat;
    padding:0 420px 10px 60px;
    margin:0 0 10px 0;
}

div.welcome h1, div.welcome h2{
    font-family: Arial, Helvetica, sans-serif;color:#000;
   margin-bottom:20px;letter-spacing:10px;font-size: 125%;
   border-bottom:solid 0px #746b64;
   padding-bottom:4px;
}

div.welcome h1 span, div.welcome h2 span{
    color:#3d821c;
}

/* clear und float */
.clearingfix:after{
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}

.clearingfix{
    display:block;
}

.floatbox{
    overflow:hidden;
}

#pagename {padding-left:770px;
         padding-top:10px;
         padding-bottom:10px;
         text-align:left;
         color:white;
         letter-spacing:1px;
         font-size:14px;
}

/* Button Menue oben */
.buttonleiste {background-color:black;
           -moz-opacity: 0.50;
           _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
           opacity: 0.50;
           height:36px;
}

#menu2 a, 
#menu2 a:visited, 
#menu2 a:active {display: block; color:white;
                 text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
                 padding-left: 0px; padding-bottom: 0px; padding-top:0px;
                 margin-left: 0px;margin-right: 0px;
                 border-left:solid 1px #fff;
                 border-bottom:solid 1px #fff;
                 border-top:solid 1px #fff;
                 line-height:36px;
                 text-align:center;
                }
/*  moz-opacy - Transparenz (Deckkraft) von Hintergrundbildern */
#menu2 a:hover {background-color:white;color:black; text-decoration:none ;
                border-left:solid 1px #fff;
                border-bottom:solid 1px #fff;
                border-top:solid 1px #fff;
                -moz-opacity: 0.80;
                _filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
                opacity: 0.80;
                font-style:italic;
               }

#sp1 {text-align:justify; 
      padding-left: 30px;padding-right:30px;padding-top: 40px;padding-bottom: 30px;
      background-color:#;
      width:100%;
      height:450px
     }

#text_bg { font-family: cursive;color:#000;
     margin-bottom:20px;font-size: 125%;
     border-bottom:solid 0px #746b64;
     padding-bottom:4px;
     }

  div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0; padding: 0;
    border: 1px dashed silver; background-color: #eee;
  }
  div#Info strong {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }


  div#Inhalt {
    margin: 0 0 1em 80px;
    padding: 0 1em;
  }
  
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: navy;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.83em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed;
    border-top: 1px solid silver;
  }
  
  #fussb {font: normal 12px verdana, sans-serif; color: #000;
        height:5px;
        text-align:center;
        background-color: #   ;
       }
	   
	   /* scrolleiste internet explorer ab vers.5.5 */
body {scrollbar-arrow-color: #737b66; 
      scrollbar-base-color: #F5F8F3;
      scrollbar-highlight-color : #737b66; 
      scrollbar-shadow-color : #ffffff;
      SCROLLBAR-TRACK-COLOR: #e6e6e6;
     }


/* menue  */
#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#;
text-decoration:none ;
text-align:center;
font-size: 89%;line-height: 180%;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#7B917C;
width:160px;
}

#menu1 a:hover{
background-color:#A5ADAA;
color:#fff;
text-decoration:none ;
}

/* Links im text */
a:link, a:visited, a:active, a:hover  {
        FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
       }

a:link {color: #0000CD; }
a:visited {COLOR: #0000CD; }
a:active  {COLOR: #CC1F2F; }
a:hover   {COLOR: #0000CD;  FONT-SIZE: 12pt;  font-weight: bold;}

</style>