/*
**********************************
*** BODY and DIVS ****************
*/
BODY {
  background-image: url('/style/background/paisley_red6.jpg');
	background-color: #9b3b2e;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11pt;
	color: #000000;
	padding: 0px;
	margin: 0px;
   }


#menu {
    position: absolute; 
    left: 0px;
    top: 0px;
    width:160px;
    height: 100%;
    border: solid 0px #000;
    padding: 0px;
    margin-left: 0px;
    z-index: 1;
}

#menubar {
    position: absolute; 
    left: 10px;
    top: 60px;
    width:130px;
    border: solid 0px #000;
    padding: 10px;
    margin-left: 0px;
    z-index: 1;
}

#title {
    position: absolute; 
    left: 0;
    right: 0;
    top: 4px;
    height: 50px;
    width: 99%;
    margin: 0px;
    padding-top: 5px;
    vertical-align: bottom;
    z-index: 2;
}

#body {
    position:relative;
    left: 0;
    top: 60px;
    margin-left: 160px;
    margin-right: 160px;
    margin-bottom: 75px;
    padding: 10px;
    background-color: #ffe8b0;
    border-width: 1px;
    border-color: #000000;
    border-style:solid;
    overflow: hidden;
    min-width: 600px;
    z-index: 2;
    text-align: justify
}



/* Startbody is used on the home page;
it is narrower than the regular body,
in order to display concert announcements on the right
*/

#startbody {
    position:relative;
    left: 0;
    top: 60px;
    margin-left: 160px;
    margin-right: 260px;
    margin-bottom: 75px;
    padding: 10px;
    background-color: #ffe8b0;
    border-width: 1px;
    border-color: #000000;
    border-style:solid;
    z-index: 2;
    text-align: justify;
    min-width: 480px;
}

#terminbody {
    position:relative;
    left: 0;
    top: 60px;
    margin-left: 160px;
    margin-right: 200px;
    margin-bottom: 75px;
    padding: 10px;
    background-color: #ffe8b0;
    border-width: 1px;
    border-color: #000000;
    border-style:solid;
    z-index: 2;
    text-align: justify;
    min-width: 480px;
}

#bottom {
    position: relative;
    height: 32px;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    text-align: center;
    vertical-align: bottom;
    color: #ffe8b0;
    font-weight: bold;
}
/*
For the home page: right column with
concert announcements ('termine') in separate divs
*/

#startright {
    position: absolute;
    right: 20px;
    margin-top: 50px;
    border: solid 0px #000;
    padding: 10px;
    width: 220px;
    min-width: 220px;
    z-index: 3;
}

#terminright {
    position: absolute;
    right: 20px;
    margin-top: 50px;
    border: solid 0px #000;
    padding: 10px;
    width: 160px;
    min-width: 160px;
    z-index: 3;
}

#termin {
    position: relative;
    padding: 4px;
    background-color: #ffe8b0;
    border-width: 1px;
    border-color: #000000;
    border-style:solid;
    width: 190px;
    min-width: 190px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 11px;
     }

#kalender {
    position: relative;
    padding: 4px;
    background-color: #ffe8b0;
    border-width: 1px;
    border-color: #000000;
    border-style:solid;
    width: 140px;
    min-width: 140px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 11px;
     }
     
#galerie {
    text-align: center;
    }
/*

Images have no padding, and a margin of 10px
*/
        
IMG {
    position: relative;
    padding: 0px;
    margin: 10px;
    border: 0px;
    }

IMG#welcomeimage {
    margin: 20px;
    margin-top: 10px;
    float: left;
    }

IMG#rechts {
	margin-left: 30px;
	margin-bottom: 10px;
  float: right;
  vertical-align: text-top;  
	}

IMG#galerie {
    border: 1px;
    border-style: solid;
    border-color: #000000;
    }
    	
#bildtitel {
    text-align: right;
    font-size: 12px;
    font-style: oblique;
    margin-bottom: 40px;
    padding-right: 0px;
    margin-right: 10px;
    }
    
HR {
    border-color: #a4a4a4;
    border-width: 1px;
    background-color: #a4a4a4;
    borderstyle: solid;
    }
/*
*******************************
*** Text formatting ***********
*******************************
*/
    
P {
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    }
    
P#noindent {
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 20px;
    }

P#small
   {
      text-align: center;
      margin: 0px;
      padding: 0px;
      font-size: 9pt;
    }   
    
p#tip
    {
      text-align: justify;
      margin-top: 8px;
      margin-bottom: 0px;
      padding: 0px;
      font-size: 9pt;
    }

P.new
    { 
      font-family: Arial;
      font-style: normal;
      text-align: left;
      color: #FFFFFF;
      padding: 0px;
      font-size: 9pt;
        margin-top: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
		text-align: left;
    }
       
H1 {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 17pt;
	text-align:left;
	color: #000000;
	margin-top: 24px;
	margin-bottom: 8px;
	}

H1#firsttime {
    margin-top: 10px;
   }

H2 {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 15pt;
	color: #000000;
	margin-top: 12px;
	margin-bottom: 8px;
	text-align:left;
}


H3 {
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #000000;
	margin-top: 25px;
	margin-bottom: 8px;
	text-align:left;
	}
	
H1.inmenu {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	text-align:center;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 2px;
   }


H2.inmenu {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #FFD401;
	margin-top: 0px;
	margin-bottom: 2px;
		text-align: left;
}


H3.inmenu {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FFD401;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
		text-align: left;
	}
/*
Page caption is in a yellow font with a black
background fading into yellow (captionbackground.png)
*/

H1#caption {
font-family: Arial;
    margin-top: 0px;
    background-color: #a4a4a4;
    /*background-image: url('/style/background/captionbackground.png');*/
    background-repeat: repeat-y;
    background-position: 0px 0px;
    	border-bottom-width:1px;
	border-bottom-color:#858585;
	border-bottom-style:solid;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    text-align: left;
    font-size: 19pt;
    font-weight: bold;
    color: #ffe8b0;
    height: 30px;
    min-width: 100%;
    display: block;
     }

/*
id name is used for displaying Kristof's name
at the top of the page
*/

H1#name {
    color: #ffe8b0;
    margin-top: 0px;
    margin-bottom: 0x;
    padding: 0px;
    font-size:24pt;
    text-align: center;
    vertical-align: bottom;
    background-image: none;
    }
    
/*
******************************************
*** Termine for concert announcements ****
******************************************
*/

H1#termindate {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	background-color: #a4a4a4;
	border-color: #000000;
	border-bottom-width:1px;
	border-bottom-color:#858585;
	border-bottom-style:solid;
	color: #ffe8b0;
	margin-top: -4px;
	margin-left: -4px;
	margin-right: -4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	
	}

H1#termine {
    color: #ffe8b0;
    margin-top: 0px;
    margin-bottom: 0x;
    margin-left: 20px;
    padding: 0px;
    font-size:11pt;
    text-align:left;
    font-weight: bold;
    vertical-align: bottom;
    background-image: none;
    }

/*
****************************************
*** Concert Agenda / Terminkalender ****
Iterate:    H3 id="tdate" - 1. Januar
            IMG id="tpic" ... Bild, wenn gewünscht aus /pic/terminpics
         	p id="tcat" - Oper, Operette, Konzert, Chanson, Varieté
         	P id="ttime" - Sunday, 00:00 Uhr - Sesamstraße 1
         	P id="ttitle" - Der Die Das
         	P id="tdesc" - Nice performance of German <Q>Sesame Street's</Q> opening tune
         	P id="tdetails" - Any small comments
*/




	
#tmonat {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 15pt;
	text-align:left;
	color: #000000;
	margin-top: 24px;
	margin-bottom: 8px;
	padding-bottom: 2px;
	display: block;
	}

#tdate {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 15pt;
	text-align:left;
	color: #000000;
	margin-top: 28px;
	margin-bottom: 8px;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	}

#tarch {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	text-align:left;
	color: #000000;
	margin-top: 28px;
	margin-bottom: 8px;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	}
		
#ttime {
	font-family: Arial;
	font-style: oblique;
	font-weight: normal;
	font-size: 11pt;
	display: block;
	margin-bottom: 4px;
	text-align: left;
	}
	
#tcat {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 11pt;
	display: block;
	margin-top: 0px;
	margin-bottom: 2px;
	text-align: left;
	}

#ttitle {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	margin-left: 40px;
	display: block;
	margin-bottom: 4px;
	margin-top: 20px;
	text-align: left;
	}

#tdesc {	
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11pt;
	margin-left: 40px;
	display: block;
	margin-bottom: 8px;
	}
	
#tdetails {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	margin-left: 60px;
	display: block;
	margin-bottom: 4px;
	}
	
#oben {
	display: none;
	}
	
#top {
	text-align: right;
	}


/*
**************************************************
************ Lebenslauf & Engagements ************
**************************************************
*/




	

	
H3#vita {
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #000000;
	margin-top: 12px;
	margin-bottom: 8px;
	margin-left: 20px;
	}

#vtext {
    margin-top: 0px;
    margin-bottom: 8px;
    margin-left: 40px;
    text-align: left;
    }
    
#vtextsm {
		font-size: 9pt;
    margin-top: 0px;
    margin-bottom: 6px;
    margin-left: 40px;
    text-align: left;
    }

    
#vcat {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 11pt;
	display: block;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 40px;
	text-align: left;
	}


#admintitel {
	margin-top: 12px;
	margin-bottom: 4px;
	font-size: 15pt;
	}
	
#adminuntertitel {
	margin-top: 0px;
	font-size: 13pt;
	}

#adminkomponist {
	margin-top: 4px;
	margin-left: 20px;
	}
		
#adminkat {
	font-weight: bold;
	margin-bottom: 24px;
	}
	

	
/*
**************************************************
***************** Repertoire *********************
**************************************************
*/
	
#rep {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	margin-left: 20px;
	display: block;
	margin-bottom: 4px;
	margin-top: 10px;
	text-align: left;
	}
	
#rrolle {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 11pt;
	display: block;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: left;
	}
	
#rtext {
	font-size: 10pt;
	font-style: normal;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 60px;
  text-align: left;
  }
	

/*
************************************************
****** Presse **********************************
************************************************
*/

#pressetitel {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 17pt;
	text-align:left;
	color: #000000;
	margin-top: 28px;
	margin-bottom: 10px;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	}
	
#untertitel {
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #000000;
	margin-top: 6px;
	margin-bottom: 16px;
	text-align:left;
}
	
#quelle {
	font-style: oblique;
	text-align: left;
	font-size: 10pt;
	margin-top: 16px;
	margin-right: 20px;
	display: block;
	margin-bottom: 4px;
	}
	
IMG#presse {
	padding-left: 10px;
	padding-bottom: 10px;
  float: right;
	}	

/*
************************************************
********* Bilderspalte rechts ******************
************************************************
*/

#imgcol {
    position: absolute;
    right: 20px;
    margin-top: 50px;
    border: solid 0px #000;
    padding: 0px;
    width: 260px;
    height: 100%;
    background-color: #000000;
}

/*
************************************************
****** Hyperlinks ******************************
************************************************
*/

#linktitel {
	font-family: Verdana;
	font-style: normal;
	font-weight: normal;
	font-size: 15pt;
	text-align:left;
	color: #000000;
	margin-top: 28px;
	margin-bottom: 8px;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	}
	
A {
	text-decoration: none; color: #D00000
	}

A#klein {
    font-style: normal
	}


A:visited {
	color: #800000;
	}

A:active {
	color: #E00000;
   }

A#body:hover {
    background-color: #ead4a0;
   }

A.inmenu {
	text-decoration: none; color: #ffe8b0;
		}

A.inmenu#klein {font-style: normal}


A.inmenu:visited {
	color: #ffe8b0;
	}

A.inmenu:active {
	color: #ffffff;
   }

A.inmenu:hover {
	color: #ffffff;
   }
   
   
/*
Mail address in grey/white
*/

A#mail {
    color: #ffe8b0;
    }

A#mail:active {
    color: #ffffff;
    }
    
A#mail:hover {
    color: #ffffff;
    }
    
A#mail:visited {
    color: #ffe8b0;
    }
    
/*
Link für Termine auf der ersten Seite
*/

A#date {
	text-decoration: none; color: #ffefc7;
		}

A#date:visited {
	color: #ffefc7;
	}

A#date:active {
	color: #ffefc7;
   }

A#date:hover {
	color: #ffefc7;
	background: none;
   }
    
/*
Link vom Icon oder Bild ohne roten Rahmen
Silly temporary solutation: for some reason background: none does
not work
*/
		
A#shortcut:hover {
	    background-color: #ffe8b0;
	}

/*
Anker auf der Presse- und anderen Seiten
*/

A#anker {
		color: #000000;
		}


/*
Anker auf der Presseseite ist unsichtbar
*/

A#anker:hover {
		color: #000000;
		background-color: #ffefc7;
		}

/*
***************************
****** General things *****
***************************
*/

/*
Make sure that default font also works in tables
*/

TABLE {
    position: relative;
    min-width:0px;
    }
    
TD {
    position: relative;
    vertical-align: top;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11pt;
	padding-right: 16px;
	min-width: 0px;
	text-align: left;
   }
   
TH {
	text-align: left;
	}
	   
P#presseindex {
    font-size: 8pt;
    margin-top: 0px;
    margin-bottom: 3px;
    }

TD#leftside {
    width: 100%;
    }
    
TD#rightside {
    width: 240px;
    text-align: right;
    }
      
/*
Silly solution for easily producing those funny German quotes
*/
 Q { quotes: '„' '“' }
 
 /*
***********************************************
************ Kalender *************************
***********************************************
*/
	
TABLE#caltable {
    left: 0px;
    }
    
TH#calmonth {
    font-size: 11pt;
    font-weight: bold;
    text-align: right;
	}
	
TH#calday {
    font-size: 9pt;
    text-align: right;
    font-weight: bold;
    padding: 1px;
    }

TD#calnum {
	font-size: 8pt;
	text-align: right;
	padding: 1px;
	}


.boxpopup {
    padding: 4px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: #000000;
    border-style:solid;
    font-size: 8pt;
    } 

#pdq {
	accelerator:none;
	azimuth:inherit;
	clip:none;
	filter:none;
	float:none;
	page:none;
	ruby-align:none;
	ruby-overhang:none;
	ruby-position:none;
	widows:none;

	position:absolute;
	visibility:hidden;
	z-index:200;
}