/* nur vertikaler Scrollbalken */
html {
		overflow-x: hidden;
		overflow-y: auto;
}

/* per default kein Rahmen, Margin und Padding */
* {
	margin: 0;
	padding: 0;
	border: 0;
	border-style: none;
}


/* Default Body */
body { 
		color: black; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #cbd1d4; 
		margin: 0px;
		padding: 0px;
}

/* Body für Hauptfenster */
body.haupt { 
		color: white; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #000000;
		background-image: url(../pics/menue/hintergrund_haupt.jpg);
		margin: 0px;
		padding: 0px;
}

/* Body für Hauptfenster */
body.gallerie { 
		color: white; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #000000;
		background-image: url(../pics/menue/hintergrund_gallerie.jpg);
		margin: 0px;
		padding: 0px;
}

/* Body für Hauptfenster */
body.menue { 
		color: white; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #000000;
		margin: 0px;
		padding: 0px;
}

body.index { 
		color: white; 
		font-size: 14px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		background-color: #999999;
}

/* Default Table */
table.dummy { 	
		margin: 0px; 
		padding: 0px; 
		border: 0px; 
		border-collapse: collapse;
		border-spacing: 0px;
		cell-spacing: 0px;
}

/* Table für Begrüßungsseite */
table.start { 	
		width: 900px; 
		/*height: 570px; */
		height: 100%;
		margin: 0px; 
		padding: 0px; 
		border-style: none;
		border: 0px; 
		border-collapse: collapse;
		border-spacing: 0px;
		cell-spacing: 0px;
		background-color: #9900bb;
}

/* Tabelle für Hauptfenster: enthält Hauptbereich und rechten Bildbereich */
table.haupt { 	
		width: 675px; 
		/*height: 570px; */
		height: 100%;
		margin: 0px; 
		padding: 0px; 
		border-style: none;
		border: 0px; 
		border-collapse: collapse;
		border-spacing: 0px;
		cell-spacing: 0px;
		background-color: #9900bb;
}

/* Tabelle für die linke Menüauswahl */
table.menue { 
		width: 225px;
		/*height: 570px; */
		height: 100%;
		margin: 0px; 
		padding: 0px; 
		border-style: none;
		border: 0px; 
		border-collapse: collapse;
		background-color: black; 
		border-spacing: 0px;
}

/* Tabelle für mehrspaltige Ausrichtung im Hauptbereich */
table.detail { 	
		width: 420px;
		margin: 0px; 
		padding: 0px; 
		border-style: none;
		border-width: 0px; 
		border-collapse: collapse;
		border-spacing: 0px;
		cell-spacing: 0px;
		background-color: #9900bb;
}

/* Default TD */
td.dummy { 
		vertical-align: top;
		border-spacing: 0px;
		padding: 0px;
		color: white; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Tabledata für Hauptfenster */
td.haupt { 
		width: 450px; 
		height: 100%;
		vertical-align: top;
		border-spacing: 0px;
		border-style: none;
		margin: 0px;
		padding: 8px;
		color: white; 
		background-color: #9900bb;
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Tabledata für mehrspaltige Ausrichtung im Hauptbereich */
td.detail { 
		width: 50%; 
		vertical-align: top;
		border-spacing: 0px;
		border-width: 1px; 
		border-style: solid;
		boder-color: #ffffff;
		padding: 0px;
		color: white; 
		background-color: #9900bb;
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Tabledata für linke Menüauswahl */
td.menue { 
		width: 209px;  /* 225 - scrollbalken, damit Menüeinträge umgebrochen werden */
/*		width: 225px; */
		vertical-align: top;
		border-spacing: 0px;
		border-style: none;
		color: white; 
		background-color: black; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Tabledata für rechten Bildbereich */
td.rechts { 
		width: 225px; 
		vertical-align: top;
		border-spacing: 0px;
		border-width: 0px; 
		border-style: none;
		padding: 0px;
		color: white; 
		background-color: black; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Tabledata */
td.stockists { 
		width: 33%; 
		vertical-align: top;
		border-spacing: 0px;
		border-width: 0px; 
		border-style: none;
		padding: 2px;
		color: white; 
		background-color: #9900bb;
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}


/* Tablerow für Gallerie */
tr.gallerie {
		horizontal-align: center;
}

/* Tabledata für Gallerie */
td.gallerie { 
		width: 200px;
		height: 136px;
		vertical-align: top;
		border-spacing: 0px;
		padding: 3px;
		color: white; 
		font-size: 11px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* IMG für rechten Bildbereich ohne Scrollbalken */
img.rechts {
		width: 225px;
		vertical-align: top;
		border: 0px;
}

/* IMG für rechten Bildbereich mit Scrollbalken */
img.rechts_scroll {
		width: 209px;
		vertical-align: top;
		border: 0px;
}

/* IMG für linken Menübereich */
img.links {
		width: 225px;
		height: 250px;
		vertical-align: top;
		border: 0px;
}

/* IMG für Gallerie */
img.gallerie {
		width: 200px;
		height: 136px;
		border: 0px;
		padding: 7px;
}

/* IMG für Tipps */
img.Tipps {
		width: 205px;
		/*height: 136px;*/
		border: 0px;
		padding: 3px;
}

a { color: #6b6b6d ; font-weight: normal; text-decoration: none; }
a:active { color: white ; font-weight: normal; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

a.index { color: white ; font-weight: normal; text-decoration: none; }
a.index:hover { color: #bbbbbb; text-decoration: none; }