/* allgemeine Klassen */
/* Die Hauptfarben sind in body, table.pic und #buchadmin */
body{
		background-color:white;
		text-align:center;
		background-image:url('../background/styles/parties/dancing.gif'); */
		background-position:95% 5px;
		background-repeat:no-repeat;


		}
		
form{
		margin-top:1.5em;
	}
	
div{		
		position:relative;
	}

	
img{
		border:none;
		position:relative;
	}

a{		text-decoration:none;
		position:relative;
		}
		
input{	
		padding-top:0.2em;
		font:normal 0.75em/1 papyrus serif;
		letter-spacing:0.1em;
		border:outset red 1px;
		
		background-color:white;
		text-align:center;
		vertical-align:middle;	
		position:relative;
		}

font.white{
	background-color:#FFFFCC;;
		font:normal 0.75em/1 papyrus serif;
		letter-spacing:0.1em;
		color:black;
		display:block;
	}
		
font.black{
		font:normal 1em/1 papyrus,serif;
		color:white;
	}
	
table{	text-align:center;
		position:relative;
		}
		
td{
		padding:0 0 0 0;
		position:relative;
	}

	
/* die memberthumbs slides */
div.left{float:left;text-align:center;background-color:white;}
div.left a{display:block;border:solid transparent 2px;}
span.hidden{visibility:hidden;color:darkblue;}
	
/*==========================================================================*/
/* Das Div mit dem Logo */
/*--------------------------------------------------------------------------*/

#wave{
		height:19em;
		background-image:url('../background/styles/parties/ballon1.gif');
		background-position:10% top;
		background-repeat:no-repeat;
		border:none;
		color:blue;
		padding-top:2em;
		padding-right:5em;
		margin-bottom:0em;
		}
					
/*--------------------------------------------------------------------------*/			
/* Das Logobild */
/*--------------------------------------------------------------------------*/	
#wave a img{
/* noch kein spezieller CSS-Eintrag */	
	}	
/*==========================================================================*/		

/* der titel */
h1.titel strong{color:red;}
h1.titel a{color:red;}


/* links zu ordnern über der menuleiste nach klick auf ein Hauptverzeichnis über der menuleiste */
/* die einlogform über der menuleiste */
/* Die ordner befinden sich in einem Div-Container */
/*--------------------------------------------------------------------------*/
/* div-margin wenn ORDNER_TITEL_SICHTBAR auf true gesetzt ist (opendir.php)*/
/* ist auch das margin für die Anzeige der memberloginform (html/passwort.php)
/*--------------------------------------------------------------------------*/
div.wave1a{
		margin-top:-4.5em;text-align:center;
		}
div.wave1a a{
		color:red;
		}

		/* div-margin wenn ORDNER_TITEL_SICHTBAR auf false gesetzt ist */
/*--------------------------------------------------------------------------*/
div.wave1b{
		text-align:left;
		padding-left:12em;
		margin:-10.1em 0em 0.5em 0em;

		}

div.wave1b table{
	background-color:#FFFFCC;
		text-align:center;
		}
		
/* Anzeige des jeweils 1. Bildes im Ordner thumbs */
/*--------------------------------------------------------------------------*/
img.folder{
	
	margin:0.5em 1em 0.5em 1em;
	}

/* wird nur benutzt, wenn der hovereffekt MOUSE_OVER_BACKGROUND_FOLDER auf true gesetzt ist. */
img.folder1{	
	visibility:hidden;
	}

/*--------------------------------------------------------------------------*/
/* links zu den ordnern */	
a.folder{
	height:6em;
	display:block;
	margin:0 0.5em 0 0.5em;
	}
	
/*--------------------------------------------------------------------------*/	
/* wird nur benutzt, wenn DISPLAY_FOLDER_BACKGROUND auf true gesetzt ist. */
/* backgroundbild hinter dem jeweils 1. Bild im Ordner	*/
a.background{
	background-image:url('../background/styles/parties/ballon2_small.gif');
	background-repeat:no-repeat;
	background-position:center center;
}

a.background:hover{border:none;}
a.background:hover img.folder1{visibility:visible;}
/*--------------------------------------------------------------------------*/
/*==========================================================================*/

	
/* menuleiste und galerie */
/*--------------------------------------------------------------------------*/
/* der table für die Galerie */
/* der table gilt für die menuleiste und die galerie und die einlogform */
/*--------------------------------------------------------------------------*/


table.pic{
		border-top:solid red 1px;
		width:90%;text-align:center;
		background-color:#FFFFCC;
		margin-top:0;
		}

		
				
/* tabellenfeld für menuleiste (html/menuleiste.php) und membermenuleiste(functions/open_dir.php) */
td.nav{

		border-right:solid red 1px;
		padding:0;
		}
		
input.menu{
color:black;

}

/* links im tabellenfeld td.nav in der menuleiste (html/menuleiste.php) und der textinfolink (opendir.php) */
/* und in der membermenuleiste (functions/open_dir.php)*/
/*--------------------------------------------------------------------------*/
a.nav{	
		font:normal 0.75em/1 serif;
		letter-spacing:0.1em;
		display:block;
		padding:0;
		margin:0;

		}
		
a.nav:hover{
		text-decoration:underline;
		}

/* tabellenfeld mit dem link zur textinfo
/*--------------------------------------------------------------------------*/	
#prod{
	text-align:right;
	padding:0.5em 1em 0.5em 0.5em;
	}
		
/*==========================================================================*/

		
/* das grosse Bild links von der thumbsgalerie im gleichen table
/*--------------------------------------------------------------------------*/

td#mainpic{width:37%;text-align:center;position:relative;padding:1em 2em 0.5em 3em}
img.bild{
	margin:0 1em 0 0;
	padding:0;
	}
/* die Bewertungsleiste	
/*--------------------------------------------------------------------------*/
td#tdeval{width:2em;}
div.evalbar{width:2em;}
div.evalbar div{
	float:left;
	margin-top:0;
	padding:0.18em 0 0 0;
	font:normal 0.9em/1.65 papyrus, serif;
}
div.evalbar div input{background-image:url(none);
}


	
#info{height:1em;margin:0em 0 0.1em 0;font:normal 0.9em/1 papyrus, serif;}
	
/* die Bilder in der thumbsgalerie im gleichen table
/*--------------------------------------------------------------------------*/
img.bilder{
		margin:0 0.3em 0.3em 0;
	}
/* Titel des aktuellen Bilderordners über der thmubsgalerie */
/*--------------------------------------------------------------------------*/
td.title{
		font:normal 0.75em/1 papyrus serif;
		letter-spacing:0.1em;
		padding:1.5em 0em 0em 0em;
		margin: 0 0 0 0;
		}

/*==========================================================================*/


/* Der div-Container unter der menuleiste für alle Seiten ohne Bilder (contact, impressum, index) */
/*--------------------------------------------------------------------------*/
/*==========================================================================*/		

/* die quadatischen Buttons auf der Startseite (index.php) */

#pad a{margin:0.5em 1em 0.5em 1em;}

#pad a.or{
	
		border:outset red 2px;
		height:143px;
		width:143px;
		background-color:#FFFFCC;
		background-image:url('../background/styles/parties/ballon2.gif');
		background-position:center center;
		background-repeat:no-repeat;
		display:block;float:left;
	}
	
#pad a:active{border:inset red 2px;}

/* stylesheets */
input.image_style{border:outset red 2px;padding:0.3em;margin:1em;}
center.background{background-color:#FFFFCC;}
	
	
/* buttons für das gästebuch und email und memberfunktionen (bilder löschen etc.) */
/* ------------------------------------------------------------------------------ */
a.button{
		color:blue;
		font:normal 0.75em/1.4 papyrus serif;
		letter-spacing:0.1em;
		padding:0.2em 0.3em 0.2em 0.3em;
		vertical-align:middle;
		}
		
a.button:hover{
	text-decoration:underline;
	}
		
/* zusätzliche klasse für memberfunktionen (bilder löschen etc.) */
/* ------------------------------------------------------------------------------ */
a.change_button{
	text-align:center;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
	display:block;
}
/*===============================================================================*/

/* table in bilder beareiten */
td.bilder_bearbeiten{
	border-bottom:dotted red 1px;
	border-right:dotted red 1px;
	text-align:left;
}

img.bilder_bearbeiten{
	margin-right:2.8em;
	}
/*===============================================================================*/
	
/* titel für memberfunktionen (name, neuer name, neuer ordner,etc.) (functions/open_dir.php) */
/* ------------------------------------------------------------------------------ */
div.member{
		margin-top:1em;
		font:normal 0.75em/1 papyrus serif;
		padding-bottom:0.5em;
		letter-spacing:0.1em;}

div.member span{background-color:#FFFFCC;padding:0 1em 0 1em;}		
/*===============================================================================*/

/* Einlogform (html/passwort.php)*/
/* weiter oben mit div.wave1a, table.pic */
/*-------------------------------------------------------------------------------*/	
td.form{
	padding:0.8em 0 0 0;
	font:normal 0.75em/1 papyrus serif;
	letter-spacing:0.1em;
	}
	
/*===============================================================================*/


/* Impressum */
/*--------------------------------------------------------------------------------*/
div.inhalt{
	font:bold 1.2em/1.4 papyrus serif;
	background-position:1% center;
	background-color:#FFFFCC;
	background-repeat:no-repeat;
	background-image:url('../background/styles/parties/champus.gif');
	padding:1em 2em 2em 6em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	text-align:right;
}

/*==========================================================================*/

/* Kontakt Gästebuch */
/*--------------------------------------------------------------------------*/
div.back{
		background-repeat:no-repeat;
		background-position:center 3em;
		margin-right:3em;margin-left:3em;
	background-image:url('../background/styles/parties/gast.gif');z-index:100;
	}

	
table.inhalt{
	text-align:left;
	margin-top:0.5em;
	margin-bottom:3em;
	
	}
	
table.inhalt td{
	padding:0 1em 0.3em 1em;
	}
		
textarea.emailtext{
	padding:0.5em 1em 0.5em 1em;
	border:outset red 1px;
	}

table.inhalt td hr{
	margin:0.2em 0 1em 0;
	}
	
table.inhalt td h4{
	margin-left:2em;
	display:inline
	}
	
table.inhalt td div{
	float:left;
	}
	
table.inhalt td a{
	margin-left:2em;
	}
	
table.inhalt td h5{
	background-color:white;
	border:solid 1px red;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin:0 0 0.2em 0
	}

#gaestebuch_titel{
	/*h1 tag im html-Code */
	padding-top:1em;
	text-align:center;
	color:#FF0A0F;

	}
			
#antispam{
	margin-left:2em;
	}
	
#send_button{
	padding-bottom:2em;
	padding-top:1em;
	}

/*==========================================================================*/

/* Gästebuchverwaltung*/
/*--------------------------------------------------------------------------*/

#buchadmin{
	margin:1em 1.5em 1.5em 2em;
	background-color:#FFFFCC;
	text-align:left;
	}
	
#buchadmin td{
	padding:1em 1.5em 1em 1.5em;
	}	
		
/*--------------------------------------------------------------------------*/
/*==========================================================================*/


/* Textinfo */
/*--------------------------------------------------------------------------*/
#input_info{
	padding:1em 1em 1em 1em;
text-align:left;width:22em;height:17em;overflow:auto;
}
#tdtextinfo{
text-align:left;width:22em;height:17em;overflow:auto;
}

/* ad */
/*--------------------------------------------------------------------------*/
#sr{
	bottom:5px;right:25px;position:absolute;font:normal 0.8em/1.2 papyrus serif;
	}


#alpha{text-align:center;padding:0 0 0 0;margin:0 0 0 0;}
#alpha a{margin:0 0.5em 0 0.5em;padding:0 0 0 0;text-decoration:underline;}


/* neues Mitglied */
/*---------------------------------------------------------------------------*/

td.newmember, td.card{padding:1em 1em 0 1em;text-align:left;text-align:center}
#cardf{
	background-position:right bottom;
	background-color:#FFFFCC;
	background-repeat:no-repeat;
	background-image:url('../background/styles/parties/champus.gif');
	padding-top:1em;}
	
td.card input{font:normal 1em/1 papyrus, serif;margin:0em 0.2em 0.2em 0.2em;display:inline}
td.newmember input{padding:0.7em 0.7em 0.7em 0.7em;margin:0em 0.2em 0.2em 0.2em;}
td.newmember input.voll{width:20.8em}
td.card input.voll{width:23.6em}
td.card input.halb{width:11.5em}
td.card input.small{width:4em}
td.card input.gemeinde{width:10.6em}
td.headline{font:normal 0.75em/1 papyrus serif;letter-spacing:0.1em;}
td.card select{font:normal 1em/1 papyrus, serif;margin:0em 0.2em 0.2em 0.2em;
background-color:white;position:relative;}

td.newmember div{padding:0 2em 1em 2em;background-color:black}