  BODY {
  	font-family: Arial, Verdana, Helvetica, sans-serif; 
  	font-size: 150%;  
  	color: #FFFFFF; 
  	text-decoration: none;
  	background-color:#000000;
  	margin:20px;
  	}
P, DIV, TD, TR, TABLE, LI, UL, OL {
  	font-family: Arial, Verdana, Helvetica, sans-serif; 
  	font-size: 100%;  
  	color: #FFFFFF; 
  	text-decoration: none;
  	background-color:#000000;
}

  A:link, :active, :visited {
  	font-family: Arial, Helvetica, sans-serif; 
  	font-size: 100%;   
  	font-weight: bold; 
  	color: #FFFF00; 
  	text-decoration: underline
  }
 
  A:hover {
  	font-family: Arial, Helvetica, sans-serif; 
  	font-size: 100%;   
  	font-weight: bold; 
  	color: #000000; 
  	background-color:#FFFFFF;
   	text-decoration: underline
  } 

A.mod:hover{
border:0px solid #000000;
}

   
  H1 {
  	font-family: Arial, Helvetica, Verdana, sans-serif; 
  	font-size: 120%; 
  	font-style: bold; 
  	color: #FFB200;
  }
  
  H2 {
  	font-family: Arial, Helvetica, Verdana, sans-serif; 
  	font-size: 110%; 
  	font-style: normal; 
  	color: #FFB200;
  }
  
  H3 {
  	font-family: Arial, Helvetica, Verdana, sans-serif; 
  	font-size: 100%;
  	font-style: normal; 
  	color: #FFB200;
  }
  
  
  
 TABLE{
 
 border-spacing:0px;
 border-width:1px;
 border-width:1px;
border-collapse:collapse; 
 padding:0px;
 } 
  
 TD{
 padding:10px;
 } 
  
 
HR{
	height:3px;
	color:#FFB200; 
	background-color:#FFB200;
	border-width:0px;
}



.calendar
{
	
}

.calendar .headline {
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom : 1pt solid Black;
	border-left : 0pt solid Black;
	border-right: 0pt solid Black;
	border-top : 0pt solid Black;
}

.calendar .headline A:link {
	color: #FFFFFF;
	text-decoration: none;
}

.calendar .headline A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.calendar .headline A:hover {
	color: #FF0000;
	text-decoration: none;
}

.calendar .headline .today_select  {
	background-color: #77AADD;
	border-top: 1pt solid Black; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align : center;
	text-decoration: underline;	
    	font-size: 65%;
}


.calendar .overview {
	background-color: #FEFADE;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	text-align : center;
	border-left : 1pt solid Black;
	border-right: 1pt solid Black;
	border-bottom : 1pt solid Black;
	height: 100%;
	width: 100%;
}

.calendar .overview A:link {
	text-decoration: none;
}

.calendar .overview A:visited {
	text-decoration: none;
}

.calendar .overview A:hover{
	background-color: #FF0000;
	color: #FFFFFF;
	text-decoration: none;
}

.calendar .overview .last_month {
	color: #CCCCCC;
}

.calendar .overview .next_month {
	color: #CCCCCC;
}

.calendar .overview #today {
	color: #FFFFFF;
	background-color: #FF9933;
}

.calendar .overview #selected {
	color: #FFFFFF;
	background-color: #FF0000;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .dayname {
	background-color: #FEFADE;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .reserved {
	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;
}


}
#viewer {
	background-color:#FFFFBA;
	padding:0px;
	margin:0px;
	width: 765px;
	height: 400px;
}
#viewer_keret {
	background-image: url('hatter.png');
	padding:5px;
	top:100px;
	left:10px;
	width: 775px;
	position:relative;
}