@charset "UTF-8";

body  {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #221C09;
	text-align: center;
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url(../images/skugga.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*-------------------TEXT OCH TYPOGRAFI ---------------------*/

h1, h2, h3, h4, h5, h6  {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0.3em;
}


h1 {
	font: normal 140% Georgia, "Times New Roman", Times, serif;
	color: #900;
	padding-bottom: 0.2em;
}

h2 {
	font-size: 20px;
	line-height: 26px;
	color: #900;
	letter-spacing: 0.05em;
}

h3 {
	font: normal 18px/22px Georgia, "Times New Roman", Times, serif;
	color: #900;
}

h4 {
	font: normal 16px/20px Georgia, "Times New Roman", Times, serif;
	color: #900;
}

a:link {
	color: #900;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #900;
}

/* -------------------------------------------- */

h1, h2, h3, h4 + p { /* Angränsande syskon/adjacent sibling selectors. Matchar alla p-element som direkt följer alla h-element  */
	margin-top: 0;
	padding-top: 0;
}


p {
	margin: 0 0 9px;
	padding: 0;
	font: 80%/150% Verdana, Arial, sans-serif;
	text-align: left;
}
.ingress{
font: 110%/140% Georgia, "Times New Roman", Times, serif;
}


#mainContent1 p {
	text-align: left;
}

#mainContent2 p {
	text-align: left;
}

/*------------------------------------- Bilder ----------------------------------------*/

#mainContent1 img {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	}
	
#mainContent2 img {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	}
	
#sidebar1 img {
	margin-top: 20px;
	margin-bottom:10px;
	}
#sidebar2 img {
	margin-bottom:10px;
	}

/*-------------------------------------- Länkar ----------------------------------------- */
.localNavRight {
	display: block;
	width: 220px;
	border-top: 1px solid #D2D1CD;
	vertical-align: text-bottom;
	padding-top: 10px;
	padding-bottom: 10px;
/*	padding-left: 10px;*/
	}
.localNavRight a {
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #333;
	}
	
.localNavRight a:hover {
	color: #900;
}


/* -------------------------------------------- */

.downloadButton {
	display: block;
	width: 220px;
	height: 30px;
	background: url(../images/download_bg.png);
	margin-top: 10px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-align: right;
/*	letter-spacing: 0.1em;*/
    padding-top: 5px;
	padding-bottom: 5px;
	}
	
.downloadButton a {
	display: block;
	padding-top: 5px;
	padding-bottom:5px;
	padding-right: 10px;
	text-decoration: none;
	color: #747065;
	}
	
.downloadButton a:hover {
	display: block;
	padding-top: 5px;
	padding-bottom:5px;
	padding-right: 10px;
	color: #900;
}

	
	
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#container {
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

} 
#header {
	/*background: url(../images/logo_vingourmet.png) no-repeat left center;*/
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 110px;
} 
#MenuBar {
	height: 38px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D2D1CD;
	border-top: 1px solid #D2D1CD;
} 
#bildspel {
	background: #CCC;
	height: 330px;
	margin-bottom: 20px;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 220px;
	padding-top: 0px;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 220px;
	padding-top: 0px;
}
#mainContent1 {
	margin: 0px 240px 0;
	padding-top: 0px;
}

#mainContent2 {
	margin: 0px 0px 0 240px;
	padding-top: 0px;
	padding-right: 10px;
}
#footer {
	/*	border-top: 1px solid #D2D1CD;*/
	background-color: #F7F7F7;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/skugga_foot.png);
	background-repeat: no-repeat;
	background-position: top;
}
.floattrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*----------------------------Produktpresentation------------------------------*/

.wineyard_name {
	color: #900;
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	}
.product_name {
	color: #900;
	letter-spacing: 0.1em;
	font: normal 110% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
    margin-bottom: 10px;
	margin-top: 20px;
}
.region {
	margin-bottom: 10px;
	color: #312B17;
}

.product_info {
	border-top: 1px solid #999;
}
img.product {
	float: right;
	margin-left: 10px;
}
.fet {
	font-weight: bold }



.hamta_prislista {
	display: block;
	border-top: 1px solid #999;
	vertical-align: text-bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.hamta_prislista a {
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #333;
	}
	
.hamta_prislista a:hover {
	color: #900;
}	
	
	
/*------------------------SLUT Produktpresentation-------------------------*/