/* Professionelles Webdesign mit (X)HTML und CSS
18.4.2006
Letzte Änderung 6.9.2006: Dia-Kontaktabzug etc. (Ramonville 2006)
					13.9.2006: Große Darstellung der Bilder
					25.10.2006: Ergänzungen für den member-Bereich
*/
/*
Wichtige Farben:
eierschalen: #ffff99
braun:       #990000
rot:         #ff3333
dunkelgrau:  #333333
*/
/* Allgemeines */
* {margin: 0; padding: 0}
body {
	font-size: 70%;
	line-height: 1.4em;
	background: #ffc12c;
}
/*  PHP Debugging */
p.debug {
	background: #F0E68C;
	color: Black;
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select {
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	padding: 3px;
	margin: 3px;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
p {
font-size: 1.2em;
line-height: 1.4em;	
}
ul,li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}
img, a img {
	border: 0;
}
.clear {
	clear: both;
}
.none {
	display: none;
}
.leftalign {
	float: left;
}
.rightalign {
	float: right;
}
.centertext {
	text-align: center;
}
.unsichtbar {
	display: none;
}
#wrap {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	height: 100%;
}
#header {
	float: left;
	width: 760px;
	background: #990000;
	display: block;
	}
#navigation,#inhalt,#footer {
	width: 760px;
}	
#navigation {
	position: relative;
	float: left;
	padding: 15px 0 0 0;
	background: #990000;
	border-bottom: 3px solid #333333;
	font-size: 1.0em;
	font-weight: bold;
}
#navigation ul {
	position: relative;
	width: 760px;
	background: transparent;
}
#navigation li {
	background: #990000;
	padding: 8px 0 9px 3px;
	float: left;
}
#navigation li a, #gaestebuch div#navigation li a{
	background: #333333;
	color: #ffff99;
	padding: 3px 3px 3px 3px;
}
#navigation li a:hover {
	background: #990000;
	color: #ffff99;
	padding: 3px 3px 3px 3px;
}
#navigation a#hier:link, #navigation a#hier:visited,
#navigation a#hier:hover, #navigation a#hier:active {
	background: transparent;
	color: #ffff99;
}
#navigation a#hier {
	text-decoration: none;
}
#inhalt {
	background: transparent;
	float: left;
}
#inhalt p {
	padding: 1em 1.2em;
}
#hauptspalte {
	width: 760px;
	position: relative;
	float: left;
	background: #ffff99;
}
#spalte-1 {
	position: relative;
	width: 560px;
	float: left;
	background: #ffc12c;
}
#spalte-1 p {
	color: #000;
}
#spalte-1 p, #spalte-1 h2, #spalte-1 h3 {
	padding: 0.5em;
}
#spalte-2 {
	position: relative;
	float: right;
	width: 199px;
	background: #ffff99;
}
#spalte-2 h2, #spalte-2 h3, #spalte-2 p {
	padding: 0.5em;
}
#spalte-schmal {
	position: relative;
	width: 180px;
	float: left;
	background: #ffc12c;
	padding: 2px;
}
#spalte-breit {
	position: relative;
	width: 570px;
	float: left;
	background: #ffc12c;
	padding: 2px;
}
#footer {
	background: #333333;
	clear: both;
	float: left;
	color: #ffff99;
}
#footer p {
	color: #ffff99;
	padding: 5px 10px;
	font-size: 0.9em;
	float: left;
}
body#start,a:startnav,body#ueberuns,a:ueberunsnav,body#mitglieder,a:mitgliedernav,
body#repertoire,a:repertoirenav,body#bilder,a:bildernav,
body#jubilaeum,a:jubilaeumnav,body#ramonville,a:ramonvillenav,
body#internes,a:internesnav 
body#member {
	background: #ffc12c;
	padding: 8px 7px 7px 11px;
	color: Black;
}
#galerie dt {
	border: 1px solid #eee;
	background-color: White;
	border-bottom: 1px solid #aaa;
	padding: 3px;
	margin: 5px 0;
}
#galerie dt img {
	border: 1px solid #aaa;
	border-bottom: 1px solid #333;
}
#galerie dd {
	font-size: 1.0em;
	padding: 0 5px;
	color: #333;
}
#galerie dl {
	margin: 5px 10px;
	padding: 4px;
	float: left;
	width: 461px;
}
.dashed {
		border: thin dashed #000000;
}


/*    Gästebuch
Copyright by Andreas Bergmann
 bearbeitet von M. Beczkowiak Feb 2005 und April 2006  */
#gaestebuch text,#gaestebuch textb,#gaestebuch td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.main {background: #ffff99}
.small {background: #ffff99}
.top{
	color:Black;
	font-weight:bold;
	font-size:18px;
   }
.text{
	color:#000;
	font-weight:normal;
	font-size:14px;
	background-color: #ffc12c;
	border: 1px solid #990000;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
   }
.textb{
	color:#000;
	font-weight:bold;
	font-size:15px;
	background-color: #ffc12c;
	border: 1px solid #990000;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
   }
.greet{
	color:#000000; font-weight:normal; font-size:16px;
   }
.profil{
	color:#000;
	font-weight:normal;
	font-size:12px;
	background-color: #ffc12c;
	border: 1px solid #990000;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
   }
.input {
background: #ffc12c;
color: Black; 
font-size: 12px;
font-style: normal; font-weight:bold;
height: 20px;
width: 200px;
}
.input_t {
background: #ffc12c;
color: Black; 
font-size: 12px;
font-style: normal; font-weight:bold;
height: 20px;
width: 310px;
}
.area {
background: #990000;
color: #ffff99; 
font-style: normal; font-weight:bold;
width: 310px
}
.button{
background: #006600;
color:#000000; font-style: normal; font-weight:bold;
}
#gaestebuch a:link,#gaestebuch a:visited,#gaestebuch a:active { 
	color:#990000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline; 
	}
#gaestebuch a:hover 	{ 
	color:#ffff99;
	background: #990000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none
	}
#gaestebuch h1, #gaestebuch h2, #gaestebuch h3 {
	text-align: center;
}
#gaestebuch table {
	width: 750px;
	border: 0
	padding: 0
}
#fehler {
	color:	#FF4500;
	font-style: italic;
	font-weight: bold;
}
form {
	width: 400;
}
#person p {
	margin: 1px;
	padding: 1px;
}
#person label, #eintrag label, #absenden label{
	display: block;
	font-weight: bold;
	margin: 2px;
}
fieldset {
	border: 1px solid #333;
	background: #ffc12c;
	padding: 10px;
	margin: 5px;
	width: 45%;
	float: left;
}
legend {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;
	color: #333333;
}
textarea {
	width: 300px;
	height: 125px;
}
#legende {
	font-size: 80%;
	text-align: center;
}
#submit_button {
	background: #333333;
	color: #ffff99;
	font-size: 140%;
}
#repertoire table {
	padding: 1px;
	margin: 1px;
	border: 1px solid #990000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
}
#repertoire td, #repertoire th {
	border: 1px solid #990000;
	padding: 2px;
}
#repertoire table th {
	background: #ffc12c;
	color: #333;
}
#repertoire table caption {
	font-weight: bold;
	font-size: 100%;
	font-style: italic;
}
#repHeader1, #repHeader2 {
	width: 50%;
	font-size: 140%;
}
#kategorie {
	font-size: 140%;
	font-weight: bold;
}
#mitglieder table {
	border: 1 solid #990000;
	background: #ffc12c;
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#mitglieder table caption {
	font-weight: bold;
	font-size: 100%;
	font-style: italic;
}
#loginmaske {
	background: #ffc12c;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
} 
#loginmaske form {
	margin-left: 200px;
	margin-top: 150px;
}
#loginmaske fieldset {
	background: #ffc12c;
	border: 1 solid #990000;
	padding: 10px;
	margin: 10px;
	width:400px;
	float: left;
}
#loginmaske fieldset p {
	margin-top: 20px;
}
#loginmaske fieldset p label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
}
#btSubmit, #btReset #btPasswort{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	background: #ffff99;
	text-align: center;
	padding: 3px;
	width: 150px;
}
#validierung {
	background: #ffc12c;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
} 
#member_inhalt {
	width: 640px;
	height: 100%;
	background: #ffc12c;
	position: relative;
	float: left;
}
#member_inhalt p {
	padding: 1em 1.2em;
	margin-bottom: 2cm;
}
#member_subheader {
	border-bottom: 3px solid #333333;
	width: 760px;
	float: left;
}
div.pic {
	float: left;
	height: 130px;
	width: 130px;
	background: #ffd;
	border: 1px solid;
	border-color: #aaa #444 #444 #aaa;
	margin: 5px 3px;
	padding: 15px 15px 15px 15px;
}
div.pic img {
	border: 1px solid;
	border-color: #444 #aaa #aaa #444;
}
div.ls img {
	height: 96px;
	width: 128px;
	margin: 16px 0;
}
div.pt img {
	height: 128px;
	width:  96px;
	margin: 0 16px
}
p.Beschriftung1 {
	display: inline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	text-align: center;
	width: 100px;
	height: 8px;
	position: relative;
	left: auto;
	right: auto;
}
div.ls p.Beschriftung1 {
	top: 0px;
}
div.pt p.Beschriftung1 {
	top: 0px;
}
p.Beschriftung2 {
	display: inline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	text-align: center;
	width: 100px;
	height: 10px;
	position: relative;
	left: 10px;
}
div.ls p.Beschriftung2 {
	top: -20px;
}
div.pt p.Beschriftung2 {
	top: -12px;
}
#nav_bilder {
	position: relative;
	float: left;
	padding: 15px 0 0 0;
	background: #990000;
	font-size: 0.8em;
	width: 760px;
}
#nav_bilder ul {
	position: relative;
	width: 760px;
	background: transparent;
}
#nav_bilder h1 {
	color: #ff9;
}
#nav_bilder li {
	background: #990000;
	padding: 8px 0 9px 3px;
	float: left;
}
#nav_bilder li a {
	background: #333333;
	color: #ffff99;
	padding: 3px 3px 3px 3px;
}
#nav_bilder li a:hover {
	background: #990000;
	color: #ffff99;
	padding: 3px 3px 3px 3px;
}
#nav_bilder a.aktuell:link, #nav_bilder a.aktuell:visited,
#nav_bilder a.aktuell:hover, #nav_bilder a.aktuell:active {
	background: transparent;
	color: #ffff99;
}
#nav_bilder a.aktuell {
	text-decoration: none;
}
/* es folgt die Formatierung der Großdarstellung der Ramonville-Bilder (Seite pic.php) */
#bild_navigation {
	float: left;
	padding: 15px 0 0 0;
	background: transparent;
	width: 760px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}
#bild_navigation ul {
	background: transparent;
	margin-left: 250px;
}
#bild_navigation li {
	background: #ff9;
	padding: 8px 5px 9px 5px;
	float: left;
	border: 1px solid #000;
}
#bild_navigation li a {
	background: #ff9;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	color: Black;
}
#bild_navigation a:hover {
	background: transparent;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}
#grossbild {
	clear: both;
	width: 100%;
	padding: 5px 5% 0 100px;
	background: transparent;
}
#grossbild img {
	left: auto;
	right: auto;
	border: 1px solid;
	border-color: #aaa #444 #444 #aaa;
}
#grossbild img.ls {
	width: 600px;
	height: 450px;
}
#grossbild img.pt {
	width: 450px;
	height: 600px;
	margin-left: 100px;
}
#Willkommen {
	background-color: #996600;
	font-size: 14px;
	color: #FFF;
}
#Willkommen p, #Willkommen h3 {
	text-align:center;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
#pwaendernnav {
}
#member_inhalt table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
#frmPasswort{
	margin-left: 100px;
	margin-top: 10px;
}
#frmPasswort fieldset {
	background: #ffc12c;
	border: 1 solid #990000;
	padding: 10px;
	margin: 10px;
	width:400px;
	float: left;
}
#frmPasswort fieldset p {
	margin: 0;
}
#frmPasswort fieldset p label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
}
td.silver {
	background-color : #ffc12c;
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
td.white {
	background-color : #ff9;
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
td.maroon {
	background-color : #900;
	color : #ff9;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
#LaVillanelle td {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 1px;
}	
#LaVillanelle #inhalt {
	width:95%;
	float: left;
}
#nav_toulouse {
	position: relative;
	float: left;
	padding: 15px 0 0 0;
	background: #990000;
	font-size: 0.8em;
	width: 760px;
}
#nav_toulouse ul {
	position: relative;
	width: 760px;
	background: transparent;
}
#nav_toulouse h1 {
	color: #ff9;
}
#nav_toulouse li {
	background: #990000;
	padding: 8px 0 9px 3px;
	float: left;
}
#nav_toulouse li a {
	background: #333333;
	color: #ffff99;
	padding: 3px 3px 3px 3px;
}
#nav_toulouse li a:hover {
	background: #990000;
	color: #ffff99;
	padding: 3px 3px 3px 3px;
}
#nav_toulouse a.aktuell:link, #nav_toulouse a.aktuell:visited,
#nav_toulouse a.aktuell:hover, #nav_toulouse a.aktuell:active {
	background: transparent;
	color: #ffff99;
}
#nav_toulouse a.aktuell {
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}
.suite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
} 
.titel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}