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



html, body  {
	height:100%;
	/*overflow:hidden;*/
	margin-top:0px;
	font-family:Helvetica, "Copperplate Gothic Light";
	color:#333333;
	font-size:small;
	background-color:#F5F5F5;
	/*line-height:normal;*/
	text-align:center; /* centrerer hele siden */ 
	/*background-image:URL("grafik/leaves.jpg");*/

/*	filter:alpha(opacity=70);*/
}

.side {
	width:800px;
	/*height:90%;*/ 	/* OBS ingen fast højde på siderne */
	/*min-height:650px;*/ /* virker kun i Firefox */
	/* height er fjernet for at hidnre overløb og undgå inder scroll*/
	text-align:left;
	margin: 0 auto; 	/* centrerer siden i netscape , men virker ikke i ei */
	margin-bottom:auto;
	margin-top:5px;
	padding:10px;
	border: 1px solid;
	background-color:#fff;
}


.sidehoved{
	
	width:100%;
	height:auto;
	height:150px;
	padding:0px;
/*	background-image:url("grafik/top_image_04.jpg");*/
	background-image:url("grafik/top_image_03.jpg");
	background-repeat:none;
	background-attachment: none;
	background-position:top;
}

.www	{
	/*domæneoplysninger */
	float:left;

	height:20px;
	text-align:left;
	font-size:12px;
	color:white;
	font-weight:bold;
	margin:5px;
	letter-spacing:2px;
	padding-left:5px;
		
	}
.boafall {
	/* stor banner tekst - ændret fra h1 */
	float:right;
	width:400px;
	font-weight:bold;
	text-align:right;
	font-size:90px;
	color:white;
	letter-spacing:4px;
	padding-right:5px;
}

/* dagsdato samt how_old i øverste højre hjørne */
.dato {
	text-align:right;
	font-size:10px;
	color:gray;
	padding-right:5px;
	}

.navigation {
	position:relative;
	top:5px;
	z-index:4;
	
	font-size:12px;
	text-align:left;
	letter-spacing:0px;
	background-color:whitesmoke;
	padding-left:5px;
	padding-top:0px;
	padding-bottom:2px;
	border:outset 1px; 

	
	margin-bottom:20px;
}

/* tabel øverst på udskrifter */
.print_head {
	width:600px;
	font-size:x-small;
	padding:5px;
	color:#808080 ;
	}


.print_page {
	width:630px;
	font-family:arial;
	font-size:small;
	text-align:left;
	padding:5px;
	margin-top:5px;
	margin-bottom:30px;
	border-left:outset 1px;
	border-right:outset 1px;
}

td {
	/* bruges bla i roadmap */
	font-size:x-small;
	font-family:verdana;
	}
 
.faktura_table {
	font-size:small;
	}





.sidefod {
	
	width:800px;
	margin:auto;
	font-size:xx-small;
	color:#808080;
	margin-top:10px;
	
}

.left{
	position:relative;
	top: 0px;
	float:left;
	width:28%;
	font-size:x-small;
	vertical-align:top;
	padding:0px;
	margin:10px 5px 10px 0px ;

	
}

.small_box {
	width:100%;
	font-size:x-small;
	border: outset 1px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;
	background-color:#fff;
	

}
.small_box_right {
	/* bemærk ingen bredde - tilpasser sig parant element her col_right */
	font-size:x-small;
	border-left: outset 1px;
	border: solid 1px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;
	

}

.small_box_scroll {
	width:95%;
	height:260px;
	font-size:x-small;
	border-left: outset 1px;
	border: solid 1px;
	padding:5px 5px 5px 5px;
	margin:0px 10px 10px 0px;
	overflow:auto;
/*	overflow-x:none;*/

}


.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}


.right {
	position:relative;
	top:0px;
	float:right;
	width:66%;
	padding:5px 20px 5px 5px;
	margin:0px 0px 0px 0px ;
}

.right_noscroll {
	float:right;
	width:66%;
	height:70%;
	padding:5px 0px 5px 5px;
}

.main {
	/* anvendes bla til billedsiden */
	position:relative;
	top:0px;
	margin-top:0px;
	}


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

}

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

/* bemærk i html filen placeres col right EFTER col left og til sidst i koden col_midt !!!! */
.col_right {
	float:right;
	width:220px;
	font-size:xx-small;
	padding:0px 0px 5px 0px;
	
	
	
}



.textboks{
	
	width:60%;
	float:right;
	padding-left:10px;
	padding-right:10px;
}



.picture {
	float:left;
	margin-top:20px;
	width:300px;
	height:300px;
	font-size:9px;
}

.show_folders {
	height:150px;
	width:220px;
	font-size:small;
	padding-top:10px;

}

.show_pictures {
/*	position: relative; /* må ikke fjernes - eller er billederne transperante og baggrundbilelde ses igennem dem ..! */
	top:0px;	
	padding:0px;
	
}

.show_data {
	/* linkdatabase - comments/gæstebog booking */
	height:70%;
	padding:5px 0 0 5px;
	background-color:#fff;


}


.newpic {
	
	height:200px;
	padding:5px 0px 0px 5px;
	border-top:outset 1px;
	border-bottom:outset 1px;
	background-color:#fff;

}

.small_window {
	font-size:xx-small;
	line-height:12px;
	text-align:left;
	padding:10px;
	background-color: #F5F5DC ;
}

/*vindue / box til visning af nyheder / news */
.show_news {
	width:100%;
	height:250px;
	float:left;
	padding:5px;
	border-left:outset 0px;
	border-top:outset 0px;
	/* giver luft mellem vindue kant og indhold*/
}

/*vindue / box til visning af nyheder / news */
.show_tilbud {

	height:70px;
	float:left;
	width:230px;
	font-size:x-small;
	
	border: outset 1px;
	padding:5px;
	margin:0px 0px 5px 0px;
}

.data_table {
	width:540px;
	color: #F5F5DC ;
	background-color:#666666;
	border-bottom:outset 1px;

}


.lejer {
	position:relative;
	top:0px;
	float:left;
	width:300px;
	height:130px;
	font-size:12px;
	border:outset 2px;
	padding:5px;

	}

.aps_data {
	position:relative;
	top:0px;
	float:right;
	width:200px;
	height:130px;
	font-size:12px;
	text-align:right;
	border: solid 1px;
	padding:5px;
	background-color:#F5F5F5;

}



div.row span.label {
float:left;
width:120px;
text-align:left;
font-size:12px;
padding:5px;
background-color:black;
}

div.row span.formw {
float: right;
width:300px;
text-align:left;
}

/* her styles for links i navigationsmenuen */

a.menu:hover{
	color:black;
	background-color:#90EE90;
	/*background-color:#CD9479;*/
	text-decoration:underline;
	
	}

a.menu:link {
	color:black;
	text-decoration:none;
	font-weight:bold;
	}

a.menu:visited {
	color:green;
	text-decoration:none;

	}

a.menu:active {
	text-decoration:none;
	
	}

a:link {
	
	color:blue;
	text-decoration:underline;
	font-weight:normal;
	letter-spacing:1px; 
	}

a:visited {

	color:black;
	text-decoration:underline;
	font-weight:normal;
	letter-spacing:1px; 
	}
a:hover{
	color:white;
	background-color:#778899 ;
	text-decoration:none;
	font-size:bigger;
		
	letter-spacing:1px; 
}

a:active {
	color:red;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px; 
	}

h1.pris {
font-size:12px;
color:black;
}

H1{
	/*overskrift i left side*/
	text-align:left;
	font-size:34px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	color:red;
	

	}	

H2{
	/*overskrift i left side*/
	text-align:left;
	font-size:28px;
	margin:5px 0px 0px 0px;
	font-weight:bold;
	
	

	}	
	
H3 {
/*overskrifter  på siderne  	*/
	text-align:left;
	font-size:22px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:5px;
	letter-spacing:2px;

	
	}

H4 {
	/*underoverskrifter til afsnit på siderne  m bruger valg 	*/
	text-align:left;
	font-size:18px;
	
	letter-spacing:2px;
	/* top right  bottom left */
	margin:0px 0px 5px 0px;
	border-bottom:outset 1px;
	}

H5{
	/*overskrift i small_table left side*/
	font-size:12px;
	letter-spacing:2px;
	margin:10px 0px 5px 0px;
	font-weight:bold;
	width:90%;
	border-bottom:outset 1px;
	

	}	
H6{
	font-size:12px;
	letter-spacing:2px;
	margin:15px 0px 5px 0px;
	font-weight:bold;
	
	}



UL	{

	margin-left:10px; /* anvendes kun af IE */
	margin-right:10px;
	
	}

LI {
	font-size:small;
	margin-left:10px;
	margin-right:0px;
	list-style:square;
	

}




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

ul.menu {
	list-style:none;
	width:90%;
	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:#778899 ;
	}



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

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