body {
  background-color: white;
  margin: 0;
  padding: 0;
  }
  
#tingsgarden { 
  background-color: #6496b8;
  background-image: url(bilder/bakgrundnjut.jpg);
  background-repeat: no-repeat;
  width: 1000px;
  height: 800px;
  border-right: thin solid;
  border-color: black;
  }
  
#hearts a {
  position: absolute;
  width: 85px;
  height: 77px;
  top: 31px; 
  text-decoration: none;
  }
  
a#cafe { left: 112px; top: 262px; }
a#restaurang { left: 666px; top: 290px; }

a#cafe:hover { background-image: url(bilder/cafe.gif); background-repeat: no-repeat; }
a#restaurang:hover { background-image: url(bilder/restaurang.gif); background-repeat: no-repeat; }
   
a#cafe:hover,
a#restaurang:hover { border: none; } 

#top {
	clear: both;
	width: 700px;
	height: 110px;
	background: transparent;
	padding-left: 100px;
	padding-top: 20px;	
	}
	
#menu {
	clear: both;
	width: 800px;
	height: 20px;
	background-color: #d00019;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: justify;
	 }
	 
#affarinfo {
	width: 365px;
	height: 230px;
	padding: 10px 20px 0px 15px;
	}

#affartop {
	width: 390px;
	height: 20px;
	padding-right: 10px;
	vertical-align: middle;
	background-color: #d00019;
	}
		
#kontaktinfo {
	width: 365px;
	height: 230px;
	padding: 10px 20px 0px 15px;
	}

#kontakttop {
	width: 390px;
	height: 20px;
	padding-right: 10px;
	vertical-align: middle;
	background-color: #d00019;
	}

#hittainfo {
	width: 415px;
	height: 300px;
	padding: 10px 25px 0px 25px;
	}

#hittatop {
	width: 455px;
	height: 20px;
	padding-right: 10px;
	vertical-align: middle;
	background-color: #d00019;
	}

#nutidinfo {
	width: 365px;
	height: 230px;
	padding: 10px 20px 0px 15px;
	}

#nutidtop {
	width: 390px;
	height: 20px;
	padding-right: 10px;
	vertical-align: middle;
	background-color: #d00019;
	}

#nutidinfo a:link {color: #d00019; text-decoration: none;}
#nutidinfo a:visited {color: #d00019; text-decoration: none;}
#nutidinfo a:hover {color: #000000; text-decoration: none;}
#nutidinfo a:focus {color: #d00019; text-decoration: none;}
#nutidinfo a:active {color: #d00019; text-decoration: none;}
	
#kontaktinfo a:link {color: #d00019; text-decoration: none;}
#kontaktinfo a:visited {color: #d00019; text-decoration: none;}
#kontaktinfo a:hover {color: #000000; text-decoration: none;}
#kontaktinfo a:focus {color: #d00019; text-decoration: none;}
#kontaktinfo a:active {color: #d00019; text-decoration: none;}

#hittainfo a:link {color: #d00019; text-decoration: none;}
#hittainfo a:visited {color: #d00019; text-decoration: none;}
#hittainfo a:hover {color: #000000; text-decoration: none;}
#hittainfo a:focus {color: #d00019; text-decoration: none;}
#hittainfo a:active {color: #d00019; text-decoration: none;}
	
#affarinfo a:link {color: #d00019; text-decoration: none;}
#affarinfo a:visited {color: #d00019; text-decoration: none;}
#affarinfo a:hover {color: #000000; text-decoration: none;}
#affarinfo a:focus {color: #d00019; text-decoration: none;}
#affarinfo a:active {color: #d00019; text-decoration: none;}

#bottom {
	clear: both;
	width: 700px;
	background: transparent;
	padding-left: 100px;
	padding-top: 20px;	
	position: absolute;
	top: 610px;
	}
	
#bottom p {
	color: white;
	size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

#bottom a:link {color: #d00019; text-decoration: none;}
#bottom a:visited {color: #d00019; text-decoration: none;}
#bottom a:hover {color: #ffffff; text-decoration: none;}
#bottom a:focus {color: #d00019; text-decoration: none;}
#bottom a:active {color: #d00019; text-decoration: none;}

p {
	line-height: 14px;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
	
a span {
	line-height: 14px;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
	
h5 {
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}
h4 {
		line-height: 36px;
		color: white;
		font-size: 32px;
		font-weight: bold;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}