/* 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;
	font-size:80%;	/* skal være mindre end 100% ellers fejl i Firefox */
	text-align:center;
	background-image:URL("../hfgrafik/blue-background.png");
	background-attachment:fixed;
}

.helesiden {
	width:960px; 		margin: 0 auto; 	margin-bottom:0px;	padding: 15px 15px 15px 15px;
	text-align:left; 	border-color: gray; 	background-color:#fff; 
	/* only works in firefox */
	background-color:#ffffff;
border-width:2px;
border-color:#999999;
	
-moz-border-radius:24px;

	-webkit-border-radius:33px;

	border-radius:33px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

	-moz-box-shadow:0px 0px 2px #000000;

	-webkit-box-shadow:0px 0px 2px #000000;

	box-shadow:0px 0px 2px #000000;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

.sidehoved{
	height:115px;	padding:5px 5px 5px 5px;	margin:0px 0px 0px 0px;
/*	color:#efefef;	background-image:URL("../hfgrafik/background_3.jpg");*/
	color:#000;	background-image:URL("../hfgrafik/dalian-71a8cf.jpg");
	/*background-position:center;*/
	filter:alpha(opacity=70);
}

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

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


p.bigtype {
	/* FHF med store typer */
	position:relative;top:0; /*	z-index:0;*/
	float:left;display:inline;
	font-weight: bold; font-size: 80px;	line-height: 70px;	color: #4682B4;	letter-spacing: 0px;
	margin:0px 0px 5px 0px;
	/*filter:dropshadow(Color=#B0E0E6 , OffX=4, OffY=4, Positive='1');*/
	text-shadow: -1px -2px 3px #000;
	}

h1 { 	/*frederiksberg HF kursus */
	position:relative; left:10px;	
	font-size:30px;		font-weight:bold;	letter-spacing:3px;	color:#fff;
	display:inline; margin:3px 0px 5px 0px; min-width: 520px;	
	/*opera bug fix*/
text-shadow: -2px -2px 3px #000;
	}


p.small_subtitel{
	/* det 2 årige dagkursus */
	position:relative;	width:70%;	float:left;	top:0px;	color:#666;	
	font-size:1.6em;	padding:5px;	margin:0px 0px 0px 0px; 	letter-spacing:1px;
	min-width: 520px;/*opera bug fix*/
}



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

p.dato{
	position:relative;	top:12px; 	width:99%;		color:#666;
	font-size:12px;		display:inline;	text-align:right;	letter-spacing:0px;
	margin:0px 5px 0px 0;
	}


.menu{
	/* optagelse menu og hvem er vi menu  */
	position:relative;	top:2px;	width:100%;
	font-size: 1.3em;	letter-spacing: 0px;
	padding: 3px 3px;	border: 1px outset;	margin: 0px 0px 0px 0px;
}


footer { 	clear:both; 	position: relative;	top:20px; 	bottom: 20px;	padding-bottom: 10px;	
		text-align:center;		width: 100%;
}
.firma_contactinfo { text-align:center; font-size:12px; color:#666; }
.webmaster_info {text-align:center; font-size:80%; color:#666;}

/* copy fra 2009 */

/* anvendes åpå forsiden */
.col_left {
	position:relative;	top:5px;	width:23%;	float:left;
	font-size:100%;	padding:0px 0px 5px 0px ; 

}

.col_midt {
	position:relative;	top:5px;	margin-right:26%;	margin-left:24%;
	font-size:140%;	padding:5px 10px 5px 10px ;
	min-height:500px;
	
}

.img_tilt {margin: 22px 0; box-shadow:3px 3px 7px #000; -moz-transform: rotate(15.0deg);  /* FF3.5+ */ }

.col_right {
	position:relative;	top:5px;	float:right;	width:23%;
	font-size:100%;	padding:0px 0px 5px 0px ; 

}


/* slut */


.left {
	position:relative; 	top:5px;	float:left;	width:23%;
	font-size:xx-small;
	padding:5px 0px 5px 0px ;	vertical-align:top;
	
}

.text {
	position:relative;	top:5px;	float:right;	width:72%;
	font-size:140%;		padding:0 10px 5px 10px ;	margin:0px;	
	/*border-left:dashed 1px gray;*/

}

.smallbox {	/* NO WIDTH */
	font-size:x-small;	text-align:left; 
	padding:5px 5px 5px 5px;	margin:0px 0px 10px 0px;
	background-color:#F5F5F5;	border:outset 1px;
	-moz-border-radius:10px;

-webkit-border-radius:10px;
border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

-moz-box-shadow:0px 0px 1px #4682B4;

-webkit-box-shadow:0px 0px 1px #000000;

box-shadow:0px 0px 1px #4682B4;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

.smallbox_right { 	/* NO WIDTH */
	float:right;	text-align:left;	font-size:x-small;
	padding:5px 10px 5px 10px;	border:outset 1px;	margin:0px 0px 10px 0px;
	background-color:#F5F5F5 ;
-moz-border-radius:10px;

-webkit-border-radius:10px;
border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

-moz-box-shadow:0px 0px 1px #000000;

-webkit-box-shadow:0px 0px 1px #000000;

box-shadow:0px 0px 1px #000000;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}


.smallbox_obs {
	font-size:small; 	padding:5px 5px 5px 5px; 	border:outset 1px;
	margin:10px 0px 10px 0px; 	background-color:#D7F46E ;
/*-moz-border-radius:10px;

-webkit-border-radius:10px;
border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

*/
-moz-box-shadow:0px 0px 5px #333;

-webkit-box-shadow:0px 0px 5px #333;

box-shadow:0px 0px 5px #333;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	
	
}

.crazy_text {
	position:absolute; top:200px; margin-left:0px;width:700px;
	font-size:50px; 	color:#fff;
	border:outset 2px;padding:5px;float:left;
	background-color:#66CC41; 
	/* for IE */	   filter:alpha(opacity=80);
	/* CSS3 standard */opacity:0.8;

	/*text-shadow:1px 1px 5px #333;*/
	-webkit-transform:rotate(10deg) translate(20px) scale(1.5);
	-moz-transform:rotate(10deg) translate(20px) scale(1.5);
	-ms-transform:rotate(10deg) translate(20px) scale(1.5);
	-o-transform:rotate(10deg) translate(20px) scale(1.5);

}


/* formaterer billed visning i tabeller */

.data_table {
		font-size:small;	cell-padding:10px;
}


.fhfvinkler {
	max-width:33%;	border:outset 0px;	padding:15px;	margin:15px;
	background-color:#F5F5F5 ;
	
}

.pic_tumb{ /* bredde på tumb pictures - anvendes i FHF vinkler tabel - og i brochure */
		width:200px;}

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


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

}

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

.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;

	
}



/* 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 ################## */



/* ################## START FAGENES FILER  ############### */
/* fagets mapper og filer - øverste boks */
.link_fagmapper {
	height:40px;	text-align:left;	font-size:small;
	margin:5px 0px 0px 0px;	padding:5px;	border:outset 0px;
	

}

/* viser undermapper på fagene */
.vis_fagmapper {
	text-align:left;	font-size:small;	margin:5px 0px 5px 0px;
	padding:5px;	border:outset 1px;	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:small;	color:gray;	border:outset 1px;
	overflow:auto; /* fix lavet af Bjørn så scroll virker  mac */
}

/* ################## SLUT FAGENES FILER  ############### */

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

	overflow:auto;
}


/* billeder_showall DB  */

.pichead { 
	font-size:1.2em; font-weight:bold;
	/*background-color:lightblue; /* steelblue */*/
	color:#333;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}


.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;

}

/* ########## skema for st vejl og skemaeksempler ############### */
.ugeskema { background-color:white;font-size:11px;padding:0px; border:outset 1px;}


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


.fagrekken {
	width:100%;font-size:small;color:#666666;background-color:#F5F5F5 ;}


.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;font-size:x-small;
	border-right:outset 2px;border-bottom:outset 2px;background-color:#ADD8E6 ;}

.showlink {color:green;	font-size:small;	font-weight:bold;	text-decoration:underline;}



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


a:visited {
	color:green;
	}

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

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


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:150%;	color:#333333;
	letter-spacing:3px;	word-spacing:3px;
	margin:0px 0px 5px 0px;
	}

H4	{
/* underoverskrifter - afsnit på sider*/
	width:100%;	 line-height:16px;	font-size:small;	text-align:left;
	border-bottom: outset 1px;	padding-left:3px;	margin:10px 0px 5px 0px;
}

H5	{
/* mere markant fremhævede underoverskr5ifter */
	
	line-height:20px;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:100%;	font-weight:normal;	color:#333;	width:100%;
	padding: 0px 0px 0px 3px;	margin:0px 0px 5px 0px;
}




li.listtext{	
/*anvendes ved listeopstillinger i tekstdelen  */
	list-style:square;	margin: 0px 30px 0px 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:100%;	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 ]-->