/*============================================
Stylesheet für die Homepage www.toyotaclub.ch
Stand:	Style
Datei:	stylesheet.css
Media:	screen
Datum:	14.01.2010
Autor:	Nicole Meile
==============================================*/



/* BODY-BEREICH */
body {
	background-color: #FFF; /* Hintergrundfarbe Weiss */
}


/* WRAPPER-BEREICH */
#wrapper {
	font-family: Arial, Helvetica, sans-serif; /* Schriftarten */
	background-color: #FFF; /* Hintergrundfarbe Weiss */
	width: 870px; /* Boxbreite */
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px; /* Oben 10px nach unten versetzt im Body */
	margin-bottom: 10px; /* Unten 10px nach Oben versetzt im Body */
	color: #666; /* Textfarbe Grau */
}


/* KOPF-BEREICH */
#kopfbereich { /* Oberer Teil des Kopfbereichs */
	background-image: url(Image/kopfbereich.jpg);
	background-position: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F00;
	font-weight: bold;
	padding-left: 225px;
	height: 20px;
	padding-top: 150px;
}

.headertext{
	display: block;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 225px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}	


/* NAVIGATION */	
#navi { /* Box "Navigation */
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
	float: left;
	height: 380px;
	width: 210px;
	padding-top: 30px;
}
.naviformat { /* Formatierung "Navigation" */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	color: #999;
	margin-left: 30px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}


/* CONTAINER */
#content ul { 
	margin-left:5px;
}
#content ul {
	margin-top: 15px;
}
#content { /* Box "Container" */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	font-size:13px;
	float: right;
	height: 420px;
	width: 615px;
	color: #000;
	margin-right: 30px;
	margin-top: 0px;
	font-weight: normal;
}
.contentformat { /* Formatierung "Container" */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #FFF;
	padding-top: 0px;
}
.contentformat2 { /* Formatierung "Container" mit Abstand */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #FFF;
	word-spacing: 20px; /* Abstand zwischen einzelnen Worten */
}
.content_überschriften {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	
}


/* FUSS-BEREICH */
#fussbereich { /* Box Fussbereich "Home" */
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
	border-top-style: solid;
	border-top-color: #F00;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	text-align: left;
	line-height: 20px;
	height: 35px;
	width: 400px;
	float: left;
	margin: 0px;
	cursor: text;
	clear: right;
	padding-left: 30px;
}

#fussbereich2 { /* Box Fussbereich "Kontakt Impressum" */
	font-family: Arial, Helvetica, sans-serif; /* Schriftart */
	color: #999; /* Schriftfarbe Grau */
	font-size: 10px; /* Schrifthöhe */
	font-weight: bold; /* Schrift Fett */
	background-color: #FFF; /* Hintergundfarbe Weiss */
	border-top-style: solid;
	border-top-color: #F00; /* Hintergrundfarbe Weiss */
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	text-align: right;
	line-height: 20px;
	height: 35px; /* Box Höhe */
	width: 415px; /* Box Breite */
	float: left;
	padding-right: 30px; /* Innenabstand Rechts */
	margin: 0px; /* Aussenabstand */
	cursor: text;
	word-spacing: 20px; /* Abstand zischen Kontakt und Impressum */
}


/* FORMATIERUNG TEXT SEKTIONEN */
.sektionformat {
	font-family: Arial, Helvetica, sans-serif; /* Schriftart */
	font-size: 16px; /* Schrifthöhe */
	font-weight: bold; /* Schrift Fett */
	color: #000; /* Schriftfarbe Schwarz */
}


/* HYPERLINK */
#navi a { text-decoration: none; } /* Entfernt die Unterstreichung */
#navi a:link { color: #999; } /* Ändert die Schriftfarbe des Unbesuchten Links in Grau */
#navi a:visited { color: #999; } /* Ändert die Schriftfarbe des Besuchten Links in Grau */
#navi a:hover { color:#000; } /* Die Schriftfarbe ändert sich von Grau auf Schwarz */

#content a { text-decoration: none; } /* Entfernt die Unterstreichung */
#content a:link { color: #000; } /* Ändert die Schriftfarbe des Unbesuchten Links in Schwarz */
#content a:visited { color: #000; } /* Ändert die Schriftfarbe des Besuchten Links in Schwarz */
#content a:hover {
	color:#F00;
	text-align: center;
} /* Die Schriftfarbe ändert sich von Schwarz auf Grau */

#fussbereich a { text-decoration: none; } /* Entfernt die Unterstreichung */
#fussbereich a:link { color: #999; } /* Ändert die Schriftfarbe des Unbesuchten Links in Grau */
#fussbereich a:visited { color: #999; } /* Ändert die Schriftfarbe des Besuchten Links in Grau */
#fussbereich a:hover { color:#000; } /* Die Schriftfarbe ändert sich von Grau auf Schwarz */

#fussbereich2 a { text-decoration: none; } /* Entfernt die Unterstreichung */
#fussbereich2 a:link { color: #999; } /* Ändert die Schriftfarbe des Unbesuchten Links in Grau */
#fussbereich2 a:visited { color: #999; } /* Ändert die Schriftfarbe des Besuchten Links in Grau */
#fussbereich2 a:hover { color:#000; } /* Die Schriftfarbe ändert sich von Grau auf Schwarz */




/*============================================
  E N D E   D E S   S T Y L E S H E E T S
==============================================*/