/* file: index.css fuer auraquartett.ch */


/* HTML-Tags */
body {
	color: #333;
	font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
	font-size: 80%;
}

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a {
	color: #000;
	font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
	line-height: 1.5em;
}

h1 { color: #cc6e29; font-size: 2.1em; font-weight: bold; }
h2 { color: #cc6e29; font-size: 1.4em; font-weight: bold; }
h3 { color: #cc6e29; font-size: 1.2em; font-weight: bold; }
h4 { color: #cc6e29; font-size: 1.0em; font-weight: normal; }
h5, h6 { color: #333; font-weight: bold; font-size: 1.0em; }
p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; }

table, tr, th, td { font-size: 1.0em; line-height: 1.5em; }
table tr { vertical-align: baseline; }
table td { text-align: left; }

input, textarea { font-size: 1.0em; }

a:link, a:visited { color: #cc6e29; text-decoration: none; }
a:hover, a:active { color: #cc6e29; text-decoration: underline; }

strong, b { color: #333; font-weight: bold; }
em, i { color: #333; font-style: italic; }
img { border: 0 none; }

/* in modernen Browsern nicht anzeigen */
.hide { display: none !important; }

/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }

/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { min-width: 990px; }
body { padding-bottom: 10px; background: #000000; text-align: center; }
#page {
	position: relative;
	margin: 30px auto 0 auto;
	width: 637px;
	text-align: center;
	}


/* Kopf der Seite */
#header {
	padding: 0;
	height: 380px;
	}
#header h1 {
	width: 637px;
	height: 380px;
	background: #000000 url(index-bild.jpg) no-repeat 0 0;
	text-indent: -9999px;
	}


/* Inhalt in der Mitte/Rechts der Seite */
#content { margin: 0;
	width: 649px;
	height: 106px;
	background: url(index-aura-logo.jpg) no-repeat right bottom;
	}


/* Navigation am linken Rand der Seite */
#menu {
	position: absolute;
	top: 430px;
	left: 100px;
	width: 198px;
	}

#menu dl { padding: 0; }
#menu dt { display: none; }
#menu dd { margin-left: 0px; width: 66px; height: 24px; }

#menu a {
	display: block;
	position: absolute;
	top: 0px;
	width: 66px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	}
	

#menu a:hover, #menu a:active { background-position: 0px -24px; }

#menu #menu-de { left: 0; background-image: url(index-menu-de.gif); }
#menu #menu-fr { left: 66px; background-image: url(index-menu-fr.gif); }


/* Fuss am unteren Rand der Seite */
#footer {
	clear: both;
	height: 90px;
	}
#footer p {
	padding: 40px 0 5px 0;
	font-size: 0.89em;
	color: #ccc;
	}
#footer p a {
	font-size: 1.0em;
	color: #ccc;
	}