/* Styles für ilovemymac.ch */

/* Schrift oberster Titel */
.titel1 { 
	color: #140053; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	padding: 20px 0px 0px 5px;
	text-shadow: 1px 1px 1px #eac3ff;
}

/* Schrift zweitoberster Titel pink */
.titel2 { 
	color: #b9197b; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	padding: 0px 0px 0px 5px;
	text-shadow: 1px 1px 1px #fcf;
}

/* Definition für H3 im content-Bereich. Definiert weils oben einen Abstand braucht */
h3 {
	color: #140053; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	padding: 16px 20px 0px 0px;

}
/* Abweichende Definition für obersten H3 im content-Bereich. dort brauchts keinen Abstand */
h3.oben {
	color: #140053; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	padding: 0px 20px 0px 0px;

}

/* Linie rund um Tabelle mit Titelgrafik. unten andere Farbe */
.linierundum {
	border: solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #9b93e4;
	border-bottom-color: #ef8ff4;
}

/* Linie unten, für mittlere TD der Aussentabelle bzw. unteren Abschluss */
.linieunten {
	border: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #e691ec;
}

/* Farbe/Hintergrund für ganze Seite */
.farbebody {
	background-color: #eceaed;
}

/* Farbe/Hintergrund für Tabelle mit Titelgrafik, Farbe Hintergrund soll gleich sein wie untere Farbe des Verlaufs */
.bgtitel {
	background: url(appletop7a.png) no-repeat;
	background-color: #e691ec;
}
/*
.paneloben {
	background: url(shadoben.gif) repeat-x;
}
.panelunten {
	background: url(shadunten.gif) repeat-x;
}

.panelecke {
	background: url(shadecke.gif);
}

.panelecke2 {
	background: url(shadecke2.gif);
}
*/

/* Schatten für linken und rechten Rand. Anzuwenden bei umfassender Tabelle*/
.shadowlinks {
	background: url(shadlinks2.gif) repeat-y;
}

.shadowrechts {
	background: url(shadrechts2.gif) repeat-y;
}

/* Farbe/Hintergrund für Navigationsspalte und Rand links. Rand momentan auf 0, kommt von Schatten-grafik */
.farbenavi {
	background: url(alu4a.jpg) repeat-y;
	border: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #8452da;
}

/* Farbe/Hintergrund für Zwischenspalte, sollte gleich sein wie bei content */
.zwischen {
	background-color: #fff;
}

/* Farbe/Hintergrund für Inhaltsbereich und Rand rechts. Rand momentan auf 0, kommt von Schatten-grafik */
.content {
	background-color: #fff;
	border: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #8452da;
}

/* Text Inhaltsbereich */
.contenttext { 
	color: #309; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	padding: 10px 20px 20px 0px;
}

/* Text neben Foto */
.contenttext1 { 
	color: #309; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	padding: 0px 0px 0px 0px; 
}

/* Text mit Padding nur oben und links, für Titel auf News-Seite wenn Tabelle mit Bild nachher */
.contenttext2 { 
	color: #309; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	padding: 10px 20px 0px 0px; 
}

/* Fotolegende */
.fototext { 
	color: #309; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	padding: 0px 0px 20px 0px;
}

/* Zitate Text Inhaltsbereich pink und eingerückt*/
.zitat { 
	color: #b9197b; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding: 0px 20px 0px 22px;
}

.wichtig { 
	color: #b9197b; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	padding: 0px 20px 0px 0px;
}

/* Box für Text auf Homepage unterhalb Cover und Controller */
.nebencover {
	color: #309; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc;
	padding: 8px 4px 8px 12px;
	text-shadow: 0px 1px 1px #ffffff;
	background: url(alu4dlang.jpg);
}

/* Definition für den Text "Play" unter dem cover */
.playit { 
	color: #b9197b; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
}

/* Farben für Links im Content-Bereich */
a {
color: #609; 
}
a:hover {
color: #b9197b; 
}
a:visited {
color: #309; 
}
a:visited:hover {
color: #b9197b; 
}

/* aktiver Menupunkt */
.naviaktiv {
	padding: 15px 0px 10px 5px;
	font-size: 13px;
	color: #b9197b;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-shadow: 0px 1px 1px #ffffff;
	background-color: #ff99ff;
	background: url(alu4d.jpg);
	border: solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #fff;
	border-bottom-color: #999;
}

/* aktiver oberster Menupunkt, obere Linie dunkler. Momentan obere Linie auf 0 */
.naviaktivhome {
	padding: 15px 0px 10px 5px;
	font-size: 13px;
	color: #b9197b;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-shadow: 0px 1px 1px #ffffff;
	background-color: #ff99ff;
	background: url(alu4d.jpg);
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-top-color: #d6d6d6;
	border-bottom-color: #999999;
}

/* nicht aktiver Menupunkt. Schriftendefinition separat def. */
.naviinaktiv {
	padding: 15px 0px 10px 5px;
	border: solid;
	border-width: 1px 0px 1px 0px;
	border-top-color: #ffffff;
	border-bottom-color: #999999;
	background: url(alu4.jpg);
	background-color: #e3e3e3;
}
/* nicht aktiver oberster Menupunkt, obere Linie dunkler. Momentan obere Linie auf 0 */
.naviinaktivhome {
	padding: 15px 0px 10px 5px;
	border: solid;
	border-width: 0px 0px 1px 0px;
	border-top-color: #d6d6d6;
	border-bottom-color: #999999;
	background: url(alu4.jpg);
	background-color: #e3e3e3;
}

/* Schriftdefinition für nicht aktiven Menupunkt */
a.naviinaktivtext {
	font-size: 13px;
	color: #309;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0px 1px 1px #ffffff;
}

/* Schriftdefinition für nicht aktiven Menupunkt bei Mouseover */
a.naviinaktivtext:hover {
	font-size: 13px;
	color: #b9197b;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
}