/*
  4 balls as background for frames
*/
.BackGlobal
{
  background-repeat : no-repeat;
  position          : absolute;
  top               : 40px;
  left              : 155px;
  width             : 800px;
  height            : 150px;
  padding           : 2px;
  text-align        : left;
  font-size         : 14.0pt;
  font-weight       : bold;
  overflow          : hidden;
  z-index           : 0;
}
 
#BackGlobal
{
  background-image  : url('../images/fh_logo.gif');
  color             : #D00000;
}
/*
  balls as background for the global guides
*/
       
.GuideGlobal
{
  background-repeat : no-repeat;
  position          : absolute; 
  top               : 40px;
  left              : 355px;
  height            : 150px;
  width             : 600px;
  padding           : 0px;
  line-height       : 30px;
  text-align        : center;
  vertical-align    : middle;
  font-size         : 16.0pt;
  font-weight       : bold;       
  color             : #0000FF;
  overflow          : hidden;
}   
/*
  Class for buttons
*/
       
#GuideGlobal
{
  top               : 15px;
  left              : 215px;
  z-index           : 10;
}
     
.Guide
{
  position          : absolute;
  top               : 170px;
  left              : 40px;
  height            : 400px;
  width             : 200px;
  padding           : 0px;
  text-align        : center;
  font-size         : 12.0pt;
  font-weight       : bold;         
  color             : #0000FF;
}      

.Header_Center
{   
  text-align        : center;
  font-size         : 12.0pt;
  font-weight       : bold;         
  color             : #000000;
}                 

.Header_Left
{   
  text-align        : left;
  font-size         : 12.0pt;
  font-weight       : bold;         
  color             : #000000;
}

.Header_Right
{   
  text-align        : right;
  font-size         : 12.0pt;
  font-weight       : bold;         
  color             : #000000; 
}     

.Center
{   
  text-align        : center;
  font-size         : 12.0pt;     
  color             : #000000;
}                 

.Left
{   
  text-align        : left;
  font-size         : 12.0pt;      
  color             : #000000;
}

.Right
{   
  text-align        : right;
  font-size         : 12.0pt;     
  color             : #000000;
} 
 
.Center_Uneven
{   
  text-align        : center;
  font-size         : 12.0pt;     
  color             : #000000; 
  background-color  : #BEBEBE;
}                 

.Left_Uneven
{   
  text-align        : left;
  font-size         : 12.0pt;      
  color             : #000000;    
  background-color  : #BEBEBE;
}

.Right_Uneven
{   
  text-align        : right;
  font-size         : 12.0pt;     
  color             : #000000;  
  background-color  : #BEBEBE;
}
/*
  3 classes for showing members
*/

.member
{
  background-image  : url('../images/Ball_White_400.gif');
  background-repeat : no-repeat;
  position          : absolute;
  top               : 50px;
  left              : 100px;
  width             : 400px;
  height            : 400px;
  text-align        : center;
  font-size         : 12.0pt;
  font-weight       : bold;
  color             : #D00000;
  overflow          : hidden;
  visibility        : hidden;
}

.member_foto
{
  background-repeat : no-repeat;
  position          : absolute;
  top               : 70px;
  left              : 240px;
  width             : 120px;
  height            : 150px;
  text-align        : center;
  overflow          : hidden;
  visibility        : hidden;
}

.member_text
{
  position          : absolute;
  top               : 200px;
  left              : 100px;
  width             : 400px;
  height            : 250px;
  text-align        : center;
  font-size         : 12.0pt;
  font-weight       : bold;
  color             : #D00000;
  overflow          : hidden;
  visibility        : hidden;
}
/*
  id for frames
*/
/*
  id for month (overview of dates)
*/
#dates_month
{
  position          : absolute;
  top               : 240px;
  left              : 235px;
  height            : 480px;
  width             : 20px;
  padding           : 5px;
  text-align        : center;
  font-size         : 20.0pt;
  font-weight       : bold;
  overflow          : auto;
  color             : #D00000;
}
/*
  id for years (overview of dates)
*/
#dates_years
{
  position          : absolute;
  top               : 240px;
  left              : 885px;
  height            : 480px;
  width             : 60px;
  padding           : 5px;
  text-align        : center;
  font-size         : 20.0pt;
  font-weight       : bold;
  overflow          : auto;
  color             : #D00000;
}
      
#mousePointer
{
	cursor            : pointer;
}
/*
  class for flags
*/
.Flags
{
  border : 0;
}
/*
  classes for the 4 colours and alignment
*/
.TextColour_01
{
  color             : #E2E022;
  font-weight       : bold;
}
      
.TextColour_01_und
{
  text-decoration   : underline;
  color             : #E2E022;
  font-weight       : bold;
}

.TextColour_01_Centre
{
  text-align        : center;
  vertical-align    : middle;
  color             : #E2E022;
  font-weight       : bold;
}

.TextColour_01_Just
{
  text-align        : justify;
  vertical-align    : middle;
  color             : #E2E022;
  font-weight       : bold;
}

.TextColour_01_Left
{
  text-align        : left;
  color             : #E2E022;
  font-weight       : bold;
}

.TextColour_01_Right
{
  text-align        : right;
  color             : #E2E022;
  font-weight       : bold;
}

.TextColour_02
{
  color             : #0000FF;
  font-weight       : bold;
}

.TextColour_02_und
{
  text-decoration   : underline;
  color             : #0000FF;
  font-weight       : bold;
}

.TextColour_02_Centre
{
  text-align        : center;
  vertical-align    : middle;
  color             : #0000FF;
  font-weight       : bold;
}

.TextColour_02_Just
{
  text-align        : justify;
  vertical-align    : middle;
  color             : #0000FF;
  font-weight       : bold;
}

.TextColour_02_Left
{
  text-align        : left;
  color             : #0000FF;
  font-weight       : bold;
}

.TextColour_02_Right
{
  text-align        : right;
  color             : #0000FF;
  font-weight       : bold;
}

.TextColour_03
{
  color             : #FFFFFF;
  font-weight       : bold;
}

.TextColour_03_und
{
  text-decoration   : underline;
  color             : #FFFFFF;
  font-weight       : bold;
}

.TextColour_03_Centre
{
  text-align        : center;
  vertical-align    : middle;
  color             : #FFFFFF;
  font-weight       : bold;
}

.TextColour_03_Just
{
  text-align        : justify;
  vertical-align    : middle;
  color             : #FFFFFF;
  font-weight       : bold;
}

.TextColour_03_Left
{
  text-align        : left;
  color             : #FFFFFF;
  font-weight       : bold;
}

.TextColour_03_Right
{
  text-align        : right;
  color             : #FFFFFF;
  font-weight       : bold;
}

.TextColour_04
{
  color             : #D00000;
  font-weight       : bold;
}

.TextColour_04_und
{
  text-decoration   : underline;
  color             : #D00000;
  font-weight       : bold;
}

.TextColour_04_Centre
{
  text-align        : center;
  vertical-align    : middle;
  color             : #D00000;
  font-weight       : bold;
}

.TextColour_04_Just
{
  text-align        : justify;
  vertical-align    : middle;
  color             : #D00000;
  font-weight       : bold;
}

.TextColour_04_Left
{
  text-align        : left;
  color             : #D00000;
  font-weight       : bold;
}

.TextColour_04_Right
{
  text-align        : right;
  color             : #D00000;
  font-weight       : bold;
}

.portrait
{
  border            : 0px;
  width             : 93px;
}

.foto_land
{
  border            : 0px;
  width             : 160px;
}

.foto_port
{
  border            : 0px;
  height            : 160px;
}

.foto_port_107
{
  border            : 0px;
  height            : 107px;
}

.foto_port_120
{
  border            : 0px;
  height            : 120px;
}

.foto_tab
{
  width             : 33%;
  height            : 160px;
  text-align        : center;
}
      
.date_tab
{
  width             : 60px;
  height            : 20px;
}

.time_tab
{
  width             : 40px;
  height            : 20px;
}

.text_tab
{
  width             : 321px;
  height            : 20px;
}

.place_tab
{
  width             : 246px;
  height            : 20px;
}

.name_tab
{
  width             : 200px;
  height            : 20px;
}

.member_col
{
  width             : 50%;
}

.frame_table
{
  width             : 100%;
  border-collapse   : collapse;
  border            : 0px;
  padding           : 0px;
  font-weight       : normal;
  text-align        : center;
}
/*
  Class for buttons
*/
.button
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 12.0pt;
  font-weight       : bold;
  background-color  : #FF4040;
}
/*
  class for selection boxes
*/
.select_box
{
  border-width      : 1px;
  border-style      : solid;
  border-color      : #FF4040;
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 12.0pt;
}

.frame
{
  background-image      : url('back.gif');
  background-repeat     : no-repeat;
  background-color      : #FFFFFF;
  background-position   : center 50%;
  background-attachment : fixed;
  padding               : 10px;
  font-family           : 'Times New Roman', sans-serif;
  color                 : #000000;
}

.selection
{
  background-image      : url('back.gif');
  background-repeat     : no-repeat;
  background-color      : #FFFFFF;
  background-position   : center 50%;
  background-attachment : fixed;
  padding               : 10px;
  font-family           : 'Times New Roman', sans-serif;
  color                 : #000000;
}

.frame a:active
{
  font-weight       : bolder;
  color             : #000000;
  text-decoration   : none;
}

.frame a:link
{
  font-weight       : bolder;
  color             : #000000;
  text-decoration   : none;
}

.frame a:visited
{
  font-weight       : bolder;
  color             : #000000;
  text-decoration   : none;
}

body, textarea
{
  font-family       : 'Times New Roman', sans-serif;
  color             : #111111;
}

.small
{
  background-repeat     : no-repeat;
  background-color      : #FFFFFF;
  background-position   : center 50%;
 	background-attachment : fixed;
 	padding               : 10px;
}

.table_input
{
  width             : 80px;
  height            : 5px;
}
      
.head_table
{
  font-size         : 11.0pt;
  font-weight       : 700;
  color             : #FFFFFF;
  font-family       : 'Arial', sans-serif;
  text-align        : center;
  white-space       : normal;
  font-style        : normal;
  text-decoration   : none;
  vertical-align    : middle;
  border            : medium none;
  padding-left      : 1px;
  padding-right     : 1px;
  padding-top       : 1px;
}

.date_table
{
  font-size         : 11.0pt;
  font-weight       : 300;
  color             : #FFFFFF;
  font-family       : 'Arial', sans-serif;
  text-align        : center;
  white-space       : normal;
  font-style        : normal;
  text-decoration   : none;
  vertical-align    : middle;
  border            : medium none;
  padding-left      : 1px;
  padding-right     : 1px;
  padding-top       : 1px;
}
/*
  Fonts
*/
.CSMS2
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 10pt;
  font-weight       : normal;
}

.CSMS2B
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 10pt;
  font-weight       : bold;
}

.CSMS2BR
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 10pt;
  font-weight       : bold;
  color             : #D00000;
}

.CSMS2R
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 10pt;
  color             : #D00000;
  font-weight       : normal;
}

.CSMS3
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 12pt;
  font-weight       : normal;
}

.CSMS5B
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 18pt;
  font-weight       : bold;
}

.CSMS22B
{
  font-family       : 'Comic Sans MS', Helvetica;
  font-size         : 22pt;
  font-weight       : bold;
}

.TNR2
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 10pt;
  font-weight       : normal;
}

.TNR2B
{
  font-family        : 'Times New Roman', sans-serif;
  font-size          : 10pt;
  font-weight        : bold;
}

.TNR2BB
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 10pt;
  font-weight       : bold;
  color             : #FF4040;
}

.TNR2BR
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 10pt;
  font-weight       : bold;
  color             : #D00000;
}

.TNR2BU
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 10pt;
  font-weight       : bold;
  text-decoration   : underline;
}

.TNR2R
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 10pt;
  color             : #D00000;
  font-weight       : normal;
}

.TNR3
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 12pt;
  font-weight       : normal;
}

.TNR3B
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 12pt;
  font-weight       : bold;
}

.TNR4
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 14pt;
  font-weight       : normal;
}

.TNR4B
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 14pt;
  font-weight       : bold;
}

.TNR5
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 16pt;
  font-weight       : normal;
}

.TNR5B
{
  font-family       : 'Times New Roman', sans-serif;
  font-size         : 16pt;
  font-weight       : bold;
}

.VERD9R
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 9pt;
  color             : #FFFFFF;
  font-weight       : normal;
}

.VERD2
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 10pt;
  font-weight       : normal;
}

.VERD2B
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 10pt;
  font-weight       : bold;
}

.VERD4
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 14pt;
  font-weight       : normal;
}

.VERD4B
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 14pt;
  font-weight       : bold;
}

.VERD6
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 24pt;
  font-weight       : normal;

}

.VERD6B
{
  font-family       : 'Verdana', Helvetica;
  font-size         : 24pt;
  font-weight       : bold;
}

/*
  Fonts end
*/