/* color names
lysegrøn = #cbf190
lysebrun = #aea77e
brun-i topimg-1 = #b08a66

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



html, body  {
	height:100%;
	/*overflow:hidden;*/
	margin-top:0px;
	font-family: verdana , constantia,  Helvetica, georgia, monospace;
	color:#333333;
	font-size:1.0em;
	
	/*line-height:normal;*/
	text-align:center; /* centrerer hele siden */ 
	/*background-image:URL("grafik/border-hca.png");*/
	repeat-x:no-repeat;
	
/*	filter:alpha(opacity=90);*/
	
}

.side {
	width:900px;
	/*height:90%;*/ 	/* OBS ingen fast højde på siderne */
	/*min-height:550px; /* 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:10px;
	padding:10px;
	border: 1px solid;
	background-color:#fff;
	/*background-image:URL("grafik/bg_img.png")*/
	background-image:url("upload/grafik/women-sleeping.jpg");
	background-image-width:200px;
	background-position:10px;
	background-position: top right ;
	background-repeat:no-repeat;
	
}


.top-image {
	position:relative;
	
	top:0px;
	float:right;

}


.sidehoved {
	height:180px;
	padding:5px;
	font-size:small;
	margin:0px 0 0 10px;
	/*background-image:url("upload/grafik/women-sleeping.jpg");*/
	background-image-width:200px;
	background-image:align-right;
	background-repeat:no-repeat;
	margin-bottom:15px;
	

}

.bigtype {
	position:relative;
	top:0px;
	float:left;
	font-family: Helvetica, , ;
	font-size:70px;
	letter-spacing:4px;

	
	
}

.subtitle {
	width:400px;
	position:relative;
	float:left;
	top:5px;
	font-family: "Microsoft Snas Serif", "comic sans MS "  ; 
	font-size:small;
	text-align:left;
	clear:both; /* flytter kontaktinfo ned under bigtype */
}
.translate {
	position:relative;
	top:80px;
	width:150px;
	float:right;
	align_right;
display:inline;
}

.user_logon {
	position:relative;
	top:25px;
	width:100%;
	align:left;
	font-size:small;
	color:#666;
	padding:3px;
	background-color:#A8FFA8;
	border: outset 2px;
	clear:both;
}

.sidefod {
	font-family:verdana;
	clear: both;
	text-align:right;
	margin:auto;
	font-size:xx-small;
	color:#999;
	margin-top:20px;
	border-top:outset 1px;
}

.mainpage {
	position:relative;
	top: 20px;
	min-height:500px;
	height:400px;
	float:left;
margin:0px 5px 0px 0px ;
}


.left{
	position:relative;
	top: 0px;
	float:left;
	height:400px;
	width:33%;
	font-size:x-small;
	vertical-align:top;
	padding:10px;
	margin:0px 5px 0px 0px ;
	/*background-image:url(grafik/left_bg.jpg);
	filter:alpha(opacity=40); */

	
}

.right {
	position:relative;
	top:0px;
	float:right;
	width:60%;
	padding:10px;
	margin:0px 0px 0px 0px ;
	/*background-color:pink;*/
}

.smallbox {
	
	font-size:x-small;
	color:#333;
	border: outset 2px;
	padding:5px;
	margin:20px 0px 0px 0px;
	
/*	background-color:#e2faf9;*/
/*	background-color:#b08a66;*/

}


/*vindue / box til visning af nyheder / news */
.show_news {
	font-size:small;
	padding:5px;
	color:#000;
	border:outset 2px;
	background-color:#FFFFE5;
	/* giver luft mellem vindue kant og indhold*/
	
}

/*vindue / box til visning af nyheder / news */
.show_links {
	
	padding:5px;
	color:#fff;
	border:outset 2px;
	background-color:brown;
	/* giver luft mellem vindue kant og indhold*/
	
}



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

}

.col_midt {
	margin-right:33%;
	margin-left:33%;
	font-size:large;
		/* 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:30%;
	font-size:small;
	padding:0px 10px 5px 0px;
	
	
	
}

/*vindue / box til visning af nyheder / news */
.show_pictures {
	width:100%;
	font-size:x-small;
	padding:0px;
	
	/* giver luft mellem vindue kant og indhold*/
	/*overflow:auto;*/
/*	background-color:blue;*/
	
}


/*vindue / box til visning af nyheder / news */
.show_data {
	height:500px;
	font-size:small;
	padding:5px;
	border-left:outset 0px;
	border-top:outset 0px;
	/* giver luft mellem vindue kant og indhold*/
	overflow:auto;
	
}

.product_detail {
	font-size:small;
	height:330px;
	border:outset 1px;
	background-color:whitesmoke;

}

/* egentlig kun for at holde overskrift H# i højre side ig ikke gå ind under billedet */
.left_prod { width:50%; float:left;}


.right_prod {width:45%; padding-right:10px;float:right;}


th {
	font-size:small;
	font-weight:bold;
	color:#fff;
	background-color:#91aec6;
}

td {
	font-size:x-small;

}

.kunde_data {
	width:250px;
	float:left;
	font-size:x-small;
	padding:5px;
	border:outset 1px;
	margin: 5px 0 10px o ;
	background-color:#e7e7e7;
}



.shoppingcart {
	font-size:x-small;
	background-color:#cbf190;
}

.totalorder {
	font-size:x-small;
	font-weight:bold;
	color:#000;
	background-color:#f6f8bf;

}

.ordre {
	width:90%;
	font-size:x-small;
	color:#333;
	background-color:#e2faf9;
	border:solid 1px;
}

.rows_order {
	v-align:top;
	font-size:x-small;
	color:#333;
}

form#kontakt fieldset   {display:block; width:500px; font-size:small; margin: 0 0 0 0; padding: 10px; border-style:outset 1px;background-color:#cbf190;}
form#kontakt label.navn {display:block; width:100%; margin: 0 0 0.5em 0; padding: 0 1em 0 0; font-size:xx-small;}
form#kontakt label.gade {display:block; width:490px; margin: 0 0 0.5em 0; padding: 0 1em 0 0; font-size:x-small;}
form#kontakt label.city {display:block; width:200px; margin: 0 0 0 0; padding: 0 0 0 0; font-size:xx-small; background-color:red}
form#kontakt label.post {display:inline; width:200px; margin: 0 0 0 20px; padding: 0 0 0 0; font-size:xx-small; background-color:green}









/* her styles for links i navigationsmenuen */

a.menu:hover{
	color:black;
	background-color:#90EE90;
	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:50px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	color:brown;
	

	}	

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:20px;
	/*color:#f9c938;*/
line-height:100%;
	color:#333;
	letter-spacing:1px;
	margin:0px 0px 5px 0px;
	border-bottom:outset 1px; 
	border-color:#fff;
	

	
	}

H4 {
	/* left margen overskrifter */
	
	
	text-align:left;
	font-size:16px;
	line-height:100%;
	color:#333;
	letter-spacing:2px;
	/* top right  bottom left */
	padding:2px;
	margin:0px 0px 5px 0px;
	background-color:#cbf190;

	}

H5{
	/*produkt navne 	*/
	width:160px;
	font-size:12px;
	letter-spacing:1px;
	margin:10px 0px 5px 0px;
	background-color:#cbf190;
	
	

	}	
H6{
	font-size:10px;
	margin:5px 0px 5px 0px;

	}



ul	{
font-size:small;
	margin-left:10px; /* anvendes kun af IE */
	margin-top:20px;
	
	}

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

}




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

/*  style for øverste navigationsmenu */
ul.navbar {
	
	/*font-family: Helvetica;*/
	font-size:9px;
   	border-left:0px solid #000; 
	margin-top:10px;
	margin-right:0; 
	padding:0;
	list-style:none;
	
}

ul.navbar li {display:inline;}

ul.navbar li a {

	float:right; 
	width:100px;
	margin:0 0 0 3px;  
	padding:3px 3px;
	border-width:1px 1px 1px 1px; 
	border-style:solid;
	border-color:gray; 
	color:brown; 
	font-weight:bold;
	background-color:orange;
	text-decoration:none; 

	
}

ul.navbar li a:visited {
	color:#000; 
	background-color:orange}
ul.navbar li a:hover {
	color:#fff; 
	background-color:brown ;}
ul.navbar li a#link3 {
	border-left:1px solid blue;}

.cl {clear:left;}



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