/* Stylesheet - www.hei-tennis.dk - Tom Kjeldsen */



/* Define the style for the body */

body {
	font-size: 1.0em;
	font-family: verdana, arial, helvetica, sans-serif;
	/* font-family: 	arial, helvetica, sans-serif; */

/* font: 0.8em "Trebuchet MS", Helvetica, Arial, sans-serif; */

text-align:left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background: #ffffff url(hei-tennistennisbaggrund.gif);
	color: #000000;

}



/* Define style for basic measurement */

.xxsmall {  font-size: xx-small }

.xsmall {  font-size: x-small }

.small {  font-size: small }

.medium {  font-size: medium }

.large {  font-size: large }

.xlarge {  font-size: x-large }

.xxlarge {  font-size: xx-large }



div.menu {

float:left;

/* width:250px;*/

}



div.float {

float:left;

text-align: left;

/* 

padding: 1px;

*/

}



div.right {

float:right;

}



.menutekst

{

font-size: 0.8em;

color: #CCCCCC;

font-weight: bold;

}

.menutekst A:link {text-decoration: none; color: #CCFFFF;}

.menutekst A:visited {text-decoration: none; color: #CCFFFF;}

.menutekst A:active {text-decoration: none; color: #CCFFFF;}

.menutekst A:hover {text-decoration: underline; color: #FFFFFF;}



.webcammenutekst

{

font-size: 0.8em;

color: #CCCCCC;

font-weight: bold;

background: #3366FF;

}



.ingen-link-understreg-menu

{

color: #CCCCCC;

}

.ingen-link-understreg-menu A:link {text-decoration: none; color: #FFFFFF;}

.ingen-link-understreg-menu A:visited {text-decoration: none; color: #FFFFFF;}

.ingen-link-understreg-menu A:active {text-decoration: none; color: #FFFFFF;}

.ingen-link-understreg-menu A:hover {text-decoration: underline;}



.gbog

{

font-size: 0.3em;

}

.nyhedoverskrift

{	

font-size: 0.8em;

}

p.nyhed

{

font-size: 0.8em;

}

p.beskrivside

{

  font-size: 0.8em;

}

p.kolofon

{

  font-size: 0.7em;

/*  font-size: 8pt; */

	color: #000000;

}

p.overskrift1

{
	font-size: 1.2em;
	color: #000000;

}

.medbaggrund {

font-family: verdana, arial, helvetica, sans-serif;

font-size: 0.8em;

background: #CCFFFF;

color: #000000;

}



.heistat {

font-family: verdana, arial, helvetica, sans-serif;

font-size: 0.6em;

/* font-size: x-small; */

background: #CCFFFF;

color: #000000;

}



.heiupdate0 {

font-size: 0.3em;

color: #999999;

}

.heiupdate1 {

font-size: 0.3em;

color: #CC9999;

}

.heiupdate2 {

font-size: 0.4em;

color: #CC6600;

}

.heiupdate3 {

font-size: 0.5em;

color: #CC6600;

}

.heiupdate4 {

font-size: 0.6em;

color: #FF0033;

}





/* Define style for links */

a 

{ 

	text-decoration:underline; 

	color:#0000CC;

	background:transparent;

}

a.plain 

{ 

	text-decoration: none 

}

a:hover 

{ 

	color:#900000; 

	background:#999999;

}

p.usynlig

{

	color: #FFFFFF;

}





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

MENU

(c) 2007, Tom Kjeldsen

http://www.hei-tennis.dk

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



/* Show only to IE PC \*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */



.sidebox {

	margin: 0 auto; /* center for now */

	width: 11em; /* ems so it will grow */

	background: url(sbbody-r-hei.gif) no-repeat bottom right;

	font-size: 100%;

}

.boxhead {

	background: url(sbhead-r-hei.gif) no-repeat top right;

	margin: 0;

	padding: 0;

	text-align: center;

}

.boxhead h2 {

	background: url(sbhead-l-hei.gif) no-repeat top left;

	margin: 0;

/*	padding: 22px 30px 5px;*/

	padding: 22px 30px 5px;

	color: white; 

	font-weight: normal; 

	font-size: 1.2em; 

	line-height: 1em;

/*	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; Safari-only, but cool */

}

.boxbody {

	background: url(sbbody-l-hei.gif) no-repeat bottom left;

	margin: 0;

/*  padding: 5px 30px 31px;*/

  padding: 1px 30px 31px;

}



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

SAMPLE CALENDAR CSS FILE

(c) 2003, Ryan Parman

http://www.skyzyx.com

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



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

This controls the master container for the calendar.  

Many CSS properties are inherited from here.

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

.calendar {

	background-color:#fff;

	font-family:"Trebuchet MS", Trebuchet, Verdana;

	font-weight:bold;

	color:#000;

	font-size:11px;

	margin-bottom:20px;

}





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

This controls the Month+Year that's displayed 

above the calendar.

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

.calendar .month {

	border-top:2px solid #09f;

	border-left:2px solid #09f;

	border-right:2px solid #03f;

	border-bottom:2px solid #03f;

	background-color:#06f;

	font-size:18px;

	color:#fff;

	padding:3px;

}





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

This controls the days of the week that run along 

near the top of the calendar.

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

.calendar .daysofweek {

	border:1px solid #000;

	padding:3px;

	background-color:#fff;

}





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

This controls the date cells, being the cells with 

the numbers.

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

.calendar .date {

	width:30px;

	height:30px;

	border:1px solid #000;

	padding:2px;

	background-color:#eee;

}





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

This controls the empty cells.  Personally, I just 

make them look faded out compared to the 

date cells.

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

.calendar .empty {

	width:30px;

	height:30px;

	border:1px solid #999;

	padding:2px;

	background-color:#ccc;

}





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

This controls the date+date highlighting of the 

current day.  This inherits properties from 

".calendar", but nothing else.  Should have same 

size and shape properties as ".calendar .date".  

Usually, you will only want to change colors.

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

.calendar .highlight {

	width:30px;

	border:1px solid #f90;

	background-color:#ffc;

	padding:2px;

	color:#000;

}





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

This controls the display of the events that are added 

to the calendar (if any).  These will ALWAYS be links 

(whether you specified a URL or not), so be aware of 

that.  Only colors and underlines work.

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

.calendar .event a {

	color:#03f;

}



div.right {

float:right;

}