body, html {
	color:#000;
	font-family: Trebuchet MS, Verdana, Arial; 
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	cursor: default;
}

body { 
	font-size: 62.8%; 
	padding-bottom: 50px;
	background: #1e331d url(../../img/bg_body.gif) top left repeat-x; 
}

* {	margin: 0; padding: 0; }


p, blockquote, ol, adress, fieldset { margin-bottom: 1em; }

/* Links */
a, a:visited { color: #009500; text-decoration: none; cursor: pointer; }
a:hover	{ color: #009500; text-decoration: underline; cursor: pointer; }


/* Images */
img { border: 0px; vertical-align: middle; }
.rightimg { float: right; margin: 0 0 10px 10px; }
.leftimg { float: left; margin: 0 10px 10px 0; }

/* Forms */
input { vertical-align: middle; }
textarea.full { width: 100%; margin-bottom: 5px; }
input, textarea, select { margin-bottom: 7px; }
td { vertical-align: top; }�

/* Misc */
.floatleft { float: left; }
.floatright { float: right; }
hr { height: 1px; line-height: 1px; border: none; border-top: 1px dashed #d7d7d7; clear: both; width: 100%; margin: 10px 0; }
br.break { clear: both; visibility: hidden; }

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table; clear: both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Slut Clearfix */

/*======================= RSS =======================*/

#sok{
	margin-left:20px;
	font-family: Verdana;
	font-size: 12px;
}
#sok a, #sok a:hover { color: #345027; font-weight: bold;}
#sok h1 { font-size: 14px; font-weight: bold; }
#sok h2 { font-size: 10px; font-weight: bold; }

/*======================= Page elements =======================*/


#rings {
	width: 100%;
	background: transparent url(../../img/bg_rings.gif) top center no-repeat;
}
#container {
	width: 871px;
	margin: 0 auto;
}
#subnav { height: 50px; }
#content {
	position: relative;
	width: 862px;
	padding-bottom: 30px;
	background: transparent url(../../img/bg_main.jpg) top left repeat-y;
}

#footer { position: relative; z-index: 1;}

body#cap #footer {
	width: 868px;
	height: 70px;
	z-index: 10;
	background: transparent url(../../img/bottom_cap.png) top left no-repeat;
}

body#nocap #footer {
	width: 868px;
	height: 70px;
	background: transparent url(../../img/bottom_nocap.png) top left no-repeat;
}
img#bottom_grad { position: absolute; bottom: 0; left: 0; }

#mediabankLink { display: block; width: 70px; height: 12px; position:absolute; bottom: 0px; left: 0px; text-indent: -9999em; }
#workLink { display: block; width: 95px; height: 12px; position:absolute; bottom: 0px; left: 90px; text-indent: -9999em; }

/*======================= FIRSTPAGE =======================*/
.index { height: 760px; }

#FirstPage_revir {
	position: absolute;
	width: 675px;
	height: 330px;
	top: -20px;
	left: 15px;
	z-index: 70;
}
#FirstPage_flaska {
	position: absolute;
	width: 190px;
	height: 610px;
	top: -20px; 
	right: 5px;
	z-index: 5000;
}
#FirstPage_hwila {
	position: absolute;
	width: 280px;
	height: 170px;
	top: 312px;
	left: 15px;
	z-index: 80;
}
#FirstPage_nyhet {
	position: absolute;
	width: 385px;
	height: 180px;
	top: 320px;
	left: 300px;
	z-index: 60;
}
#FirstPage_hultsfred {
	position: absolute;
	width: 280px;
	height: 170px;
	top: 480px;
	left: 14px;
	z-index: 50;
}
#FirstPage_historia {
	position: absolute;
	width: 365px;
	height: 185px;
	top: 472px;
	left: 300px;
	z-index: 40;
}
#FirstPage_tavling {
	position: absolute;
	width: 280px;
	height: 170px;
	top: 645px;
	left: 15px;
	z-index: 30;
}
#FirstPage_shop {
	position: absolute;
	width: 295px;
	height: 145px;
	top: 810px;
	left: 15px;
	z-index: 20;
}
#FirstPage_bigPuff {
	position: absolute;
	width: 530px;
	height: 300px;
	top: 645px;
	left: 310px;
	z-index: 10;
}

/*======================= Products Main =======================*/

.products_main { height: 750px; }

#bottle {
	position: absolute;
	z-index: 10;
	height: 649px;
	width: 205px;
	left: 649px;
	top: 32px;
}
#postit {
	position: absolute;
	z-index: 90;
	height: 152px;
	width: 150px;
	left: 2px;
	top: 282px;
}
#productNav {
	position: absolute;
	z-index: 30;
	height: 335px;
	width: 623px;
	left: 23px;
	top: 335px;
}
#textarea {
	height: 275px;
	width: 608px;
	position: absolute;
	z-index: 20;
	left: 40px;
	top: 65px;
}



/*======================= Products =======================*/

#background {
	position: relative;
	margin-left: 20px;
	width: 810px;
	padding-top: 550px;
	padding-bottom: 20px;
	border: 6px solid #fff;
}
.back_1 { background: url(../../img/produkt_bg/bg_ol.jpg) top left repeat-y; }
.back_2 { background: url(../../img/produkt_bg/bg_vin.jpg) top left repeat-y; }
.back_3 { background: url(../../img/produkt_bg/bg_sprit.jpg) top left repeat-y; }
.back_4 { background: url(../../img/produkt_bg/bg_cider.jpg) top left repeat-y; }
.back_6 { background: url(../../img/produkt_bg/bg_lask.jpg) top left repeat-y; }
.back_5 { background: url(../../img/produkt_bg/bg_vatten.jpg) top left repeat-y; }

#print {
	height: 32px;
	width: 85px;
	position: absolute;
	z-index: 12;
	left: 740px;
	top: 40px;
}
#listmenu {
	height: 700px;
	width: 250px;
	position: absolute;
	z-index: 20;
	left: -78px;
	top: 12px;
}
#products_textarea {
	height: 403px;
	width: 424px;
	z-index: 30;
	left: 383px;
	top: 61px;
	position: absolute;
}
#bigBottle {
	position: absolute;
	z-index: 40;
	left: 164px;
	top: 29px;
	height: 527px;
	width: 203px;
}

ul#smallbottles {
	list-style: none;
	float: right;
	margin-right: 3px; 
}
ul#smallbottles li { text-align: center; float: right; margin: 0 15px 10px 15px; }

#beerType {
	position: absolute;
	z-index: 100;
	left: 222px;
	top: 0px;
	height: 717px;
	width: 556px;
}


/*======================= Visit us =======================*/

.visit_us { height: 630px; }

#upperImage {
	position: absolute;
	z-index: 40;
	height: 327px;
	width: 373px;
	left: 441px;
	top: 317px;
}
#historyBanner {
	position: absolute;
	z-index: 20;
	height: 135px;
	width: 365px;
	left: 55px;
	top: 508px;
}
#visit_textarea {
	position: absolute;
	z-index: 30;
	height: 485px;
	width: 458px;
	left: 17px;
	top: 32px;
}
#lowerImage {
	height: 408px;
	width: 437px;
	position: absolute;
	z-index: 10;
	left: 410px;
	top: 32px;
}


/*======================= History =======================*/
.history { height: 940px; }

#eng_history {
	position: absolute;
	z-index: 40;
	height: 886px;
	width: 786px;
	left: 40px;
	top: 40px;
}

/*======================= workhere =======================*/

.workhere { height: 630px; }


#workhere_upperImage {
	position: absolute;
	z-index: 30;
	height: 350px;
	width: 341px;
	left: 500px;
	top: 290px;
}
#workhere_textarea {
	position: absolute;
	z-index: 20;
	height: 635px;
	width: 565px;
	left: 17px;
	top: 22px;
}
#workhere_lowerImage {
	height: 280px;
	width: 360px;
	position: absolute;
	z-index: 10;
	left: 490px;
	top: 55px;
}


/*======================= contact us =======================*/

.contactus { height: 700px; }

#contactus_upperImage {
	position: absolute;
	z-index: 20;
	height: 361px;
	width: 359px;
	left: 491px;
	top: 357px;
}
#contactus_textarea {
	position: absolute;
	z-index: 30;
	height: 635px;
	width: 565px;
	left: 17px;
	top: 72px;
}
#contactus_lowerImage {
	height: 490px;
	width: 405px;
	position: absolute;
	z-index: 10;
	left: 440px;
	top: 65px;
}

/*======================= news =======================*/

.news { height: 700px; }

#news_buttonNext {
	position: absolute;
	z-index: 90;
	height: 38px;
	width: 96px;
	left: 293px;
	top: 652px;
}
#news_buttonPrev {
	position: absolute;
	z-index: 80;
	height: 38px;
	width: 96px;
	left: 21px;
	top: 652px;
}
#newsView {
	position: absolute;
	z-index: 20;
	height: 682px;
	width: 490px;
	left: 369px;
	top: 10px;
}
#newsList1 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 60;
	left: 11px;
	top: 25px;
}
#newsList2 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 50;
	left: 5px;
	top: 185px;
}
#newsList3 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 30;
	left: 11px;
	top: 335px;
}
#newsList4 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 40;
	left: 11px;
	top: 470px;
}


/*======================= school =======================*/

.school { height: 820px; }

#textarea1 {
	position: absolute;
	z-index: 10;
	left: 75px;
	top: 45px;
}
#textarea2 {
	position: absolute;
	z-index: 20;
	left: 417px;
	top: 460px;
}
#image1 {
	position: absolute;
	z-index: 30;
	left: 495px;
	top: 59px;
}
#image2 {
	position: absolute;
	z-index: 30;
	left: 63px;
	top: 491px;
}
#school_buttonPrev {
	position: absolute;
	z-index: 40;
	left: 20px;
	top: 660px;
}
#school_buttonNext {
	position: absolute;
	z-index: 40;
	left: 705px;
	top: 786px;
}

/*=====*/
.school2 { height: 700px; }

#school2_textarea1 {
	position: absolute;
	z-index: 10;
	left: 75px;
	top: 45px;
}
#school2_textarea2 {
	position: absolute;
	z-index: 20;
	left: 430px;
	top: 380px;
}
#school2_image1 {
	position: absolute;
	z-index: 30;
	left: 645px;
	top: 45px;
}
#school2_image2 {
	position: absolute;
	z-index: 30;
	left: 83px;
	top: 350px;
}
#school2_buttonPrev {
	position: absolute;
	z-index: 40;
	left: 20px;
	top: 650px;
}
#school2_buttonNext {
	position: absolute;
	z-index: 40;
	left: 705px;
	top: 650px;
}

/*=====*/
.school3 { height: 760px; }

#school3_textarea1 {
	position: absolute;
	z-index: 10;
	left: 75px;
	top: 45px;
}
#school3_textarea2 {
	position: absolute;
	z-index: 20;
	left: 410px;
	top: 340px;
}
#school3_image1 {
	position: absolute;
	z-index: 30;
	left: 490px;
	top: 10px;
}
#school3_image2 {
	position: absolute;
	z-index: 30;
	left: 63px;
	top: 370px;
}
#school3_buttonPrev {
	position: absolute;
	z-index: 40;
	left: 20px;
	top: 720px;
}
#school3_buttonNext {
	position: absolute;
	z-index: 40;
	left: 705px;
	top: 720px;
}

/*=====*/
.school4 { height: 760px; }

#school4_textarea1 {
	position: absolute;
	z-index: 10;
	left: 75px;
	top: 45px;
}
#school4_textarea2 {
	position: absolute;
	z-index: 20;
	left: 400px;
	top: 390px;
}
#school4_image1 {
	position: absolute;
	z-index: 30;
	left: 475px;
	top: 29px;
}
#school4_image2 {
	position: absolute;
	z-index: 30;
	left: 63px;
	top: 400px;
}
#school4_buttonPrev {
	position: absolute;
	z-index: 40;
	left: 20px;
	top: 710px;
}


/*======================= about =======================*/

.about { height: 550px; }

#about_upperImage {
	position: absolute;
	z-index: 40;
	height: 399px;
	width: 392px;
	left: 479px;
	top: 41px;
}
#about_historyBanner {
	position: absolute;
	z-index: 20;
	height: 131px;
	width: 365px;
	left: 485px;
	top: 417px;
}
#about_textarea {
	position: absolute;
	z-index: 30;
	height: 166px;
	width: 454px;
	left: 31px;
	top: 415px;
}
#about_movie {
	height: 413px;
	width: 537px;
	position: absolute;
	z-index: 50;
	left: 31px;
	top: 2px;
}

/*======================= press release =======================*/

.pressrelease { height: 650px; }

#pressrelease_buttonNext {
	position: absolute;
	z-index: 90;
	height: 38px;
	width: 96px;
	left: 293px;
	top: 642px;
}
#pressrelease_buttonPrev {
	position: absolute;
	z-index: 80;
	height: 38px;
	width: 96px;
	left: 21px;
	top: 642px;
}
#pressrelease_newsView {
	position: absolute;
	z-index: 20;
	height: 682px;
	width: 490px;
	left: 369px;
	top: 0px;
}
#pressrelease_newsList1 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 60;
	left: 11px;
	top: 15px;
}
#pressrelease_newsList2 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 50;
	left: 5px;
	top: 175px;
}
#pressrelease_newsList3 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 30;
	left: 11px;
	top: 325px;
}
#pressrelease_newsList4 {
	height: 170px;
	width: 390px;
	position: absolute;
	z-index: 40;
	left: 11px;
	top: 460px;
}
ul#news_acrhive_list {
	list-style: none;
	position: absolute;
	top: 20px;
	left: 40px;
}
ul#news_acrhive_list li { margin-bottom: 10px; }
ul#news_acrhive_list li a { color: #362e2b; font-size: 14px; } 
/*======================= RSS =======================*/

.RSS { height: 550px; }

#rss_iframe{
	position: absolute;
	z-index: 20;
	height: 530px;
	width: 750px;
	left: 40px;
	top: 20px;
}


/*======================= collaboration =======================*/

.collaboration { height: 950px; }

#lion1 {
	position: absolute;
	z-index: 10;
	height: 209px;
	width: 182px;
	left: 60px;
	top: 55px;
}
#lion2 {
	position: absolute;
	z-index: 20;
	height: 290px;
	width: 190px;
	left: 52px;
	top: 274px;
}
#samarbeten_textarea {
	height: 120px;
	width: 560px;
	position: absolute;
	z-index: 30;
	left: 286px;
	top: 9px;
}
ul#partners {
    margin-top: 130px;
    margin-left: 285px;
}
ul#partners li {
    list-style: none;
    width: 219px;
    height: 235px;
    width: 570px;
    float: left;
    clear: left;
    margin:0;
    padding:0;
}

/*======================= webshop =======================*/

#webshop_listmenu {
	height: 700px;
	width: 250px;
	position: absolute;
	z-index: 20;
	left: -78px;
	top: 12px;
}
#webshop_textfield {
	height: 100px;
	width: 400px;
	position: absolute;
	z-index: 20;
	left: 176px;
	top: 40px;
}
#webshop_cart {
	height: 136px;
	width: 263px;
	position: absolute;
	z-index: 20;
	left: 560px;
	top: 40px;
}

ul#webshop_products {
	list-style: none;
	margin-right: 80px;
	margin-top: 150px;
}
ul#webshop_products li {
	float: right;
	clear: right;
	width: 600px;
	margin-bottom: 10px;
}

/*=====*/
.webshopterms { height: 850px; }

#webshopterms_listmenu {
	height: 700px;
	width: 250px;
	position: absolute;
	z-index: 20;
	left: -78px;
	top: 12px;
}
#webshopterms_textfield {
	height: 100px;
	width: 400px;
	position: absolute;
	z-index: 20;
	left: 176px;
	top: 40px;
}
#webshopterms_cart {
	height: 136px;
	width: 263px;
	position: absolute;
	z-index: 20;
	left: 560px;
	top: 40px;
}
#webshopterms_textarea {
	height: 688px;
	width: 663px;
	position: absolute;
	z-index: 30;
	left: 176px;
	top: 108px;
}

/*=====*/
.webshopcart { height: 850px; }

#webshopcart_listmenu {
	height: 700px;
	width: 250px;
	position: absolute;
	z-index: 20;
	left: -78px;
	top: 12px;
}
#webshopcart_textfield {
	height: 100px;
	width: 400px;
	position: absolute;
	z-index: 20;
	left: 176px;
	top: 40px;
}
#webshopcart_textarea {
	height: 778px;
	width: 656px;
	position: absolute;
	z-index: 30;
	left: 176px;
	top: 108px;
}

/*=====*/
.webshopcustomerservice { height: 850px; }

#webshopcustomerservice_listmenu {
	height: 700px;
	width: 250px;
	position: absolute;
	z-index: 20;
	left: -78px;
	top: 12px;
}
#webshopcustomerservice_textfield {
	height: 100px;
	width: 400px;
	position: absolute;
	z-index: 20;
	left: 176px;
	top: 40px;
}
#webshopcustomerservice_cart {
	height: 136px;
	width: 263px;
	position: absolute;
	z-index: 20;
	left: 560px;
	top: 40px;
}
#webshopcustomerservice_textarea {
	height: 688px;
	width: 663px;
	position: absolute;
	z-index: 30;
	left: 176px;
	top: 108px;
}

/*======================= ProdMain =======================*/

.prodmain { height: 550px; }

#prodmain_bottle {
	position: absolute;
	z-index: 10;
	height: 649px;
	width: 205px;
	left: 657px;
	top: 2px;
}
#prodmain_postit {
	position: absolute;
	z-index: 90;
	height: 152px;
	width: 150px;
	left: 10px;
	top: 252px;
}
#prodmain_productNav {
	position: absolute;
	z-index: 30;
	height: 335px;
	width: 623px;
	left: 31px;
	top: 305px;
}
#prodmain_textarea {
	height: 275px;
	width: 608px;
	position: absolute;
	z-index: 20;
	left: 48px;
	top: 10px;
}

/*======================= revir =======================*/

.revir { height: 1305px; }

#revir { z-index: 1000; position: absolute; top: 10px; left: -33px; width: 912px; height: 1295px; }