/* 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:975px;
			height:550px;
			text-align:left;
			font-size:77%;
	position: relative;
	left:50%; 
	margin: 0px 0px 0px -488px; 
		
			}	
#blogwrapper {
			width:1005px;
			height:550px;
			text-align:left;
			font-size:77%;
	position: relative;
	left:50%; 
	margin: 0px 0px 0px -488px; 
background-color:#ffffff;
		
			}	
	
	
		#content-wrapper{
			float:right;
			width:695px;
			height:480px;
			background-color:#f6f6f0;
			
			}
#blogcontent-wrapper{
			float:right;
			width:725px;
			height:480px;
			background-color:#ffffff;
			
			}
			
			#content-wrapper-frontpage-random{
			float:right;
			width:695px;
			height:480px; 
		    background-image: url(../images/fisheye1.jpg);
			background-repeat:no-repeat;			
				
			}
			
			#content{
			width:460px;
			font-size:90%;
			float:right;
			height: 460px;
			margin: 10px 0 0 0;
			padding: 0 15px 0 15px;
			overflow: auto;
			}
			
#blogcontent{
			width:500px;
			font-size:90%;
			float:right;
			height: 480px;
			margin: 0px 0 0 0;
			padding: 0 0px 0 0px;
			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-books{float:left;
			background-color: transparent;	width:200px;
			height: 480px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/books.jpg);}
			
			#content-subpage-image-about{float:left;	background-color: transparent;	width:200px;
			height: 480px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/about1.jpg);}
			
			#content-subpage-image-events{float:left;	background-color: transparent;	width:200px;
			height: 480px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/events.jpg);}
			
			#content-subpage-image-reviews{
			float:left;
			background-color: transparent;
			width:200px;
			height: 480px;
			background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/sophie.jpg);}
			
			#content-subpage-image-impressum{float:left;	background-color: transparent;	width:200px;
			height: 480px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/impressum.jpg);}
			
			#content-subpage-image-blog{float:left;	background-color: transparent;	width:200px;
			height: 480px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/blog.jpg);}
			
			#content-subpage-image-contact{float:left;	background-color: transparent;	width:200px;
			height: 480px;background-repeat:no-repeat;
			background-position:left;
			background-image:url(../images/contact.jpg);}
			
			
				/* Sub images end
------------------------------------------------------------------*/
	
	
		#logo {
			height:50px;
			background-image:url(../images/logo1.jpg);
			background-repeat:no-repeat;			
			background-position:right;
			margin-bottom: 5px;
			margin-top: 10px;		
			}
			
			
		#like {
			height:610px;
			width: 300px;
float:left;
			margin-bottom: 5px;
			margin-top: 10px;		
			}

		#bell{
			height:75px;
			width: 200px;
			background-image:url(../images/bell.jpg);
			background-repeat:no-repeat;			
			background-position:right;
float:right;
margin-bottom: 15px;
					
			}
			
			#left-side{
			float:left;
			background-image:url(../images/left.jpg);
			width:280px;
			height: 480px;
			}
			
					
			#footer {
	float:right;

	background-repeat:no-repeat;
	width: 130px;
	height: 60px;
	margin-top: 0px;
	

		
			}
				#footer1 {
				display:block;
		
			}
			
		
		
	/* main-menu
---------------------------------------------------------- */				
			
		#main-menu{
        text-transform: uppercase;
		float:right;
		width: 100px;
		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:50px;
		float: right;
		padding-right: 10px;
		position:relative;
		top: 450px;
left:70px;
		

		}	
		
		
				
		
		#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,
			#about #nav-about a,
			#books #nav-books a,
			#events #nav-events a,
			#reviews #nav-reviews 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,  
		  #about #nav-about a:hover, 		 
		  #books #nav-books a:hover,
		  #events #nav-events a:hover,
		  #reviews #nav-reviews a:hover,
		  #contact #nav-contact a:hover,
		  #blog #nav-blog a:hover
		  {background-color: transparent ; color: #FFFF00;}
	  
		  #home a:hover,  
		  #about a:hover, 
		  #books  a:hover,
		  #events a:hover,
		  #reviews  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;
			}