@charset "utf-8";
/* CSS Document */

* { /* nollställer alla marginaler och padding - globalt */
   margin: 0; 
   padding: 0;
}
img {
	border: 0;
}
#noFlash {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #ff0000;
	font-size: 70%;
	line-height: 150%;
	font-weight: normal;
}
body {
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	line-height: 160%;
	font-family: Georgia, Arial, "Trebuchet MS", sans-serif;
	color: #474747;
	margin: 0px;
	padding: 0px;
	background: #760A22 url(../images/bg.gif) repeat top left;
}
#wrap {
	/* margin: 0px; /* 0px auto - Centrera #wrap */
	text-align: left; /* Vänsterställer innehållet i #wrap */
	width: 1079px;
	min-width: 1079px;
}
#content {
	width: 500px;
	margin: 0px;
	padding: 20px 33px 0px 32px;
	background: url(../images/bg-header.gif) no-repeat 33px 20px;
}
#logo {
	width: 500px;
	text-align: center;
	padding: 30px 0px 0px 0px;
}
#inloggad {
	padding: 0px 52px 0px 52px;
}
#inloggad p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#navitems {
	width: 500px;
	text-align: center;
	margin: 40px 0px 10px 0px;
}
#left-wrap {
	width: 252px;
	float: left;
	display: inline;
}
#right-wrap {
	width: 565px;
	float: left;
	display: inline;
	background: url(../images/bg-col-right.png) repeat-y left top;
}
#theImage {
	width: 500px;
	padding: 0px;
	margin: 0px;
}
#theImage p, #theImage a {
	padding: 0px;
	margin: 0px;
}
#theText {
	width: 460px;
	padding: 10px 20px 0px 20px;
	margin: 0px;
}
#editBox {
	width: 420px;
	padding: 19px;
	margin: 20px 0px;
	border: solid #ccc 1px;
}
#box {
	width: 420px;
	padding: 19px;
	margin: 20px 0px;
	border: solid #ccc 1px;
}
#boxCol {
	width:188px;
	float:left;
	display:inline;
}
#boxRed {
	padding: 19px;
	margin: 20px 0px;
	border: solid #ff0000 1px;
}
#boxRed p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 70%;
	line-height: 160%;
	color: #ff0000;
	padding: 0px;
}
#footer-wrap {
	width: 565px;
	background: url(../images/bg-footer.png) no-repeat left top;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #666;
	font-size: 70%;
	line-height: 125%;
	font-weight: normal;
}
#footer-wrap p {
	padding: 30px 0px 7px 37px;
}
#footer-wrap a {
	color: #666;
	text-decoration: none;
}
#footer-wrap a:link {
	color: #666;
}
#footer-wrap a:visited {
	color: #666;
}
#footer-wrap a:hover {
	color: #000;
	text-decoration: none;
}
#footer-wrap a:active {
	color: #000;
	text-decoration: none;
}
#footer-left {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 65px 0px 0px 32px;
	float: left;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 1px;
}
#footer-right {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 65px 33px 0px 0px;
	float: left;
	text-align: right;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 1px;
}

/* ---------------------------- PUFFAR VID SIDAN --------------------------------------- */
#puff {
	width: 240px;
	height: 338px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	background: url(../images/puff-vinprovning.png) no-repeat left top;
}
#puff p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 0px 35px 8px 20px;
}
#puff h1 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	padding: 0px 20px 3px 20px;
	color: #000;
}
#announcement {
	width: 212px; /* 180px */
	height: 340px;
	padding: 25px 30px 20px 20px;
	background: url(../images/bg-announcement.png) no-repeat left top;
	margin: 20px 0px 0px 0px;
}
#announcement p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 8px;
}
#announcement h1 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 21px;
	line-height: 24px;
	padding: 0px 0px 3px 0px;
}
#information {
	width: 202px;
	min-height: 290px;
	padding: 20px 20px 8px 30px;
	margin: 0px 0px 0px 10px;
	background: url(../images/bg-information.png) no-repeat left top;
	float: left;
	display: inline;
}
#information p {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 8px;
}
#information h1 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	color: #000;
	padding: 0px 0px 3px 0px;
}
#erbjudande {
	padding: 20px;
	margin: 20px 0px;
	border: 4px dotted #D0B160;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
	color: #D0B160;
	background-color: #fff;
}
#erbjudande h1 {
	color: #D0B160;
}
/* -------------------------------------------------------------------------- */



/* ----------------------------- TEXT ---------------------------------------- */
.datum {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	line-height: 100%;
	padding: 0px 0px 20px 0px;
}
.datumSmall {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	line-height: 100%;
	padding: 0px 0px 20px 0px;
}
.counterMsg {
	font-size: 80%;
}

p,h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
p {
	text-align: left;
	padding-bottom: 12px;
}
h1 {
	font-size: 150%;
	line-height: 125%;
	text-align: left;
	padding: 10px 0px 3px 0px;
	color: #000;
}
h2 {
	font-size: 125%;
	line-height: 125%;
	text-align: left;
	padding: 3px 0px;
	color: #000;
}
h3 {
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
	text-align: left;
	padding: 3px 0px;
	color: #000;
}
h4 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 80%;
	line-height: 100%;
	font-weight: bold;
	text-align: left;
	padding: 3px 0px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 1em 3em;
}


/* ----------------------------- TABLES ---------------------------------------- */


caption {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 80%;
	text-align: left;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

table#vinlista {
	font-size: 80%;
	font-weight: normal;
	line-height: normal;
}
table#vinlista th {
	line-height: normal;
	text-align: right;
	font-weight: normal;
}
table#vinlista td {
	line-height: 150%;
	padding-top: 5px;
}
table#vinlista h2 {
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	padding: 14px 0px 0px 0px;
	font-weight: bold;
	color: #000;
}

table#menyn {
	font-size: 80%;
	font-weight: normal;
	line-height: normal;
}
table#menyn p {
	padding: 0px 0px 14px 0px;
	font-size: 85%;
}
table#menyn p.pris {
	padding-top: 0px 0px 14px 0px;
	text-align: right;
	font-size: 100%;
}
table#menyn th {
	line-height: normal;
	text-align: right;
	font-weight: normal;
}
table#menyn td {
	line-height: 150%;
	padding-top: 5px;
}
table#menyn h2 {
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	padding: 14px 0px 0px 0px;
	font-weight: bold;
	color: #000;
}
table#menyn h3 {
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	color: #000;
}


/* ----------------------------- LINKS ---------------------------------------- B95F65  A22A32*/

a {
	font-weight: normal; 
	color: #993333;
	text-decoration: none;
}
a:link {
	color: #993333;
}
a:visited {
	color: #993333;
}
a:hover {
	color: #CC6666;
	text-decoration: none;
}
a:active {
	color: #CC6666;
	text-decoration: none;
}

a.editLink {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold; 
	color: #0066CC;
	text-decoration: none;
	font-size: 12px;
}
a.editLink:link {
	color: #0066CC;
}
a.editLink:visited {
	color: #0066CC;
}
a.editLink:hover {
	color: #6699CC;
	text-decoration: none;
}
a.editLink:active {
	color: #6699CC;
	text-decoration: none;
}



a.rubrik {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold; 
	color: #000;
	text-decoration: none;
}
a.rubrik:link {
	color: #000;
}
a.rubrik:visited {
	color: #000;
}
a.rubrik:hover {
	color: #666;
	text-decoration: none;
}
a.rubrik:active {
	color: #666;
	text-decoration: none;
}

ul#submenu a {
	font-weight: normal; 
	color:#000;
	text-decoration: none;
}
ul#submenu a:link {
	color: #000;
}
ul#submenu a:visited {
	color: #000;
}
ul#submenu a:hover {
	color: #666;
}
ul#submenu a:active {
	color: #666;
}

ul#paging a {
	font-size: 75%;
	font-weight: bold; 
	color:#993333;
	text-decoration: none;
}
ul#paging a:link {
	color: #993333;
}
ul#paging a:visited {
	color: #993333;
}
ul#paging a:hover {
	color: #CC6666;
	text-decoration: none;
}
ul#paging a:active {
	color: #CC6666;
	text-decoration: none;
}



/* ----------------------------- LISTOR ---------------------------------------- */

ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
li {
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

#topnav{margin-left: 0; padding-left: 0; font-size: 110%;}
#topnav li{display: inline; list-style-type: none;}
#topnav a{color: #666; padding: 0.25em 0.8em; text-decoration: none;}
#topnav a:link{color: #666;}
#topnav a:visited{color: #666;}
#topnav a:hover{color: #000;}
#topnav a#current{color: #000;}

ul#submenu {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 460px;
	display: block;
	float: left;
}
ul#submenu li {
	list-style-type: none;
	text-align: left;
	padding: 0px 10px 5px 0px;
	margin: 0px;
	display: block;
	float: left;
}
ul#paging {
	text-align: left;
	margin:0px;
	padding: 0px 0px 0px 0px;
	width: 460px;
	display: block;
	float: left;
}
ul#paging li {
	list-style-type: none;
	text-align: left;
	padding: 5px;
	margin: 0px;
	display: block;
	float: left;
}

dl#legend {
	font-size: 75%;
	text-align: left;
	margin:0px;
	padding: 0px 0px 0px 0px;
	width: 460px;
	display: block;
	float: left;
}
dl#legend dt {
	list-style-type: none;
	text-align: left;
	padding: 0px 10px 5px 0px;
	margin: 0px;
	display: block;
	float: left;
}


/* ----------------------------- FORMS ---------------------------------------- */
label {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 75%;
	line-height: 100%;
	font-weight: bold;
	text-align: left;
}
.inputbutton {
	color: #000;
	background-color: #eeeeee;
	border: solid #bbbbbb 1px;
	padding: 2px 5px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 80%;
	width: 50px;
}
.inputbuttonWide {
	color: #000;
	background-color: #eeeeee;
	border: solid #bbbbbb 1px;
	padding: 2px 5px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 80%;
}
.inputselect {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 75%;
}
.inputselectmeny {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 100%;
	width: 180px;
}
.inputtextarea {
	padding: 3px;
	width: 454px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
	line-height: 150%;
}
.inputpufftext {
	padding: 3px;
	width: 400px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
	line-height: 150%;
}
.inputtextareamedium {
	padding: 3px;
	width: 400px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
	line-height: 150%;
}
.inputtexbox {
	padding: 3px;
	width: 454px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
}
.inputpuffrubrik {
	padding: 3px;
	width: 400px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
}
.inputtexboxmedium {
	padding: 3px;
	width: 400px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
}
.inputtexboxsmall {
	padding: 3px;
	width: 180px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
}
.inputtexboxsmaller {
	padding: 3px;
	width: 150px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
}
.inputsortorder {
	padding: 0px;
	width: 22px;
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
}
.inputtexboxprice {
	padding: 3px;
	width: 157px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
	text-align: right;
}
.inputtexboxpricesmall {
	padding: 3px;
	width: 80px;
	font-family: Georgia, "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 125%;
	text-align: right;
}
.inputradio {
	background-color: #ffffff;
	width: 15px;
}