@charset "utf-8";

/*---------------------------------------------
  Globale Vorgaben
---------------------------------------------*/
* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll;
}
body {
font-size: 100.01%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #bababa;
background: #4b4b4b url(gfx/bg.gif) repeat;
text-align: center;
}
a, a:link {
color: white;
outline: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
a:visited {
color:#dbcfb1;
outline: none;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
a:hover, a:focus {
color: #ffcc00;
text-decoration: none;
font-weight: normal;
font-style: normal;
}
img, img a {
border: 0;
outline: none;
}
ul,li {
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #4b4b4b;
}
abbr {
speak: spell-out;
}
acronym {
speak: normal;
}
a abbr, a acronym {
text-decoration: underline;;
}
strong {
font-weight: bold;
}
em {
font-weight: 600;
font-style: oblique;
}
blockquote {
font-style: oblique;
}
address {
line-height: 125%;
font-style: normal;
margin: 0 0 10px 0;
}
hr {
display: none;
}
.kbd {
color: white;
background: #444;
border-right: 1px solid #bababa;
border-bottom: 1px solid #bababa;
font-size: inherit;
font-family: "Courier New", Courier, monospace;
padding: 0.05em 0.3em;
}
.clear {
clear: both;
font-size: 1%;
height: 1px;
line-height: 1px;
}
.none {
display: none;
}
.left {
float: left;
margin: 0 0.75em 0.25em 0;
}
.right {
float: right;
margin: 0 0 0.25em 0.75em;
}
.yellow {
color: #fc0;
}
.middle {
vertical-align: middle;
}

/*---------------------------------------------
  Trennlinie
---------------------------------------------*/
.line {
font-size: 1%;
height: 1px;
line-height: 1px;
margin: 2px 0 15px 0;
border-bottom: 1px dotted #4b4b4b;
clear: both
}

/*---------------------------------------------
  Link Klassen
---------------------------------------------*/
.intern {
background: url(gfx/intern.gif) no-repeat 1px 50%;
outline: none;
padding-left: 13px;
}
.extern {
padding-left: 16px;
outline: none;
background: url(gfx/extern.gif) no-repeat 1px 50%;
}
.mail {
padding-left: 16px;
outline: none;
background: url(gfx/mailto.gif) no-repeat 1px 50%;
}
.jump {
padding-left: 15px;
outline: none;
background: url(gfx/top.gif) no-repeat 1px 50%;
}
/*---------------------------------------------
  Skiplinks
---------------------------------------------*/
#skiptop {
margin: 0 auto;
width: 760px;
}
#skip1 {
font-size: .9em;
position: absolute;
margin: 5px 0 0 10px;
z-index: 10;
}
#skip1 a, #skip1 a:link, #skip1 a:visited {
text-indent: -10000px;
outline: none;
display: block;
}
#skip1 a:focus {
text-indent: 0px;
display: block;
text-decoration: underline;
color: #fc0;
background: #1f1f1f url(gfx/bg_footer.gif) repeat-x;
}
#skip2 {
font-size: .9em;
position: absolute;
margin: 5px 0 0 10px;
z-index: 10;
}
#skip2 a, #skip2 a:link, #skip2 a:visited {
text-indent: -10000px;
display: block;
}
#skip2 a:focus {
text-indent: 0px;
display: block;
text-decoration: underline;
color: #fc0;
background: #1f1f1f url(gfx/bg_footer.gif) repeat-x;
}

/*---------------------------------------------
  Container
---------------------------------------------*/
#container {
position: relative;
width: 760px;
margin: 0 auto;
text-align: left;
background: black;
}
/*---------------------------------------------
  Topbar
---------------------------------------------*/
#topbar {
width: 100%;
background: #484848;
}
#topbar a {
outline: none;
}
#topbar h1 {
margin: 0 auto;
font-size: 63%;
font-weight: normal;
line-height: 200%;
text-align: center;
text-transform: uppercase;
display: block;
width: 760px;
color: #ababab;
background: #1f1f1f url(gfx/bg_footer.gif) repeat-x;
border-bottom: 1px dotted #4b4b4b;
}
/*---------------------------------------------
  Header
---------------------------------------------*/
#header {
width: 760px;
height: 220px;
background: url(gfx/bg_header.gif) repeat-x;
}
#header .logo {
position: absolute;
top: 48px;
left: 135px;
}
#header .logo a {
border: none;
outline: none;
text-decoration: none;
}
#header .reflection {
position: absolute;
top: 152px;
left: 115px;
width: 532px;
height: 54px;
background: url(gfx/reflex2.jpg) no-repeat;
}
#header .c {
position: absolute;
top: -20px;
left: 740px;
width: 13px;
height: 10px;
}
/*---------------------------------------------
  Content
---------------------------------------------*/
#content {
float: left;
font-size: 75%;
margin-top: 0.3em; /*Platz fuersignpost*/
padding: 0 50px 45px 0;
width: 515px;
}
#foto #content {
margin: 0;
padding: 20px 0 15px 0;
text-align: center;
}
#foto {
margin: 0 auto;
width: 515px;
}
#content a,
#content a:link {
text-decoration: underline;
}
#content a:visited {
text-decoration: underline;
}
body#start #content { /*nur Startseite*/
float: left;
margin-top: 0; /*kein signpost*/
padding: 0 30px 45px 0;
width: 335px; /*Platz für Sidebar (3-spaltiges Layout der Startseite)*/
}
body#inhalt #content { /*nur Inhalt bzw. Sitemap*/
float: left;
margin-top: 0; /*kein signpost*/
padding: 0 50px 45px 50px;
width: 660px;
}
#content h3 {
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
font-size: 150%;
font-weight: bold;
color: #ccc;
padding: 2px 0;
margin: 15px 0 10px 0;
border-bottom: 1px dotted #4b4b4b;
border-top: 1px dotted #4b4b4b;
}
h3#news {
margin: 1.75em 0 0 0;
}
#content h4 {
font-size: 1.1em;
color: #ccc;
font-weight: bold;
padding-bottom: 0.3em;
}
#content h4.yellow {
color: #fc0;
}
body#start #content h4 { /*nur Startseite*/
font-size: 1.1em;
color: #ccc;
font-weight: bold;
padding: 1em 0 0.3em 0;
}
#content p {
line-height: 125%;
margin: 0 0 10px 0;
}
#content .br {
margin: 0;
}
#content .textbox {
width: 495px;
padding: 8px;
margin: 5px 0 25px 0;
background: #1f1f1f;
border: 1px solid #4b4b4b;
/*border-left: 8px solid #4b4b4b;*/
border-width: 1px 0 0 1px;
}
#content .visionbox h4 {
color: #fc0;
}
#content .fotobox {
width: 497px;
padding: 8px;
margin: 5px 0 25px 0;
background: #1f1f1f;
border: 1px solid #4b4b4b;
}
#content .fotobox p {
padding: 0;
}
ul#amenu {
margin-bottom: 35px;
}
#amenu li {
list-style-type: circle;
list-style-position: inside;
padding: 1px;
}
ul#history {
margin: 15px 0 0 0;
}
#history li {
padding: 0 0 5px 0;
}
ul#message {
margin: 1em 0;
}
#message li {
font-weight: bold;
padding-bottom: 0.15em;
}
ul#sports {
margin-bottom: 15px;
}
#sports li {
list-style-type: square;
margin-left: 25px;
padding: 1px;
}
#content ul.tastenk {
font-size: 0.9em;
list-style: none;
margin-bottom: 1.1em;
}
#content .tastenk li {
display: inline;
padding: 3px 5px 3px 0;
}
#content dl.keys {
line-height: 125%;
}
#content .keys dt {
font-weight: bold;
}
#content .keys dd {
margin: 0 0 0.75em 1.3em;
}
#content dl.zoom {
line-height: 125%;
}
#content .zoom dt {
font-weight: bold;
}
#content .zoom dd {
margin: 0 0 0.75em 1.3em;
}
#content dl.sitemap {
line-height: 125%;
}
#content ul.sitemap {
line-height: 130%;
}
#content .sitemap dt {
font-weight: bold;
}
#content .sitemap dd {
margin: 2px 0 12px 13px;
}
#content .sitemap ul {
padding-left: 35px;
}
#content blockquote p:first-letter { /*für die Bibelvers-Nummerierung*/
font-size: .83em;
}
#content cite { 
font-size: .83em;
font-style: normal;
} 
#content .thumbs img {
margin: 0;
}
#content .prev,
#content .next {
margin-top: 164px;
padding: 4px;
vertical-align: top;
}
#content .photo {
border: 1px solid white;
margin-top: 20px;
}
.photogroup {
border: 1px solid #aaaaa1;
display: block;
float: left;
height: 77px;
margin: 0 10px 10px 0;
padding: 0;
overflow: hidden;
width: 115px;
}
/*---------------------------------------------
  Sidebar
---------------------------------------------*/
#sidebar {
margin-top: 15px;
padding: 0 15px 45px 0;
width: 185px;
float: right;
}
#sidebar a,
#sidebar a:link {
text-decoration: underline;
}
#sidebar a:visited {
text-decoration: none;
}
#sidebar .star {
position: absolute;
top: 220px;
left: 685px;
width: 65px;
height: 65px;
background: url(gfx/star.gif) no-repeat;
}
#sidebar h3 {
width: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
padding: 1px 38px 1px 8px;
color: #ccc;
background: #1a1a1a url(gfx/bg_gloss.gif) repeat-x;
border: 1px solid #4b4b4b;
border-bottom: 1px dotted #4b4b4b;
}
#sidebar p {
font-size: 12px;
padding: 0;
margin: 0;
}
#sidebar .note {
width: 150px;
line-height: 120%;
padding: 8px;
margin-bottom: 18px;
color: #d7d7d7;
background: #1f1f1f;
border: 1px solid #4b4b4b;
border-top: 0;
}
#sidebar img {
border:  1px solid #4b4b4b;
}
/*---------------------------------------------
  Footer
---------------------------------------------*/
#footer {
width: 760px;
height: 19px;
text-align: right;
clear: both;
color: #333333;
border-top: 1px dotted #4b4b4b;
background: #1f1f1f url(gfx/bg_footer.gif) repeat-x;
}
.gotop {
padding: 4px;
padding-right: 15px;
}

/*---------------------------------------------
  Navigation
---------------------------------------------*/
#menu {
padding: 15px 20px 45px 15px;
width: 160px;
float: left;
}
#menu h2 {
display: none;
}
/* --- signpost --- */
#menu .signpost {
position: absolute;
top: 220px;
left: 200px;
width: 515px;
font-size: 67%;
color: #aaaaad;
}
#menu .signpost a,
#menu .signpost a:link,
#menu .signpost a:visited {
color: #fff;
outline: none;
text-decoration: none;
}
/* --- menu1 --- */
#menu .menu1 li {
font-size: 83%;
padding: 0.2em 0;
}
#menu .menu1 a,
#menu .menu1 a:link,
#menu .menu1 a:visited {
background: black url(gfx/right.gif) no-repeat 2px 50%;
display: block;
color: white;
text-decoration: none;
outline: none;
padding: 0 3px 3px 12px;
border: 1px solid black;
border-bottom: 1px dotted #333;
}
#menu .menu1 a:hover,
#menu .menu1 a:focus {
background: black url(gfx/right.gif) no-repeat 4px 50%;
border: 1px solid white;
}
.selected {
	color: #fc0 !important;
}
/* --- menu2 --- */
#menu .menu2 {
font-size: 75%;
line-height: 130%;
padding: 20px 0 0 0;
}
#menu .menu2 a,
#menu .menu2 a:link,
#menu .menu2 a:visited {
color: white;
outline: none;
text-decoration: none;
}
#menu .menu2 a:hover,
#menu .menu2 a:focus {
color: #ffcc00;
text-decoration: underline;
}


/*---------------------------------------------
  Tabellen
---------------------------------------------*/

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
background: #1f1f1f;
width: 512px;
border-collapse: collapse;
}
caption {
text-align: left;
font-weight: 600;
padding: 20px 0 6px 0;
}
th, td {
padding: 3px;
width: 128px;
text-align: left;
}	
th {
background: #333;
font-weight: 600;
}
tfoot {
font-style: oblique;
background: #333;
}

/*---------------------------------------------
  Formulare
---------------------------------------------*/
form {
margin-top: 15px;
}
label {
cursor: pointer;
display: block;
}
legend {
font-size: 90%;
font-weight: 500;
color: #aaaaad;
background: black url(gfx/bg_gloss.gif) repeat-x;
border: 1px solid #aaaaad;
padding: 4px;
margin-bottom: 10px;
}
fieldset {
border: 1px solid #aaaaad;
padding: 1em;
}	
p.fehler,
p.gesendet {
color: #fc0;
}
.entryinputfalse,
.entrytafalse {
	border-left: 3px solid #fc0;
}
input,
textarea {
margin-bottom: 8px;
border: 1px solid #aaaaad;
color: white;
background: #1f1f1f;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
width: 95%;
height: 120px;
font-size: 100%;
}
input:focus,
input:hover,
textarea:focus,
textarea:hover {
color: white;
background: #383838;
}
.button {
border: 1px solid #676767;
color: #fff;
font-weight: 600;
background: black;
}