html {
height: 100%;
}

body {
text-align: center;
background: url(../images/bg.gif) repeat-x bottom fixed #dedede;
font-size: x-small; /*für konforme Browser */
color: #000;
margin: 10px 0 10px 0;
font-family: tahoma, arial, verdana, tahoma, sans-serif;
}

html>body { /* sei nett zu firefox */
font-size: small;
}

/* gesamter rahmen */

div#all { 
margin: 0 auto;
width: 760px;
border: 1px solid #fff;
background: #f2f2f2;
}

/* Der HEADER */

div#header {
height: 121px;
width: 100%;
}

pre#language {
float: right;
border: 0;
font-size: 80%;
margin: 8px 10px 0 0;
}

/* Links Language oben rechts */

pre#language a.language, a.language:link, a.language.visited {
color: #fff;
font-weight: bold;
font-family: verdana, arial, tahoma, sans-serif;
text-decoration: none;
border: 0;
background: transparent;
}

pre#language a.language:hover, a.language.active {
color: #fff;
font-weight: bold;
font-family: verdana, arial, tahoma, sans-serif;
text-decoration: underline;
border: 0;
background: transparent;
}

/* Links im Footer */

div#footer a.footer, a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
color: #000;
text-decoration: none;
background: none;
border: 0;
}

/* inhalt links */

div#content p a.link:link, a.link:visited {
color: #004080;
text-decoration: none;
background: none;
border: 0;
font-weight: bold;
}

div#content p a.link:hover, a.link:active {
color: #d00000;
text-decoration: none;
background: none;
border: 0;
font-weight: bold;
}

/* Seitenwechsel */

ul#ul_pages {
float: right;
margin: 0 10px 0 0;
display: inline;
}

ul#ul_pages li {
list-style: none;
float: left;
}

/* Seitewechsel Links */

ul#ul_pages li.li_pages a {
display: block;
width: 14px;
margin: 0px 4px;
padding: 3px 0 3px 8px;
background: #004080;
}

ul#ul_pages li.li_pages a.pagenumber:link, a.pagenumber:visited {
color: #fff;
text-decoration: none;
border: 1px solid #dedede;
}

ul#ul_pages li.li_pages a.pagenumber:hover, a.pagenumber:active {
color: #d00000;
text-decoration: none;
background: #fff;
border: 1px solid #dedede;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

ul#ul_pages li.li_pages_zeugenberichte a {
display: block;
margin: 0px 4px;
padding: 3px 4px 3px 4px;
}

ul#ul_pages li.li_pages_zeugenberichte a.pagenumber_zeugenberichte:link, a.pagenumber_zeugenberichte:visited {
color: #004080;
text-decoration: none;
background: #f2f2f2;
border: 1px solid #dedede;
}

ul#ul_pages li.li_pages_zeugenberichte a.pagenumber_zeugenberichte:hover, a.pagenumber_zeugenberichte:active {
color: #d00000;
text-decoration: none;
background: #fff;
border: 1px solid #dedede;
}


/* Seitenwechsel Link - Aktiv (now) */

ul#ul_pages li.now a.now {
display: block;
width: 14px;
margin: 0px 4px;
padding: 3px 0 3px 8px;
}

ul#ul_pages li.now a.now:link, a.now:visited, a.now:hover, a.now:active {
color: #999;
text-decoration: none;
background: #fff;
font-weight: bold;
border: 1px solid #dedede;
}

/* Navigation */

div#navi { 
width: 140px;
float: left;
text-align: left;
font-family: verdana, tahoma,arial, sans-serif;
margin-left: 2px;
}


ul#menu {
background: transparent;
width: 160px;
padding: 0;
margin: 1px 0 14px 0px;
list-style: none;
}

/* Aktiver Menuepunkt */

ul#menu li.menu_link_active a.active {
display: block;
width: 150px;
margin: 0px 0;
padding: 3px 0 3px 8px;
font-weight: bold;
}

ul#menu li.menu_link_active a.active:link, a.active:visited, a.active:hover, a.active:active {
color: #000;
text-decoration: none;
background: url(../images/menu_link_hover.gif) right no-repeat  #fff;
border-bottom: 1px dotted #004080;
border-left: 3px solid #f2f2f2;
}


/* Links in der navigation */

ul#menu li.menu_link a {
display: block;
width: 150px;
margin: 0px 0;
padding: 3px 0 3px 8px;
}

ul#menu li.menu_link a:link, a:visited {
color: #004080;
text-decoration: none;
background: transparent;
border-bottom: 1px dotted #004080;
border-left: 3px solid #f2f2f2;
}

ul#menu li.menu_link a:hover, a:active {
color: #d00000;
text-decoration: none;
background: url(../images/menu_link_hover_grey.gif) right no-repeat #f2f2f2;
border-bottom: 1px dotted #d00000;
border-left: 3px solid #d00000;
}


/* inhaltsbereich */

div#content {
display: inline;
padding: 8px 0;
background: #fff;
border: 1px solid #e5e5e5;
text-align: justify;
float: right;
width: 580px;
margin: 0px 10px 10px 0;
}

div#content h1 { /* Überberschrift 1 */
font-size: 140%;
font-family: trebuchet ms, arial, tahoma, verdana, sans-serif;
text-align: center;
font-variant: small-caps;
width: 580px;
background: #e5e5e5;
border-top: 1px solid #004080;
border-bottom: 1px dotted #d00000;
margin-top: 13px;
}

div#content h2.subtitle, h3.subtitle, h2.fates_names { /* untertitel in auf einer seite, siehe b17b_c_d */
font-size: 120%;
font-variant: small-caps;
font-family: trebuchet ms, arial, tahoma, verdana, sans-serif;
width: 560px;
margin: 0 0 0 10px;
border-bottom: 2px solid #d00000;
background: url(../images/h2_subtitle.gif) no-repeat right center transparent;
}

/* inhalt absaetze */

div#content p {
line-height: 1.5em;
margin-left: 12px;
margin-right: 12px;
}

div#content p.imgdescr {
line-height: 1.4em;
margin-left: 12px;
margin-right: 12px;
margin-top: -10px;
padding-top: 0;
text-align: center;
font-size: 80%;
margin-bottom: 14px;
font-family: arial, tahoma, verdana, trebuchet ms, sans-serif;
}

/* inhalt bilder */

p img.imageborder, div#content img.imageborder {
border: 1px solid #000;
}

/* inhalt absaetze - zitat (quote) */

div#content p.quote {
line-height: 1.4em;
text-align: center;
background: #e2e2e2;
font-family: arial, tahoma, lucida sans, monospace;
border: 1px solid #bbb;
}

div#footer {
font-size: 80%;
font-family: arial, verdana, tahoma, sans-serif;
margin-top: 4px;
}