/*globale Infos - Body Informationen*/

/*background: url(Fotos/marmor04.jpg);*/

body
{
	background: Black;
	font-family: Georgia;
	color: #FFFFFF;
}


/*Abstände + Schriften*/

/*für ersten großen Buchstaben in ES ITC*/
span span
{
	font-family: "Edwardian Script ITC";
	font-size: 55px;
}


/*Farben in Schrift*/

a
{
	color: #FFFFFF;
	text-decoration: none;
}

.red
{
	color: #990000;
}

h6
{
	font-size: 10px;
	font-weight: normal;
}

.copyright
{
	font-size: 10px;
	font-weight: normal;
        color: #990000;
}


/*Navigation mit Links*/

.link
{
	display: block;
	width: 120px;
	text-align: left;
	text-decoration: none;
	border: solid 1px;
	border-color: Gray;
	margin-left: 5px;
	margin-top: 5px;
	background-color: #000000;
	padding: 2px;
}

.linkmenu
{
	display: block;
	width: 120px;
	text-align: left;
	text-decoration: none;
	border: solid 1px;
	border-color: Gray;
	margin-left: 30px;
	margin-top: 5px;
	background-color: #000000;
	padding: 2px;
}

.link:hover
{
	border: solid 1px #990000;
}

.linkmenu:hover
{
	border: solid 1px #990000;
}

/*Navigation Überschrift*/

#navigation
{
	color: #990000;	
	display: block;
	width: 120px;
	text-align: center;
	text-decoration: none;
	border: solid 1px;
	border-color: Gray;
	margin-left: 5px;
	margin-top: 5px;
	background-color: #000000;
	padding: 2px;
}

.navibox
{
	float: left;
}

/*Navigation Ende*/

/*Kalender*/
/*Kalenderformatierungen + Datumsmarkierungen*/

.monatsname
{
	width: 222px;
	height: 20px;
	border: solid 1px;
	border-color: Gray;
	text-align: center;
}

.tag
{
	width: 30px;
	height: 20px;
	border: solid 1px;
	border-color: Gray;
	text-align: center;
	float: left;
}

.tagred
{
	width: 30px;
	height: 20px;
	border: solid 1px;
	background-color: #990000;
	border-color: Gray;
	text-align: center;
	float: left;
}

.tage
{
	width: 224px;
	height: 21px;
}

.monat
{
	width: 225px;
	height: auto;
	padding: 10px;
	float: left;
}

.jahr2008
{
	width: 790px;
	height: 590px;
}

.jahr2009
{
	width: 790px;
	height: 790px;
}

/*Legende für Kalender*/

.legendebox
{
	width: 330px;
	height: 60px;
	padding: 10px;
}

.legendetext
{
	width: 260px;
	height: 20px;
	border: solid 1px;
	border-color: Gray;
}

.taglegende
{
	width: 20px;
	height: 20px;
	border: solid 1px;
	border-color: Gray;
	float: left;
	margin-right: 5px;
}

.taglegendered
{
	width: 20px;
	height: 20px;
	border: solid 1px;
	background-color: #990000;
	border-color: Gray;
	float: left;
	margin-right: 5px;
}
/*Kalender Ende*/


/*Textboxen und Textformatierungen*/

.textbox
{
	width: 800px;
	height: auto;
	background-color: #000000;
	margin-left: 160px;
	margin-top: 25px;
	border: solid 1px;
	border-color: Gray;
	padding: 10px; 
}

.textboxkontakt
{
	width: 800px;
	height: 740px;
	background-color: #000000;
	margin-left: 160px;
	margin-top: 25px;
	border: solid 1px;
	border-color: Gray;
	padding: 10px; 
}

.textboxblock
{
	width: 800px;
	height: auto;
	background-color: #000000;
	margin-left: 160px;
	margin-top: 25px;
	border: solid 1px;
	border-color: Gray;
	padding: 10px;
	text-align: justify; 
}

.textinboxbild
{
	width: 280px;
	height: 211px;
	background-color: #000000;
	float: right;
	padding-left: 10px;
}

.textinboxtext
{
	width: 790px;
	height: auto;
	background-color: #000000;
	margin-left: 2px;
	text-align: justify;
}

.textinboxbilder
{
	width: 799px;
	height: auto;
	background-color: #000000;
	text-align: justify;
	margin-left: 2px;
	margin-top: 10px;
}

.bildbox
{
	width: 250px;
	height: 230px;
	float: left;
	padding-right: 10px;
}

/*Kontaktbox: Aufteilung der Kontaktseite*/

.kontaktbox
{
	width: 380px;
	height: 730px;
	float: left;
	border: solid 1px;
	border-right-color: Gray;
	border-left-color: Black;
	border-bottom-color: Black;
	border-top-color: Black;
	margin-right: 10px
}

.links
{
	width: 200px;
	height: 250px;
	float: left;
}

/*Bilder und Bildformate gesamte Seite*/

.mainbild
{
	margin-right: 10px;
	float: left;
	padding-bottom: 2px;
}

.bild
{
	margin-right: 10px;
	float: left;
	padding-bottom: 2px;
}

.par
{
	float: right;
	margin-right: 50px;
}

.cocktail
{
	float: left;
	margin-right: 10px; 
}

.juwel
{
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	border-color: Gray;
}

/*Logos (alle Seiten) Logo (groß) + Logo (klein)*/

.logobox
{
	width: 808px;
	margin: 100px auto;
}

.logoboxklein
{
	width: 500px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

/*Musikauswahl Container mit Kategorien und Interpreten*/

.musikauswahlcontainer
{
	width: 800px;
	height: 970px;
	background-color: #000000;
	margin-left: 160px;
	margin-top: 25px;
	border: solid 1px;
	border-color: Gray;
	padding: 10px;
}

.musikcontainer
{
	width: 799px;
	height: 800px;
}

.hitliste
{
	width: 165px;
	height: auto;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	float: left;
}

.kategorie
{
	width: 160px;
	height: 20px;
	border: solid 1px;
	border-color: Gray;
	text-align: center;
}

.interpreten
{
	width: 158px;
	height: 152px;
	padding-left: 2px;
	padding-top: 5px;
	border: solid 1px;
	border-color: Gray;
}