body {
background-color: #B4BDAB;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CCCCCC;
}

#container {
position: absolute;
top: 39%;
left: 50%;
width: 980px;
height: 560px;
margin-top: -215px;
margin-left: -490px;
background-color: #1C331C;
}

/* ----------------- Top -------------------------------- */
#top {
height: 95px;
width: 980px;
background-image: url(images/top_hg.gif);
background-repeat: repeat-x;
background-position: top;
}

/* ----------------- Nav -------------------------------- */
#nav {
position: relative; /* Elternelement für menu1-3 */
height: 465px;
width: 200px;
}

ul#menu1 {
position: absolute;
top: 0px;
left: 20px;
}

#menu2 {
position: absolute;
top: 110px;
left: 20px;
}

#menu3 {
position: absolute;
top: 275px;
left: 21px;
width: 130px; /* verhindert falschen Umbruch */
}

#menu3 p {
margin-bottom: 6px;
font-family: Arial, Helvetica, sans-serif;
}

#menu4 {
position: absolute;
bottom: 18px;
left: 20px;
}

ul.menu {
margin: 0px;
padding: 0px;
}

ul.menu li {
list-style: none;
}

ul.menu a:link, ul.menu a:visited, ul.menu a:active {
display: block;
width: 138px;
padding-left: 2px;
border-bottom: 1px solid #003300;
background-color: #B4BDAB;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
line-height: 20px;
text-decoration: none;
}

ul.menu a:hover {
background-color: #CCCCCC;
}

ul.menu .pr {
background-color: #CCCCCC !important;
font-weight: bold !important;
}

/* ----------------- main ------------------------------- */
#main {
position: absolute;
top: 95px;
left: 200px;
height: 445px;
width: 760px;
overflow: auto;
}

/* ----------------- index.html ------------------------- */
#index_title {
position: absolute;
left: 40px;
top: 30px;
}

#index_txt {
position: absolute;
left: 40px;
bottom: 10px;
width: 340px;
line-height: 18px;
}

#index_rndimg {
position: absolute;
left: 430px;
bottom: 0px;
width: 296px;
height: 440px;
}

/* ----------------- Friedhofsverwaltung.php ------------ */
#FVerw_links {
position: absolute;
left: 0px;
top: 35px;
width: 400px;
}

#FVerw_rechts {
position: absolute;
right: 0px;
top: 35px;
width: 320px;
height: 410px;
}

#FVerw_Dok { /* Liste Downloads */
height: 120px;
margin-bottom: 15px;
overflow: auto;
}

#FVerw_Dok p {
margin-bottom: 3px;
}

/* ----------------- Aktuell.php ------------------------ */
#aktN_nav {
position: absolute;
left: 0px;
top: 35px;
width: 410px;
height: 410px;
overflow: auto;
}

#aktN_img {
position: absolute;
right: 0px;
top: 35px;
width: 310px;
height: 400px;
}

.aktN_zur a:link, .aktN_zur a:visited, .aktN_zur a:active {
position: absolute; /* Elternelement: #container */
left: 668px;
top: 3px;
display: block;
width: 13px;
height: 19px;
background-image: url(images/ico_zur.gif);
}

.aktN_weiter a:link, .aktN_weiter a:visited, .aktN_weiter a:active {
position: absolute;
left: 683px;
top: 3px;
display: block;
width: 13px;
height: 19px;
background-image: url(images/ico_weiter.gif);
}

.aktN_schliessen a:link, .aktN_schliessen a:visited, .aktN_schliessen a:active {
position: absolute;
left: 706px; /* wegen Scrollbalken nicht 0 */
top: 3px;
display: block;
width: 15px;
height: 19px;
background-image: url(images/ico_schliessen.gif);
}

/* ----------------- Leutzsch.php ----------------------- */
#Leu_txt {
position: absolute;
left: 0px;
top: 33px;
width: 300px;
}

#Leu_plan {
position: absolute;
left: 300px;
top: 20px;
}

#Leu_info {
position: absolute;
right: 0px;
top: 33px;
text-align: right;
}

#Leu_img1 {
position: absolute;
left: 0px;
bottom: 0px;
}

#Leu_img2 {
position: absolute;
left: 263px;
bottom: 0px;
}

#Leu_img3 {
position: absolute;
left: 526px;
bottom: 0px;
}

/* ----------------- Infofenster ------------------------ */
.infofenster {
margin: 20px 10px 10px 10px;
background-color: #CCCCCC;
}

.infofenster p, .infofenster td, .infofenster h1 {
color: #000000;
}

.infofenster a:link, .infofenster a:visited, .infofenster a:active {
color: #000000;
}

.infofenster a:hover {
color: #666666;
}

a.maplink:link, a.maplink:visited, a.maplink:active {
display: block;
padding: 2px;
border: 1px solid #003300;
}

a.maplink:hover {
border: 1px dashed #003300;
}

#btn_print {
position: absolute;
right: 10px;
bottom: 10px;
}

#map_canvas {
height: 403px;;
width: 528px;
border: 1px solid #003300;
}

/* ----------------- Formate ---------------------------- */
a:link, a:visited, a:active {
color: #CCCCCC;
}
a:hover {
color: #FFFFFF;
}

a.oA:link, a.oA:visited, a.oA:active {
color: #CCCCCC;
text-decoration: none;
}
a.oA:hover {
color: #FFFFFF;
}

.small_font {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999999;
}

.small:link, .small:visited, .small:active {
font-size: 11px;
color: #999999;
}
.small:hover {
color: #FFFFFF;
}

p {
margin: 0px 0px 10px 0px;
padding: 0px;
}

h1 { /* Seitentitel, Hauptseiten, Infofenster */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
height: 35px;
padding: 0px;
margin: 0px;
}

h2 { /* Akt. Nachrichten */
font-size: 12px;
color: #000000;
margin: 0px 0px 8px 0px;
padding: 3px 4px;
background-color: #CCCCCC;
}

h3 { 
font-size: 12px;
margin: 0px;
padding: 0px;
}

h4 { /* Titel Nachrichten */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
padding: 0px;
margin: 0px;
color: #CCCCCC;
}

ul {
margin: 0px 0px 8px 30px;
padding: 0px;
}

li {
list-style-type: square;
}

img {
display: block;
}

.img_border {
border: 1px solid #CCCCCC;
padding: 4px;
}

a:focus {
outline: none;
}

.dist {
height: 30px;
}

.tabform01 td { /* Aktuell.php */
vertical-align: top;
padding-bottom: 6px;
}

.tabform02 td { /* Informationen zum Friedhof */
vertical-align: top;
padding-bottom: 15px;
}