/* Global styles
------------------------------------------------------------------*/
		html {
			height:100%;
		}
			
			
		body {
			background: #fff;
			color:#000;
			font-size:100%;	
			font-family:Geneva, Arial, Helvetica, sans-serif;
			padding: 0px;
			margin: auto 0;
			
			}
			


/* Comon
------------------------------------------------------------------*/
		img {
			border:none;
			}
		
		em {
			font-style:italic;
			}
			
		strong {
			font-weight:bold;
			}
			

	

		
		
		/* Headers
------------------------------------------------------------------*/
.overskrift {
        text-transform: uppercase;
		font-size: 100%;
		font-weight: bold;
		margin:0px; 
		padding:5px 0 0 0; 

}
	
	
.underpunkt {
	text-transform: none;
	font-size: 100%;
	font-weight: bold;
	margin:0px;
	padding:12px 0 2px 0;
}
	




/* DesignLayout
------------------------------------------------------------------*/
		#wrapper {
			width:988px;
			height:550px;
			text-align:left;
			font-size:77%;
		
			}	
	
	
		#content-wrapper{
			float:right;
			width:695px;
			height:500px;
			background-color:#fffddb;
			
			}
			
			#content-wrapper-frontpage-random{
			float:right;
			width:695px;
			height:500px; 
		    background-image: url(../images/frontpage_img/image01.jpg);
			background-repeat:no-repeat;			
				
			}
			
			#content{
			width:430px;
			font-size:90%;
			float:right;
			height: 480px;
			margin: 10px 0 0 0;
			padding: 0 15px 0 15px;
			overflow: auto;
			}
			
			
			/* Coffee Table
------------------------------------------------------------------*/
			
			#coffee-table-wrapper{
			width: 405px;
			height: 200px;
			border: 1px solid #ceccb1;
			background-color: #fffaad;
			padding: 3px;
			color:#000;
			margin-bottom: 30px;
			}
			
			#left{float:left; width:97px;  text-align:left; }
			#right{ text-align:left; }
			
			#color-sep{ background-color: #eae59e; height:15px; padding: 3px 0 3px 2px; clear:both; width:405px;  }
			#color-sep-neut{ background-color: transparent;  padding: 3px 0 3px 2px; clear:both; width:405px; overflow:auto;  }
			
			
			
			
			
			/* Sub images
------------------------------------------------------------------*/
			
			#content-subpage-image-training{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/training/01.jpg);}
			
			#content-subpage-image-coffees{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/coffees/01.jpg);}
			
			#content-subpage-image-pro-sales{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/pro-sales/01.jpg);}
			
			#content-subpage-image-farmer-roaster{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/farmer-roaster/01.jpg);}
			
			#content-subpage-image-direct-trade{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/direct-trade/01.jpg);}
			
			
			#content-subpage-image-contact{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/contact/01.jpg);}
			
			#content-subpage-image-about{float:left;	background-color: transparent;	width:235px;
			height: 500px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/subpage_img/about/01.jpg);}
			
				/* Sub images end
------------------------------------------------------------------*/
	
	
		#logo {
			height:50px;
			background-image:url(../images/coffee_logo.gif);
			background-repeat:no-repeat;			
			background-position:right;
			margin-bottom: 5px;		
			}
			
			
			#left-side{
			float:left;
			background-image:url(../images/left_side.gif);
			width:293px;
			height: 500px;
			}
			
					
			#footer {
	float:left;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	width: 350px;
	height: 30px;
	margin-top: 0px;
	margin-left: 99px;
			}
				#footer1 {
				display:block;
		
			}
			
		
		
	/* main-menu
---------------------------------------------------------- */				
			
		#main-menu{
        text-transform: uppercase;
		float:right;
		width: 180px;
		color:#fff;
		height:auto;
		font-size: 90%;
		padding-right: 10px;
		}	
			
		
		#main-menu li{
		list-style-type:none;
		text-indent:-3em;
		padding-top: 3px;
		}
			
		#main-menu ul{
		list-style-type:none;
		margin-top: 1em;
		}  	
		
		#webshop{	
		font-size: 90%;
		text-transform: uppercase;
		width:150px;
		float: right;
		padding-right: 30px;
		position:relative;
		bottom: -290px;
		

		}	
		
		
				
		
		#bottom-menu li{
		list-style-type:none;
		text-indent:-3em;
		padding-top: 3px;
		}
			
		#bottom-menu ul{
		list-style-type:none;
		margin-top: 2em;
		}  		
		
		
		
		.menuEntry{
		font-size: 90%;
		color:#000;
		margin-bottom:10px;
			}
		
				
					
/* Nviagation Links style
----------------------------------------------------------*/
			#home #nav-home a,
			#coffees #nav-coffees a,
			#direct-trade #nav-direct-trade a,
			#farmer #nav-farmer a,
			#training #nav-training a,
			#professional #nav-professional a,
			#about #nav-about a,
			#contact #nav-contact a,
			#blog #nav-blog a
		  {background-color: transparent ; color: #FFFF00;}
	  
		 #main-menu a
	 	 {background-color: transparent ; color: #fff;}
	  
	  
	  
   
		  #home #nav-home a:hover,  
		  #coffees #nav-coffees a:hover,
		  #direct-trade #nav-direct-trade a:hover,
		  #farmer #nav-farmer a:hover,
		  #training #nav-training a:hover,
		  #professional #nav-professional a:hover,
		  #about #nav-about a:hover, 
		  #contact #nav-contact a:hover,
		  #blog #nav-blog a:hover
		  {background-color: transparent ; color: #FFFF00;}
	  
		  #home a:hover,  
		  #coffees a:hover,
		  #direct-trade  a:hover,
		  #farmer  a:hover,
		  #training  a:hover,
		  #professional a:hover,
		  #about a:hover, 
		  #contact a:hover,
		  #blog a:hover
		  {background-color: transparent ; color: #FFFF00;}
		  

 #webshop a {background-color: transparent ; color: #fff;}
 #webshop a:hover {background-color: transparent ; color: #FFFF00;}
	  



		
/* Normal Links style
---------------------------------------------------------- */
		a {
			color: #533313;
			background:transparent;	
			
			}
			
		a:link {
			color: #533313;
			text-decoration:none;
			}
			
		a:visited {
			color: #533313;
			text-decoration:none;
			}
			
		a:hover{
			color: red;
			background-color: transparent ;
			}
			
			a:active {
			color: #533313;
			background-color: transparent ;
			}
			
		
		a {
			outline:none;
			}
		
		:focus {
			-moz-outline-style: none;
			}