/* Die Gedenkstätte */
/* ================ */

* {
margin: 0; padding: 0;
}

body {
/* background: url("../images/back.jpg") center top no-repeat fixed #fff; */
background-color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #333;
text-align: center;
}

#content h3 {
background: url("../images/h3.jpg") left top no-repeat;
display: block;
padding-bottom: 4px;
margin-bottom: 20px;
font-size: 1.3em;
font-weight: normal;
text-indent: 32px;
border-bottom: 1px dashed #999;
}

#contentmem h3 {
background: url("../images/star.gif") left top no-repeat;
display: block;
height: 48px;
padding: 10px 0 4px;
margin-bottom: 20px;
font-size: 1.5em;
font-weight: normal;
text-align: center;
color: #ccc;
border-bottom: 1px solid #999;
}

h4 {
font-size: 1em;
font-weight: bold;
margin: 10px 0;
}

h5 {
display: block;
width: 520px;
padding-bottom: 4px;
margin-bottom: 10px;
}

h6 {
font-size: 0.9em;
text-decoration: underline;
}

hr {
height: 1px;
border: 0 none;
border-top: 1px solid #999;
margin: 4px 0;
padding: 0;
}

* html hr {
margin: 0; padding: 0;
}

img.left {
float: left;
margin: 0 20px 10px 0;
border: 3px double #666;
}

img.right {
float: right;
margin: 0 0 10px 20px;
border: 3px double #666;
}

img.home {
float: right;
}


#wrapper {
background-color: #fff;
width: 920px;
margin: 0 auto;
text-align: left;
}

#header {
background: url("../images/header.jpg") left top no-repeat;
position: relative;
width: 920px; height: 240px;
}

#header h1, #header h2 {
text-indent: -500em;
}

#headermem {
background: url("../images/header.jpg") left top no-repeat;
position: relative;
width: 920px; height: 80px;
}

#headermem h1 {
text-indent: -500em;
}


div#homelink {
position: absolute;
left: 80px; top: 90px;
width: 320px; height: 140px;
}

div#homelink a {
display: block;
width: 320px; height: 140px;
text-indent: -500em;
}

#search {
position: absolute;
right: 54px; top: 208px;
}

#search input {
vertical-align: middle;
}

#search input.txt {
margin: 0; padding: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: url("../images/inputtxt.jpg") left top no-repeat;
width: 136px;
border-style: inset;
}

#search input.but {
cursor: hand;
}

#menu {
background: url("../images/menu.jpg") left top no-repeat;
position: relative;
width: 920px; height: 44px;
font-size: 0.9em;
color: #333;
}

#menu ul {
position: absolute;
left: 46px; top: 6px;
width: 830px; height: 34px;
list-style: none;
}

#menu li {
float: left;
}

#menu li a {
display: block;
background: url("../images/buttons_top.jpg") left top no-repeat;
width: 138px; height: 26px;
padding-top: 6px;
text-decoration: none;
text-align: center;
color: #333;
}

#menu li a:hover {
background-position: 0 -32px;
}

#menu li a.active, #menu ul li a:hover.active {
background-position: 0 -64px;
color: #e6dfd9;
}

#submenu {
height: 32px;
font-size: 0.8em;
color: #333;
}

#submenu ul {
list-style: none;
}

#submenu li {
float: left;
margin-right: 20px;
border: 1px solid #999;
}

#submenu li a {
display: block;
background-color: #ede8e4;
padding: 4px;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #333;
}

#submenu li a:hover {
background-color: #e7e0da;
}

#submenu li a.active, #submenu ul li a:hover.active {
background-color: #564e4b;
color: #fff;
}

div.memmenu {
padding-top: 10px;
font-size: 0.9em;
font-weight: bold;
}

div.memmenu ul {
list-style: none;
}

div.memmenu li {
float: left;
margin-right: 10px;
}

div.memmenu li a { color: #333; }
div.memmenu li a:hover { color: #666; }


#login {
background: url("../images/content2.jpg") left top repeat-y;
width: 820px; height: 170px;
padding: 10px 50px;
}

#login .leftbox {
float: left;
width: 400px;
}

#login .rightbox {
float: right;
background-color: #C4BCBA;
margin-right: 40px;
padding: 6px 6px 6px 20px;
width: 244px; height: 140px;
font-size: 0.8em;
border: 1px solid #666;
}

* html #login .rightbox {
margin-right: 20px;
}

#login fieldset {
border: none;
}

#login label {
float: left;
width: 75px;
}

#login fieldset p {
padding: 2px 0;
}

#login fieldset legend {
margin: 0 0 10px 0;
font-weight: bold;
color: #333;
}

#login fieldset input.txt {
margin: 0; padding: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: url("../images/inputtxt.jpg") left top no-repeat;
width: 136px;
border-style: inset;
}

#login fieldset input.but {
width: 144px;
}

#login p.log-f, #login p.log-s {
font-size: 0.8em;
text-align: right;
}

#login p.log-f {
padding: 4px 24px 0 0;
}

#login p.log-s {
padding: 0 24px 0 0;
}

#login p a {
color: #666;
text-decoration: none;
}

#login p a:hover {
color: #333;
text-decoration: underline;
}



#content {
background: url("../images/content.jpg") left top repeat-y;
position: relative;
width: 760px;
padding: 10px 80px;
}

#contentmem {
background: url('../images/back_stars.jpg') left top repeat #000;
position: relative;
width: 760px;
padding: 10px 80px;
}

#home {
background: url("../images/content.jpg") left top repeat-y;
width: 760px;
padding: 10px 80px;
}

#content p, #contentmem p, #home p {
margin: 10px 0;
font-size: 0.9em;
}

#contentmem p {
color: #fff;
}

#home p {
width: 680px;
}

.error {
font-weight: bold;
color: #c63;
}

.success {
font-weight: bold;
color: #72a151;
}

#contentmem p.success {
font-weight: bold;
color: #0c0;
}

#content p.dates {
font-weight: bold;
color: #666;
}

#contentmem p.dates {
font-size: 1.1em;
font-weight: bold;
color: #999;
text-align: center;
}

#long-text {
width: 630px;
font-size: 0.8em;
text-align: justify;
}

#home p.hbold {
font-size: 1.1em;
font-weight: bold;
}

#home p.hital {
font-style: italic;
}

#content p.hint, #contentmem p.hint {
font-size: 0.7em;
font-style: italic;
}

#content span.hint, #contentmem span.hint {
font-size: 0.7em;
}

#content p.print, #contentmem p.print {
position: absolute;
font-size: 1em;
padding: 2px 4px;
}

#content p.print { right: 206px; top: 0; }
#contentmem p.print { right: 144px; top: 700px; }

#head_print {
display: none;
}

#content .small {
font-size: 0.7em;
}

#content a, #home a {
font-weight: bold;
text-decoration: none;
color: #111;
}

#contentmem a {
font-weight: bold;
text-decoration: none;
color: #ddd;
}

#home-l {
float: left;
width: 320px;
padding-right: 40px;
}

#home-r {
float: left;
width: 340px;
}


ul.homeb {
list-style: none;
}

ul.homeb li {
width: 540px;
border-bottom: 1px dashed #999;
margin-bottom: 10px;
}

ul.homeb li a { display: block; }


ul.inform {
list-style: none;
width: 610px;
padding: 10px;
border: 6px double #ffaba1;
}

ul.inform li a { display: block; }



#signp, #signg, #forgpw {
position: relative;
margin-bottom: 20px;
padding: 10px;
width: 480px;
border: 1px solid #666;
}

#signp { background: url("../images/signp.jpg") left top repeat-y; }
#signg { background: url("../images/signg.jpg") left top repeat-y; }
#forgpw { background: url("../images/forgpw.jpg") left top repeat-y; }

#content div.signhelp {
position: absolute;
right: 20px; bottom: 10px;
text-align: right;
}

#content div.signhelp a {
font-size: 0.7em;
font-weight: normal;
color: #666;
}

#content div.signhelp a:hover {
color: #4e4032;
}

#content fieldset {
display: block;
width: 640px;
margin-bottom: 20px;
padding: 10px;
border: 1px dashed #666;
}

#adcontent fieldset {
width: 500px;
}

#content fieldset label {
float: left;
width: 120px;
font-size: 0.8em;
}

#content fieldset p.oblig,
#content fieldset p.code {
background-color: #e7e0da;
}

#content fieldset p.erroblig,
#content fieldset p.errcode {
background-color: #ffaba1;
}

#content fieldset p.showjn {
margin-top: -8px;
font-size: 0.8em;
}

#content fieldset label.long { width: 220px; }
#content fieldset img { vertical-align: middle; }


#content fieldset.bscontact {
margin: 0; padding: 0;
border: none;
}

#content fieldset.bscontact label {
width: 120px;
}

#content fieldset.bscontact p {
width: 400px;
margin: 0; padding: 2px 0;
border-bottom: 1px dashed #999;
}

#insttext {
margin-bottom: 20px;
width: 580px;
font-size: 0.9em;
}


input, select, textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 0.9em;
}

input.intxt { width: 320px; }
input.inplz { width: 80px; }
input.inpwd { width: 220px; }
input.incod { width: 128px; }
input.inlng { width: 500px; }
textarea.lng4r { width: 524px; height: 80px; }
textarea.lng8r { width: 524px; height: 160px; }
textarea.krz4r { width: 440px; height: 80px; }
textarea.krz8r { width: 440px; height: 160px; }
textarea.krz16r { width: 540px; height: 320px; }
textarea.nachruf { width: 640px; height: 320px; }
select.selda { width: 50px; }
select.selmo { width: 90px; }
select.selye { width: 80px; }



table#imgchoose {
font-size: 0.8em;
}

table#imgchoose img {
margin: 4px;
border: 1px solid #999;
}

table#userlist {
font-size: 0.7em;
border: 1px solid #999;
}

table#userlist th {
background-color: #beafa1;
}

table#userlist th a,
table#userlist td a {
display: block;
padding: 4px 2px;
}

table#userlist td a {
font-weight: normal;
}

table#userlist td a.light { background-color: #d8d1cb; }
table#userlist td a:hover.light { background-color: #e2d0c0; }
table#userlist td a.shade { background-color: #c9c2bd; }
table#userlist td a:hover.shade { background-color: #d2c2b4; }

#admenu {
float: left;
background-color: #d7cbc1;
width: 200px;
padding: 8px 0;
font-size: 0.7em;
color: #333;
border: 1px dashed #666;
}

#admenu ul {
padding: 0 7px;
list-style: none;
}

#admenu ul li {
margin-bottom: 4px;
}

#admenu ul li a {
display: block;
background-color: #e7e0da;
padding: 2px;
color: #333;
border: 1px solid #999;
}

#admenu ul li a:hover {
background-color: #ddd6d0;
color: #111;
}

#admenu ul li a.active,
#admenu ul li a.active:hover {
background-color: #beafa1;
border: 1px solid #999;
}

#adcontent {
float: right;
width: 540px;
}

#adcontent select.entries {
width: 160px;
font-size: 0.7em;
}

#adcontent table#list {
width: 500px;
border: 1px dashed #666;
}

#adcontent table#list th {
background-color: #beafa1;
color: #666;
}

#adcontent table#list th img {
margin: 0; padding: 0;
vertical-align: middle;
}

#adcontent table#list th,
#adcontent table#list td {
padding: 2px;
font-size: 0.7em;
color: #333;
border: 1px solid #999;
}

#adcontent .mid { text-align: center; }
#adcontent .right { text-align: right; }

#adcontent table#list th.right,
#adcontent table#list td.right {
padding-right: 10px;
}

#adcontent table#list td a {
display: block;
font-weight: normal;
color: #333;
}

#adcontent table#list td a:hover {
background-color: #ddd6d0;
color: #111;
}

table#words {
font-size: 0.8em;
font-style: italic;
}

table#words td {
padding: 8px 0 8px 8px;
border: 1px solid #999;
}

table#words input {
font-size: 1em;
font-style: normal;
}

table#tdanz {
background: url("../images/back_tab.jpg") left top repeat-x #e9e2da;
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
border-top: 3px solid #999;
border-left: 3px solid #999;
border-bottom: 3px solid #ccc;
border-right: 3px solid #ccc;
}

table#tdanz td {
border-left: 1px solid #999;
border-right: 1px solid #ccc;
}

table#tdanz td.ort {
padding-left: 8px;
font-weight: normal;
}

table#tdanz td.dat {
padding-left: 8px;
font-size: 12px;
font-weight: normal;
font-style: italic;
}

table#tdanz td a {
background: url("../images/back_tab.jpg") left top repeat-x;
display: block;
padding: 8px;
}

table#tdanz td a:hover {
background-position: 0 -36px;
}

table#tdanz td p.nolink {
padding-left: 8px;
}


#pagenavi {
font-size: 0.8em;
font-weight: bold;
text-align: center;
color: #999;
}

#pagenavi ul {
list-style: none;
}

#pagenavi ul li {
display: inline;
padding: 4px;
}

#pagenavi ul li a {
width: 14px; height: 24px;
color: #333;
}

#pagenavi ul li a:hover {
text-decoration: none;
color: #666;
}

ul#memorial, ul#obits {
list-style: none;
}

ul#memorial li {
margin-bottom: 10px;
font-size: 1.1em;
border-top: 3px double #999;
border-bottom: 3px double #999;
}

ul#obits li {
margin-bottom: 10px;
font-size: 0.9em;
border: 1px solid #999;
}

ul#obits li a {
display: block;
background-color: #f5f1ee;
padding: 8px 0;
font-weight: normal;
text-indent: 10px;
}

ul#obits li a:hover {
background-color: #c4bcba;
}

ul#memorial li a {
background: url("../images/pack_p.png") 10px 10px no-repeat;
display: block;
padding: 8px 0;
font-weight: normal;
text-indent: 32px;
}

ul#memorial li a:hover {
background: url("../images/pack_p.png") 10px 10px no-repeat #c4bcba;
}

ul#bul-l {
float: left;
}

ul#bul-l, ul#bul-r {
list-style: circle;
}

ul#bul-l li, ul#bul-r li {
margin: 0 40px 4px 20px;
font-size: 0.9em;
border: none;
}

ul#bul-l li a, ul#bul-r li a {
display: block;
background-color: #f5f1ee;
width: 280px;
padding: 4px 0;
font-weight: normal;
text-indent: 10px;
}

ul#bul-l li a:hover, ul#bul-r li a:hover {
background-color: #c4bcba;
}

#imgmem {
position: relative;
margin-top: 20px;
width: 760px; height: 475px;
border: 2px solid #000;
}

#imgmem p {
position: absolute;
width: 720px;
padding-left: 20px;
}

#imgmem img.portrait {
position: absolute;
border: 3px double #000;
}


#txtmem {
background-color: #eee;
width: 740px;
margin: 4px 0 20px 0; padding: 10px;
border: 5px double #333;
}

#txtmem p {
margin: 0; padding: 0;
color: #333;
}

#box-obit {
background-color: #fff;
width: 540px;
padding: 20px;
font-family: Georgia, "Times New Roman", Garamond, serif;
font-size: 0.9em;
color: #000;
border: 6px double #000;
}

#box-obit div.symbol {
float: left;
margin: 0;
}

#box-obit div.symbol-edit {
position: relative;
float: left;
margin: 0;
border: 1px dashed #999;
}

#box-obit div.vdata {
float: right;
margin: 0; padding-left: 10px;
}

#box-obit div.vdata-edit {
float: right;
width: 350px;
margin: 0; padding-left: 10px;
border: 1px dashed #999;
}

#box-obit div.infos {
margin-top: 20px;
padding-left: 10px;
}

#box-obit div.infos-edit {
margin-top: 20px;
padding-left: 10px;
border: 1px dashed #999;
}

#box-obit div.vdata-edit hr {
height: 1px;
border: 0 none;
border-top: 1px dashed #999;
margin: 4px 0;
padding: 0;
}

* html #box-obit div.vdata-edit hr {
margin: 0; padding: 0;
}

#box-obit p.nogap {
margin: 0;
}

#box-obit p.person {
margin: 0;
font-size: 2em;
font-weight: bold;
}



div.editgraph {
float: left;
margin: 4px; padding: 4px;
width: 100px;
border: 1px dashed #999;
}

div.editmotiv {
float: left;
margin: 2px; padding: 4px;
width: 144px;
font-size: 0.7em;
border: 1px solid #999;
}

div.editmotiv img {
padding-top: 4px;
}


#pos-foto {
position: relative;
background: url("../images/posfoto.jpg") left top no-repeat;
width: 360px; height: 240px;
}
#pos-foto ul { list-style: none; }
#pos-foto ul li { position: absolute; }
#pos-foto ul li.p-ol { left: 25px; top: 15px; }
#pos-foto ul li.p-om { left: 174px; top: 15px; }
#pos-foto ul li.p-or { left: 322px; top: 15px; }
#pos-foto ul li.p-ml { left: 25px; top: 97px; }
#pos-foto ul li.p-mm { left: 174px; top: 97px; }
#pos-foto ul li.p-mr { left: 322px; top: 97px; }
#pos-foto ul li.p-ul { left: 25px; top: 179px; }
#pos-foto ul li.p-um { left: 174px; top: 179px; }
#pos-foto ul li.p-ur { left: 322px; top: 179px; }
#pos-foto ul li span { display: none; }


#pos-spruch {
position: relative;
background: url("../images/posspruch.jpg") left top no-repeat;
width: 360px; height: 240px;
}
#pos-spruch ul { list-style: none; }
#pos-spruch ul li { position: absolute; }
#pos-spruch ul li.p-ol { left: 20px; top: 15px; }
#pos-spruch ul li.p-om { left: 174px; top: 15px; }
#pos-spruch ul li.p-or { left: 332px; top: 15px; }
#pos-spruch ul li.p-ml { left: 20px; top: 97px; }
#pos-spruch ul li.p-mm { left: 174px; top: 97px; }
#pos-spruch ul li.p-mr { left: 332px; top: 97px; }
#pos-spruch ul li.p-ul { left: 20px; top: 179px; }
#pos-spruch ul li.p-um { left: 174px; top: 179px; }
#pos-spruch ul li.p-ur { left: 332px; top: 179px; }
#pos-spruch ul li span { display: none; }

div.col-box {
float: left;
margin-right: 8px; padding-top: 4px;
width: 28px; height: 18px;
border: 1px solid #999;
text-align: center;
}

#bestatter {
width: 632px;
margin-top: 20px; padding: 4px;
border: 1px solid #999;
}

#bestatter img.logo {
float: left;
margin-right: 20px;
border: 3px double #999;
}

#content img.inst-logo {
float: right;
margin-right: 40px;
}

table#cbook {
width: 640px;
font-size: 0.8em;
}

table#cbook td.cbtop {
background-color: #65584e;
padding: 2px 4px;
color: #fff;
border: 1px solid #65584e;
}

table#cbook td.cbmid {
padding: 8px;
border: 1px solid #65584e;
}



table#gtafel {
width: 740px;
font-size: 1em;
color: #fff;
}

table#gtafel td.abschluss {
border-bottom: 1px solid #999;
}

table#gtafel td {
background: url('../images/back_gtafel.jpg') left top repeat #000;
padding: 2px 4px;
}

table#gtafel td.right {
font-size: 0.8em;
text-align: center;
}

table#gtafel td.text {
font-size: 0.9em;
}





p.copy { display: none; }

ul#guidelist {
list-style: none;
margin-top: 20px;
}

ul#guidelist li a {
background: url("../images/signhelp.png") left top no-repeat;
display: block;
padding-top: 20px;
height: 44px;
text-indent: 64px;
}

ul#guidelist li a span {
font-weight: normal;
color: #666;
}

ul#guidelist li a:hover {
text-decoration: underline;
}

#footer {
background: url("../images/footer.jpg") left top no-repeat;
position: relative;
width: 920px; height: 90px;
font-size: 0.7em;
text-align: center;
color: #fff;
}

#footermem {
background: url('../images/back_stars.jpg') left top repeat #000;
position: relative;
padding: 20px 0;
font-size: 0.9em;
text-align: center;
color: #fff;
}

#footermem a {
text-decoration: none;
color: #fff;
}

#footer ul {
list-style: none;
}

#footer ul.line1 { padding-top: 48px; }
#footer ul.line2 { padding-top: 4px; }

#footer ul li {
display: inline;
}

#footer ul li a {
text-decoration: none;
color: #fff;
}

#footer ul li a:hover {
text-decoration: underline;
}

ul.helpmenu {
list-style-position: inside;
font-size: 0.9em;
font-weight: bold;
}

ol.helpmenu {
list-style-position: inside;
font-size: 0.9em;
font-weight: bold;
}

.clearer {
clear: both;
}

#siteoff {
background: url("../images/menu.jpg") left top no-repeat;
width: 920px; height: 24px;
padding-top: 20px;
font-size: 1.1em;
font-style: italic;
color: #333;
text-align: center;
}