/* Style sheet for kaffebiten index.html */

	
div#page {
	
	color:#000000;
  	background-color:#ffffff; 	 /*färg vit */	
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:2px;
	
	width:85%;
	
	border-style:outset;
	border-width:3px;
	border-color:#333300;		/* färg blåbrun */
	
	}
	div#container0 /* box för att skilja bakgrund från innehåll container0-page */
	{
	
	color:#000000;
  	background-color:#ffffff; 	 /*färg vit */	
	margin-top:px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	border-style:solid;
	border-width:0px
		
	}
body {
   	/*
   	background-image: url(images/wp_damask_268.jpg);
	background-repeat: repeat; */
  	background-color:#3D4B72;;
   	font-family:verdana, arial, sans-serif; 
   	font-size:14px;
	padding:0px;
	margin:0px;
	}
	
/* -----------------------------boxar------------------------- */	


div.navigation {
	
	width:70%;
	
	color:#3D2914; 		/* mörkbrun */
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#333300; /* blåbrun */
		
	}
	
.transparensylayer{		/* att använda vid behov */
	background-color:#ffffff;
	/* for IE */
  	filter:alpha(opacity=60);
	/* CSS3 standard */
  	opacity:0.6;
	margin:0px;
	padding: 0px;
	}
	
.rightmargin {
	float:right;
	width: 18%;
	border-left-style: solid;	/* lägger till border bara för att se boxens olika lägen.. ta bort sedan */
	border-width: 1px;
	border-color:#333300;		/* blåbrun*/
	padding:20px;
	margin-top:20px;
	margin-left:5px;
	font-size:0.8em;	
	}
	
.box5 /* att använda i tex rightmargin */
	{
		background-color:#FFDFAA;
		margin:0px;
		padding:10px;
		border:none;
		
	}

.container1 /* till webshopen. placering till vänster kan innehålla både box1-5 */
	{
	
	margin-right:30%;
	margin-bottom:10px;
	padding:0px;
	border-bottom-style:inset;
	border-width:2px;
	border-color:#333300; /* blåbrun */
		
	}
	
.container2 /* ingen border.  Kan innehålla box1-5 */
	{
	margin-right:30%;
	padding:0px;
	
	}
.box1 /* ny produkt med egen knapp. placering central till vänster i container1 kan innehålla box4 och box 5 som då placeras innan box1 */
	{
	
	min-height:300px;
	margin-right:30%;
	padding:0px;
	font-family: verdana, arial, sans-serif; 
	font-size: 1em;
		
	}
	

.box2 /* gul box */
	{
	
	background-color:#FFDFAA;
	width:40%;
	border-style: inset;	
	border-width: 0px;
	border-color:#333300;
	padding:20px;
	font-size: 0.8em;
	margin:5px;
	}
	
.box3
	{
	float:right;
	width:40%;
	border-left-style: outset;
	border-top-style: outset;
	border-width: 1px;
	border-color:#333300;
	margin-left: 5px;
	padding: 20px;
	font-size: 0.8em;
	}
.box4 /* box till höger av box1 placeras innan box1 i koden */
	{
	float:right;
	width:30%;
	border-style: outset;
	
	border-width: 1px;
	border-color:#333300;	/* blåbrun */
	margin-top: 10px;
	padding: 20px;
	font-size: 0.9em;
	}
	
.box5 /* att använda i tex rightmargin */
	{
		background-color:#FFDFAA;
		margin:0px;
		padding:10px;
		border:none;
		
	}
	
.transparensylayer{		/* att använda vid behov */
	background-color:#ffffff;
	/* for IE */
  	filter:alpha(opacity=60);
	/* CSS3 standard */
  	opacity:0.6;
	margin:0px;
	padding: 0px;
	}
/*------------------- end class boxar ----------*/	
	
/* --------------------- end boxar ------------------ */

span.orange
	{
	color:#3D4B72; /*  planetarydesignblå... #812110;	orange Lisa kopp*/
	font-weight:normal;
	}

#small /*byt ev ut alla id small till class small...*/
	{
	font-size:0.8em;
	}

.small
	{
		font-size:0.8em;
	}
	

img#knapp
	{
	border-width:1px;
	border-style: solid;
	padding:20px;
	
	}
/* font-weight fungerar inte i Firefox, men i IE */

#right /* byt ev ut alla id right till class right..*/
	{
	float:right;
	margin: 4px;
	}
	
 
#left
	{
	Float:left;
	}
.right
	{
	float:right;
	margin: 4px;
	}
img {
	border-width:0px;
	border:none;
	margin:0px;
	}
		
		/* navigation links */


div.navigation>a:link 
	{
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:none;
	}	

div.navigation>a:visited 
	{
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:none; 
	}

div.navigation>a:hover 
	{
	color: #3D4B72;		/*	plnanetarydesignblå   #812110;		 orange Lisa */
	font-weight:normal;
	text-decoration:none; 
	}

div.navigation>a:focus 
	{	
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:underline; 
	}
	
#highlight
	{
	color:#3D4B72; /* #812110;	highlight av aktuell flik planetarydesignblå ("orange Lisa") */
	}
	
#black /* för aktuelltsidans länkade rubriker i första hand - byt ut till .black.... ej strict... */
	{
		color:#000000;
		font-weight:bold;
	}
	
.black /* för aktuelltsidans länkade rubriker i första hand */
	{
		color:#000000;
		font-weight:bold;
	}
	
		/* nav 2*/

div.nav2{			
	width:70%;
	font-size:0.9em;
	text-align:right;
	padding:0px;
	border:none;
	}
	
	div.nav2>a:link 
	{
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:none;
	}	

div.nav2>a:visited 
	{
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:none; 
	}

div.nav2>a:hover 
	{
	color: #3D4B72;   /*planetarydesignblå	#812110;	 orange Lisa */
	font-weight:normal;
	text-decoration:none; 
	}

div.nav2>a:focus 
	{	
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:underline; 
	}
	


		
#pressobryggare, #forvaring 
	{
	color: #000000;		/* svart - dessa länkar ska inte ändra färg*/
	font-weight:normal;
	text-decoration:none; 
	}

/* ------------------  stil på rubriker länkar listor mm --------------------- */

p.italic
	{
	font-style:italic;
	}
		 
ul {
	list-style-type: none;
	padding: 5px;
	margin: 0.3em ;
	}

li {
	list-style-type: none;
	padding:2px;
	}

p.small {
	font-size: 0.8em;
	}

a:link 
	{
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:none;
	}	
a:visited 
	{
	color: #333300;		/* blåbrun */
	font-weight:normal;
	text-decoration:none; 
	}
a:hover 
	{
	color: #3D4B72;   /* #812110 ; orange Lisa (latte= #AD855C) */
	font-weight:normal;
	text-decoration:none; 
	}

a:focus 
	{	
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:underline; 
	}

/*----------backtolink------------*/

p#backtolink
	{
	Float:left;
	margin:0px;
	border-top-style: solid;
	border-width: 0px;
	font-size:0.8em;
	}



/*--------- footer  ---------------*/	
#footer 
	{
	margin:0px;
	border-style: solid;
	border-width: 0px;
	font-size:0.8em;
	text-align: right;	
	}