/* ==================== MAIN ==================== */

body
{
	background-color:   #000000;
	background-image:   url(Graphiken/Hintergrund.jpg);

	scrollbar-base-color:        #666666;  /* ??? */
	scrollbar-face-color:        #b3a37f;  /* Bar */
	scrollbar-arrow-color:       #000000;  /* Pfeile */
	scrollbar-track-color:       #333333;  /* leer-Bar */
	scrollbar-3dlight-color:     #b3a37f;  /* links oben Aussen */
	scrollbar-darkshadow-color:  #b3a37f;  /* rechts unten Aussen */
	scrollbar-highlight-color:   #666666;  /* links oben Innen */
	scrollbar-shadow-color:      #666666;  /* rechts unten Innen */

	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        normal;
	color:              #544f3f;
	font-size:          11px;
	line-height:        22px;
	letter-spacing:     1px;

	padding:            0px;
	margin:             0 auto; /* main-Box zentrieren in IE 5 und hoeher */
	text-align:         center; /* main-Box zentrieren in IE 5 und hoeher */
}

#bodyMain /* nötig für FireFox, Opera, NN, Mozilla */
{
	margin:             0 auto;
	text-align:         center;
	width:              800px;
}

table
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        normal;
	color:              #544f3f;
	font-size:          11px;
	line-height:        22px;
	letter-spacing:     1px;
	text-align:         justify;
}

hr /* http://www.css-technik.de/details/133/9/CSS-Snippets.htm */
{
	background-color:   #544f3f;
	color:              #544f3f;
	border:             0 none;
	height:             1px;
	size:               1px;
	clear:              both;
	display:            block;
}


/* ==================== Position ==================== */

#Pos00                                                           /* Null-Punk */
{
	z-index:            3;
	position:           absolute;
	width:              0px;
	top:                0px;
	height:             0px;
	margin:             0 auto;
	text-align:         center;
	width:              800px;

}

#PosKopfBild                                                     /* Kopf Bild */
{
	z-index:            3;
	position:           relative;
	width:              800px;
	top:                20px;
	height:             307px;
}

#PosKopfRahmen                                           /* Kopf Aussenrahmen */
{
	z-index:            3;
	position:           relative;
	background-image:   url(Graphiken/Hintergrund_Kopf.gif);
	width:              800px;
	top:                -287px;
	height:             307px;
}

#PosKopfB                                                 /* Menu Hintergrund */
{
	z-index:            3;
	position:           relative;
	background-color:   #d5c9a1;
	background-image:   url(Graphiken/Hintergrund_Menu.jpg);
	top:                -287px;
	width:              800px;
	height:             91px;
}

#PosKopfGallery                                               /* Kopf Gallery */
{
	z-index:            3;
	position:           relative;
	width:              800px;
	top:                20px;
	height:             458px;
}

#PosInhalt                                               /* Inhalt Hntergrund */
{
	z-index:            3;
	position:           relative;
	background-color:   #d5c9a1;
	background-image:   url(Graphiken/Hintergrund_Inhalt.jpg);
	width:              800px;
	top:                -310px;
	padding:            0px;
}

#PosInhaltMain                       /* nötig für FireFox, Opera, NN, Mozilla */
{
	margin:             0 auto;
	text-align:         center;
	width:              730px;
}

#PosFuss                                                   /* Fuss Hntergrund */
{
	z-index:            3;
	position:           relative;
	background-color:   #d5c9a1;
	background-image:   url(Graphiken/Hintergrund_Fuss.jpg);
	background-repeat:  no-repeat;
	width:              800px;
	top:                -310px;
}

#Fuss                                                      /* Fuss Text-Zeile */
{
	z-index:            3;
	position:           relative;
	width:              800px;
	top:                -310px;
	font:               17px;
	color:              #6a6450;
	text-decoration:    none;
}


/* ==================== Text-Definitionen ==================== */

#Links
{
	text-align:         left;
}

#Mitte
{
	text-align:         center;
}

#Rechts
{
	text-align:         right;
}

#Blocksatz
{
	text-align:         justify;
}

#TextGallery
{
	top:                -80px;
	position:           relative;
}
#TextCode
{
	font-family:        'Courier New', Courier, monospace;;
 	font-size:          12px;
	color:              #0000cc;
	background-color:   #eeeeee;
	padding:            10px;
}
#TextWorte
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font:               italic;
 	font-size:          14px;
	letter-spacing:     1px;
	line-height:        26px;
	text-align:         center;
}

#TextWorte2
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font:               italic;
 	font-size:          12px;
	letter-spacing:     1px;
	line-height:        26px;
	text-align:         center;
}

#TextTitel
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        bold;
	font-size:          17px;
	letter-spacing:     2px;
	text-align:         center;
}

#TextTitelLinks
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        bold;
	font-size:          17px;
	letter-spacing:     2px;
	text-align:         left;
}


/* ==================== Links ==================== */

/*
http://forum.de.selfhtml.org/archiv/2004/12/t96824/

:link     = für Verweise zu noch nicht besuchten Seiten
:visited  = für Verweise zu bereits besuchten Seiten
:focus    = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover    = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active   = für gerade angeklickte Elemente 
*/


a 
{
	padding:            2px;
	font-weight:        bold;
	text-decoration:    underline;
	color:              #544f3f;
	letter-spacing:     0px;
}


a:hover

{
	font-weight:        bold;
	text-decoration:    none;
	padding:            2px;
	background-color:   #554933;
	color:              #dfd7b3;
	letter-spacing:     0px;
}

#Fuss a 
{
	font-weight:        normal;
	text-decoration:    none;
	padding:            2px;
	color:              #544f3f;
	letter-spacing:     1px;
}


#Fuss a:hover

{
	font-weight:        normal;
	text-decoration:    none;
	padding:            2px;
	background-color:   #554933;
	color:              #dfd7b3;
	letter-spacing:     1px;
}

#Bild a

{
	text-decoration:    none;
	padding:            0px;
	background-color:   transparent;
}
#Bild a:hover
{
	text-decoration:    none;
	padding:            0px;
	background-color:   transparent;
}
#Bild a:visited
{
	text-decoration:    none;
	padding:            0px;
	background-color:   transparent;
}

#GaestebuchFehler
{
	font:               bold 14px Arial, Helvetica, sans-serif;
	text-align:         center;
	color:              #000000;
	padding:            12px;
	line-height:        24px;
	background:         #ff6600;
	border:             3px solid #000000;
	width:              340px;
}

#GaestebuchOK
{
	font:               bold 14px Arial, Helvetica, sans-serif;
	text-align:         center;
	color:              #000000;
	padding:            12px;
	line-height:        24px;
	background:         #99ff99;
	border:             3px solid #000000;
	width:              340px;
}

/* ==================== Menu ==================== */

#Menubar                                           /* Menu Hintergrund & Text */
{
	position:           relative;
	z-index:            9;
	width:              800px;
	top:                -375px;

	font-weight:        bold;
	letter-spacing:     1px;
	text-align:         left;
	padding:            0px;
	margin:             0px;
}

#Menubar a 
{
	color:              #554933;
	letter-spacing:     1px;
	text-decoration:    none;
}

#Menubar a:active 
{
	letter-spacing:     1px;
	border-bottom-color:#ff00ff;
	border-right-color: #CCC599;
	border-left-color:  #FFFFFF;
	border-top-color:   #FFFFFF;
}
#Menubar a:hover
{
	letter-spacing:     1px;
	color:              #dfd7b3;
}

#Menu
{
	text-align:         left;
}

.Menu .options 
{
	z-index:            9;
	font-weight:        normal;
	margin:             0px;
	padding:            20px;
	border:             0px;
	background-color:   #dfd7b3;
	text-align:         left;
	letter-spacing:     0px;
	line-height:        17px;
}

.Menu a
{
	z-index:            9;
	font-weight:        normal;
	color:              #000000;
	display:            block;
	text-decoration:    none;
}

.Menu a:hover
{
	z-index:            9;
	font-weight:        bold;
	background-color:   #554933;
	color:              #dfd7b3;
	width:              132px;
}

/* ==================== Formulare ==================== */

input, select, textarea
{
	font-family:      Verdana;
	color:            #333333; 
	font :            bold;
	background-color: #eeeeee;
	border-color:     #999999;
	border-style:     solid; 
	font-size:        11px; 
	letter-spacing :  1px;
	border-width:     1px;
}

.radio
{
	border-style:     solid; 
	border-width:     0px; 
	background-color: #CDB984;
}

.box
{
	border-style:     solid; 
	border-width:     0px; 
	background-color: #CDB984;
}

.Knopf
{
	font-family:      Verdana;
	font-size :       11px; 
	color :           #eeeeee; 
	font-style :      normal; 
	font-weight :     bold; 
	text-align :      center; 
	letter-spacing :  1px;
	border-style:     solid; 
	border-width:     2px; 
	border-color:     #000000; 
	background-color: #333333;
}

.Autotext
{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-weight:        normal;
	color:              #544f3f;
	font-size:          11px;
	letter-spacing:     1px;

	background-color: #d5c9a1;
	border-color:     #d5c9a1;
	border-style:     solid;
	letter-spacing :  1px;
	border-width:     1px;
}


/* ==================== Extras ==================== */

.WebMaster
{
	width:              760px;
	margin:             0 auto;
	text-align:         left;
	font:               normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:              #666666;
	padding:            8px;
	line-height:        18px;
	background:         #000000;
	border:             1px solid #999999;
}