/* CSS-File für Domain Blumenstock */
* {
        margin: 0;
        padding: 0;
        border: 0;
}
BODY {
        font-size: x-small; /* für IE5/WIN */
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size: small; /* für normale Browser */
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
html>body { /* für Opera */
        font-size: small;
}
table { /* Tabellen grundsätzlich zentrieren! */
        margin: auto auto;
}
table td { /* Tabelleninhalt grundsätzlich linksbündig! */
	/* text-align: left; |entfernt wg. photokorn  */
	/* color: silver;    |entfernt wg. photokorn  */
	/* ersetzt durch Anweisung für DIV#inner s.u. */
}
HR {
        height: 1px;
        margin-top: 5px;
        background-color: gray;
}
H1 {
        font-weight: bold;
        font-size: 140%;
        margin-top: 2%;
        margin-bottom: 2%;
}
H2 {
        font-weight: bold;
        font-size: 130%;
        margin-top: 2%;
        margin-bottom: 1%;
}
H3 {
        font-weight: bold;
        font-size: 120%;
        margin-top: 1%;
        margin-bottom: 1%;
}
H4 {
        font-weight: bold;
        font-size: 110%;
        margin-top: 1%;
        margin-bottom: 1%;
}
A:link, A:visited {
	color: Black;/*	color: #CC0033; */
	text-decoration: underline;
}
A:active, A:hover{
	color: Black;
	text-decoration: none;
}
textarea {
        color: black;
        background-color: White;
        border: thin groove;
        margin-top: 1%;
        margin-bottom: 2%;
}
input{
        color: black;
        margin-top: 1%;
        margin-bottom: 2%;
        border: thin inset;
}
input.button{
        color: Gray;
        border: thin outset;
}
em {
        color: White;
        font-weight: bolder;
        text-decoration: blink;
}
/* ***************************************************** */
/* allgemeine Klassendefinitionen                        */
/* ***************************************************** */
/* Tabelle des dF-Gästebuchs */
div#inner table td {
	text-align: left; /* neu wg. photokorn  */
	color: Gray; /* silver *//* neu wg. photokorn  */
}
/* Tabelle des Site-Logbuch*/
table.log {
        background: #000;
        padding: 1px;
        font-size: 80%;
        border: 1px groove #b5b5b5;
}
table.log tr {
        background: #656565;
}
table.log td, table .log th {
        margin: 0;
        padding: 4px 4px;
        border-bottom: 1px solid #DDDDDD;
        text-align: left;
}
table.log tr.dark{
        background: #3A3A3A;
}
/* MAP24 Tabelle */
table.map24 {
        background: #000;
        padding: 1px;
        border: 1px groove #b5b5b5;
}
table.map24 tr {
        background: #656565;
}
table.map24 th {
        border-bottom: 1px solid #DDDDDD;
        height: 80px;

}
table.map24 td{
        padding: 4px 4px;
        border-bottom: 1px solid #DDDDDD;
}
table.map24 td.subtitle {
        color: Black;
        background-color: #EDEFF1;
        text-align: center;
        font-size: 100%;
}
/* Horizontale Navi-Leiste*/
.navi {
        font-size: 70%;
        text-align: left;
}
.xxs_grey {
        font-size: 70%;
        color: #808080;
}
/* Picture of the month auf der Startseite*/
img.potm {
        border: thin ridge Gray;
        padding: 1px;
}
/* Zufallsbild auf der Startseite*/
div#inner td.thumb {
	text-align: center;
}
div#inner td.thumb img {
	border: thin ridge Gray;
	padding: 1px;
}
div.disclaimer{
        margin-top: 2%;
}
div.disclaimer p{
        font: 90%;
        font-style: italic;
}
/* ***************************************************** */
/* Seitenaufbau DIVs                                     */
/* ***************************************************** */
#wrapper {
        font-weight: bold;
        text-align: left;
        overflow: auto;
        min-width: 720px;
        max-width: 1280px;
        background: #fff url(../img/chromerightleft.gif) repeat-y top left;
}
#logo {
        position: absolute;
        top: 0px;
        left: 0px;
        padding-top: 10px;
        padding-left: 3px;
        z-index: 3;
}
#header {
        width: 100%;
        height: 100px;
        overflow: hidden;
        text-align: right;
        background: #fff url(../img/chrometopdown.gif) repeat-x top left;
}
#header a {
        margin: auto;
}
#header img {
        margin-top: 15px;
        margin-right: 10px;
        margin-left: 10px;
}
/* vertikales Menü */
#vmenu {
        clear: both;
        float: left;
        width: 15%;
        min-width: 120px;
        overflow: hidden; /* für den IE 5.0 */
        color: black;
        background: transparent url(../img/chromeleftcorner.gif) no-repeat top left;
}
#vmenu ul{
        list-style-type: none;
        margin: 60px 10px 60px 10px;
        padding: 10px;
        border-top: 1px solid #837C6B;
        border-right: 1px solid #E4D9C0;
        border-bottom: 1px solid #E4D9C0;
        border-left: 1px solid #837C6B;
}
#vmenu li{
        margin-top: 5px;
        list-style-type: none;
}
#vmenu a{
        width: 95%;
        color: #A3A3A3; /* #FFAE88 */
        background: #fff url(../img/chrometopdown.gif) repeat-x top left;
        padding: 2px 3px 2px 4px;
        text-decoration: none;
        display: block;
        overflow: hidden; /* für den IE 5.0 */
        border-top: 1px solid White;
        border-right: 1px solid #666666;
        border-bottom: 1px solid #666666;
        border-left: 1px solid White;
}
#vmenu a:hover,
 body#home #v-home a,
 body#galry #v-galry a,
 body#guest #v-guest a,
 body#feedb #v-feedb a,
 body#route #v-route a,
 body#logbk #v-logbk a,
 body#about #v-about a,
 body#impre #v-impre a {
        color: Black; /* background: Black; */
        background: #fff url(../img/chrometopdown.gif) repeat-x top left;
        border-top: 1px solid #666666;
        border-right: 1px solid White;
        border-bottom: 1px solid White;
        border-left: 1px solid #666666;
}
#vmenu a .dot{
        background: transparent;
        font-weight: bold;
}
#vmenu a:hover .dot,
 body#home #v-home a .dot,
 body#galry #v-galry a .dot,
 body#guest #v-guest a .dot,
 body#feedb #v-feedb a .dot,
 body#route #v-route a .dot,
 body#logbk #v-logbk a .dot,
 body#about #v-about a .dot,
 body#impre #v-impre a .dot {
        color: #FF0033; /* roter Punkt im Menü */
        background: transparent;
        font-weight: bold;
}
#vmenu p {
        text-align: center;
}
#vmenu a.w3c, #vmenu a.w3c:hover {
        border: none;
        background: transparent;
}
/* Ende vertikales Menü */

/* Contentbereich */
div#content {
	float: right;
	width: 81%;
	text-align: center;
	overflow: hidden;
	margin-right: 10px; /*	color: silver;
	background: #888888 url(../img/whitetopleft.gif) no-repeat; 
*/
	color: #696969;
	background: #F5F5F5 url(../img/whitetopleft.gif) no-repeat;
}
/* Ende Contentbereich */

/* Innenbereich von Content*/
div#inner {
        padding: 10px;
}
/* Ende Contentbereich */
/* Fusszeilenbereich */
#footer{
        clear: both;
        width: 100%;
        overflow: hidden;
        font-size: 70%;
        text-align: center;
/*        background: #fff url(../img/chromebottomup.gif) repeat-x bottom left; */
        background: #fff url(../img/chrometopdown.gif) repeat-x top left;
}
#footer p.left{
        float: left;
        margin-top: 5px;
        margin-left: 15px;
}
#footer p.right{
        float: right;
        margin-top: 5px;
        margin-right: 15px;
}
/* zuerst wurde links und rechts gefloatet, der Rest ist nun automatisch zentriert */
#footer p.center{
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
}
/* Subfooterbereich */
#subfooter{
        clear: both;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 70%;
        text-align: center;
        color: Gray;
        background: #fff url(../img/chromebottomupxs.gif) repeat-x bottom left;
}
/* ***************************************************** */
/* Homepage - Farben                                     */
/* ***************************************************** */
/*
/* weitere Definitionen der Homepage */
div.home {
/*        color: #ff6347; */
}
TABLE.home {
        empty-cells: show;
        font-weight: bold;
        color: #ff6347;
}
td.home {
        font-weight: bold;
        font-size: 70%;
}
textarea.home {
        background-color: White;
        color: black;
        border: thin inset;
}
.newsline {
        font-size: 70%;
        border: thin groove Silver;
}
.subtitle {
        font-size: 70%;
}
.quote {        /* Zitat-Zeile */
        padding-top: 5px;
}
/* Sprachauswahl */
div.langselect p {
        padding-right: 0px;
        text-align: right;
}
/* Zitat-Formatierung*/
a.sponsorlink, a.sponsorlink:visited {
}
a.authorlink, a.authorlink:visited {
        font-variant: small-caps;
        color: #CC0033;
}
.nq_box {
}
.nq_author { /* Zitat-Autor */
        padding-right: 5px;
        text-align: right;
}
.nq_quote { /* Zitat-Text */
        text-align: center;
}
.nq_sponsor { /* powered by... */
        font-size: 70%; /* neu */
        padding-top: 0px; /* neu */
}
/* Ende Zitat-Formatierung */
p.counter {
        padding-top: 10px;
}
p.counter img {
        border: none;
}
.left { /* linksbündig allgemein */
        padding-left: 5px;
        text-align: left;
}
.right { /* rechtsbündig, zB Schloss-Symbol */
        padding-right: 5px;
        text-align: right;
}
/* Einstellungen für die Galerie-Übersicht */
div.thumbsmain {
        float: left;
        border: none;
        border-width: 4px 4px 0px 0px;
        font-size: 100%;
        text-align: center;
        background-color: #888888;
        margin: 4px;
        overflow: hidden;
        width: 220px;
        height: 220px;
}
div.thumbsmain a, div.thumbsmain a:visited {
	color: White;
}
div.thumbsmain a:active, div.thumbsmain a:hover {
	color: #FFFFCC;
}
div.thumbsmain p{
	font-size: 90%;
	text-align: center;
	color: silver;
}
div.thumbsmain table {
        width: 100%;
        height: 100%;
        font-size: 100%;
        border: 2px solid;
        border-color: #CCCCCC #666666 #666666 #CCCCCC;
}
div.thumbsmain table td {
	text-align: center;
	vertical-align: top;
	padding: 8px 28px 8px 28px;
	background-color: #888888;
}
div.thumbsmain img {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 2px solid;
        border-color: #666666 #CCCCCC #CCCCCC #666666;
}
p.credits{
/* momentan unbenutzt */ 
}
/* Spezialeinstellung für Aktualisierungs-Kennzeichen */
div.yellowstar {
        position: relative;
        float: left;
        top: -202px;
        left: 17px;
        width: 0px;
        height: 0px;
        z-index: 9;
}
div.yellowstar img {
        margin: 0px;
        border: none;
        width: 35px;
        height: 36px;
}
/* Spezialeinstellungen für goldene Hochzeits-Seiten */
#wedding{
        color: #EAC800;
}