/* color names
gray  #808080 
Whitesmoke  #F5F5F5 
Beige #F5F5DC 
Lightgreen #90EE90 
Darkseagreen #8FBC8F 
Lightslategray #778899 
Steelblue  #4682B4 
*/




html,  body{
	height:100%;
	margin-top: 10px;
	font-family:  Verdana, helvetica,  "century gothic","Microsoft Sans Serif", "Gill Sans MT",  Arial, sans-serif;
	color: #333333;
	text-align:center;
	background-image:URL("../hfgrafik/blue-background.png");
	background-attachment:fixed;
}
	


.helesiden {
	width:900px;
	margin: 0 auto;
	margin-bottom: auto;
	padding: 10px 10px 5px 10px;
	border: 1px outset;
	border-color: gray;
	background-color:#fff;
	text-align:left;
	
}

.sidehoved{
	width:99%;
	z-index:1;
	height:100px;
	font-size:66%;
	padding:5px 5px 5px 5px;

	color:white;
	background-image:URL("../hfgrafik/background_3.jpg");
	background-position:center;
	filter:alpha(opacity=70);
	
	

}

	/* side hoved opdelt i to kollonner */
#col1{
	float: left;
	width:68%; }
#col2{
	float: right;
	
}

.www{
	/* domæne */
	padding-left:8px;
	margin-bottom:0px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
}


.big_type{
	/* FHF med store typer */
	position:relative;
	top:0;
	z-index:0;
	float:left;
	font-weight: bold;
	font-size: 80px;
	line-height: 70px;
	color: #4682B4;
	letter-spacing: 0px;
	margin-right:7px;
	filter:dropshadow(Color=#B0E0E6 , OffX=4, OffY=4, Positive='1');
}



.fhf{
	/* frederiksberg HF kursus */
	position:relative;
	top:5px;
	
	left:5px;
	font-size:30px;
	font-weight:bold;
	letter-spacing:3px;
	min-width: 520px;
	/*opera bug fix*/
}

.small_subtitel{
	/* det 2 årige dagkursus */
	position:relative;
	width:70%;
	float:left;
	top:0px;
	padding:5px;
	letter-spacing:1px;
	min-width: 520px;/*opera bug fix*/
}

.dato{
	position:relative;
	top:2px;
	width:99%;
	padding:5px ;
	letter-spacing:0px;
	text-align:right;

}

.adresse{
	/* adresse oplysninger */
	text-align: right;
	font-size: x-small;
	letter-spacing:1px;
	border: 0px outset;
	padding:5px;
	clear: right;
}


.menu{
	/*background-color:#4682B4;*/
	position:relative;
	top:2px;
	font-size: 12px;
	letter-spacing: 0px;
	padding: 3px 3px;
	border: 1px outset;
	margin: 0px 0px 0px 0px;
}

/* ny top menu */
.navigation_top {
	/*background-color:#4682B4;*/
	position:relative;
	top:10px;
	width:100%; 
	padding: 0px 0px;
	margin-bottom:10px;
	clear:both;
}



.sidefod{
	width:800px;
	font-size:xx-small;
	clear:both;
	padding-top:5px;
	margin:auto;
}



.left {
	position:relative;
	top:5px;
	float:left;
	width:210px;
	font-size:xx-small;

	/* top right bund left */ 
	padding:5px 0px 5px 0px ;
	vertical-align:top;
	
}

.text {
	position:relative;
	top:5px;
	float:right;
	width:660px;	
	font-size:small;

	/* top right bund left */ 
	padding:0 5px 5px 10px ;
	border-left:dashed 1px gray;
	
}

.smallbox {
	
	font-size:x-small;
	padding:5px 5px 5px 5px;
	border:outset 1px;
	margin:0px 0px 10px 0px;
	background-color:#F5F5F5 ;
	text-align:left;
}

.citat  {
	font-size:xx-small; 
	padding:10px;
	border:outset 1px;
	margin:0px 0px 10px 0px;
	background-color:#F5F5F5 ;
	text-align:left;

}

.smallbox_obs {
	
	font-size:x-small;
	padding:5px 5px 5px 5px;
	border:outset 1px;
	margin:0 0px 10px 0px;
	background-color:Greenyellow ;
}
.smallbox_right {
	width:200px;
	float:right;
	text-align:center;
	font-size:x-small;
	padding:5px 5px 5px 5px;
	border:outset 1px;
	margin:10px 10px 10px 10px;
	background-color:#F5F5F5 ;
}
.smallbox_scroll {
height:150px;
text-align:left;
overflow:auto;


}


.picbox {
	width:100%;
	margin-top:20px;
	

	}



/* anvendes åpå forsiden */
.col_left {
	width:210px;
	float:left;
	font-size:xx-small;

}

.col_midt {
	margin-right:220px;
	margin-left:220px;
	font-size:small;
		/* top right bund left */ 
	padding:0px 10px 10px 10px;
	border-right:dashed 1px;
	border-left:dashed 1px;
}

.col_right {
	float:right;
	width:210px;
	font-size:xx-small;
	padding:0px 0px 5px 0px;
	
	
	
}



/* anvendes i leksikon */
.bigletter {
	width:20px;
	font-size:x-large;
	color:red;
	font-weight:bold;
	/*background-color:gray;*/

}

/* fremhæv særlige tekst afsnit */
.news {
	background-color:#fff000;
}


/* kalender vises på hjemmesiden */
/* anvendes i linkdatabase + videodatabase + telefonlister ALLEtil at vise data */


.show_data{
	height:280px;
	vertical-align:top;
	padding:5px 10px 10px 5px;
	margin: 5px 0px 0px 0px;
	border:outset 1px;
	overflow:auto; /* fix lavet af Bjørn så scroll virker  mac */
	
}

/* Formatering af kalender på hemsidan */

.kalender_table {
	width:100%;
	padding:5px;
	thead:red;
	th:red;
	
	}

.table_month {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:Steelblue;
	padding-left:10px;
	margin-top:0px;
	border-top:1px outset;
	border-bottom:1px outset;
	}

.kalender_datarow {
	vertical-align:top;
	text-align:left;
	color:#333333;
	
}

/* SLUT kalender formatering */

.show_info {
	font-size:x-small;
	color:#333333;
	vertical-align:top;
	padding:5px 5px 0px 5px ;
	margin:5px 0px 5px 0px;
	background-color:#FFFFF0;
}

.show_info_one {
	
	font-size:x-small;
	color:#333333;
	vertical-align:top;
	padding:5px 5px  0px 5px ;
	margin:5px 0px 5px 0px;
	
	background-color:#FFFFF0;

	
}


.link_fagmapper {
	height:40px;
	text-align:left;
	font-size:x-small;
	margin:5px 0px 10px 0px;
	padding:5px;
	border:outset 1px;
	background-color:#F5F5F5 ;

}


.show_folders {
	/* anvendes til billede mapper */
	height:300px;
	
	/*background-image:URL("leftbgpic.jpg");*/
	font-size:11px;
	padding: 5px;
	border:outset 1px ;
	border-right:none;

	overflow:auto;
}



/* viser undermapper på fagene */
.vis_fagmapper {
	
	text-align:left;
	font-size:x-small;
	margin:5px 0px 5px 0px;
	padding:5px;
	border:outset 0px;
	background-color:#F5F5F5 ;
}

/* vindue til include show_files til visning af filer på fagmapper */
.show_files {
	
	height:180px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	margin-bottom:10px;
	background-color:#F5F5F5 ;
	font-size:xx-small;
	color:gray;

	overflow:auto; /* fix lavet af Bjørn så scroll virker  mac */
	

}
/* formaterer billed visning i tabeller */

.data_table {
	width:100%;
	font-size:xx-small;
}



/*###style for show_files.asp - som viser filer på fagenes sider*/
.show_fag_files {
	width:95%;
	background-color:white;
	font-size:xx-small;
	border:outset 1px;


}

.tools {
	/* opload filer del dile etc*/
	width:100%;
	height:40px;
	text-align:center;
	background-color:#F5F5DC;
	border:outset 2px;
	margin-top:10px;
}

/* rektors billede på rektor.asp */
.picture_right {
	max-width:300px;
	width:300px;
	padding:10px;
	float:right;

}

/* billeder_fra_hf */
.picture_left {
padding:10px 10px 10px 0px;

float:left;

}



/* første række i tabeller - ugeskema opstillinger mv */
.overskrift {
font-weight:bold;
color:black;
background-color:#ADD8E6 ;
}


.fagrekken {
width:500px;
font-size:x-small;
color:#666666;
background-color:#F5F5F5 ;

}



/*
.listmenu {
width:180px;
background-color:#F5F5F5 ;
line-height:16px;
font-size:small;
vertical-align:top;
padding:3px;
border-left:outset 1px;
border-top:outset 2 px;
border-right:outset 0px;
border-bottom:outset px;
}
*/

.ugeskema {

background-color:white;
font-size:11px;
padding-left:10px;

}



.team {
width:400px;
vertical-align:top;
text-align:left;
font-size:x-small;
border:0;
background-color:#F0FFFF;
border-left:outset 1px;

}

.formular {
	width:400px;
	background-color:#ADD8E6 ;
	font-size:x-small;
	border-right:outset 2px;
	border-bottom:outset 2px;
}




a:link {
	color:#4682B4;
	font-weight:bold;
	text-decoration:underline;
	}
a:visited {
	color:gray;
	font-weight:bold;
	
	}

a:hover{
	color:white;
	background-color:#4682B4 ;
/*
fik højre scrollbar til at flimre og flippe når link blev berørt
*/
	text-decoration:underline;
		}


a:active {
	
	color:red;
	text-decoration:none;
	font-weight:normal;
	
	}

p {

	font-size:small;
}


H2{
	
	text-align:center;
	font-size:18pt;
	color:gray;
	background-color:#F0FFFF;
	margin-left:0px;
	letter-spacing:3px;
	word-spacing:3px;
	line-height:1;
	}

H3{	
/* overskrifter på siderne */
	line-height:100%;
	font-size:large;
	color:#333333;
	letter-spacing:3px;
	word-spacing:3px;
	margin:0px 0px 5px 0px;
/*	background-color:#ADD8E6 ;*/

	}

H4	{
/* underoverskrifter - afsnit på sider*/

	width:90%;
	line-height:16px;
	font-size:small;
	text-align:left;
	color:#000;
	border-bottom: outset 1px;
	margin:25px 0px 5px 0px;
}

H5	{
/* mere markant fremhævede underoverskr5ifter */
	width:100%;
	line-height:20px;
	font-size:small;
	text-align:left;
	color:white;
	background-color:#4682B4 ;
	padding-left:3px;
	margin:0px 0px 5px 0px;
}

H6	/* overskrifter til menuer i venstre side */
	{
	font-size:small;
	background-color:#4682B4; /* steelblue */
	color:#fff;
	width:100%;
	padding: 0px 0px 0px 3px;
	margin:0px 0px 5px 0px;
}


li.listtext{	
/* anvendes ved listeopstillinger i tekstdelen  */
	list-style-type:square;
	margin-left:20px;
	margin-right:20px;
	padding:10px 10px 0px 0px;
	color:#333333;
	}

.til_nyeelever {
	width:80%;
	margin:50px;
}

/* SUB  MENUER I  LEFT COL - efter jørgen Farum  s. 274ff */

ul.menu {
	list-style:none;
	width:100%;
	background-color:#F5F5F5 ;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#000;
	margin:0;
	padding:0;
	}
ul.menu li a {
	text-decoration:none;
	color:#1a0080;
	background-color:#F5F5F5 ;
	display:block;
	margin:0;
	padding: 3px 5px;
	font-size:80%;
	border-top: 1px solid #333333;
	}

ul.menu li a:hover{
	color:#fff;
	background-color:#4682B4 ;
	}



<!-- [if lte IE 7] -->
ul.menu li a {
	width:188px; 
	}
ul.menu li { display:inline;}
<!--[end if ]-->

<!-- [if lt IE 6] -->
ul.menu li a {
	width:200px; 
	}
ul.menu li { display:inline;}
<! --[end if ]-->