/* DATEI: juka.css */

/* Basis-Schriftgrösse: 11pt */
/* Relativ: 100-106%: 11pt, 107-113%: 12pt, 114-119%: 13pt, 120-126%: 13.5pt, 127-%: 14pt */

body { margin-top:20px; 
			 margin-bottom:20px; 
       margin-right:0px;
       margin-left:0px;

			 padding: 0px; 
       background-color:#060030;
       background-image:url(http://server.synchronize.de/back2.jpg); 
       font-family:Verdana,Arial,sans-serif;
       font-size:11pt;
       /* color:#F0FF00; */			/* normaler Text, YELLOW (#FFFF00) */
       color:#FFF;
       background-attachment:fixed; 
     }

.content {
	padding: 0;
	margin: 0;
	margin-left: 210px;
	padding-left: 5%;
	padding-right: 5%;

  /* background-color: #443300; */
}

    
/*p,ul,ol,li,address,nobr,b,blockquote { font-size:11pt; }*/
ul,ol { font-size:11pt; }
/* font-family = Schriftart fuer Textelemente */
/* Arial,sans-serif = Verdana, Arial und serifenlose Schrift */

p { text-align:justify; }
/** text-indent:30px; margin-left:10%; margin-right:10%; **/

p.news { font-size:16pt; text-align:center; font-weight:bold; border-style:solid; 
         border-width:4px; border-color:#404040; padding:13px; background-color: #000000; }

p.greetings { font-size:30pt; text-align:center; font-weight:bold; border-style:solid; color:#FF9900;
         border-width:6px; border-color:#900000; padding:22px; background-color: #300000; }

p.countdown { font-size:12pt; text-align:center; font-weight:bold; border-style:solid; color:#FF9900;
              border-width:4px; border-color:#404040; padding:13px; background-color: #000000; }
input.countdown { color:#FF0000; font-size:34pt; text-align:center; font-weight:bold; border-width:0; background-color: #000000; }

/* margin-top = Abstand zwischen Fensterrand und Inhalt oben */
/* margin-bottom = Abstand zwischen Fensterrand und Inhalt unten */
/* margin-left: 50, margin-right: 30 = Abstand links und rechts */


/* hr   { margin-left:-50px; margin-right:-30px; text-align:center; alignment:center; }
   samp { margin-left:-50px; margin-right:-30px; text-align:center; alignment:center; } */

/* Trennlinien beginnen auch weiterhin (trotz globalem Abstand) ganz links und enden ganz rechts. */



/******************************   HOMEPAGE   **************************************/

a:link { color:#E04000; text-decoration:none; }
a:visited { color:#E00030; text-decoration:none; }
a:active { color:#FFFFFF; text-decoration:underline; }

a:hover	{ }
a.x:hover	{ }



/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:active = Verweise, die gerade angeklickt werden */

/* links in control-frame */
a.ctrl      { text-decoration:none; 		font-weight:bold;	font-size:90%; }
a.ctrl-lt   { text-decoration:line-through; 	font-weight:bold;	font-size:90%; }
a.ctrl-i    { text-decoration:none; 		font-weight:bold;	font-size:70%;	font-style:italic; }
a.ctrl-i-lt { text-decoration:line-through; 	font-weight:bold;	font-size:70%;	font-style:italic; }

/* links in link-page */
a.links     { font-weight:bold; }
p.backlink	{ font-size:13pt; font-weight:bold; text-align:center; color:#FF9900; }

/*****************************************************************************************/

img { border-style:none; }

/*****************************************************************************************/


h1 { font-size:30pt; font-weight:bold; color:#FF9900; text-align:center; }
/* Hauptüberschrift, ORANGE (#FF9900 oder #FF6600), CENTER */

h2 { font-size:20pt; font-style:italic; font-weight:bold; color:#FF9900; margin-left:-5%; }
/* Seitenueberschriften, ITALIC, ORANGE */

h3 { font-size:14pt; font-style:italic; font-weight:bold; color:#FF9900; margin-left:-5%; }
/* Abschnittsueberschriften innerhalb einer Seite, ITALIC, ORANGE */

h4 { font-size:13pt; font-weight:bold; color:#FF9900; }
/* Überschriften für Kapitel & Zwischenueberschriften an manchen Stellen, ORANGE */

h6 { font-size:14pt; font-weight:bold; text-align:center; color:#FF9900; }
/* LINKS (zur Steuerung, z.B. "BACK"), ORANGE */

h6.ctrl { font-size:13pt; font-weight:bold; text-align:center; color:#FF9900; }
/* Ueberschrift fuer Control-Leiste (links), ORANGE */


/*****************************************************************************************/

center.zero { margin-right:-11%; margin-left:-11%; }

table { caption-side: top; margin-left:auto; margin-right:auto; color:#FFF; }
td, tr, th, table { text-align:center; font-size:10pt; }

/* tth a, ttd a { display: block; } */  /* damit ganze Zelle anklickbar wird */

/* Links innerhalb der Tabelle (Klick auf Termineinträge) */
tr.event a,
tr.important a,
tr.rehearsal a,
tr.cancelled a,
tr.job a,
tr.normal a,
tr.vacation a
{ display: block; }  /* damit ganze Zelle anklickbar wird */

tr.event a:link, tr.event a:visited, 
tr.important a:link, tr.important a:visited, 
tr.rehearsal a:link, tr.rehearsal a:visited, 
tr.cancelled a:link, tr.cancelled a:visited, 
tr.job a:link, tr.job a:visited, 
tr.normal a:link, tr.normal a:visited,
tr.vacation a:link, tr.vacation a:visited,
tr.vacation_now a:link, tr.vacation_now a:visited
{ color:#FFF; }

tr.event a:hover, 		tr.event a:active, 
tr.important a:hover, tr.important a:active, 
tr.rehearsal a:hover, tr.rehearsal a:active, 
tr.cancelled a:hover, tr.cancelled a:active, 
tr.job a:hover, 			tr.job a:active, 
tr.normal a:hover, 		tr.normal a:active,
tr.vacation a:hover, 		tr.vacation a:active,
tr.vacation_now a:hover, 		tr.vacation_now a:active
{ color:#F00; }


tr.separator { background-image:url(http://server.synchronize.de/back.jpg); }
td.caption { text-align:left; font-style:italic; font-size:70%; } /* 7pt = 70% */
td.caption a { display:inline; }
tr.month, td.month	{ background-color: #404040; font-weight:bold; text-align:center; color:#FFFFFF; font-size:11pt; }

tr.normal, td.normal, td.bsp_normal						{ cursor:pointer; } /*{ background-color: #202020; }*/
tr.normal_bg, td.normal_bg, td.bsp_normal_bg	{ background-color: #222; }
tr.spacing, td.spacing												{ }

tr.grey, td.grey															{ background-color: #222; }
tr.important, td.important, td.bsp_important	{ cursor:pointer; background-color: #B00000; } /* color:#F0FF00; */
tr.rehearsal, td.rehearsal, td.bsp_rehearsal	{ cursor:pointer; background-color: #000050; }
tr.event, 		td.event, 		td.bsp_event			{ cursor:pointer; background-color: #0000B0; }
tr.vacation, 	td.vacation, 	td.bsp_vacation,		
tr.vacation_now, 	td.vacation_now, 	td.bsp_vacation_now		
																							{ cursor:pointer; background-color: #005000; color:#E0E0E0; }
tr.cancelled, td.cancelled 										{ cursor:pointer; background-color: #005000; }
td.cancelled 																	{ font-weight:bold; }  /* text-decoration:blink;  */
tr.job, 			td.job,				td.bsp_job				{ cursor:pointer; background-color: #404000; color:#E0E0E0; }

tr.important, td.important, tr.vacation_now, 	td.vacation_now, 	td.bsp_vacation_now /*, tr.event, td.event, tr.vacation, td.vacation*/	
																							{ font-weight:bold; }
																							
td.bsp_important, td.bsp_rehearsal, td.bsp_event, td.bsp_vacation, td.bsp_job	{ font-size:85%; }

td.filter					 { font-size:85%; background-color: #404040; }
td.filter_active	 { font-size:85%; background-color: #5C5C5C; font-weight:bold; }
td.filter:hover, td.filter:focus { background-color: #5C5C5C; }

td.filter_caption	{ color:#B0B0B0; text-align:left; font-style:italic; font-size:70%; }

td.legende, td.legende_info			{ font-style:italic; font-size:80%; }
td.legende											{ text-align:left; }

a.filter					{ color:#B0B0B0; }
a.filter_active		{ color:#E0E0E0; }

td.tooltip_center, td.tooltip_left, td.tooltip_right	{ color: #000066; font-size:11px; font-family:arial,helvetica,sans-serif; }
td.editapp_center, td.editapp_left, td.editapp_right	{ color: #FFFF00; font-size:12px; font-family:verdana,arial,helvetica,sans-serif; }
td.tooltip_center,	td.editapp_center	{ text-align:center; }
td.tooltip_left, 		td.editapp_left		{ text-align:left; }
td.tooltip_right, 	td.editapp_right	{ text-align:right; }

tr.birthday_today	{ background-color: #B00000; color:#FFF; }
tr.birthday				{ background-color: #000050; color:#FFF; }
tr.birthday_past	{ background-color: #333; color:#FFF; }


td.collapsecontent {
	padding-left:20px; 
	padding-right:20px; 
	background-color:#002; 
	/* text-align:left; */
	border-color: #00A; 
	border-style: solid; 
	border-top-style:none; 
	border-width:1px;
}


/*****************************************************************************************/

.eventdetail table,
.eventdetail tr, .eventdetail th, .eventdetail td
{ caption-side: top; margin:0; color:#F90; text-align:left; font-size:13pt; }

.eventdetail th, .eventdetail td
{ padding:4px; }

.eventattends table
{ caption-side: top; margin:0; color:#FFF; }

.eventattends td
{ text-align:left; }

.eventattends th
{ text-align:right; }


.eventattends th, .eventattends td
{ padding:4px; }



/*****************************************************************************************/

ol, ul { list-style-position: outside; }

/*****************************************************************************************/


div.error, div.admin, div.alert_red, div.alert_green, div.alert_yellow, div.alert_blue,
td.alert_red, td.alert_green, td.alert_yellow, td.alert_blue
		 { font-size:14pt; font-weight:bold; text-align:center; color:#F00; 
        border-style:solid; border-width:6px; border-color:#800; padding:20px; margin:20px; }

div.error { margin:30px; }

div.alert_red, div.alert_green, div.alert_yellow, div.alert_blue,
td.alert_red, td.alert_green, td.alert_yellow, td.alert_blue
		 { border-width:5px; padding:15px; }

div.alert_green, td.alert_green
		 { color:#0F0; border-color:#070; }

div.alert_blue, td.alert_blue
		 { color:#00F; border-color:#007; }

div.alert_yellow, td.alert_yellow
		 { color:#FF0; border-color:#770; }

div.alert_orange, td.alert_orange
		 { color:#F90; border-color:#750; }


div.admin { font-size:22pt; margin-top:20px; margin-bottom:30px; margin-left: 20px; margin-right: 20px; }

div.error_header { font-size:30pt; text-decoration:blink; }



cite { font-size:6pt; color:#00FF00; background-color:#FFFFFF; font-style:italic; text-align:right; }
/* Copyright und Infotext am Fuß jeder Seite (inkl. Änderungsdatum) */

div.footer { font-size:6pt; color:#008080; font-style:italic; text-align:right; }
/* Copyright und Infotext am Fuß jeder Seite (inkl. Änderungsdatum) */
/* derived from <cite> */

em { font-size:8pt; color:#00FF00; background-color:#FFFFFF; font-weight:normal; font-style:normal; text-decoration:none; }
/* Link auf den "top"-anchor innerhalb jeder Datei */

div.topanchor { font-size:8pt; color:#FF0000; font-weight:normal; font-style:normal; text-decoration:none; }
/* Link auf den "top"-anchor innerhalb jeder Datei */
/* derived from <em> */

div.citation { font-size:13pt; font-weight:bold; color:#FF9900; text-align:center; }
div.citation_author { font-size:13pt; color:#FF9900; text-align:right; font-style:italic; }


/*pre { font-family:"Courier New", Courier, monospace; font-size:10pt; color:#0000C0; }*/
/* Quelltext-Beispiele */

/*tt { font-family:"Courier New", Courier, monospace; font-size:10pt; color:#0000C0; background-color:#000020; }*/
/* Quelltext-Befehle im normalen Fliesstext */

/*.code { background-color:#FFFFE0; }*/
/* Tabelleninhalte mit Quellcode */

/*.doc { background-color:#EEEEEE; } */
/* Layout-Elemente mit hellgrauem Hintergrund */

/* pre.normal { color:#00FF00; background-color:#000020; } */
/* normale praeformatierte Bereiche, nicht fuer Quelltexte */



/* **************  NAV-LEISTE TOP (orchester) *********** */
.navtop
{
text-align:center;
padding: 0;
margin: 0;
margin-top: 20px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
/*text-indent:-3em;*/
/*background-color: #004400;*/
}

.navtop .navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

.navtop .navlist li
{
display: inline;
list-style-type: none;
margin: 2px 4px;
}

.navtop .navlist a { 
	padding: 3px 20px;  
	text-decoration: none;
	white-space: nowrap;
	font-size: 10pt;
	}

.navtop .navlist a:link,
.navtop .navlist a:visited
{
color: #fff;
background-color: #036;
background-image:url(http://server.synchronize.de/back1.jpg);
}

.navtop .navlist a:hover, 
.navtop .navlist a:focus,
.navtop .navlist a:active,
.navtop .navlist a.navactive
{
color: #000;
background-color: #9BF; /* #369 */
background-image:url(http://server.synchronize.de/back1x.jpg);
}


.navtop .navlist a.navactive
{ 
font-weight: bold;
} 


/* **************  NAV-LEISTE LINKS (menue) *********** */


.navigation {
  position: absolute;
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  padding-left:  0px;
  padding-right: 0px;
  /* background-color: #003300; */
  text-align:center; 
}


.navigation p.navtext { font-size:13pt; font-weight:bold; color:#F90; text-align:center; margin: 0px; padding: 0px; padding-right: 30px; }
.navigation p.navuser   { font-size:7pt; color:#FFF; text-align:center; margin: 0px; padding: 0px; padding-right: 30px; }
.navigation p.navuser i { color:#F90; }
.navigation table { 
		margin-top: 30px; 
		margin-bottom: 30px; 
		width: 180px 
}

.navigation table a {
		padding: 3px 0px;		/* 3px Abstand Schrift zu Zellenrand */
		margin: 4px 0px;		/* 4px Abstand nach oben und unten */
		display: block;
		font-size: 11pt;
		color: #ffffff;
		background-color: #116;
		background-image:url(http://server.synchronize.de/back1.jpg);
		}

.navigation td.navsubcell {
	padding-left:30px;
}
.navigation div.navsubcell {
	margin-top:-8px;
}
.navigation table a.navsubcell {
	font-size:8pt;
}
.navigation table a.navsubcellactive {
	font-size:8pt;
}



.navigation table a:hover,
.navigation table a:focus,
.navigation table a:active,
.navigation table a.navactive,
.navigation table a.navsubcellactive
		{
		color: #000;
		background-color: #9BF;
		background-image:none;
		background-image:url(http://server.synchronize.de/back1x.jpg);
		}

.navigation table a.navactive
		{
		font-weight: bold;
		}


.navigation .navfooter { margin-top: 50px; padding-right: 30px; }