body, html  {
	height:100%;	min-height:100%;		background-color:#f5f5f5;
	font-family:  	candara, Helvetica, calibri, Verdana ,  Arial,   sans-serif;
	margin:auto;	text-align:center; /* centrerer hele siden */ 	

-wekit-gradient:(linear, left top, right bottom from(#d3d3d3), to (#666666));
-moz-gradient:(linear, left top, right bottom from(#d3d3d3), to (#666666));

	-webkit-transition-property:background;
	-moz-transition-property:background, font-weight;
	-o-transition-property:background, font-weight;

	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.1s;

	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;

}
	/* for IE  */
	header, nav, article, footer, address, section { display: block;}


/* ######## definer COLORS ########## */
.sitename, .subtitle {color:#fff; 	letter-spacing:3px;} /* class skal defineres med punktum */
.small_box, .folder_desc {padding:10px; margin:10px 0px 20px 0px; background-color:#f5f5f5;	}
.small_box { background-image: 
			-moz-linear-gradient(270deg, ##F4F4EF 0%, #f5f5f5 100%);
			-webkit-linear-gradient(270deg, ##F4F4EF 0%, #f5f5f5f 100%);
			-o-linear-gradient(270deg, #d5d5d5 0%, #f5f5f5 100%);	
			-ms-linear-gradient(270deg, #d5d5d5 0%, #f5f5f5 100%);			}
h3, h4, h5 {	color:#274853; text-align:left; margin:0 0 5px 0;	letter-spacing:2px; } 
#contactinfo {	background: #7F895D; fieldset:#fff;  color:#fff;}
a:hover	{	background:#7F895D;  color:#333;
		
}
/* ########### COLOR SLUT - check også navigation , mybutton  style form , style photoalbum  ############# */

@font-face {
    font-family: 'League Gothic';
    src: url('http://virb.com/_assets/_fonts/League_Gothic-webfont.eot?') format('eot'),         url('http://virb.com/_assets/_fonts/League_Gothic-webfont.woff') format('woff'),         url('http://virb.com/_assets/_fonts/League_Gothic-webfont.ttf') format('truetype'),         url('http://virb.com/_assets/_fonts/League_Gothic-webfont.svg#webfont') format('svg');    
	font-weight: normal;   	 font-style: normal;	}

.side {
	width:960px;	min-height:100%;
	/* centrerer siden i netscape , men virker ikke i ei */
	text-align:left; 
	font-size:1.1em; /* relativ size - følger brugers indstilling */
	line-height:normal;padding:15px;
	margin-left:auto	;margin-right:auto; 	margin-top:10px;margin-bottom:10px;
	border:outset 1px;
	border-width:2px;	
border-color:#999999;

	background-color:#fff;
	/* background image */ 
	/*background-image:URL("upload/grafik/top-img.gif"); 
	background-position:right top; background-repeat: no-repeat; */

	-moz-border-radius:28px;
-moz-box-shadow:2px 2px 5px #646464;
 /* firefox*/
	-webkit-border-radius:28px;
-webkit-box-shadow:2px 2px 5px #646464; /*safari */
	border-radius:28px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

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



}

.sidehoved {	position:relative; 	top:0px;	width:100%; height:200px;	
		margin:0px 0 10px 0; 	border:solid 0px; }

/* ########## styler top img i sidehovedet  ######### */
.sidehoved .top_img {
	position:relative; 	top:0px; 	width:100%; 	height:200px;	
	filter:alpha(opacity=80); /* for IE */		opacity:0.8;		/* CSS3 standard */
	
	}

.sidehoved .admin-logon {
	position:absolute; top:0px; right:10px;	color:red; font-weight:strong;	font-size:110%; text-align:right;}


.sidehoved .sitename {
	/* stor banner tekst - ændret fra h1 */ 
	position:absolute;	top:10px;	left:0px;		float:left;		width:100%;		
	font-family:'League Gothic', candara ;	/*color:#274853;	*/	
	font-size:130px;	font-weight:strong;	
	filter:alpha(opacity=60); /* for IE */		opacity:0.6;		/* CSS3 standard */
	text-shadow:2px 2px 10px #646464;
	-webkit-transform:rotate(7deg);			
	-moz-transform:rotate(7deg) ;
	-ms-transform:rotate(7deg) ;			
	-o-transform:rotate(7deg) ;
	
	/* text shadow */	
	text-shadow: -7px -7px 7px #333;
	text-transform: uppercase;
}

.sidehoved .subtitle {	/* placeres under sitename */
	position:absolute;	top:180px;	left:0px;	width:100%;	height:20px;	float:left;	text-align:left;
	font-size:24px;		margin:0px 0px 0px 5px;		
	font-weight:lighter; /* absolut størrelses definition */	
}

.sidehoved .small_subtitle	{position:absolute; top:20px; right:10px; float:right; font-size:14px; color:#274853; }

nav {	position:relative;	top:5px;	}

/* 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;
}

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


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


.foot {
	clear: both; width:930px; margin:auto;font-size:80%;color:#808080;margin-top:10px;
	border-top:outset 1px;text-align:right; letter-spacing:1px;
}

.left{
	position:relative;	top: 0px;	float:left;	width:25%;
	font-size:90%;	vertical-align:top;	padding:0px;	margin:10px 5px 10px 0px ;
}

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


	-moz-border-radius:10px;
-moz-box-shadow:2px 2px 5px #646464;
 /* firefox*/
	-webkit-border-radius:10px;
-webkit-box-shadow:2px 2px 5px #646464; /*safari */
	border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

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


}
.small_box_right{
	float:right;	width:130px;	font-size:90%;	border: outset 1px;	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;	background-color:#fff;
background-color:#ffffff;
border-width:1px;
border-color:#999999;

-moz-border-radius:10px;
-moz-box-shadow:2px 2px 5px #646464;
 /* firefox*/
-webkit-border-radius:10px;
-webkit-box-shadow:2px 2px 5px #646464; /*safari */
border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

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


}

.small_box_obs {
	width:100%;	font-size:90%;	border: outset 1px;	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;	background-color:lightgreen;
background-color:#B4E542;
border-width:1px;
border-color:#999999;

-moz-border-radius:10px;
-moz-box-shadow:2px 2px 5px #646464;
 /* firefox*/
-webkit-border-radius:10px;
-webkit-box-shadow:2px 2px 5px #646464; /*safari */
border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/

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

}

.obs {	background-color:#EEE8AA;
	padding:10px; }


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


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


/* tre kollonner - anvendes på forsiden */
.col_left {
	width:25%;	float:left;	font-size:90%;
}

.col_midt {
	margin-right:28%;	margin-left:28%;
	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;	font-size:90%;	width:25%;	padding:0px 10px 5px 0px;
	}

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


.picture {
	float:left;	margin-top:20px;	width:260px;	height:180px;	font-size:90%;
}

.show_folders {
	height:150px;	width:220px;	font-size:100%;	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;
}


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


/* HOVER på UL LI tekst */

ul li.hoverList {background-color:#fff; font-style:italic; padding:5px ;list-style:square; 	}

ul li.hoverList:hover { width:auto; background-color:#B4E542 ;  color:#333; 	padding:8px 15px; font-style:italic; 	font-weight:bold;	font-size:100%;	  list-style:none;

	/* størrelse og hældning på hover effekt */
	-webkit-transform: scale(1.1) rotate(0deg);
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);
	
	-webkit-transition-property:	background, letter-spacing, font-weight, box-shadow ;
	-moz-transition-property:	background, letter-spacing, font-weight, box-shadow ;
	-o-transition-property:	background, letter-spacing, font-weight, box-shadow ;
	-ms-transition-property:	background, letter-spacing, font-weight, box-shadow ;

	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.6s;

	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-timing-function:ease-in-out;
	
	/* runde hjørner */
	-moz-border-radius:20px;

	-webkit-border-radius:12px;
		
	border-radius:12px;
 border-color:#666;

	/* skygge på box */
	-webkit-box-shadow:4px 4px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:4px 10px 10px rgba(0, 0, 0, 0);
	-ms-box-shadow:4px 10px 10px rgba(0, 0, 0, 0.5);
	box-shadow:4px 4px 10px rgba(0, 0, 0, 0.5);	
}

.hovertext	{color:#333; 	font-size:100%; 	font-weight:bold;		background-color:#F5F7EF;	padding:2px }
.hovertext:hover { 
	width:auto; background-color:#B4E542 ;  color:#333; 	
	padding:5px 10px; font-style:italic; 	font-weight:bold;	font-size:110%;	 display:inline;;

	/* størrelse og hældning på hover effekt */
	-webkit-transform: scale(1.1) rotate(0deg);
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);
	
	-webkit-transition-property:	background, letter-spacing, font-weight, box-shadow ;
	-moz-transition-property:	background, letter-spacing, font-weight, box-shadow ;
	-o-transition-property:	background, letter-spacing, font-weight, box-shadow ;
	-ms-transition-property:	background, letter-spacing, font-weight, box-shadow ;

	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;

	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	
	/* runde hjørner */
	-moz-border-radius:20px;

	-webkit-border-radius:12px;
		
	border-radius:12px;
 border-color:#666;

	/* skygge på box */
	-webkit-box-shadow:4px 4px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:4px 10px 10px rgba(0, 0, 0, 0);
	-ms-box-shadow:4px 10px 10px rgba(0, 0, 0, 0.5);
	box-shadow:4px 4px 10px rgba(0, 0, 0, 0.5);	
}

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

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

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

a:hover{	color:#333; text-decoration:none;	font-size:110%; 	letter-spacing:2px; 	background-color:#B4E542 ;	}

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

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

H1{	/* stor banner tekst  */
	position:relative;top:16px;float:right;width:90%;
	font-weight:bold;text-align:right;font-size:60px;color:white;letter-spacing:4px;
	padding-right:5px;margin:5px 0px 0px 0px; display:inline;
	text-shadow: -2px -3px 5px #000;
	}	

H2{	/*domæneoplysninger */
	float:left;height:20px;
	text-align:left;font-size:14px;color:white;font-weight:bold;
	margin:5px;letter-spacing:2px;	padding-left:5px;
	}	
	
H3 {	/*overskrifter  på siderne  	*/
	text-align:left; font-size:150%; margin-top:0px; margin-right:10px; margin-bottom:5px; 	letter-spacing:2px;
	/*text-shadow: 1px 1px 1px #666; */
	}

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

H5{
	/*overskrift i small_table left side*/
	font-size:120%; letter-spacing:1px; margin:5px 0px 5px 0px;font-weight:bold; 
	}	
H6{
	font-size:80%; letter-spacing:1px; margin:5px 0px 5px 0px; 	
	}


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



/* SUB  MENUER I  LEFT COL og right col- efter jørgen Farum  s. 274ff */
ul.menu {
	list-style:none;
	line-height:12px;
	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 { /* enkelte tekst felter i liste menuen */
	text-decoration:none;		color:#1a0080;		background-color:#F5F5F5 ;
	display:block;	margin:0;	padding: 5px 8px;		font-size:110%;		border-top: 1px solid #333333;
	}

ul.menu li a:hover{	color:#000;	font-weight:bold;	letter-spacing:3px; 	font-size:120%; 	background-color:#B4E542;	
	/*background-image: url(navbar/ffa700.gif);*/					}

<!-- [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 ]-->