/* Style sheet for kaffebiten index.html */

	
#page {	/*På denna sida finns en bild "right" längst upp i högra hörnet */
	
	color:#000000;
  	background-color:#ffffff; 	 /*färg vit */
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:2px;
	
	width:90%;
	
	border-style:outset;
	border-width:3px;
	border-color:#333300;		/* färg blåbrun */
	
	}
#container0 /* box för att skilja bakgrund från innehåll container0-page */
	{
	
	color:#000000;
	background-image:url(images/kaffebiten2.png);
	background-position:5px 0px;
	background-repeat:no-repeat;
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:100px;
	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------------------------- */	


.navigation {
	
	
	margin-right:30%;
	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: 23%;
	border-left-style: solid;	
	border-width: 1px;
	border-color:#333300;		/* blåbrun*/
	padding:20px;
	margin-top:20px;
	margin-left:0px;
	font-size:0.8em;	
	}
	
.container1 /* till webshopen. border-bottom.  kan innehålla både box1 och 5 */
	{
	width:70%;
	margin-right:0%;
	margin-bottom:10px;
	padding:0px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#333300; /* blåbrun */
	overflow:hidden;
	}
	
.container2 /* ingen border.  Kan innehålla box1-5 */
	{
	width:70%;
	padding:0px;
	
	}
.container3 /* height 600px med S C R O L L . Aktuellt */
	{
	height:600px;
	overflow:auto;
	width:70%;
	margin-top:20px;
	margin-bottom:20px;
	}


.colorbox /* G U L 100% Margin */
	{
	
	background-color:#FFDFAA;
	padding:10px;
	font-size: 0.9em;
	margin:10px 0px;
	
	}
	.colorbox img
	{
	overflow:hidden;
	margin:7px;
	}
.colorbox2	/* B L U E 100% Margin */
	{
	background-color:rgb(230, 235, 255);
	padding:10px;
	font-size: 0.9em;
	margin:10px 0px;
	overflow:hidden;
	}	
.colorbox2 img
	{
	overflow:hidden;
	margin:7px;
	}

.box2 /* gul box 40%  tex AKTUELLT längst ner*/
	{
	
	background-color:#FFDFAA;
	width:46%;
	border-style: inset;	
	border-width: 0px;
	border-color:#333300;
	padding:10px;
	font-size: 0.8em;
	margin:5px;
	
	}
	
.box3	/* Höger 40%  tex AKTUELLT längst ner*/
	{
	float:right;
	width:46%;
	border-left-style: outset;
	border-top-style: outset;
	border-width: 1px;
	border-color:#333300;
	margin: 5px;
	padding: 10px;
	font-size: 0.8em;
	}
.box4 /* Höger 30% . WEBSHOPEN */
	{
	float:right;
	width:30%;
	border-style: outset;
	
	border-width: 0px;
	border-color:#333300;	/* blåbrun */
	margin-top: 0px;
	padding: 10px;
	font-size: 0.9em;
	}
	
	
.box6 /* bra box till bilder **  H I D D E N */
	{
		margin:0px;
		padding:0px;
		overflow:hidden;
	}
.box7	/*Box till "aktuellt" för varje inslag */
	{
	padding:0px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:rgb(200, 200, 200); /* grå */
	overflow:hidden;
	}
.box7 img
{
	margin:10px;
}

	
.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.color
	{
	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: 0px;
	}
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*/

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

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

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

h1, h2
	{
		font-weight:lighter;
	}
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:#06C; 	/* blå som bakgrundsfärgen */
	font-weight:normal;
	text-decoration:none;
	}	
a:visited 
	{
	color: #06C; 	/* blå som bakgrundsfärgen // #333300;blåbrun //*/
	font-weight:normal;
	text-decoration:none; 
	}
a:hover 
	{
	color: #333300;   /* blåbrun */
	font-weight:normal;
	text-decoration:none; 
	}

a:focus 
	{	
	color: #000000;		/* svart */
	font-weight:normal;
	text-decoration:underline; 
	}
	
/*-----------------   Kontaktformulär -------------------*/
#contact
	{
	padding:10px;
	background-color:rgb(230, 235, 255);
	}

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

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



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