/* Routes to the Roots
Start 20. Dezember 2007
Letzte Änderung 04.06.2009
*/

/* Wichtige Farben
Textfarbe: rgb(40,40,40);
Grau-Background: rgb (219, 215, 204);
Farbe-Sidebar-Überschrift: rgb (238,216,175)
Farbe a rot rgb(155,32,20)
*/

/*Hauptbereich, Grundeinstellungen */


body {
margin: 0;
padding: 0;
margin-top: 0px;
font-size: 85%; /*Schriftgröße*/
line-height: 1.3em; /*Zeilenhöhe*/
font-family: Helvetica, Arial, Verdana, Genever, sans-serif; /*Schriftarten*/
text-algin: center; /*Alle Elemente zentriert*/
color: rgb(40,40,40);
background-color: rgb(219,215,204);
}

#container {
  margin: 0 auto;
  width: 800px;
  text-align: left; /*Alle Elemente innerhalb des containers trotz Zentrierung linksbündig*/ 
  } 

/*Überschriften*/

h1, h2, h3, h4, h5, h6 {
margin: 20px;
margin-left: 10px;
}
h1 {font-size: 2.0em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.0em;}


ul, li {
padding: 0; 
margin: 0;
list-style-type: none;
/*position: relative; */  /*Alle Listen als Standard ohne Aufzählungszeichen*/
}

img, a img {border: 5px solid rgb(52, 65, 93);  /*Alle Bilder bekommen diesen Rand*/
float: left;
}


.clear { clear: both; /*Element aus float befreien*/}

/*Definierte Hülle*/

#wrap {
overflow: hidden; /* s.z.B. hier: http://css-discuss.incutio.com/?page=ClearingSpace */
margin: 0;
padding: 0;
width: 808px;
text-algin: left;
height: 100%;
}


/*Menüleiste-oben-horizontal*/

/*Navigationsanker*/
#navigation a {
float: left;
display: block;
padding-right: 28px;
padding-left: 7px;
padding-top: 92px;
text-decoration: none;
text-align: center;
color: rgb(155,32,20);
}

/*Navigationsleiste*/
#navigation {
padding-left: 160px;
padding-bottom: 8px;
margin-top: 10px;
float: left;
height: 110px;
width: 800px;
color: rgb(155,32,20);
background-image: url(media/header.jpg);
}

#navigation-start {
padding-left: 165px;
margin-top: 10px;
float: left;
width: 800px;
height: 120px;
border: none;
background-image: url(media/header-index.jpg);
}

#navigation ul li {
display: inline;
}
/*Herüberfahren*/

#navigation a:hover {
color: white;
text-decoration: none;
}

#navigation a#hier:link, #navigation a#hier:visited, #navigation a#hier:hover, #navigation a#hier:active {
color: white;
}

/*Navigationsanker*/
#navigation-usa a {
float: left;
display: block;
padding-right: 26px;
padding-left: 6px;
padding-top: 92px;
text-decoration: none;
text-align: center;
color: rgb(155,32,20);
}

#navigation-usa {
margin-left: 0px;
padding-left: 160px;
padding-bottom: 8px;
margin-top: 10px;
float: left;
width: 800px;
height: 110px;
color: rgb(155,32,20);
background-image: url(media/header-usa.jpg);
}

#navigation-usa ul li {
display: inline;
}
/*Herüberfahren*/

#navigation-usa a:hover {
color: white;
text-decoration: none;
}

#navigation-usa a#hier:link, #navigation-usa a#hier:visited, #navigation-usa a#hier:hover, #navigation-usa a#hier:active {
color: white;
}



/*Menüleiste-oben-horizontal - Stufe 2*/

/*Subnavigationsanker*/
#subnavigation a {
float: left;
display: block;
padding-left: 12px;
padding-right: 20px;
text-decoration: none;
text-align: center;
color: rgb(155,32,20);
font-size: 85%; /*Schriftgröße*/
}

/*Subnavigation*/
#subnavigation {
padding-left: 0px;
margin-top: 0px;
margin-left: 165px;
float: left;
width: 635px;
border-bottom: 1px solid #999;
}

#subnavigation-start {
padding-left: 0px;
margin-top:10px;
float: left;
width: 800px;
border: none;
}

#subnavigation ul li {
display: inline;
}

#subnavigation a:hover {/*Beim Herüberfahren*/
color: white;
text-decoration: none;
/*background: url(media/buttonsubbgover.jpg) top left;*/
}

#subnavigation a#hier:link, #subnavigation a#hier:visited, #subnavigation a#hier:hover, 
#subnavigation a#hier:active {
/*background: url(media/buttonsubbgover.jpg);*/
color: white;
}



/*Inhaltsbereich*/
#content {
margin-top: 20px;
margin-bottom: 10px;
float: left;
width: 545px;
background-color: rgb(219,215,204);
}

#content a {
color: rgb(155,32,20);
}

#content p {
margin-left: 10px;
margin-bottom: 5px;
margin-right: 0px;
}

#content ul {
margin-top: 5px;
margin-left: 10px;
font-size: 12px;
line-height: 15px;
}

#content-start {
margin-top: 10px;
margin-bottom: 10px;
float: left;
width: 745px;
background-color: rgb(219,215,204);
}

#content-start p {
margin-left: 10px;
margin-bottom: 5px;
margin-right: 0px;
}

#content-start a {
color: rgb(155,32,20);
}

#content-start ul {
margin-top: 5px;
margin-left: 10px;
font-size: 12px;
line-height: 15px;
}



/*Fotogalerie*/
#galerie {
width: 680px;
margin-left: -10px;
}

#galerie-2 {
width: 700px;
}

#galerie-3 {
width: 700px;
}

/*Fotoliste*/
#galerie dl {
margin-top: 10px; 
margin-bottom: 5px; 
margin-left: 20px;
margin-right: 10px;
float: left;
width: 140px;
}

#galerie-2 dl {
margin-top: 20px; 
margin-bottom: 5px; 
margin-left: 20px;
margin-right: 10px;
float: left;
width: 190px;
height: 160px;
/*border: 1px solid #999;*/
padding: 4px;
}

#galerie-3 dl {
margin-top: 20px; 
margin-bottom: 5px; 
margin-left: 0px;
margin-right: 10px;
float: none;
width: 180px;
}


/*Fotounterschrift*/
#galerie dd {
font-size: 12px;
padding-top: 180px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: -5px;
width: 120px;
text-align: center;
line-height: 1.1em; /*Zeilenhöhe*/
}

#galerie dd p {
font-size: 12px;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
width: 120px;
text-align: center;
line-height: 1.1em; /*Zeilenhöhe*/
}

#galerie-2 dd {
font-size: 12px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
margin-left: 0px;
width: 150px;
/*text-align: center;*/
line-height: 1.1em; /*Zeilenhöhe*/
}

#galerie-3 dd {
font-size: 12px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 10px;
width: 180px;
text-align: left;
line-height: 1.1em; /*Zeilenhöhe*/
}


/*Foto*/
#galerie dt img {
border: rgb(224,196,148);
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 5px; 
margin-bottom: 5px; 
margin-left: 0px;
margin-right: 0px;
}

#galerie-2 dt img {
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: 5px;
}

#galerie-3 dt img {
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: 5px;
}



/*#image-header {
margin-top: 10px;
margin-left: 0px;
margin-bottom: 0px;
float: right;
border: none;
}*/

#image-ger {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
float: left;
border: none;
}

/*#image-hintergrund {
height: 150px;
width: 800px;
padding-top: 0px;
padding-bottom: 8px;
border: none;
repeat: no-repeat bottom left;
background: url(media/hintergrund-frei.png) no-repeat bottom left;
}
*/


#image-mailto {
float: none;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: -1px;
margin-left: 0px;
margin-right: 3px;
}

#image-pdf {
float: none;
border: none;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: -10px;
margin-left: 0px;
margin-right: 3px;
}

#image-einladung {
float: left;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 20px;
margin-top: 0px; 
margin-bottom: -10px;
margin-left: 0px;
margin-right: 3px;
}


#image-queen {
float: none;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: -10px;
margin-left: 10px;
margin-right: 3px;
}

#image-angebotQM2 {
float: right;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
/*margin-left: 100px;*/
margin-right: 180px;
}

/*#image-angebotpassion {
float: left;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 50px; 
margin-bottom: 50px;
margin-right: 10px;
margin-left: -120px;
}

#image-angebotmississippi {
float: left;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 50px; 
margin-bottom: 60px;
margin-right: 10px;
margin-left: -110px;
}*/

#image-angebotpassion {
float: left;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-right: 0px;
margin-left: 10px;
}

#image-angebotmississippi {
float: left;
border: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
margin-right: 0px;
margin-left: 10px;
}




#image-flagge {
margin-top: -7px;
margin-right: 130px;
margin-bottom: 0px;
float: right;
border: none
}

#image-flagge-start {
/*position: relative;*/
margin-top: 10px;
margin-right: 350px;
margin-bottom: 0px;
float: right;
border: none
}

#image-flag-index {
/*position: relative;*/
margin-top: 10px;
margin-right: 380px;
margin-bottom: 0px;
float: right;
border: none
}

#image-gothold {
float: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
border: none
}

#image-caspers {
float: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 40px;
border: none
}


#image-rose {
float: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 40px;
border: none
}


#image-flag {
margin-top: -10px;
margin-right: 140px;
margin-bottom: 0px;
float: right;
border: none
}

#image-fotoicon {
margin-top: 0px;
margin-right: 20px;
margin-left: 0px;
margin-bottom: 0px;
border: none
}

#image-1 {
margin-top: 0px;
margin-right: 180px;
margin-bottom: 0px;
border: none
}

#image-2 {
/*position: relative;*/
margin-top: 20px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-3 {
margin-top: 0px;
margin-left: 10px;
margin-right: 30px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-4 {
/*position: relative;*/
margin-top: 10px;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-5 {
margin-top: 0px;
margin-left: 10px;
margin-right: 30px;
margin-bottom: 10px;
float: right;
border: none;
}

#image-6 {
margin-top: 0px;
margin-right: 20px;
margin-left: 10px;
margin-bottom: 10px;
border: none
}

#image-7 {
/*position: relative;*/
margin-top: 10px;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-8 {
/*position: relative;*/
margin-top: 10px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
border: none;
}

#image-swantje-sidebar {
/*position: relative;*/
margin-top: 10px;
margin-left: 25px;
margin-right: 20px;
margin-bottom: 10px;
float: none;
border: none;
}




#image-map {
padding-left: 41px;
padding-bottom: 10px;
padding-top: 10px;
padding-right: 10px;
float: left;
border: none
}

#image-nonstop {
padding-left: 0px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 10px;
float: left;
border: none
}


#image-ancestry {
padding-bottom: 10px;
padding-top: 10px;
border: none;
}


#image-buchstaben {
/*position: relative;*/
margin-top: 20px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0px;
float: left;
border: none;
}

#image-buch {
/*position: relative;*/
margin-top: 0px;
margin-right: 60px;
margin-bottom: 20px;
float: right;
border: none
}

#image-buch-gb {
/*position: relative;*/
margin-top: 0px;
margin-right: 70px;
margin-bottom: 0px;
float: right;
border: none
}

#image-links {
/*position: relative;*/
margin-top: 0px;
margin-left: 40px;
margin-right: 0px;
margin-bottom: 0px;
float: right;
border: none;
}

#image-tabelle {
/*position: center;*/
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
float: left;
border: none
}

#image-wolfgang {
position: absolute;
margin-top: 20px;
margin-left: 50px;
margin-bottom: 10px;
border: none;
}

#image-swantje {
position: absolute;
margin-top: 20px;
margin-left: 50px;
margin-bottom: 10px;
border: none;
}

#image-torsten {
position: absolute;
margin-top: 20px;
margin-left: 50px;
margin-bottom: 10px;
border: none;
}

#image-rob {
position: absolute;
margin-top: 20px;
margin-left: 50px;
margin-bottom: 10px;
border: none;
}

#listenpunkte li {
list-style-type: disc;
margin-left: 20px;
margin-top: 9px;
font-size: 10px;
}

#table-1 {
font-size: 10px;
line-height: 1.3em; /*Zeilenhöhe*/
margin-left: 10px;
margin-bottom: 30px;
margin-top: 20px;
width: 790px;
/*float: left;*/
}

#table-2 {
font-size: 10px;
line-height: 1.3em; /*Zeilenhöhe*/
margin-left: 10px;
margin-bottom: 10px;
margin-top: 20px;
width: 550px;
}

#table-3 {
font-size: 10px;
line-height: 1.3em; /*Zeilenhöhe*/
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
width: 550px;
}

#haupt {
font-size: 13px;
padding-bottom: 5px;
padding-top: 5px;
background-color: rgb(224,196,148);
color: white;
}

#sidebar {
float: left;
text-align: center;
margin-left: 100px;
width: 150px;
margin-top: 40px;
}

#sidebar a {
color: rgb(155,32,20);
}

#block-1 {
border: 1px solid #93A2AA;
font-size: 12px;
line-height: 14px;
background-image: url(media/sidebar-background.jpg)
}

#block-1 ul {
margin-top: 10px;
padding: 3px;
}

#block-1 h3 {
margin: 0px;
margin-top: 5px;
text-align: center;
background-color: rgb(224,196,148);
}

#block-2 {
border: none;
margin-left: 10px;
margin-right: 10px;
}


#absatz-footer {
padding-top: 3px;
margin-bottom: -5px;
margin-left: 610px;
font-size: 11px;
line-height: 1.2em;
color: white; 
padding-left: 27px;
}

#absatz-footer a {
color: white;
}	

#absatz-footer-index {
padding-top: 103px;
margin-left: 610px;
font-size: 11px;
line-height: 1.2em;
color: white; 
padding-left: 27px;
}

#absatz-footer-index a {
color: white;
}	

#impressum-footer {
margin-top: 82px;
margin-left: 716px;
font-size: 11px;
padding-left: 27px;
}

#impressum-footer a {
color: rgb(155,32,20);
}

#absatz {
margin-bottom: 15px;
}



#listenpunkte li {
margin-left: 20px;
margin-bottom: 10px;
font-size: 14px;
list-style-type: disc;
}


#spalte-1 {
width: 310px;
padding-top: 10px;
float: left;
}

#spalte-1 h2{
margin-left: 10px;
margin-top: 0px;
}

#spalte-1 p {
margin-left: 10px;
margin-right: 0px;
margin-bottom: 10px;
}


#spalte-2 {
width: 320px;
padding-top: 10px;
padding-left: 110px;
float: left;
}

#spalte-2 h2{
margin-left: 10px;
margin-top: 0px;
}

#spalte-2 p {
margin-left: 10px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
}

#spalte-bio {
margin-top: 0px;
width: 300px;
margin-left: 200px;
margin-bottom: 5px;
float: right;
}


#footer {
float: left;
height: 150px;
width: 800px;
padding-top: 0px;
padding-bottom: 8px;
background: url(media/hintergrund-frei.gif) no-repeat bottom left;
}



/*Menüleiste-footer*/

/*Navigationsanker*/
#footernavigation a {
float: right;
display: block;
padding-left: 15px;
padding-right: 15px;
/*border-left: 1px solid #93A2AA;*/
text-decoration: none;
text-align: center;
color: rgb(40,40,40);
background: url(media/buttonnavbg.jpg) no-repeat top left;
}

/*footer Navigationsleiste*/
#footernavigation {
float: right;
width: 800px;
background-image: url(media/buttonnavbg.jpg);
/*border-bottom: 1px solid #999;*/
}

#footernavigation ul li {
display: inline;
}
/*Herüberfahren*/
#footernavigation a:hover {
color: white;
text-decoration: none;
background: url(media/buttonnavbgover.jpg) top left;
}

#footernavigation a#hier:link, #footernavigation a#hier:visited, 
#footernavigation a#hier:hover, #footernavigation a#hier:active {
background: url(media/buttonnavbgover.jpg);
color: white;
}