/* site margins */
body {
   background:#FFFFFF;
   margin-top:15px; /* was 25px */
   margin-bottom:5px;
   margin-right:10px;
   margin-left:10px}
   
.bgWhite {
	background-color:#ccccff;
   	margin-right:30px;
   	margin-left:30px;
}	   

/* light grey background*/
.bgLightGrey {
   background-color:#aaaadb;
}

.bgGrey {
   background-color:#dbdbdb;
}

.bgPiano01 {
	background-image:url(pics/piano02.gif);
	background-repeat:no-repeat;
}	   

/* common text formats */
p,div,td,th,li,ul {
   font-family:Georgia, Serif;
   font-size:8pt;
   margin-left:5px;
   vertical-align:top;
}

p,li,ul,a,div,i,h4,h5,td {
  line-height:150%;
  color:#000055;
}

/* paragraph */
p {
  text-align:justify; 
}

/* headlines */
h1 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   font-size:x-large }
h2 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-size:x-large;}
h3 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-size:14pt;}
h4 {
   margin-left:5px;
   font-family:Georgia,Serif;
   font-weight:normal;
   font-size:medium }
h5 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   font-size:small }
h6 {
   margin-left:5px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   font-style:italic;
   font-size:small }

/* page titles */
.title {
   font-size:x-large;
   font-weight:normal;
   vertical-align:bottom;
   text-align:right;
   padding-right:10px;
   }

.titleWhite {
   font-size:x-large;
   font-weight:normal;
   background-color:#FFFFFF;
   vertical-align:bottom;
   text-align:right;
   padding-right:10px;
   }

/* ...and subtitles */
.subtitle {
   font-size:medium;
   font-weight:normal;
   color:#ffffff;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:left;
   padding-left:10px;}

/* language links on index page */
.languages {
  /* font-size:x-small;
   font-weight:normal; */
   color:#000055;
 /*  background-color:#373B4C; */
   vertical-align:middle;
   text-align:left;
   margin:none; /* this line new */
   padding:none; /* this line new */
   /* padding-left:10px; */
  /* padding-right:2px;  */
}
   

 .languages:link {
   color:#000000;}
.languages:visited {
   color:#000000;}
.languages:active {
   color:#000000;}
.languages:hover {
   color:#000080;
}
   
.inversLinkLine {
   font-size:x-small;
   font-weight:normal;
   color:#000000;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:left;
   padding-left:10px;}

/* source on top of the page */
.sourcehead {
   font-size:small;
   font-weight:normal;
   color:#999999;
   background-color:#FFFFFF;
   vertical-align:middle;
   text-align:right;
   padding-right:10px;
}

/* last update */
.updated {
   font-size:x-small;
   font-weight:normal;
   color:#ffffff;
   background-color:#373B4C;
   vertical-align:middle;
   text-align:right;
   padding-right:10px;
}

/* navigation bar */
.navibar {
   font-size:small;
   font-weight:normal;
   background-color:#C5C3D4;
/*   background-color:#AEB3BF;*/
   vertical-align:top;
   text-align:left;
   padding-top:10px;
   }

/* navigation head */
.navihead {
   font-size:small;
   font-weight:normal;
   background-color:#AEB3BF;
   vertical-align:middle;
   text-align:center;
   padding:5;
   }

/* content area */
.content {
   font-size:small;
   font-weight:normal;
   background-color:#ffffff;
   vertical-align:top;
   text-align:left;
   padding:10;
   }

/* footnotes*/
.fn {
   font-size:x-small;
   text-indent:-0.3cm;
   margin-left:0.3cm;
   vertical-align:top;
}

/* footnotes without text-indent*/
.fno {
   font-size:x-small;
   vertical-align:top;
}

.fnSign {
   font-size:x-small;
   vertical-align:top;
}

/* marginal*/
.marginal {
   font-size:x-small;
   margin-left:1.5cm;
}

/* links */
a {
   font-family:Georgia,Serif;
     font-size:8pt;
   text-align:left; }

a:link  { color:#2E5282; /* was #005; */ text-decoration:none; }

a:visited {
   color:#3333cc;
   text-decoration:none;
   }

a:hover  { color:#2E5282; text-decoration:underline; } /* was: no color specified, underline; a1 */
   
a:active  { color:#005; text-decoration:none; }
 
 /* links inside the page */
.inverslink {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:8pt }
.inverslink:link {
   color:#FFFFFF;}
.inverslink:visited {
   color:#FFFFFF;}
.inverslink:active {
   color:#FFFFFF;}
.inverslink:hover {
   color:#ff9900;
}
   
/* any tag made bold */
.bold {
   font-weight:bold;
}

/* any tag made light */
.light {
   font-weight:lighter;
}

/* any tag made light */
.normalWeight {
   font-weight:normal;
}

/* any tag made italic */
.italic {
   font-style:italic;
}

/* any tag made italic */
.normalStyle {
   font-style:normal;
}


/* any tag made small */
.small {
   font-size:x-small;
}

/* any tag made small && bold */
.smallBold {
   font-size:x-small;
   font-weight:bold;
}

/* any tag made small && bold */
.smallItalic {
   font-size:x-small;
   font-style:italic;
}

/* any tag made large */
.large {
   font-size:medium;
}

/* any tag made large */
.xlarge {
   font-size:x-large;
}

/* any tag made larger */
.larger {
   font-size:larger;
}

/* any tag made smaller */
.smaller {
   font-size:smaller;
}


/* any tag made align right, class for pdf links */
.pdf {
   text-align:right;
}

.right {
   text-align:right;
}

.left {
   text-align:left;
}

.center {
   text-align:center;
}

/* variable margin */
.margin_02 {
   margin-left:0.2cm;
}

.margin_05 {
   margin-left:0.5cm;
}

.margin_10 {
   margin-left:1cm;
}
.margin_15 {
   margin-left:1.5cm;
}

.margin_30 {
   margin-left:3cm;
}

/* variable line height */
.line_30 {
  line-height:30%;
}  

.line_50 {
  line-height:50%;
}  

.line_75 {
  line-height:75%;
}  

.line_100 {
  line-height:100%;
}  

.line_120 {
  line-height:120%;
}  

.line_150 {
  line-height:150%;
}  

/* text color*/
.black {
   color:#000000;
}

.darkGrey {
   color:#373B4C;
}

.grey {
   color:#AEB3BF;
}

.lightGrey {
   color:#B1B4C0;
}

.white {
   color:#FFFFFF;
}

.black {
   color:#000000;
}