html {
height:101%;
}

* {
margin:0;
padding:0;
}

a:link,a:visited {
color:#c4700e;
text-decoration:underline;
text-align:left;
}

a:hover,a:active {
color:#c4700e;
text-decoration:none;
text-align:left;
border:0 none;
}


a img {
border:0 none;
}

body {
text-align:center;
font-size:62.5%;
margin:0;
padding:0;
}

#wrapper {
width:1100px;
text-align:left;
background-color:transparent;
margin:0 auto 1em;
}

#top_nav {
margin-top:30px;
height:120px;
}

#left_col {
width:200px;
float:left;
}

ul#navi {

margin-top:30px;
list-style:none;
color:#5e5f61;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:1.3em;
text-align:center;
letter-spacing:0.1em;
line-height:180%;
outline:none;
padding:0;
}

ul#navi li {
text-align:center;
outline:none;
margin:0;
padding:0;
}

ul#navi li a {
display:block;
padding-top:4px;
text-decoration:none;
color:#5e5f61;
outline:none;
}

ul#navi li a:hover {
background-color:#fff;
font-weight:400;
color:#e28a0e;
outline:none;
}

ul#navi .aktuell {
background-color:#fff;
color:#c4700e;
font-weight:400;
outline:none;
}

#right_col {
width:200px;
float:right;
margin-right:0;
}

#page_content {
margin-left:200px;
margin-right:200px;
width:610px;
}

h3 {
color:#c4700e;
text-transform:uppercase;
font:1.9em Georgia, "Times New Roman", Times, serif;
margin-bottom:30px;
margin-left:20px;
letter-spacing:1px;
}

h3:first-letter {
color:#c4700e;
text-transform:uppercase;
font:1.3em Georgia, "Times New Roman", Times, serif;
}

h2 {
color:#c4700e;
text-transform:uppercase;
font:1.1em Georgia, "Times New Roman", Times, serif;
letter-spacing:0.1em;
}

h1 {
height:34px;
color:#555;
text-transform:uppercase;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:0.2em;
background:url('images/unterstrichen.jpg') left bottom;
background-repeat:no-repeat;
}

h1 .unterschrift {
height:34px;
color:#555;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
}

h4 {
color:#c4700e;
text-transform:uppercase;
font:1.2em Georgia, "Times New Roman", Times, serif;
letter-spacing:0.1em;
border-bottom:1px dotted #dcdcdc;
margin-bottom:18px;
}

h5 {
color:#5e5f61;
text-transform:none;
font:1.5em Georgia, "Times New Roman", Times, serif;
margin-bottom:24px;
letter-spacing:1px;
padding-right:5px;
}

h6 {
height:34px;
color:#c4700e;
text-transform:uppercase;
font:1em Georgia, "Times New Roman", Times, serif;
letter-spacing:0.1em;
text-align:center;
background:url('images/bg_footer.gif') center bottom;
background-repeat:no-repeat;
background-image:url('images/bg_footer.gif');
}

p {
color:#5e5f61;
text-transform:none;
margin-bottom:24px;
letter-spacing:1px;
padding-right:5px;
font-style:normal;
font-variant:normal;
font-size:1.5em;
line-height:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

p.border {
border-left:4px solid #dcdcdc;
font-weight:600;
font-size:1.3em;
font-family:Georgia, "Times New Roman", Times, serif;
margin-right:20px;
background-color:#eee;
padding:6px;
}

p.adresse {
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:10px;
margin-top:0;
float:right;
background-image:url('images/bg_adresse.jpg');
background-repeat:no-repeat;
}

p.galerie {
font-size:1.1em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700;
margin-top:200px;
margin-left:10px;
float:right;
background-repeat:no-repeat;
}

.bildschatten {
background:url(images/bildschatten.png) no-repeat left bottom;
float:right;
margin-right:10px;
margin-left:8px;
padding:4px 7px 17px;
}

a#hoverbild {
list-style:none;
width:80px;
height:80px;
display:block;
outline:none;
background:url(images/bild1.jpg) no-repeat;
background-position:center;
padding-top:0;
margin-left:25px;
}

a#hoverbild:hover {
list-style:none;
background-position:center;
background:url("images/bild2.jpg") no-repeat;
padding-top:0;
}


.imagefloat {
float:right;
width:auto;
margin:0 0 5px 5px;
padding:3px;
}

.imagefloata {
float:right;
width:auto;
border:1px solid #bbb;
margin:0 120px 10px 10px;
padding:5px;
}

.schlagzeile {
width:130px;
height:50px;
background-color:#a20000;
color:#fff;
float:right;
border:1px dotted #a20000;
font:bold 12pt/1em Arial, Helvetica, sans-serif;
text-align:left;
margin:5px 5px 5px 10px;
padding:8px;
}

acronym {
border-bottom:1px dotted #2c2c2c;
cursor:help;
}

dt {
font-size:2em;
}

dd {
font-size:1.5em;
color:#5e5f61;
}

.mail {
margin-left:100px;
color:#5e5f61;
}


#galerie_wrapper {
display:block;
width:510px;
height:480px;
overflow:hidden;
border:2px solid #c4700e;
margin-right:15px;
padding:0;
}

#container_bilder {
display:block;
width:2300px;
}


p.kursiv {
font-style:italic;
color:#777;
font-size:1.5em;
}

.imageMenu {
position:relative;
width:490px;
height:467px;
overflow:hidden;
border:1px solid #555;
padding:3px;
}

.imageMenu ul {
list-style:none;
display:block;
height:467px;
width:1000px;
margin:0;
}

.imageMenu ul li {
float:left;
}

.imageMenu ul li a {
text-indent:-1000px;
background:#FFF none repeat scroll 0;
border-right:2px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:96px;
height:467px;
}

.imageMenu ul li.februar a {
background:url(urkunden/sommerfeld_taufe_gross.jpg) repeat scroll 0;
}

.imageMenu ul li.maerz a {
background:url(urkunden/stendel_geburt_gross.jpg) repeat scroll 0;
}

.imageMenu ul li.april a {
background:url(urkunden/boeldicke_trauung_gross.jpg) repeat scroll 0;
}

.imageMenu ul li.mai a {
background:url(urkunden/boeldicke_taufe_gross.jpg) repeat scroll 0;
}

.imageMenu ul li.juni a {
background:url(urkunden/ahnenerbe.jpg) repeat scroll 0;
}

.big {
float:left;
padding-top:1px;
font-size:2.6em;
font-weight:700;
line-height:62%;
color:#e28a0e;
margin:8px 4px 0 0;
}

.wappen {
float:right;
padding-bottom:30px;
margin:22px 20px 40px 10px;
}

p.gedicht {
background-color:#fff;
padding:5px;
}

.bildunterschrift {
margin-right:10px;
margin-left:20px;
float:right;
color:#000;
width:215px;
text-align:center;
border:1px solid #ccc;
background-color:#eee;
font-size:1.1em;
padding:5px;
}

.bold {
font-weight:700;
}

.quelle {
font-weight:700;
font-size:0.6em;
color:#000;
}

p.abtrennung {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px;
}

.rechts {
float:right;
margin-right:20px;
background:url('images/trennlinie.gif')no-repeat top left;
width:260px;
height:310px;
border:1px solid #dcdcdc;
margin-bottom:50px;
margin-top:40px;
padding:8px;
}

.links {
float:left;
background:url('images/trennlinie.gif')no-repeat top left;
width:260px;
height:310px;
border:1px solid #dcdcdc;
margin:40px 15px 50px 20px;
padding:8px;
}

h5.box {
font-size:1.4em;
font-family:Arial,Helvetica,"Trebuchet MS",Verdana,sans-serif;
color:#51555C;
font-weight:500;
text-align:left;
border-bottom:1px;
border-bottom-style:dotted;
border-bottom-color:#cdcdcd;
padding:5px 10px;
}

.style1 {
text-decoration:underline;
}

.verzeichnis {
padding-left:40px;
}

#footer,.clear {
clear:both;
}
.seitenreport {
margin-left:40px;
text-align:center;

}
#kekule {
width:500px;
height:300px;
}
.kekule {
border:3px solid #000;
padding:10px;
width:500px;
height:300px;
}