@charset "UTF-8";

/**
	Stylesheet fuer die index.php
*/


/* allgemeine body-Eigenschaften	*/
body
{
	background-color: #000000;
	color: #dddddd;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	/*padding: 0;
	margin: 0;*/
}

/* Eigenschaften des inneren div-Rahmens
	(enthaelt das Menue und den Haupt-Container	*/
div.inner
{
	width: 800px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}

/* Eigenschaften fuer das Hauptmenue	*/
ul#menu
{
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style: none;
	position: relative;
	top: -18px;
	z-index: 3;
}

/* Eigenschaften der Listenelemente des Hauptmenues	*/
ul#menu li
{	
	background-color: #000000;
	float: left;
	width: 100px;
	text-align: center;
	border-color: #555555;
	border-width: 1px;
	border-style: solid;
}

/* blendet die Menue-Ebenen aus, die am Anfang nicht sichtbar sein sollen	*/
ul#menu li>ul
{
	display: none;
}

/*	blendet die Menue-Ebenen ein	*/
ul#menu li:hover>ul
{
	display: inline;
	margin: 0;
	padding: 0;
}

/* Eigenschaften der Menue-Buttons	*/
ul#menu li, li a
{
	color: #dddddd;
	text-decoration:none;
	display: block;
}

/*	Eigenschaften der Menue-Buttons beim Hovern und als selektierte Buttons	*/
ul#menu li a:hover, #menuselected
{
	color: #ffffff;
	background-color: #282828;
	display: block;
	text-decoration:none;
}

/*	Eigenschaften des Hauptcontainers
	(enthaelt den textlichen Content und das Hintergrundbild)	*/
div.maincontainer
{
	height: 480px;
	width: 800px;
	border-color: #555555;
	border-width: 1px;
	border-style: solid;
}

/* Eigenschaften des eigentlichen textlichen Content	*/
div.content
{
	width: 755px;		/* um das Layout auch bei groesser */
	height: 410px;		/* eingestellten Systemschriften */
	overflow: auto;		/* erhalten zu keonnen (z. B. 120 DPI) */
	position: absolute;
	text-align: left;
	margin-left: 40px;
	margin-top: 60px;
	z-index: 2;
}

/* das gleiche wie div.content, nur seitenverkehrt	*/
div.content2
{
	position: absolute;
	text-align: left;
	margin-left: 500px;
	margin-top: 60px;
	z-index: 2;
}

/* Eigenschaften des Audio-Bereiches */
div.audiocontent
{
	width: 755px;		/* um das Layout auch bei groesser */
	height: 454px;		/* eingestellten Systemschriften */
	overflow: auto;		/* erhalten zu keonnen (z. B. 120 DPI) */
	position: absolute;
	text-align: left;
	margin-top: 3px;
	margin-left: 40px;
	padding-bottom: 20px;
	z-index: 2;
}

/* Eigenschaften fuer h1-Ueberschriften */
div.content h1, div.content2 h1, div.videocontent h1, div.photocontent h1, div.audiocontent h1
{
	font-size: 10pt;
}

/* Eigenschaften fuer den youtube-Video-Bereich	*/
div.videocontent
{
	width: 755px;
	height: 437px;
	position: absolute;
	text-align: left;
	margin-left: 40px;
	margin-top: 3px;
	padding-top: 17px;
	padding-bottom: 20px;
	overflow: auto;
	z-index: 2;
}

/*	um allen youtube-Videos die gleiche Groesse zu geben	*/
div.videocontent object
{
	width: 320px;
	height: 265px;
}

/* Eigenschaften fuer den Postcardviewer-Foto-Bereich	*/
div.photocontent
{
	width: 720px;
	height: 400px;
	position: absolute;
	text-align: left;
	margin-left: 40px;
	margin-top: 3px;
	padding-top: 17px;
	padding-bottom: 20px;
	/* kein z-index, Anordnung wird direkt in der index.html der jeweiligen Galerie geregelt	*/
}

/*	um allen Postcardviewer-Galerien die gleiche Groesse zu geben	*/
div.photocontent object
{
	width: 720px;
	height: 410px;
}

/* Eigenschaften der Tabelle mit youtube-Videos	*/
div.videocontent table
{
	border-spacing: 20px;
}

/* Eigenschaften fuer das Hintergrundbild des Content	*/
div.contentbackground
{
	position: absolute;		/* Hintergrund absolut positioniert, weil er sonst mit dem Klappmenue springt */
	top: 54px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	z-index: 1;
}

/* um das Gaestebuch optisch gut einzubinden	*/
div.guestbook
{
	position: absolute;
	top: 54px;
	z-index: 1;
}

/* Ausmasse des Gaestebuchs festlegen */
div.guestbook object, iframe
{
	width: 795px;
	height: 474px;
	border: none;	/* nur fuer die iframe-Variante noetig */
}

/*	Eigenschaften fuer den News-Bereich	*/
div.news
{
	background-color: #000000;		/*	damit die News die Buttons links unten u. U. verdecken */
	width: 400px;					/*	um mit dem schwarzen Hintergrund nicht den RSS-Button zu ueberdecken	*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #555555;
	position: absolute;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 1;
}

/* der zweite News-Kasten fuer das Open-Air */ 
div.news2
{
	position: relative;
	width: 400px;
	left: 353px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
	z-index: 1;
}

/* um alle a-Bereiche gleich zu gestalten	*/
div.news a, div.news2 a, div.content a, div.content2 a, div.videocontent a, div.photocontent a, div.audiocontent a
{
	color: #dddddd;
	text-decoration: none;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

/* Eigenschaften des Rocktool-Logos auf der Startseie	*/
div.logo
{
	position: absolute;
	text-align: right;
	/* margin-left: auto; */
	/* margin-right: auto; */
	padding-left: 395px;
	top: 475px;
	z-index: 2;
}

/* Eigenschaften fuer den RSS-Button	*/
div.rss
{
	position: relative;
	top: -52px;
	text-align: right;
}

/*	Eigenschaften fuer den myspace-Button	*/
div.myspace
{
	position: absolute;
	left: 1px;
	bottom: 1px;
}

/*	Eigenschaften fuer alle eingebundene Bilder	*/
img, img a
{	
	border: none;
}

/* Die Positionen der Flashplayer anpassen */
#player1, #player2, #player3
{
	position: relative;
	top: -3px;
}