/* Stylesheet fuer accb.de
   valides CSS 2.0
*/

/*-----------------------------------------------------Allgemeines----------------------------------------------------*/

body    {
    margin: 0;
    padding: 0;
   	height: 100%;
    font-family: palatino, georgia, serif;
    color: #fff;
    font-weight: 600;
    font-size: 16px;	/*fetsgelegt weil die Seite sonst aus den Fugen geraten kann...*/
    background : #7A6669 url(bilder/back.gif) no-repeat fixed left top;
}

    /* redundant selectors to help NS4 not forget */
div    {
    font-family:  palatino, georgia, serif;
}

/*zum Testen*/
/*
.container {
	border: 1px dashed blue;
}
*/

.date {
	color: #F7C5A4;
	margin: 0;
}

/*-----------------------------------------------------Inhalt----------------------------------------------------*/
.inhalt {
    margin: 4.5% 16%;
    padding: 0px 1em; /*macht jeder Inhalt selber (mit "top")*/
	position: static;
    width: 32em;	/*readibility, siehe auch hier: http://www.maxdesign.com.au/presentation/em/
    				  ie-width ist anders normal!*/
    border: 2px dotted #f30;
    background-image: url(bilder/contentfill.gif); /*macht den Ausgrau-Effekt des Hintergrunds beim Drueberlegen*/
}

/*Links im Inhalt nach rechts*/
.inhalt .menue {
	position: relative; left: 70%; top: 30px;
	margin-bottom: 70px;
}


/*-------------------------------------------------Navigations-Links--------------------------------------------------*/
/* ohne das " !important" nimmt der IE die Regeln von den normalen links*/
.menue {
	position: fixed; top: 70px; left: 5px;
	width: 8em;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica,
	  Arial, sans-serif;
	font-size:  0.9em;
	font-weight:  700;
}
.menue ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
.menue li {
    margin: 0;
    margin-bottom: 2px;
}
.menue li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-right: 7px solid #F7C5A4;
    color: #C1B0AC	!important;
    text-decoration: none !important;
    width: 100%;
    border-bottom: 2px solid #F7C5A4;	/*trennt Eintraege mit einer Linie*/
}

html>body .menue li a {
   width: auto;
}
.menue li a:hover {
    border-right: 7px solid #f30;
    border-bottom: 2px dotted #f30;
    background-image: url(bilder/contentfill.gif); /*#7A6669 	!important;*/
    color: #C1B0AC !important;
}

.menue li.here a {
	border-right: 7px solid #f30;
	border-bottom: 2px dotted #f30;
}

/*-------------------------------------------------Ueberschriften---------------------------------------------------*/
h1  {
    font-size:  2em;
	text-align: right;
}
h2  {
    font-size:  1.6em;
	text-align: right;
	margin-top: 2em !important; /*sollte auch absetzend wirken*/
}
h3  {
    font-size:  1.3em;
}
h4  {
    font-size:  0.8em;
}
h5  {
    font-size:  0.6em;
}
h6  {
    font-size:  0.4em;
}
h1, h2, h3, h4, h5, h6  {
    margin: 0 0 0 0;
	font-family:  palatino, georgia, serif;;
    /*font-family:    arial, helvetica, sans-serif;*/
}

/*-----------------------------------------------------Text----------------------------------------------------*/
.text, .kritik, .alignright, .lyrics, .strong {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #fff;
	clear: both; /*faengt immer unter etwaigen flows an*/
	/*border: 1px dashed blue;*/ /*Test*/
}
/*Bilder in den Text links einfuegen*/
.text img {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-left: 0em;
    float: left;
}
/*Bilder, rechts einfuegen, wenn verlangt*/
.alignright img { 	/*, IE kann das nicht: .text img:first-child --- schade, damit koennte man hier eleganter sein
						rechts-floatende Bilder sollten das erste Kind von .text sein!*/
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 0em;
    float: right;
}

.kritik {
	font-size: 0.75em;
	font-family: MS Courier, monospace;
	color: #F7C5A4;
}
.lyrics {
	font-size: 0.75em;
	font-family: MS Courier, monospace;
}
.strong {
	font-weight: 900;
	font-size: 1.3em;
}

/*-------------------------------------------------Zurueck-Links--------------------------------------------------*/
.back {
	margin-top: 3em;	/*wird auch als Platzmacher verwendet*/
	margin-bottom: 3em;
	text-align: right !important;
}

/*-------------------------------------------------normale Links--------------------------------------------------*/

a   {
    text-decoration:    none;
    font-weight:    bold;
}
a:link  {
    color:  #f30;
    background-color: transparent;
}
a:visited   {
    color:  #b31;
    background-color: transparent;
}
/* active? */
/*a:active    {
    color:  #cc9;
    background-color: transparent;
}*/
a:hover {
    color:  #f60;
    background-color: transparent;
    text-decoration:    underline;
}

/*eigene Links*/
.link {
	margin-top: 1em;
	text-align: right;
}

/*-------------------------------------------------Highlighting--------------------------------------------------*/
.high {
	background-color: #f88;
}

/*-----------------------------------------------Page-Info---------------------------------*/
.pageinfo {
	width: 13%;
	position: fixed; bottom: 10px; left: 86.5%;
	/*funktioniert gut bei 800+600 im Mozilla, Opera
	 IE benutzt anderes Box Model fuer Width - machen wir in iefix.css*/
}
.pageinfo .log {
	border: 2px dotted red;
	background-image: url(bilder/contentfill.gif); /*macht den Ausgrau-Effekt des Hintergrunds beim Drueberlegen*/
	font-size: 0.85em;
	margin-bottom: 50px;
}
.log .date {
	font-size: 0.8em;
	color: #F7C5A4;
}
/*------------------------------------------------Spalten-------------------------------------------------*/
.colleft {
	position: relative;
	margin-top: 0px;
	width: 45%;
	float: left; 	/*schmieg dich links ein*/
}
.colleft div {
	margin-bottom: 20px;	/*Komponenten halten so Abstand*/
	text-align: center;
}
.colright {	/*schmieg dich ein*/
	margin-top: 0px;
	width: 45%;
	float: right; /*natuerlich die rechte Haelfte einnehmend (45%)*/
}

.colright div {
	margin-bottom: 20px;
	text-align: center;
}
.colend {	/*kann (und wird!) als Dummy benutzt werden, damit die Parentbox der Spalten
			  trotz floating die Spalten wirklich umspannt (z.B. wegen Hintergrund)
			  usage dann so: <div class="colend">&nbsp;</div>		*/
	clear: both;
}

/*------------------------------------------------Bilder-------------------------------------------------*/
img	{
	border:	0;
}

/*------------------------------------------------News-------------------------------------------------*/
.sub {
	font-size: 0.8em;
	border-bottom: 1px solid #F7C5A4;
	border-top: 1px solid #F7C5A4;
	margin-bottom: 1em; /*Abstand zwischen Eintraegen*/
}
.title {
	color: #F7C5A4;
}
/*--------------------------------------------Tabellen------------------------------------------------*/
table {
	margin-top: 2em;
	font-weight: 500;
	font-size: 0.75em;
	text-align: left;
}
/*---------------------------------------------1.  Live-Gigs-------------------------------------------------*/
.live table tr th {
	font-size: 1.2em;
	border: 1px solid #F7C5A4;
}
.live table tr td {
    border-bottom: 1px solid #F7C5A4;	/*trennt Eintraege mit einer Linie*/
}

/*---------------------------------------------2.  Galerien-------------------------------------------------*/

.galerie table tr td {
    border-bottom: 1px solid #F7C5A4;	/*trennt Eintraege mit einer Linie*/
}

/*---------------------------------------------Downloads----------------------------------------------*/
.download {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: right;
}
.download h4 {
	color: #F7C5A4;
}

/*---------------------------------------------------disclaimer-------------------------------------------------*/
.disclaimer {
	text-align: center;
	font-size:  1.4em;
	margin-top: 50px;
}
/*---------------------------------------------------sitesearch-------------------------------------------------*/
.sitesearch {
	width: 13%;
	position: fixed; top: 50px; left: 86.5%;
	text-align: left;
}