/* ******************** Allgemeine Festlegungen ******************** */

body {
    background-image: 	url(../img/hintergrund.jpg);
    background-repeat:	repeat-x;
    background-color:	#481B28;
    overflow-x: 		hidden;	/* verhindert die horizontalen Scrollbalken */
    overflow-y: 		auto;	/* zeigt die vertikalen Scrollbalken nur an, wenn nötig */
}

/* verhindert einen Rand um den Bildern */
img {
    border:	none;
}

/* Formatierung für die Links */
a {
    text-decoration:	none;
    font-family: 	Verdana;
    font-weight: 	bold;
    font-size: 		11px;
    color: 		#481B28;
}

/* Schriftformatierung der Tabelle */
table {
    font-family:	Verdana;
    font-size: 	13px;
    color: 	#481B28;
}

/* Formatierung für den Tabellenkopf */
th {
    border-color:	#481B28;
    text-align:		center;
    font-weight:		bold;
    color:		#481B28;
}

/* Formatierung für die Zellen */
td {
    border-width:	0px;
}

/* Formatierung der Eingabefelder */
input, select, textarea {
    font-family:		Verdana;
    font-size: 		13px;
    color: 		#481B28;
    border-top:		thin solid #481B28;
    border-left:		thin solid #481B28;
    border-bottom:	thin solid #FFFFFF;
    border-right:	thin solid #FFFFFF;
}
/* Formatierung der Liste für die AGBs */
ol {
    list-style-type:	upper-roman;	/* I, II, III, IV ... */
    font-weight:		bold;
    margin-top:		0px;
}

ol li {
    margin-top:	10px;
    margin-left:	20px;
}

ol li ol {
    list-style-type:	decimal;	/* 1., 2., 3., ... */
    font-weight:		normal;
    padding-left:	20px;
}
ol li ol li{
    margin-top:	5px;
    margin-left:	0px;
}

ol li ol li ul {
    list-style-type:	circle;
    padding-left:	15px;
}

ol li ol li ul li {

}
/* ******************** ENDE ******************** */



/* ******************** DIVs ******************** */

/* ~~~~~~~~ Indexseite ~~~~~~~~ */
/* Schriftzug ganz oben */
div#banner {
    position:	absolute;
    top:		15px;
    left:	125px;
}

/* der Hauptbereich der Informationen (Mitte) */
div#main {
    position: 		absolute;
    top: 		150px;
    left: 		125px;
    width: 		750px;
    height: 		400px;
    z-index: 		1;
    background-color:	#D39D76;
}

/* Platzierung des Navigationsmenüs */
div#menu {
    position:	absolute;
    top: 	105px;
    left:	125px;
    width: 	750px;
    height: 	30px;
    z-index: 	4;
}

/* Platzierung der Hexe */
div#hexe {
    position: 	absolute;
    top: 	0px;
    left:	745px;
    z-index: 	10;	/* damit Hexe immer ganz oben ist */
}

/* Platzierung der Zierleiste unten */
div#kraeuter {
    position: 	absolute;
    top: 	485px;
    left: 	100px;
    height: 	75px;
    width: 	800px;
    z-index: 	4;
}

/* ~~~~~~~~ ENDE ~~~~~~~~ */


/* ~~~~~~~~ Die DIVs der Untermenüs ~~~~~~~~ */
/* das Untermenü für den Startpunkt */

div#menu_start {
    position: 		absolute;
    top: 		30px;
    left: 		0px;
    width: 		106px;
    z-index: 		4;
    overflow-x: 		hidden;	/* damit alles schön untereinander steht */
    visibility: 		hidden;	/* damit das Untermenü am Anfang nicht angezeigt wird */
    background-color: 	#481B28;
}

/* das Untermenü für die Apartments */
div#menu_apartment {
    position: 		absolute;
    top: 		30px;
    left: 		100px;
    width: 		150px;
    z-index: 		4;
    overflow-x: 		hidden;	/* damit alles schön untereinander steht */
    visibility: 		hidden;	/* damit das Untermenü am Anfang nicht angezeigt wird */
    background-color: 	#481B28;
}

/* das Untermenü für das Lexikon */
div#menu_lexikon {
    position: 		absolute;
    top: 		30px;
    left: 		260px;
    width: 		150px;
    z-index: 		4;
    overflow-x: 		hidden;	/* damit alles schön untereinander steht */
    visibility: 		hidden;	/* damit das Untermenü am Anfang nicht angezeigt wird */
    background-color:	#481B28;
}

/* das Untermenü für den Shop */
div#menu_shop {
    position: 		absolute;
    top: 		30px;
    left: 		415px;
    width: 		140px;
    z-index: 		4;
    overflow-x: 		hidden;	/* damit alles schön untereinander steht */
    visibility: 		hidden;	/* damit das Untermenü am Anfang nicht angezeigt wird */
    background-color:	#481B28;
}

/* das Untermenü für den Kontakt */
div#menu_kontakt {
    position: 		absolute;
    top: 		30px;
    left: 		555px;
    width: 		150px;
    z-index: 		4;
    overflow-x: 		hidden;	/* damit alles schön untereinander steht */
    visibility: 		hidden;	/* damit das Untermenü am Anfang nicht angezeigt wird */
    background-color:	#481B28;
}

/* ~~~~~~~~ ENDE ~~~~~~~~ */


/* ~~~~~~~~ Festlegungen des Infobereiches ~~~~~~~~ */
/* Platzierung der kleinen Überschrift */
div#titel {
    position: 	absolute;
    top: 	0px;
    left: 	0px;
    width: 	750px;
    height: 	40px;
    z-index: 	3;
}

/* Platzierung des Inhalts (unter dem Titel!) */
div#inhalt {
    position: 	absolute;
    top: 	40px;
    left: 	10px;
    width: 	700px;
    height: 	305px;
    z-index: 	2;
    overflow-y: 	auto;	/* vertikale Scrollbalken anzeigen nur wenn nötig */

    /* Farbdefinition der Scrollbalken (geht nur im IE) */
    scrollbar-base-color:	#D39D76;
    scrollbar-3d-light-color:	#FFFFFF;
    scrollbar-arrow-color:	#481B28;
    scrollbar-darkshadow-color:	#481B28;
    scrollbar-face-color:	#D39D76;
    scrollbar-highlight-color:	#FFFFFF;
    scrollbar-shadow-color:	#481B28;
    scrollbar-track-color:	#D39D76;
}
/* ~~~~~~~~ ENDE ~~~~~~~~ */


/* ~~~~~~~~ Festlegungen für den Inhaltsbereich ~~~~~~~~ */
/* Bild*/
div#inhalt_bild {
    position:		relative;
    width: 		170px;
    height: 		125px;
    float: 		left;	/* damit der nächste div-Bereich (part) rechts daneben gesetzt wird */
    margin-right:	5px;	/* kleiner Puffer nach rechts, damit Schrift nicht am Bild klebt */
    z-index: 		2;
    border-right:	1px solid #481B28;
}

/* Textbereich */
div#part {
    width: 	650px;
    min-height: 	125px;	/* Mindesthöhe == Bildhöhe => einzelne Einträge schön untereinander */
    font-family:	Verdana;
    font-size: 	13px;
    color: 	#481B28;
}

/* ~~~~~~~~ ENDE ~~~~~~~~ */

/* ******************** ENDE ******************** */


/* ******************** explizite Elementformatierung ******************** */

/* ~~~~~~~~ Formulare ~~~~~~~~ */
/* Formatierung für Tabelle (Formulare) */
td#label {
    width:	100px;
}

/* ~~~~~~~~ ENDE ~~~~~~~~ */

/* ~~~~~~~~ Warenkorbtabelle ~~~~~~~~ */
/* Formatierung der Tabelle für den Warenkorb */
#tab_warenkorb {
    border-color:	#481B28;
    border-width:	1px;
    border-style:	solid;
    text-align: 		right;
}
/* ~~~~~~~~ ENDE ~~~~~~~~ */

/* ~~~~~~~~ Buttons ~~~~~~~~ */
/* Formatierung der Button */
input.button {
    background-color:	#D39D76;
    font-weight:		bold;
    border-top:		thin solid #FFFFFF;
    border-left:		thin solid #FFFFFF;
    border-bottom:	thin solid #481B28;
    border-right:	thin solid #481B28;
}

/* Buttonbreite für IE bis V6 */
* html input.button {
    width:		11em;
}

/* Hovereffekt der Button (nicht im IE) */
input.button:hover {
    background-color:	#D39D76;
    font-weight:		bold;
    border-top:		thin solid #481B28;
    border-left:		thin solid #481B28;
    border-bottom:	thin solid #FFFFFF;
    border-right:	thin solid #FFFFFF;
}
/* ~~~~~~~~ ENDE ~~~~~~~~ */

/* ******************** ENDE ******************** */