/*  IMPORTED CSS  */


@import url("/media/css/smooo/reset.css");
@import url("/media/css/smooo/form.css");
@import url("/media/css/smooo/typo.css");
/* 
 @import url("table.css"); */


/* standard tags */

body
	{
	margin: 0px;
	color: #fff;
	background: #000
	}

body#smooo
	{
	margin: 0px;
	color: #fff;
	text-align: center;
	}
	
body.mainBackgroundStyle	{background: #000;}  /* for default background */
body.backgroundStyle0		{background: #000 url(/media/images/bakgrunder/bg_2010-7.jpg) top center no-repeat;}  /* for root background */
body.backgroundStyle1		{background: #000 url(/media/images/bakgrunder/bg_2010-7.jpg) top center no-repeat;}  /* for Gardasil background */
body.backgroundStyle2		{background: #000 url(/media/images/bakgrunder/bg_2010-4.jpg) top center no-repeat;}  /* for Livmoderhalscancer background */
body.backgroundStyle13		{background: #000 url(/media/images/bakgrunder/bg_2010-2.jpg) top center no-repeat;}  /* for Cellf�r�ndringar background */
body.backgroundStyle14		{background: #000 url(/media/images/bakgrunder/bg_2010-6.jpg) top center no-repeat;}  /* for Kondylom background */
body.backgroundStyle15		{background: #000 url(/media/images/vanligafragor.jpg) top center no-repeat;}  /* for Vanliga fr�gor background */
body.backgroundStyle16		{background: #000 url(/media/images/om-gardasil.jpg) top center no-repeat;}  /* for H�r kan du vaccinera dig background */
body.backgroundStyle18		{background: #000 url(/media/images/bakgrunder/bg_2010-2.jpg) top center no-repeat;}  /* for Misc background */
body.backgroundStyle406		{background: #000 url(/media/images/bakgrunder/bg_2010-1.jpg) top center no-repeat;}  /* for HPV background */
body.backgroundStyle446, body.backgroundStyle697	{background: #000 url(/media/images/bakgrunder/bg_2010-5.jpg) top center no-repeat;}  
body.backgroundStyle521	{background: #000 url(/media/images/bakgrunder/bg_2010-3.jpg) top center no-repeat;}  

/* for Vanliga frågor background */


	
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#ff9900; text-transform: uppercase}
h1 {font-size:1.4em;line-height:1.3;margin-bottom:1.5em;}
/*h2 {font-size:1.3em;margin-bottom:0.5em;}*/
h2,h3 {font-size:1.2em;line-height:1.4;margin-bottom:0.5em; color:#ff9900; text-transform:none}
h4 {font-size:1.1em;line-height:1.2;margin-bottom:0.5em; color:#fff;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0.5em; color:#fff; text-transform:none}
h6 {font-size:1em;font-weight:bold; color:#fff}

div.locationContainer h4 span
	{
	text-transform:none
	}
	
a
	{
	color: #ff9900;
	outline: none
	}
	
hr
	{
	height: 1px;
	color: #ff9900;
	background-color: #ff9900;
	border: 0px;
	}
	
small
	{
	display: block;
	font-size: 0.9em;
	margin: 10px 10px 0px 10px;
	}
	
div#search h1
	{
	text-transform: uppercase
	}

div#search hr
	{
	height: 2px;
	color: #fff;
	background-color: #fff;
	border: 2px;
	}

div.indrag
	{
	margin-left: 0em
	}

div.faq p
	{
	border-bottom: 1px solid #ff9900;
	padding-bottom: 1.5em
	}


/* structure */


#all
	{
	text-align: left;
	width: 940px;
	margin: auto
	}

.top
	{
	height: 30px;
	_height: 29px;
	padding-top: 0px;
	_padding-top: 3px;
	text-align: right;
	font-size: 1.1em;
	margin-bottom: 7px;
	background: url(/media/gfx/bg_content.png);
	}

.top table
	{
	width: 30%;
	float: right;
	margin: 0;
	}

.top table td
	{
	white-space: nowrap;
	.padding: 0;
	}

.top table td a
	{
	color: #fff
	}

.top a, .top a:visited
	{
	color: #fff;
	text-decoration: none;
	}

.top a:hover
	{
	text-decoration: underline
	}
	
.top table td p
	{
	width: 135px;
	margin: 0px
	}

span.devider
	{
	margin: 0px 5px 0px 5px;
	}

table.searchBox
	{
	font-size: 1em;
	display: inline;
	width: 136px;
	padding: 0px;
	margin: 0px 7px 0px 7px;
	}

table.searchBox td
	{
	border: 1px solid #fff;
	padding: 0
	}

td.tdSubmit
	{
	background: #fff
	}

.searchBox form
	{
	display: inline;
	margin: 0px;
	padding: 0px;
	}

.searchBox input
	{
	width: 112px;
	margin: 0px;
	padding: 3px;
	height: 12px;
	background: transparent;
	border: none;
	font: normal 11px arial, helvetica, san-serif;
	color: #fff;
	border: none;
	}

.searchBox input.button
	{
	width: 25px;
	height: 18px;
/*	background: url(/media/gfx/arrow.gif) center center no-repeat; */
	background: url(/media/gfx/arrow2.gif) center center no-repeat;
	border: none;
	font: 11px arial, helvetica, san-serif;
	color: #fff;
	cursor: pointer;
	border: none;
	margin-bottom: -2px;
	_margin-bottom: 0px;
	.margin-bottom: 0px
	}

.columnLeft
	{
	width: 226px;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	float: left;
	margin-bottom: 12px
	}

a.logo
	{
	display: block;
	width: 134px;
	height: 60px;
	background: url(/media/gfx/gardasil_logo24.png) no-repeat;
/*	_background: url(/media/gfx/gardasil_logo.gif) no-repeat; */
	margin-top: 5px;
	}

#content
	{
	width: 701px;
	min-height: 380px;
	height: auto !important;
	height: 380px;
	float: right;
	margin-top: 40px;
	margin-bottom: 12px
	}
	
body.backgroundStyle0 div.lastEdited, body.backgroundStyle0 div.printTell
	{
	display: none
	}
	
.contentLeft, div#search, div.locationContainer
	{
	width: 444px;
	padding: 10px 15px 40px 15px; 
/*	min-height: 460px;
	height: auto !important;
	height: 460px; */
	float: left;
	background: url(/media/gfx/bg_content.png);
	}

.noBox  #contactForm
	{
	background: none;
	padding: 0px;
	margin: 0px;
	float:none;
	}

.noBox  #contactForm form
	{
	padding: 0px;
	margin: 0px;
	}

div.locationContainer
	{
	width: 390px;
	margin-right: 60px;
	}
	
.contentRight
	{
	width: 214px;
	padding: 0px; 
	min-height: 460px;
	height: auto !important;
	height: 460px;
	float: right;
	}
	
/**
 * Puff Area
 */

.puffArea
	{
	clear: both;
	height: 88px;
	margin: 0px 0px 22px 0px;
	}

.puffArea .puff a
	{
	display: block
	}
	
.puffArea .puff p
	{
	margin: 0;
	padding: 0;
	}
	
.puffArea .puff p img
	{
	margin: 0;
	padding: 0;
display: block;
float: none
	}
	
div.puff
	{
/*	padding: 20px;
	background: url(/media/gfx/bg_content.png);
	width: 186px;
	height: 48px; */
	width: 226px;
	height: 88px;
	margin-right: 12px;
	overflow: hidden;
	float: left;
	color: #fff;
	text-align: center;
	background: url(/media/gfx/puffbg_semi.png);	
/*	_background: url(/media/gfx/puffbg_ie6.gif);	*/
	}
	
div.puff h1, div.puff h2, div.puff h3, div.puff h4, div.puff h5, div.puff a, div.puff a:visited
	{
	color: #fff
	}

div.last
	{
	margin-right: 0;
	}
	
/**
 * Footer
 */

.footer
	{
	vertical-align: bottom;
	height: 40px;
	border-top: 1px solid #fff;
	background: url(/media/gfx/bg_content_light2.png);
	padding-left: 7px;
	padding-right: 7px;
	}
	
.footer p
	{
	margin-top: 10px;
	}

.footer a{
	color: white;
}
	
.footer small
	{
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em
	}
	
.footer p img{
	margin: 0px;
	margin-right: 10px;
}

a.spmsdLogo
	{
	display: block;
	float: right;
	height: 28px;
	width: 103px;
	margin-top: 8px;
	background: url(/media/gfx/spmsd_logo24_inv.png) no-repeat;
/*	_background: url(/media/gfx/spmsd_logo_inv.gif) no-repeat; */	
	}


/**
 * Font resizer
 */
 
a.increase, a.decrease
	{
	display: block;
	float: right;
	width: 13px;
	height: 13px;
	margin: -15px 25px 0px 3px;
	_margin: -15px 5px 0px 3px;
	.margin: -15px 5px 0px 3px;
	background: url(/media/gfx/increase.gif) no-repeat;
	}

a.decrease
	{
	margin: -15px 5px 0px 0px;
	background: url(/media/gfx/decrease.gif) no-repeat;
	}


/* ---------------------=  menu --------------------- */

#menu
	{
	width: 100%;
	padding-bottom: 2px;
	padding-top: 24px;
	}

#menu ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu ul li
	{
	margin-bottom: 2px
	}
	
#menu ul li a
	{
	font-family: arial;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	display: block;
	display: inline-block;
	font-size: 1.2em
	}
	
#menu ul li a:hover
	{
	text-decoration: underline
	}
	
#menu ul li ul
	{
	margin: 0px 0px 5px 5px;
	padding-left: 0;
	display: none;
	list-style: none;
	font-size: 0.98em
	}
	
#menu ul li ul li
	{
	margin-bottom: 0px;
	line-height: 2em;
	font-size: 0.85em
	}	

#menu ul li.open ul, #menu ul li.active ul
	{
	margin-left: 10px;
	display: block;
	list-style: none;
	}

	
#menu ul li ul li a
	{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	padding-left: 5px;
	display: block;
	display: inline-block
	}
	
#menu a.active
	{
	color: #ff9900;
	}
	
#menu a.open
	{
	background: none;
	color: #ff9900
	}
	
/**
 * New addition for menu
 */

#menu .activeLink, #menu li.activeCategory a.activeLink{
	color: #ff9900;
}


/**
 * Fix for IE6 (increase for every submenu)
 */

#menu li.activeCategory ul
	{
	_display: block;	
	}
	
#menu li.activeCategory ul li ul
	{
	_display: none;	
	}
	
#menu li.activeCategory ul li.activeCategory ul
	{
	_display: block;	
	}
	
/**
 * End Fix for IE6
 */

#menu li.activeCategory > ul{
	display: block;
}

#menu li.activeCategory a{
	color: #fff;
}


/* ---------------------  contact form --------------------- */


div#contactForm
	{
	width: 279px;
	background: url(/media/gfx/bg_content.png);
	padding: 11px 8px 10px 0px
	}
	
div#contactForm form
	{
	margin: 0px 0px 0px 11px;
	}

label
	{
	display: block;
	margin: 0px 0px 0px 0px
	}


#contactForm .formText input, #contactForm textarea
	{
	width: 260px;
	height: 16px;
	background: #fff;
	border: 1px solid #c2c2c1;
	margin-bottom: 5px;
	padding: 1px;
	font: 1em verdana, Tahoma, verdana, arial, helvetica
	}

#contactForm .formSubmit 
	{
	margin-top: 0;
	}
	
#contactForm textarea
	{
	height: 130px
	}
	
input:focus::-moz-focus-inner
	{
	border-color: transparent;
	outline: none
	}

div.label
	{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 4px;
	}

#contactForm input:focus, textarea:focus
	{
	background: #f9feff;
	}

#contactForm div.knapp div.input input
	{
	width: auto;
	border: 1px solid #ffa03e;
	border-right: 1px solid #9a5b06;
	border-bottom: 1px solid #9a5b06;
	background: #dd7100;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	cursor: pointer;
	padding: 4px 8px 4px 8px;
	.padding: 4px;
	height: auto
	}


div.error
	{
	width:370px;
	border:1px solid #a94e4e;
	background-color: #ffdada;
	color:#000;
	padding: 20px 10px 10px 0px;
	margin-bottom: 10px;
	}
	
div.success
	{
	width:370px;
	border:1px solid #105500;
	background-color: #8bcd7c;
	color:#000;
	padding: 20px 10px 10px 0px;
	margin-bottom: 10px;
	}

div.error ul, div.success ul
	{
	font-size: 1.1em;
	list-style: disc;
	margin-left: 2.2em;
	margin-bottom: 0px;
	}

div.error ul li, div.success ul li
	{
	margin-top: 0.3em;
	}

div.error ul h3, div.success ul h3
	{
	margin: 0;
	color:#000;
	padding-bottom:3px;
	padding-left: 15px;
	margin-left: -15px;
	background: url(/media/gfx/error_arrow.gif) 0px 3px no-repeat
	}

div.error ul h3, div.success ul h3
	{
	margin: 0;
	color:#000;
	padding-bottom:3px;
	padding-left: 15px;
	margin-left: -15px;
	background: url(/media/gfx/error_arrow.gif) 0px 3px no-repeat
	}
	
/* ---------------------  Sitemap --------------------- */


div#sitemap
	{
	padding-bottom: 30px;
	}

ul#sitemap
	{
	margin: 0px;
	width: 256px;
	list-style: none;
	text-align: left;
	margin-bottom: 20px
	}

ul#sitemap li a.page, ul#sitemap li a.link
	{
	list-style: none;
	display: block;
	font-weight: bold
	}

ul#sitemap li
	{
	margin-right: 20px;
	}

ul#sitemap li ul
	{
	list-style: none;
	width: 256px;
	border: 1px solid #ff9900;
	margin: 0px;
	}

#sitemap ul.under li
	{
	padding: 0px;
	margin: 0px;
	background: url(/media/gfx/bg_content.png);
	}

#sitemap ul.under li a:hover
	{

	}

#sitemap li a.category:hover
	{
	background: #ff9900;
	}

#sitemap li a.category, #sitemap li a.page, ul#sitemap li a.link
	{
	margin-top: 18px;
	font-weight: bold;
	display: block;
	padding: 4px;
	padding-left: 10px;
	color: #fff;
	width: 244px;
	background: #ff9900;
	text-decoration: none
	}
	
#sitemap ul.under li a, #sitemap ul.under li a.link
	{
	font-weight: normal;
	margin: 0px;
	display: block;
	padding: 4px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 242px;
	border: none;
	border-top: 1px solid #ff9900;
	text-decoration: none;
	background: url(/media/gfx/bg_content.png);
	}
	
#sitemap ul.under li a.page
	{
	margin-top: 0px;
	font-weight: normal;
	padding: 4px;
	padding-left: 10px;
	background: none;
	font-size: 1em
	}
	
	
/* ---------------------=  search --------------------- */


/*
The search fields
*/

div.criteria
	{
	width: 250px;
	float:left;
	margin-right: 15px;
	_margin-right: 2px
	}
	
div.criteria input
	{
	width: 250px;
	}
	
div.sortOrder
	{
	.padding-top: 1px
	}

/*
The output result
*/

	
div.searchResult div
	{
	border-bottom: 1px solid #ff9900;
	}

div.searchResult div h4
	{
	margin-bottom: 0.2em;
	margin-top: 1em
	}
	
h4.hits span
	{
	color: #fff
	}
	
div.searchResult div h4 a
	{
	color: #ff9900;
	}
	
div.searchResult div p
	{
	margin-top: 0
	}
	
div.searchResult div p.date
	{
	
	}
	
div.searchReadMore
	{
	display: none
	}
	
/* ---------------------=  Paging --------------------- */


table.pagNav
	{
	
	}
	
td.pagNavLeft
	{
	
	}
	
td.pagNavCenter
	{
	text-align: center
	}
	
td.pagNavRight
	{
	text-align: right
	}


/* ---------------------=  Overrides --------------------- */
	
	
.formSubmit input
	{
	width: auto;
	height: auto;
	border: 1px solid #ffa03e;
	border-right: 1px solid #9a5b06;
	border-bottom: 1px solid #9a5b06;
	background: #dd7100;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	cursor: pointer;
	padding: 4px 8px 4px 8px;
	.padding: 4px;
	clear: both
	}

div.formSubmit
	{
	margin-top: -10px;
	margin-bottom: 10px;
	clear: both
	}
	

#formsearchLocation div.formSubmit{
	width: 110px ; 
	float: right;
	margin-top: -42px;
	_margin-top: 18px;
	.margin-top: 18px;
}

.locationContainer table{
	display: block;
	clear: both;
}

.locationContainer strong{
	display: block;
	clear: both;
}

form#formsearchLocation{
clear: both;}

	
#formcontactForm div.formSubmit
	{
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both
	}

input
	{
	padding: 4px;
	}
	
#formcontactForm .formSubmit input
	{
	width: auto;
	height: auto;
	border: 1px solid #ffa03e;
	border-right: 1px solid #9a5b06;
	border-bottom: 1px solid #9a5b06;
	background: #dd7100;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	cursor: pointer;
	padding: 4px 8px 4px 8px;
	.padding: 4px;
	}
	
#formcontactForm label
	{
	font-size: 1em
	}

.formSubmit input:focus::-moz-focus-inner
	{
	border: 1px solid transparent;
	outline: none
	}
	
div.formCheckbox input
	{
	float: left;
	margin: 0 0.2em 0 0
	}

body p
	{
	line-height: 1.6em
	}
	
p img {float:auto;margin:1.5em 1.5em 1.5em 0;padding:0;display:inline;}


/* ----------------------------------------------------------[SMS REGISTER]--- */

#smsRegister label
	{
	font-size: 1em
	}
	
#smsRegister .firstname, #smsRegister .lastname, #smsRegister .phone, #smsRegister .dateFirstShot, #smsRegister .exampleText, #smsRegister .shots, #smsRegister .shots .input, #smsRegister .latestShotText
	{
	float:left;
	}
	
#smsRegister .lastname
	{
	margin-left: 25px;
	}
	
#smsRegister #lastname
	{
	.margin-left:-25px;
	_margin-left:-25px;
	float:none;
	}
	
#smsRegister .phone
	{
	q.margin-top:-20px;
	q_margin-top:-20px;
	}

#smsRegister .exampleText
	{
	margin-top: 22px;
	margin-left: 5px;
	font-size: 0.85em;
	clear:right;
	}
		
#smsRegister .formText input
	{
	width:180px;
	}
	
#smsRegister .phone, #smsRegister .thinkOffText, #smsRegister .ieFix
	{
	clear:both;
	}
	
#smsRegister .shots
	{
	.margin-top:-22px;
	.margin-bottom:20px;
	_margin-top:-22px;
	_margin-bottom:20px;

	}

#smsRegister .shots .input
	{
	margin-left:18px;
	}
	
#smsRegister .thinkOffText
	{
	margin-bottom:15px;
	font-size: 0.85em;
	}

#smsRegister .registrationLink
	{
	float:right;
	margin-bottom:-10px;
	.margin-bottom:-20px;
	}
	
#smsRegister .knapp
	{
	margin-bottom:0px;
	}

#registrationBox
	{
	position:absolute;
	margin-left:225px;
	margin-top:135px;
	z-index:200;
	width: 320px;
	height: 190px;
	background: url(/media/gfx/bg_box.png);
	#.background: #1b1b1b;
	}
	
#registrationBoxIframe 
	{
	padding: 20px 10px 5px 20px;
	}
		
#registrationBoxIframe  .formText
	{
	float:left;
	}
	
#registrationBoxIframe  .formSubmit
	{
	padding-top:27px;
	margin-bottom:15px;
	float:right;
	}
	
#registrationBoxIframe  .formText input
	{
	width:180px;
	height:25px;
	}

#registrationBox  .closeBox
	{
	float:right;
	margin-right:30px;
	}


/* ---------------------  Specials --------------------- */

h3 span
	{
	color: #fff;
	font-size: 0.85em
	}

div.printHeader
	{
	display: block;
	border-bottom: 1px solid #aaa;
	height: 70px;
	display: none;
	margin-bottom: 40px
	}
	
div.printHeader p
	{
	float: right;
	vertical-align: bottom;
	margin-top: 45px;
	margin-bottom: 0px;
	color: #000
	}

div.printHeader img
	{
	vertical-align: bottom;
	float: left;
	}
	
div.toolPanel
	{
	width: 351px;
	height: 20px;
	margin-left: 15px;
	margin-top: -25px;
	clear: left;
	float: left
	}
	
div.lastEdited
	{
	height: 20px;
	color: #fff;
	float: left;
	width: auto
	}

div.printTell
	{
	text-align: right;
	width: auto;
	float: right;
	margin: 0px 0px 0px 0px;
	}

a.print, a.tell
	{
	padding: 3px 0px 3px 18px;
	color: #fff;
	text-decoration: none
	}

a.print
	{
	background: url(/media/gfx/icon_print.gif) 0px 3px no-repeat;
	margin-right: 10px
	}

a.tell
	{
	background: url(/media/gfx/icon_envelope.gif) 0px 4px no-repeat
	}
	
div#tellAFriendBox
	{
	position: fixed;
	_position: relative;
	z-index: 100;
	width: 298px;
	height: 305px;
	background: url(/media/gfx/bg_box.png);
	#.background: #1b1b1b;
	padding: 20px;
	top: 110px;
	margin-left: 130px;
	.margin-left: -300px;
	_margin-top: -300px;
	_margin-left: 300px
	}

input#friendEmail
	{
	width: 298px;
	height: 25px
	}

form#tellAFriendIframe
	{
	margin: 0;
	padding: 0
	}

form#tellAFriendIframe textarea
	{
	width: 100%;
	height: 50px;
	}

form#tellAFriendIframe div.knapp
	{
	text-align: right;
	padding: 10px 0 0 0
	}

div.closeBox
	{
	text-align: right;
	height: 25px;
	margin-top: -10px;
	clear: both;
	}

form#tellAFriendIframe div.knapp input
	{
	margin: 0
	}
	
div.name, div.yourEmail
	{
	width: 143px;
	.width: 136px;
	float: left;
	height: 60px;
	margin: 0;
	padding: 0
	}

div.name input, div.yourEmail input
	{
	width: 143px;
	.width: 136px;
	height: 25px;
	}

	
div.name
	{
	margin-right:12px;
	}
	
	
div.message
	{
	clear: both
	}

img.language 
	{
	margin: 4px 3px 0 0;
	padding: 0 0 -5px 0;
	text-align: left;
	}
	

/* ---------------------  Tidsbokning --------------------- */

#formtimeReservation .checkbox
	{
	width: 450px;
	height: 35px;
	}
	
#formtimeReservation .checkbox  input
	{
	float: left;
	margin: 0 5px 20px 0;
	width: 20px;
	}

#formtimeReservation .checkbox  p
	{
	width: 400px;
	padding-top: -20px;
	}

form#formtimeReservation
	{
	margin: 2em 0 0 0;
	}

form#formtimeReservation div
	{
	width: 24em;
	height: 2.3em;
	clear: both;
	margin: 0 0 0.2em 0
	}
	
form#formtimeReservation input
	{
	width: 15em;
	height: 1.1em;
	margin: 0 0 0.2em 0;
	float: right;
	}

form#formtimeReservation div.knapp input
	{
	width: auto;
	height: auto;
	clear: both;
	margin: 0
	}
	
form#formtimeReservation label
	{
	float: left;
	width: 6em;
	font-size: 1em
	}

/* ---------------------  landningsplattor / boxes --------------------- */

#boxes 
	{
	display: none;
	position:absolute;
	margin-left:265px;
	.margin-left:-200px;
	_margin-left:-250px;
	margin-top:125px;
	z-index:200;
	background-repeat: no-repeat;
	}

#content .gitarr 
	{
	height: 191px;
	width: 412px;
	background: transparent url(/media/images/box_skate.gif);
	background-repeat: no-repeat;
	}

#content .hall 
	{
	height: 143px;
	width: 412px;
	background: transparent url(/media/images/box_hall.gif);
	background-repeat: no-repeat;
	}
	
#content .skate 
	{
	height: 192px;
	width: 412px;
	background: transparent url(/media/images/box_gitarr.gif);
	background-repeat: no-repeat;
	}

#content .lila 
	{
	height: 221px;
	width: 484px;
	background: transparent url(/media/gfx/lila-platta.gif);
	margin-left:50px;
	.margin-left:-415px;
	}

#content .orange 
	{
	height: 282px;
	width: 484px;
	margin-left:50px;
	.margin-left:-415px;
	background: transparent url('/media/gfx/orange-platta.gif');
	}

	
/* ---------------------  beställ material --------------------- */

.orderGroup2 h5.orderHeader {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.8em
}

.orderGroup2 div.name {
	float:none;
}

h5.orderUnit
	{
	font-size: 1.2em;
	font-weight: normal;
	float: left;
	margin-bottom: 0.8em
	}
	
h5.orderUnit
	{
	float: right;
	color: #fff;
	margin-right: 0.3em
	}

form#formorderMaterialVP div
	{
	width: 26em;
	height: 2.3em;
	clear: both;
	margin: 0 0 0.2em 0	
	}

form#formorderMaterialVP label
	{
	float: left;
	width: 21em;
	font-size: 1em
	}
	
form#formorderMaterialVP input
	{
	width: 3em;
	height: 1.1em;
	margin: 0 0 0.2em 0;
	float: right;
	}
	
form#formorderMaterialVP div.orderGroup1
	{
	height: auto;
	}	

form#formorderMaterialVP div.orderGroup2
	{
	padding-top: 2em;
	height: auto;
	}
	
form#formorderMaterialVP div.orderGroup2 label
	{
	width: 6em;
	}

form#formorderMaterialVP div.orderGroup2 input
	{
	width: 18em;
	}

form#formorderMaterialVP div.knapp input
	{
	width: auto;
	height: auto;
	clear: both;
	margin: 15px 0 0 0;
	}
	
form#formorderMaterialVP div.formCheckbox
	{
	width: 18.8em;
	padding-left: 7.2em;
	_padding-left: 7em;
	_width: 18.8em;
	}
	
form#formorderMaterialVP div.formCheckbox label
	{
	width: 17.2em;
	float: right;
	}
	
form#formorderMaterialVP div.formCheckbox input
	{
	float: left;
	margin: 0;
	width: auto;
	height: auto
	}

/* ----------------------------------------------------------[LOCATION]--- */

.actionBrowse .locationContainer td,.actionSearch .locationContainer td {
	padding-bottom: 15px;
}

/* ----------------------------------------------------------[FOR PRINTING PURPOSES]--- */

@media print
{

.top, .columnLeft, .puffArea, form, div.lastEdited, div.printTell, .footer small
	{
	display: none
	}

.contentLeft, #content
	{
	width: 70%;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	}
	
div.printHeader
	{
	display: block
	}
	
body
	{
	font-size: 100%
	}

body, p, h1, h2, h3, h4, h5, h6, a, a:visited
	{
	color: #000;
	text-decoration: none;
	text-transform: none
	}
	
.footer
	{
	border-top: 1px solid #aaa;
	padding: 3px 0 0 0;
	color: #000
	}

}