/* CSS Document */

body {
		background-image: url(images/bg_tidslinje.gif?OpenImageResource);
		color: #000000;
		font-family: verdana, sans-serif;
		font-size: 70%;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
}

/* Top wrappers */

#wrap	{
		position: absolute;
		top: 0%;
		left: 15%;
		width:810px;
		min-width: 810px;
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px;
		background-color: #ffffff;
}


/* Areas */

#area_header {
		position: relative;
		width: 810px;
		height: 132px;
}

#area_left {
		position: absolute;
		top: 132px;
		width: 135px;
		padding-top: 20px;
		padding-left: 5px;
		padding-bottom: 5px;
}

#area_content {
		position: relative;
		left: 140px;
		width: 525px;
		min-height: 500px;
		padding-top: 20px;
}

#area_right {
		position: absolute;
		top: 132px;
		left: 665px;
		width: 145px;
		padding-top: 20px;
}

#area_footer {
		position:relative;
		font-size: 90%;
		color: #ffffff;
		text-align: center;
		width: 810px;
		height: 25px;
		background-color: #ffffff;
}


/* Area Header  - Styles */

#block_header_1 {
		position: absolute;
		background-image: url(images/bgtop_grey.gif?OpenImageResource);
		width: 810px;
		height: 59px;
}
#block_header_1_rubrik {
		position: absolute;
		left: 330px;
		top: 15px;
		font-family: verdana, arial, sans-serif;
		font-size: 220%;
		font-weight:bold;
		color:#999999;
		border: 0px;
}
#block_header_1a {
		position: absolute;
		width: 52px;
		height: 59px;
		border: 0px;
}
#block_header_1b {
		position: absolute;
		width: 188px;
		height: 50px;
		left: 621px;
		top: 5px;
}
#block_header_1b_1 {
		position: absolute;
}

#block_header_1b_2 {
		position: absolute;
		top: 16px;
		left: 35px;
}
#block_header_1b_3 {
		position: absolute;
		top: 34px;
		left: 10px;
}
#block_header_1b_4 {
		position: absolute;
		left: 95px;
		top: 0px;
		width: 85px;
		background-color: #FFFFFF;
}
#block_header_1b_5 {
		position: absolute;
		top: 17px;
		left: 95px;
		width: 85px;
		background-color: #FFFFFF;
}
#loginbutton {
		position: absolute;
		top: 34px;
		left: 124px;
		width: 60px;
}

#block_header_2 {
		position: absolute;
		top: 59px;
		width: 810px;
		height: 50px;
}

#block_header_3 {
		position: absolute;
		background-color:#000000;
		width: 810px;
}
#block_header_3a {
		position: absolute;
		background-image: url(images/bg_yellow.gif?OpenImageResource);
		top: 114px;
		left: 5px;
		width: 800px;
		height: 18px;
}
#block_header_3b {
		position: absolute;
		left: 5px;
		top: 2px;
}
#block_header_3c {
		position: absolute;
		left: 675px;
		top: 1px;
		width: 120px;
		height: 17px;
}
#block_header_3d {
		position: absolute;
		width: 85px;
		top: 0px;
		left: -4px;
}
#block_header_3e {
		position: absolute;
		left: 90px;
		width: 35px;
		top: 0px;
}


/* Menu  - Styles */

#block_left_1 {
		position: relative;
		width: 120px;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		color: #336699;
}
.menuitem {
		left: 1px;
		top: 1px;
		width: 118px;
		height: 15px;
		margin-top: 1px;
		margin-bottom: 1px;
		padding-left: 5px;
		font-family: tahoma, verdana, sans-serif;
		font-weight: bold;
		font-size: 100%;
		cursor: pointer;
}
.sub_menuitem {
		left: 1px;
		top: 1px;
		width: 118px;
		height: 15px;
		padding-left: 10px;
		font-family: tahoma, verdana, sans-serif;
		font-weight: normal;
		text-decoration:none;
		font-size: 96%;
		cursor: pointer;
}
.sub_menuitem:hover {
		left: 1px;
		top: 1px;
		width: 118px;
		height: 15px;
		padding-left: 10px;
		font-family: tahoma, verdana, sans-serif;
		font-weight: normal;
		text-decoration:underline;
		font-size: 96%;
		cursor: pointer;
}
.sub_menuitem_2 {
		left: 1px;
		top: 1px;
		width: 118px;
		height: 30px;
		padding-left: 5px;
		font-family: tahoma, verdana, sans-serif;
		font-weight: bold;
		font-size: 100%;
		cursor: pointer;
}
#menu2c {
		position: absolute;
		top: 200px;
		left: 100px;
		background-color:#ffffff;
		color: #ffffff;
		border-width:1px;
		border-color:#CCCCCC;
		border-style:solid;
		visibility: hidden;
}



/* Varukorg - Styles */

#block_left_2 {
		position: relative;
		width: 120px;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		color: #000000;
		padding-left: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		font-family: verdana, sans-serif;
		font-size: 100%;
		margin-top: 5px;
}


#varukorg .subject {
		position: relative;
		width: 120px;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		color: #000000;
		font-family: tahoma, verdana, sans-serif;
		font-weight: bold;
/*		font-style: none;	*/
		font-size: 100%;
		text-align: center;
}
#block_varukorg_1 {
		float:left;
		left: 2px;
		width: 53px;
		height: 25px;
}
#block_varukorg_2 {
		float:right;
		left: 69px;
		width: 38px;
		height: 25px;
		text-align:right;
}
#block_varukorg_3 {
		float:left;
		left: 2px;
		width: 53px;
		border-top-color: #666666;
		border-top-style: dotted;
		border-top-width: 1px;
}
#block_varukorg_4 {
		float:right;
		left: 69px;
		width: 38px;
		text-align:right;
		border-top-color: #666666;
		border-top-style: dotted;
		border-top-width: 1px;
}
#varukorg .body {
		position: relative;
		width: 110px;
		height: 70px;
		color: #000000;
		background-color:#FFFFFF;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		font-family: verdana, sans-serif;
		font-style:normal;
		font-size: 100%;
}
#kassan_button {
		position: absolute;
		bottom: 5px;
		right: 5px;
		width: 68px;padding-left:0px;
}


/* Poll - Styles */

#block_left_3 {
		position: relative;
		width: 120px;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		color: #000000;
		padding-left: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		font-family: verdana, sans-serif;
		font-size: 100%;
		margin-top: 5px;
}
#poll .subject {
		position: relative;
		width: 120px;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		color: #000000;
		font-family: tahoma, verdana, sans-serif;
		font-weight: bold;
/*		font-style: none;	*/
		font-size: 100%;
		text-align: center;
}
#poll .description {
		position: relative;
		width: 110px;
		color: #000000;
		background-color:#FFFFFF;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		font-family: verdana, sans-serif;
		font-size: 100%;
}
#pollbutton {
		position: absolute;
		bottom: 5px;
		right: 5px;
		width: 45px;
}


#block_left_4 {
		position: relative;
		width: 120px;
		min-height: 50px;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		color: #000000;
		padding-left: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		font-family: verdana, sans-serif;
		font-size: 100%;
		margin-top: 5px;
}


/* Area Content  - Styles */

#sub_area_handels_a {
		left: 15px;
		min-height: 400px;
		width: 510px;
		padding-bottom: 10px;
		font-family: verdana, sans-serif;
		font-size: 100%;
}
#block_handels_a1 .subject {
		font-family: tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 180%;
		padding-bottom:20px;
}
#block_handels_a1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_a1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#sub_area_handels_b {
		left: 15px;
		height: 100px;
		width: 510px;
		padding-bottom: 10px;
		font-family: verdana, sans-serif;
		font-size: 100%;
}

/* Area Content  - sortiment-Styles */

.shopitem {
		left: 15px;
		min-height: 170px;
		width: 510px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		font-family: verdana, sans-serif;
		font-size: 100%;
}

.shopitem1 .subject {
		font-family: tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 180%;
		padding-bottom:20px;
}
.shopitem1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
.shopitem1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
.shopitem1 .desc {
		position:relative;
		overflow:hidden;
		margin: 0 10px 0 0;
		left:2px;
		top:8px;
}
.shopitem2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}

.shopitem3 .body {
		float:right;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}

.shopitem3 .kassan_button {
		position: absolute;
		width: 65px;
}

#sub_area_handels_bocker_b {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}
#block_handels_bocker_b1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_bocker_b1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#block_handels_bocker_b2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}
#block_handels_bocker_b3 .body {
		float:right;
		left: 300px;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}
#block_handels_bocker_b3 .kassan_button {
		position: absolute;
		width: 65px;
}
#sub_area_handels_bocker_c {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}
#block_handels_bocker_c1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_bocker_c1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#block_handels_bocker_c2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}
#block_handels_bocker_c3 .body {
		float:right;
		left: 300px;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}
#block_handels_bocker_c3 .kassan_button {
		position: absolute;
		width: 65px;
}
#sub_area_handels_bocker_d {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}
#block_handels_bocker_d1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_bocker_d1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#block_handels_bocker_d2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}
#block_handels_bocker_d3 .body {
		float:right;
		left: 300px;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}
#block_handels_bocker_d3 .kassan_button {
		position: absolute;
		width: 65px;
}
#sub_area_handels_bocker_e {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}
#block_handels_bocker_e1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_bocker_e1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#block_handels_bocker_e2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}
#block_handels_bocker_e3 .body {
		float:right;
		left: 300px;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}
#block_handels_bocker_e3 .kassan_button {
		position: absolute;
		width: 65px;
}
#sub_area_handels_bocker_f {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}
#block_handels_bocker_f1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_bocker_f1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#block_handels_bocker_f2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}
#block_handels_bocker_f3 .body {
		float:right;
		left: 300px;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}
#block_handels_bocker_f3 .kassan_button {
		position: absolute;
		width: 65px;
}
#sub_area_handels_bocker_g {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-color: #666666;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}
#block_handels_bocker_g1 .body {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
#block_handels_bocker_g1 .image_left {
		float:left;
		margin: 0 10px 0 0;
}
#block_handels_bocker_g2 .body {
		float:left;
		text-align:right;
		width: 160px;
		font-weight: bold;
		font-size: 100%;
}
#block_handels_bocker_g3 .body {
		float:right;
		left: 300px;
		width: 200px;
		font-weight: normal;
		text-align:right;
		font-size: 100%;
}
#block_handels_bocker_g3 .kassan_button {
		position: absolute;
		width: 65px;
}

/* Varukorgsidan - Styles */

#sub_area_handels_varukorg_a {
		left: 15px;
		width: 510px;
		min-height: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
}
#block_handels_varukorg_a1 .subject {
		font-family: tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 180%;
		padding-bottom:20px;
}

#block_handels_varukorg_a1 td {
		font-family: verdana, sans-serif;
		font-size: 11px;
/*		font-weight: normal;
		padding-bottom:20px;	*/
		}

#block_handels_varukorg_a1 a {
		text-decoration: none; 
		}
		
#block_handels_varukorg_a1 .body {
		font-family: tahoma, verdana, sans-serif;
		font-weight: normal;
		font-size: 180%;
		padding-bottom:20px;
		}


#block_handels_varukorg_tom_button {
		position: absolute;
		left: 410px;
		width: 100px;
		}

#sub_area_handels_varukorg_b {
		left: 15px;
		width: 510px;
		height: 300px;
		padding-top: 10px;
		padding-bottom: 10px;
}

#block_handels_varukorg_b1 {
		position: absolute;
		left: 130px;
		width: 200px;
}
#block_handels_varukorg_b2 {
		position: absolute;
		left: 130px;
		width: 200px;
}
#block_handels_varukorg_b3 {
		position: absolute;
		left: 130px;
		width: 200px;
}
#block_handels_varukorg_b4 {
		position: absolute;
		left: 130px;
		width: 200px;
}
#block_handels_varukorg_b5 {
		position: absolute;
		left: 130px;
		width: 200px;
}
#block_handels_varukorg_b6 {
		position: absolute;
		left: 130px;
		width: 200px;
}
#block_handels_varukorg_b7 {
		position: absolute;
}¨
#block_handels_varukorg_buttons {
		position: absolute;
}
#handels_varukorg_avbryt_button {
		position: absolute;
		left: 385px;
		width: 60px;
}
#handels_varukorg_skicka_button {
		position: absolute;
		left: 450px;
		width: 60px;
}
#sub_area_handels_varukorg_c {
		left: 15px;
		width: 510px;
		height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
}


/* Area Right - Styles */

.block_right	{
		position: relative;
		width: 140px;
		margin-bottom: 5px;
		cursor: pointer;
		border: none;
		}
}
#block_right_1 .show_image_only {
		border: none;
}


#block_right_1 {
		position: relative;
		width: 140px;
		margin-bottom: 5px;
		cursor: pointer;
}
#block_right_1 .show_image_only {
		border: none;
}

#block_right_2 {
		position: relative;
		width: 140px;
		margin-bottom: 5px;
		cursor: pointer;
}
#block_right_2 .show_image_only {
		border: none;
}
#block_right_3 {
		position: relative;
		width: 140px;
		margin-bottom: 5px;
		cursor: pointer;
}
#block_right_3 .show_image_only {

}
#block_right_4 {
		position: relative;
		width: 140px;
		margin-bottom: 5px;
		cursor: pointer;
}
#block_right_4 .show_image_only {
		border: none;
}
#block_right_5 {
		position: relative;
		width: 140px;
		margin-bottom: 5px;
		cursor: pointer;
}
#block_right_5 .show_image_only {
		border: none;
}


/* Area Footer - Styles */

#clear {
		clear: both;
}

#area_footer {
		position:relative;
		font-size: 90%;
		color: #666666;
		text-align: center;
		width: 810px;
		height: 25px;
		padding-top: 5px;
		background-color: #ffffff;
}

#block_footer_1 {
		font-size: 90%;
		color: #666666;
		text-align: center;
		width: 800px;
		height: 16px;
		padding-top: 2px;
		background-image: url(images/bg_yellow.gif?OpenImageResource);
}





/* Text, bild och links - Styles */

.brodtext 	{
		color: #000000;
		font-family: verdana, sans-serif;
		font-size: 100%;
}

.subject_grey {
		color: #cccccc;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 180%;
}.subject {
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 180%;
}

.textinput {
		height: 18px;
		border: 1px solid  #cccccc;
}

.textinput_liten {
		height: 12px;
		border: 1px solid  #cccccc;
}
.textarea {
		border: 1px solid  #cccccc;
}

.body_bold {
		padding-top: 5px;
		font-weight: bold;
		font-size: 100%;
}
.body_red_bold {
		padding-top: 5px;
		font-weight: bold;
		font-size: 100%;
		color: #FF0000;
}
.body_normal {
		padding-top: 5px;
		font-weight: normal;
		font-size: 100%;
}
.body_italic {
		padding-top: 5px;
		font-style:italic;
		font-size: 100%;
}
.button {
		background-color: #cccccc;
		font-family: verdana, tahoma, sans-serif;
		color: #666666;
		font-size: 90%;
		cursor: pointer;
		border-top: 1px solid #FFFF99;
		border-left: 1px solid #999999;
		border-right: 1px solid #FFFF99;
		border-bottom: 1px solid #999999;
}
.image_right {
		float:right;
		margin: 0 0 0 3px;
}
.image_left {
		float:left;
		margin: 0 3px 0 0;
}

.litentextgrey {
		font-family: verdana, tahoma, sans-serif;
		font-size: 90%;
		color: #666666;
}
.litentextwhite {
		font-family: verdana, tahoma, sans-serif;
		font-size: 90%;
		color: #ffffff;
}
.litenlinkgrey a 
{ 
		font-family: verdana, tahoma, sans-serif;
		font-size: 90%; 
		color: #666666; 
		line-height: 16px; 
		text-decoration: none; 
}	
.litenlinkgrey a:hover 
{ 
		font-family: verdana, tahoma, sans-serif;
		font-size: 90%; 
		color: #000000; 
		line-height: 16px; 
		text-decoration: underline; 
}
a.menulink {
		color: #666666;
		text-decoration: none;
}
a.menulink:hover {
		color: #000000;
		text-decoration: none;
		background-color:#FFFFFF;
		cursor: pointer;
}
a.sub_menulink {
		color: #666666;
		text-decoration: none;
}
a.sub_menulink:hover {
		color: #000000;
		text-decoration: none;
		background-image: url(images/bg_lightgrey.gif?OpenImageResource);
		cursor: pointer;
}
.textlink a 
{ 
		font-family: verdana, tahoma, sans-serif;
		font-size: 100%; 
		color: #666666; 
		line-height: 16px; 
		text-decoration: none; 
}	
.textlink a:hover 
{ 
		font-family: verdana, tahoma, sans-serif;
		font-size: 100%; 
		color: #000000; 
		line-height: 16px; 
		text-decoration: underline; 
}