/* ***************************************************** 
      ©2006 Doc Holiday Data - www.DocHoliday-data.de 	          
      Projekt: www.spandauGo.de                  
      Typ: CSS
      Description: alle Browser
      Erstellt am: 19.04.2006
      Zuletzt geaendert: 19.02.2008
******************************************************** */

/* generell - allgemeine einstellungen */
body  {	
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:83%; font-style:normal;
       		background-color:#BFE4FF; color:#000000; 
			margin:0; padding:0;
}

a {			
			text-decoration: none; 
			font-weight:bold;background:none;
}
a:link, a:active, a:visited   {
			color:#003D6B; 
}
a:hover,a:visited:hover {
			color:#BF7830;
} 

framsets {	margin:0;padding:0;}
frame {		margin:0;padding:0;border:0;}

h1,h2,h3 {	margin:0; padding:0;font-size:0.9em;}
h1 { 		font-weight:bold; }
h2 { 		font-style:italic;font-weight:normal;
			width:85%; margin-bottom:2em;
}
h3 {		font-weight:bold; 
			margin:0; margin-bottom:1em;
			color:#003D6B; display:inline;
}

p { 		margin:0;padding:0;margin: 1em 0;}
span {		color: #6096BF;
			font-family:Arial, sans-serif;
}

form {		display:inline;}
table {		margin:0,padding:0}
td	{		border:0;vertical-align:top;}

/* PRINTER */
@media print {	
		body {	background-color:white;
				color:black;
		} 
		a:link, a:active, a:visited { 	
				color:black; text-decoration:underline;
				font-weight:normal;
		}
}


/* Head - oberer teil der website */
div#head {				position:relative;
						left:0;top:0;
						height:9em;width:74em;
						margin:0;padding:0;
						background-image:none;
						background-color: none;
}

#head img.logo_1 {		position:absolute;top:0.8em;left:4em;
						width:5.42em;height:5.72em;
						border:0;padding:0;margin:0;
						z-index:1;
}
#head img.logo_2 {		position:absolute;top:3.15em;right:2.25em;
						width:8.81em; height:2.26em;
						border:0;padding:0;margin:0;
						z-index:1;
}

#head h1 {				position:absolute;top:0.3em;left:5em;
						font-size:4em;border:0;padding:0;margin:0;
						z-index:2;color: #24006B; font-weight:normal;
}
#head h2 {				position:absolute;top:7em;left:24em;
						border:0;padding:0;margin:0;
						z-index:2;color: #24006B; font-style:normal;
}
#head ul {				position:absolute; right:5px; bottom:2px; 
						padding:2px;list-style:none;
}
#head ul, #head li {	padding:0;margin:0;
						z-index:3;display:inline;
}
#head li 	{			padding-left:1em;}
#head ul.li.a {			color:#663399;}
#head ul a:hover, #head ul a:visited:hover {font-size:larger;}
/*ADVERTISING*/
#head #dhd {			position:absolute;top:2px;right:2em;
						padding:0;margin:0;z-index:4;
						text-align:center;color:#BF9060;
}
#head #dhd label {		font-size:smaller; display:block;}

@media print {	
		div#head	{	display:none;} 
		#head		{	display:none;}
		h1,h2,h3 	{	color:black;}
}

/* Menue - linker teil der website - die Navigation */
div#left {
				width:13em;
				border:0;
				cursor:default; 
}
#left #menue {	width:12em;
				margin:5px;margin-bottom:1em;
				border:2px solid #6096BF;
				text-align:left;
				cursor:default; 
}
#left #menue ul {
				padding:0; margin:0.2em;
		 		margin-left:2em;
		 		list-style:disc outside; 
		 		list-style-image:url(../images/sgo.png); 
		 		color:black;
}
#left #menue ul li:hover {	
				list-style:disc outside; 
				list-style-image:url(../images/wgo.png);
				color:white;
}
#left #menue div {		
				padding:0.15em;padding-left:0.8em;
				background-color:#6096BF;
				font-weight:bold;
				color:#E6F4FF;
}

#left img#ajaxLogo {		
				vertical-align:top;
				margin-left:5px;
				border:0;
}

@media print {			
	div#left {	display:none;} 
	#left 	{	display:none;}
}


/*Kontaktformular*/
#main div#kontakt  {	
						margin-left:1em;
}
#main #kontakt ul {	
						margin:0 2em 0.7em 0;padding:0;
}
#main #kontakt li {		list-style:none;}
#main #kontakt form {	clear:left; 
						padding:0;margin:0; 
						display:block;
						text-align:left;

}


#main #kontakt fieldset	{	
						display:block;
						vertical-align:top;
						border:0;
						margin:0;padding:0;
						margin-right:1em;
}
#main #kontakt label { 	font-size:0.8em;
						display:block;
						color:#24006B;
}
#main #kontakt input, #kontakt textarea {
						border:1px solid #24006B; 
						border-right-color: #FFDFBF;
						border-bottom-color: #FFDFBF;
}
#main #kontakt input { 	margin-bottom:0.6em; width:10em; }
#main #kontakt input#email { 	
						width:26em; 
}
#main #kontakt textarea#message { 	
						margin:0; padding:0; 
						overflow:auto;
}
#main #kontakt input#subject, #main #kontakt textarea#message { 	
						width:37.5em; 
}


#main #kontakt div {
			margin-top:1em;
			
}

#main #kontakt #button {
			width:6em; margin-right:1em;
			color:white;
			background:#6096BF; 
			border:1px solid dimgray;
			border-left-color:#7894b0;
			border-top-color: #7894b0;
			cursor:pointer;
}
#main #kontakt #btnInactive {
			width:6em;
			cursor:default;
			border:1px ridge white;
}
#main #kontakt #error {
			color:red;margin-bottom:1em;display:block;
}

/*MAIN CONTENT */
div#main {	
			width:49em;
			margin:0;padding:5px;
			text-align:justify;
		}

#main *.mandatory {
			background:#FFECBF;
}
#main ul {	margin:0;padding:0;}
#main li {	list-style:none;}
#main *.foto {	
			height:9em;
			width:12.05em;
			border:0;
}

@media print {	
	frame {	border:0;} 
	div#main {
			width:46em;
	}
}


/*spielort*/
#main #spielabend {
			margin:0;padding:0;
}
#main #spielabend img {
			float:left;margin:0 3em;
}

#main #himmel span {
			color: #24006B;
			font-weight:bold;
}



#message {	margin-left:2em;margin-top:2em;} 
#message ul { 
			padding:0;margin:2em;	
			list-style:disc outside;
}
#message ul li {
			padding:0; margin:0;
}
#message a {text-decoration:underline;}


/*Galerie*/
#main #galerie {
			margin-top:3px;padding:0;
}
#main #galerie img {
			cursor:pointer;
			width:12em;height:9em;
			padding:1px;border:0;
}
#main #galerie table {
			width:100%;border:0;
			margin:0;padding:0;
}


#main #links div {
			padding:0; margin:0.2em; 
			margin-left:2em; margin-top:1.5em;
			float:left;
}
#main #links h1 { 
			margin:0 0 3px 3px;padding:0; font-style:italic; font-weight:normal;
			white-space:nowrap;
}
#main #links ul {
			padding:0; margin:0;
			list-style:none; 
			color:black;
			display:block;margin-bottom:5px;
}
#main #links ul li {
			list-style:none;
			white-space:nowrap;
			color:black;
}
#main #links ul li:hover {
			list-style:none;
			color:white;
}
#main #links ul li img {
			vertical-align:middle;
			margin:2px 5px;
}

/*NEWS FORMULAR*/
#main #abo #button {
			width:6em; margin-right:1em;
			color:white;
			background:#6096BF; 
			border:1px solid dimgray;
			border-left-color: #7894b0;
			border-top-color: #7894b0;
			cursor:pointer;
}
#main #abo #btnInactive {
			width:6em;
			cursor:default;
}
#main #abo fieldset {
			padding:1em;
}
#main #abo legend {
			font-weight:bold;
			color:#24006B;
			margin-bottom:1em;
}
#main #abo label {
			display:block;
}
#main #abo select {
			width:4em;margin-top:1px;
}
#main #abo input {
			width:12em;
}

#main #abo input#titel {
			width:6em;
}
#main #abo input, #main #abo select {
			margin-right:1em; margin-bottom:1em;
}
#main #abo #email {
			width:26em;
}
#main #abo #error {
			color:red;margin-bottom:1em;display:none;
}


/*TURNIER EINTRÄGE*/
#main form { 		padding: 0;margin:0; }
#main #turnier { 	padding: 0.75em;margin:0.3em 0.75em; }
#main #turnier fieldset {
					width:auto;
					padding:0; margin:0;
					margin-right:0.75em;	
					border:0;
					display:inline;
}
#main #turnier fieldset label {
					display:block;
}						
#main #turnier fieldset#option {
					width:11.3em;
					margin:0;padding:0.38em;
					border:1px groove white;
}
#main #turnier #fotoupload input {
					width:30em;
}
#main #turnier *.readonly  {
					background-color:#BFE4FF;
}

#main #turnier legend {
					font-weight:bold; 
					color:#24006B; 
}
#main #turnier legend label {
					font-weight:normal;
					display:inline;
					color:black;
}
#main #turnier input {
					vertical-align:middle;
					margin-right:2px; 
}
#main #turnier select {
					vertical-align:middle; 
}
#main #turnier ul li label {
					display:inline; 
}

#main #turnier #button {
					width:6em; margin-right:1em;
					color:white;background:#6096BF; 
					border:1px solid dimgray; 
					border-left-color: #7894b0;
					border-top-color: #7894b0;
					cursor:pointer;
}
#main #turnier #button:hover, #main #turnier #button:visited:hover {
					color:#BF9060;
					background-color:#FFDFBF;
}


#main #turnier input#datum 	{	width:5.8em;text-align:center;}
#main #turnier input#termin	{	width:12em;text-align:center;}
#main #turnier input#terminshow	{
								width:14em;text-align:center;
}
#main #turnier input#titel 	{	width:3.16em;text-align:center;}
#main #turnier #zahl input	{	width:1.5em;text-align:center;}
#main #turnier #zahl label	{	width:1.8em;text-align:center;}
#main #turnier div 			{	margin-top:0.75em;white-space:nowrap;}
#main #turnier #news label  {	margin-right:1.5em;}
#main #turnier p  			{	font-weight:bold;}

#main #turnier td a 	{ 		white-space:nowrap;}
#main #turnier *.name 	{ 		text-align:left;
								width:15em;
								padding-left:0.4em;
} 


#main #aktuelles		{	margin-bottom:1em;}
#main #aktuelles table  {	width:100%;}
#main #aktuelles td,th 	{	white-space:nowrap;
							vertical-align:top;
							color:#24006B;
}
#main #aktuelles *.pause {	color:#BF7830;}
#main #aktuelles *.storno{	color:red;}
#main #aktuelles td.text{
							white-space:normal;
							vertical-align:top;
							text-align:left;
							color:black;
}
#main #aktuelles #details 		{
							margin-top:1em;
}
#main #aktuelles #details th 	{
							color:#6096BF;
}
#main #aktuelles #details td {
							color:#24006B;
}

@media print {	

			#main #aktuelles #details th {	color:black;} 
			#main #aktuelles #details td {	color:black;} 
			#main #aktuelles td,th 	{		color:black;}
			#main #aktuelles *.pause {		color:gray;}
			#main #aktuelles *.storno {		color:gray;}
}


/*ADMIN*/
#main div#admin {
					white-space:nowrap;
					margin: 0.3em;
}
#main #admin fieldset	{
					padding:0.75em;
					margin:0.3em 0.75em;
					width:auto;display:inline;
					vertical-align:top;
}
#main #admin legend	{
					font-weight:bold;
					color:#BF9060; 
}
#main #admin li {
					white-space: nowrap;
}

/* Layer if JavaScript is not available*/
div#noJSInfo { 		position:absolute;
					left:20em; top:15em;
					width:16em; 
					background: white;
					color: black;
					border:1px solid red; 
					z-index:0;
					filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
					opacity: 0.8;
}

#noJSInfo h2 { 		
					margin: 0.5em 0;padding:0;
					color: black;
					font-weight:bold;
					font-style:normal;	
					font-size:larger; 
					text-align:center;
					width:100%;
}

#noJSInfo p { 		
					padding:0 5px;
					text-align:justify;
					 
}

#noJSInfo *.ajax { 		
					color:red; font-weight:bold; 
}
#noJSInfo *.info { 		
					color:black;font-style:italic; 
}
#noJSInfo #button { 		
					width:100%;text-align:center;margin-bottom:0.5em; 
}
#noJSInfo #button input { 		
					background:none;border:0;
					color:#003D6B; 
					font-family:monospace;
					font-weight:normal;
					text-decoration:underline;
					cursor:pointer;
}