/* allgemeine Formatierung
----------------------------------------------------------------------*/
body { font-size: 10pt; font-family: Arial; background-color: black; text-align: center; }
p  { margin: 0 }
td {}
strong {font-weight: normal}
form {margin: 0px;}

/* Gesamtbox für Zentrierung und schwarzen Hintergrund
----------------------------------------------------------------------*/
.hauptrahmen { background-color: black; text-align: left; margin: auto; padding: 0; width: 710px; height: 710px; overflow: hidden }

/* darauf Transparenzbox als Hintergrund und Inhaltsbox für alle Elemente
----------------------------------------------------------------------*/
.transparenzbox   { background-color: white; margin: auto; position: relative; top: -640px; width: 570px; height: 570px; -moz-opacity: 0.95; filter: alpha(opacity=95); opacity: 0.95   }
.inhaltsrahmen   { background-color: transparent; margin: auto; position: relative; top: -1210px; width: 570px; height: 570px;}

.box1a   { background-color: black; margin-left: 3px; width: 170px; height: 170px; display: inline }
.box1a img { margin-top: 3px;}

.inhaltslogo { background-color: transparent; width: 60px; height: 60px; float: left }
.inhaltsueberschrift  { height: 40px; line-height: 40px; font-size: medium; font-weight: bold; color: silver; text-align: center; vertical-align: middle }
.inhaltsmenue   { width: 510px; height: 60px; float: right }
.inhaltsinhalt  { background-color: transparent; width: 570px; height: 510px; clear: both; overflow: auto; text-align: left }
img#logoklein { height: 56px; width: 56px; border-style: solid; border-width: 2px; border-color: black }

#inhaltsabsatz { padding: 15px; }
#ueberschrift {padding: 15px; padding-bottom: 12px; font-size: 12pt}
#zitat {padding: 15px; padding-bottom: 2px; font-style: italic}
#quelle {padding: 35px; padding-top: 0; padding-bottom: 15px; font-style: italic; font-size: 7pt; text-align: right}
#bullettext {padding-left: 15px; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; display: inline; float: left; vertical-align: text-top; width: 75px}
#inhaltstext {padding-left: 0px; padding-top: 5px; padding-right: 15px; padding-bottom: 0px; }
#clearing {padding: 1px; clear: both}
#meldung { padding-left: 15px; padding-top: 5px; padding-right: 15px; padding-bottom: 0px; font-weight: bold; color: red;}

span.redtext {color: red;}

ul#menue  { list-style-type: none; display: block; margin: 0; padding: 0 }
ul#menue li { text-align: center; display: block; width: 120px; height: 18px; margin: 2px; background-color: silver; float: left }
ul#menue a  { color: black; display: block; width: 100%; text-decoration: none }
ul#menue a:hover { color: white; background-color: black; display: block; width: 120px; height: 18px; float: left }
ul#menue span  { color: white; background-color: gray; display: block; width: 120px; height: 18px; float: left }

/* Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox ul { cursor: default; list-style: none; list-style-position: outside; padding: 0; float: right}
.hoverbox a { cursor: default; }
.hoverbox .preview { border-color: #000; max-width: 400px; max-height: 400px; position: absolute; left: 15px; top: 110px; z-index: 1; }
.hoverbox a .preview { visibility: hidden; }
.hoverbox a:hover .preview { display: block; visibility: visible; }
.hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: middle; max-width: 100px; max-height: 100px; }
.hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: block; margin: 3px; padding: 5px; width: 106px; max-height: 106px; text-align: center; }
.hoverbox a:hover { cursor: pointer; background-color: white; }

#galeriehinweis { display: block; position: absolute; top: 70px; left: 15px; z-index: 2; width: 400px }


/* Kalenderblatt
-----------------------------------------------------------------------*/
.kalender ul {	cursor: default; list-style: none; list-style-position: outside; padding: 0; margin: 0}
.kalender a { cursor: default; }
.kalender .preview { border-color: #000; max-width: 550px; max-height: 450px; position: absolute; top: 110px; left: 7px; z-index: 1; }
.kalender a .preview { visibility: hidden; }
.kalender a:hover .preview { display: block; visibility: visible; }
.kalender img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px;  vertical-align: middle; max-width: 260px; max-height: 165px; }
.kalender li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 2px 3px; padding: 5px; width: 266px; height: 170px; }
.kalender a:hover { cursor: pointer; background-color: white; }
.kalender p#bildunterschrift { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 3px; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 266px; height: 14px; font-size: 8pt; line-height: 10pt }
.kalender p#vormonat { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 3px; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 266px; height: 14px; font-size: 8pt; line-height: 10pt; text-align: left }
.kalender p#folgemonat { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 3px; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 266px; height: 14px; font-size: 8pt; line-height: 10pt; text-align: right }
.inhaltsinhalt .kalender {overflow:hidden;}

/* Kalenderblatt ab 2103
-----------------------------------------------------------------------*/
.kalender2013 ul {	cursor: default; list-style: none; list-style-position: outside; padding: 0; margin: 0}
.kalender2103 a { cursor: default; }
.kalender2013 img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px;  vertical-align: middle; max-width: 545px; max-height: 376px; }
.kalender2013 li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 2px 3px; padding: 5px; width: 551px; height: 386px; }
.kalender2013 a:hover { cursor: default; background-color: white; }
.kalender2013 p#bildunterschrift2013 { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 3px; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 551px; height: 14px; font-size: 8pt; line-height: 10pt }
.kalender2013 p#vormonat { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 3px; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 266px; height: 14px; font-size: 8pt; line-height: 10pt; text-align: left }
.kalender2013 p#folgemonat { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; text-align: center; margin: 3px; margin-top: 2px; margin-bottom: 2px; padding: 5px; width: 266px; height: 14px; font-size: 8pt; line-height: 10pt; text-align: right }
.inhaltsinhalt .kalender2013 {overflow:hidden;}




/* Kontaktformular
-----------------------------------------------------------------------*/
.eingabefeld {font-size: 10pt; font-family: Arial; width: 420px; background-color: #eeeeee}

/* Gästebuch
-----------------------------------------------------------------------*/
/* styles the top part, where the welcomeMessage and the input forms etc. are at  */
div.gbinputarea	{ background-color: #f8f8f8; border-style: solid; border-width: 1px; border-color: #000000; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; margin-right: 0px; width: 530px; }
.inputfieldname {font-size: 10pt; font-family: Arial; width: 210px; background-color: #eeeeee}
.inputfieldemail {font-size: 10pt; font-family: Arial; width: 290px; background-color: #eeeeee}
.inputfieldhomepage {font-size: 10pt; font-family: Arial; width: 510px; background-color: #eeeeee}
.inputarea {font-size: 10pt; font-family: Arial; width: 510px; background-color: #eeeeee}
.buttons	{margin: 2px; padding: 0px; height: 22px; }
.gbinputmessage {font-size: 8pt; font-family: Arial; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px;}

/* styles the input part, where the textarea etc. is at  */
div.gbinput	{ background-color: #f8f8f8; border-style: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }

/* styles the table holding the entries, the border-collapse is important or you will get double lines between the table cells */
table.gbdisplay	{ border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; padding: 0px; width: 530px; }

/* styles the left (nickname) part of the entries */
td.posttopleft	{ background-color: #c0c0e0; font-size: 10pt; font-family: Arial; border-style: solid; border-width: 1px; border-bottom-width: 0px; border-color: #000000; width: 20%; padding: 5px; }

/* styles the right (date, time) part of the entries */
td.posttopright	{ background-color: #c0c0e0; font-size: 10pt; font-family: Arial; border-style: solid; border-width: 1px; border-bottom-width: 0px; border-color: #000000; width: auto; padding: 5px; }

/* styles the left (homepage, email) part of the entries */
td.postbottomleft	{ background-color: #f8f8f8; font-size: 10pt; font-family: Arial; border-style: solid; border-width: 1px; border-top-width: 0px; border-color: #000000; width: 20%; height: auto; padding: 5px; padding-top: 10px; }

/* styles the right (message) part of the entries */
td.postbottomright	{ background-color: #f8f8f8; font-size: 10pt; font-family: Arial; border-style: solid; border-width: 1px; border-top-width: 0px; border-color: #000000; width: auto; height: auto; padding: 5px; padding-top: 10px; padding-bottom: 15px; }
td.posttop	{ background-color: #c0c0e0; font-size: 10pt; font-family: Arial; border-style: solid; border-width: 1px; border-bottom-width: 0px; border-color: #000000; height: auto; padding: 5px; }
td.postbottom	{ background-color: #f8f8f8; font-size: 10pt; font-family: Arial; border-style: solid; border-width: 1px; border-top-width: 1px; border-color: #000000; padding: 5px; padding-top: 10px; padding-bottom: 15px; }

span.forgotten	{ color: #ff0000; }
span.nickname	{ font-weight: bold; }
span.dateandtime	{ color: #000; font-weight: bold; }
span.simpleDateandtime	{ color: #606060; font-weight: bold; }

div.pageNavigation	{ text-align: center; font-weight: bold; margin-bottom: 2px; }
div.htmlFooter	{ text-align: center; font-size: 9px; margin-top: 5px; }
div.adminlink	{ font-size: 9px; text-align: center; margin-top: 8px; }

#totalnumber	{ text-align: center; margin-bottom: 1px; }