/* fsor.css 

 Das Flyer-Orange:
 #ff7300

*/
/*
@import "Members.css";
@import "Termine.css";
@import "News.css";
@import "Galerie.css";
*/

html, body {
	margin: 0;	padding: 0;
	/*background-color: #ffffff; */ /*#d0dfff; /* ddccaa */
	background-color: #000000;
	color: #ffffff;
	border: none;
	font: normal 12pt Arial;
	/*
	background: #d0dfff url(bilder/fsor_bg.gif) no-repeat fixed;
	background-position: center 120px;
	*/
	/*overflow: scroll;*/
}

/* Main-Table: */
table.main {
	/*table-layout: fixed;*/
	position: absolute;
	margin:0;	padding: 0;
	left: 0;	top: 0;		right: 0;	bottom: 0;
	width: 100%;	height: 100%;
	border: none;	border-collapse: collapse;
}
tr.main-top {	
	height: 100px;	
	vertical-align:top;
}
td.main-top {
	text-align: center;
	border-bottom: 1px dashed #eeeeee;
	/*border-bottom: 3px groove #d0dfff; */
}
tr.main {	vertical-align: top; }
td.main-left {					/* linke Spalte: Navi, Login */
	vertical-align:top;
	width: 180px;
	min-width: 170px;
	max-width: 190px;
	padding: 4px;
	padding-left: 20px;
	font: normal 12pt Arial;
	border: none;
	border-right: 1px dashed white;
}
td.main {						/* Mitte: Haupt-Inhalt */
	vertical-align:top;
	/*position: absolute;*/
	padding: 1em;
	font: normal 12pt Arial;
	border: none;
	/*overflow: scroll;*/
}
td.main-right {					/* rechte Spalte: Infos: nächste Probe, nächster Termin */
	vertical-align:top;
	width: 180px;
	min-width: 180px;
	padding: 4px;
	/*padding-left: 20px;*/
	font: normal 12pt Arial;
	border: none;
	border-left: 1px dashed white;
}
tr.main-bottom {
	vertical-align: bottom;
	height: 15px; max-height: 21px;
}
td.main-bottom {
	border-top: 1px dashed #eeeeee;
	text-align: center;	vertical-align: bottom;
	/*font-family: "Verdana";	font-size: 10pt;*/
	font: normal 8pt "Verdana";
}



font.mainh {
	text-align: center;
	font-family: Arial;
	font-size: 32pt; 
	font-weight: bold;
	color: #ff7300; 
}



/* ### Main Stuff */
span.titel1 {
	color: #ff7300; 
	text-align: center;
	font-family: Arial;
	font-size: 52pt; 
	font-weight: bold;
	padding-bottom: 4px;
}
span.titel2 {
	color: #ff7300; 
	text-align: center;
	font-family: Arial;
	font-size: 24pt; 
	font-weight: bold;
	padding-bottom: 4px;
}



/* ### rechte Spalte: */
div.Info_nT, div.Info_nPP, div.Info_nBD {
	width: 200px;
	margin-bottom: 1em;
	padding: 4px;
	border: 1px solid #aaaaaa
}
span.Info_nT, span.Info_nPP, span.Info_nBD {
	text-decoration: underline;
	font-style: italic;
	/*font-weight: bold;*/
}
.farbe1 {
	color: #ff7300;
}


/* ### Navi */

div.navi {
	/**/
	/*
	position: absolute;
	left: 20px;
	top: 130px;
	bottom: 20px;
	*/
	/*/*/
	/*float: left;*/
	width: 180px;	/*min-width: 145px; max-width: 155px;*/
	border: none;
	/*
	border-right: 1px dashed black; //*#d0dfff;
	border-bottom: 1px dashed black;
	*/
	padding: 2px;
}

ul.navi {
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
}
li.navi:before {
	/*content: "->";*/
}

/* ### Login: */










.mittig {
	text-align: center;
}

tr.null, td.null { border: none; }




/* ###   L I N K S   ### */
a {
	font-weight: bold;
}
a:link { color: #ffffff;
	text-decoration: none; /*underline;	*/
}
a:visited {	color: #bbbbbb;
	text-decoration: none;
}
a:hover {	/*text-decoration: blink;*/	
	color: #ff7300;
}
a:active {	
	color: #ff7300; /*#ff5555;*/
	text-decoration: underline;	
}
a:focus {	
	color: #ff7300; /*#5555ff;*/
	text-decoration: underline;
}

.u {
	text-decoration: underline;
}

ul.navi {
	list-style-type: none;
	/*list-style-position: inside;*/
	padding: 0px;
}
a.navi, a.navi:visited {
	color: #000000;	/*color: #00aa00;*/
	display: block;
	border-top-width: 1px;		border-left-width: 1px;
	border-bottom-width: 2px;	border-right-width: 2px;
	border-style: outset;
	border-color: #d0dfff;
	
	margin: 2px; 
	padding: 2px; 
	padding-left: 4px;
	
	text-decoration: none;
	/*	
	text-decoration: underline;
	*/
	font: bold 12pt Arial;
	width: 110px;		overflow: hidden;
	/*min-width: 100px; max-width: 100px;*/
}
a.navi:hover {
	/*font-weight: normal;
	*/
	
	border-top-width: 2px;		border-left-width: 2px;
	border-bottom-width: 1px;	border-right-width: 1px;
	border-style: inset;
	border-color: #d0dfff;
	
}

a.link:hover {	cursor: pointer;	}

/* ### sonstiges, allgemeines */
.klein {
	font: normal 8pt "Verdana";
}

hr {
	width: 100%;
	height: 2px;
	border: 1px solid white;
	
}
hr.dotted {
	width: 100%;
	height: 2px;
	border: 1px dotted black;
}



.sichtbar {		display: block;	}
.unsichtbar {	display: none;	}

img.bild1 {
	border: 2px solid black;
	float: right;
}
img.bild1 {
	border: 2px solid white;
	float: right;
	margin-left: 10px;
}
img.bildr {
	border: 2px solid white;
	float: left; 
	margin-right: 10px;
}



/* ### Input */
input {
	background-color: #000000; /*background-color: #d0dfff;*/
	color: #ffffff;
	/*padding: 1px;	margin: 4px;*/
	border: 1px solid white;
}
textarea {
	border: 1px solid white;
	background-color: #000000;
	color: #ffffff;
}
input[type=text], input[type=password], input[type=submit] {
	color: #ffffff;
	background-color: #000000;
	border: 1px solid white;
}
input[type=file] {
	color: #555555;
}
input.login_name, input.login_pw {
	width: 10em;
	margin-bottom: 8px;
}
input.login_ok {
	margin-bottom: 8px;
}
select {
	color: #ffffff;
	background-color: #000000;
	border: 1px solid white;
}


div.test {
	border: 8px groove #d0dfff;
	/*
	hidden = kein Rahmen (bzw. unsichtbarer Rahmen), siehe nach unten Hinweis.
dotted = gepunktet.
dashed = gestrichelt.
solid = durchgezogen.
double = doppelt durchgezogen.
groove = 3D-Effekt.
ridge = 3D-Effekt.
inset = 3D-Effekt.
outset = 3D-Effekt.
	*/
}

/*
	Valid Blue: b2cde0 / 005a9c
*/
#iewarn {
	border: 3px solid #ff0000; 
	margin: 0;
	padding: 2px;
	background: #000000;
	color:#ffffff;
}
#iewarn h4 {
	margin: 0;
}


#ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}



table.Konzertographie {
	border: 1px solid white;
	border-collapse: collapse;
	empty-cells: show;
	/*left: 100px;*/
	
}
tr.Konzertographie {
	vertical-align: top;
	border: 1px solid white;
}
th.Konzertographie {
	border: 1px solid white;
}
td.Konzertographie {
	border: 1px solid white;
	padding: 4px;
}