html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body { background:#333 url(../images/layout/background.gif) repeat-x; text-align:center; color:#999; font:normal 9pt Arial, Helvetica, sans-serif; }

div.wrapper { width:910px; margin:0 auto; text-align:left; position:relative; z-index:3; }
div#header { background:url(../images/layout/header_bg.jpg) no-repeat; height:106px; position:relative; }
div#footer { height:67px; background:url(../images/layout/footer.gif) no-repeat; padding-top:45px; text-align:center; float:left; width:100%; overflow:hidden; }
	div#footer div.col { float:left; padding:0 20px; }
	div#footer div.left { text-align:left }
	div#footer div.center,div#footer div.center p  { text-align:center; float:none; }
	div#footer div.right { text-align:right; float:right; }
	div#footer p { font-size:8pt; line-height:10pt; }
div#content { min-hight:600px; color:#333; background:#fff url(../images/layout/label.jpg) 0 -56px no-repeat; float:left; width:100%; position:relative; }
	div.startcol-container { background:url(../images/layout/twocol.gif) top center no-repeat; height:200px; float:left; width:100%;  }
	div.startcol { display:inline; width:395px; float:left; margin-left:40px; height:100px; padding-top:20px; }
	div.widecol { width:550px; float:left; margin-left:40px; padding-top:20px; display:inline; min-height:500px; overflow:hidden; }
	div.smallcol{ width:280px; float:left; margin-top:40px; display:inline; background:url(../images/layout/smallcol-bg.gif) repeat-y top left; position:relative; }
		div.smallcol div.innerwrap { padding-left:40px; overflow:hidden; }
		div.smallcol span.edge { position:absolute; display:block; width:40px; height:40px; background:url(../images/layout/smallcol-bg-2.gif) no-repeat; }
		div.smallcol span.top { top:0; left:0; background-position:top left; }
		div.smallcol span.bottom { bottom:0; left:0; background-position:bottom left; }
		
	div.produkter { width:265px; background:url(../images/layout/produkter-kat-back.gif) no-repeat; padding-top:5px; }
	div.prod-left { float:left; }
	div.prod-right { float:right; }
	div.produkter h2 { color:#666; padding-left:30px; background:url(../images/layout/produkter_toggle_down.gif) left top no-repeat; padding-top:5px; height:30px; cursor:pointer; margin:10px 10px; margin-right:0; }
	ul.prodlist { margin:0 10px;}
	ul.prodlist li a { line-height:1.6em; padding-left:20px; display:block; background: url(../images/layout/link-normal.gif) 10px 7px no-repeat; }
	ul.prodlist li a:visited { background: url(../images/layout/link-visited.gif) 10px 7px no-repeat; font-style:italic; }
	ul.prodlist li a:hover { background: url(../images/layout/link-hover.gif) 10px 7px no-repeat; color:#056aa4; text-decoration:underline; }
	
	p.produkter-info { padding-bottom:60px; background:url(../images/layout/produkter-divider.gif) bottom left no-repeat; }
/* menu styles*/
/*
ul#menu {
	height:52px; overflow:hidden;	
	background: url(../images/layout/menu.png) no-repeat;
	padding-left:183px;
}
ul#menu li { display:inline; }
ul#menu li a { display:block; height:51px; float:left; line-height:52px; background: url(../images/layout/menu.png) no-repeat; text-indent:-99999em;  }

ul#menu a#start { width:71px; background-position:-183px -0;  }
ul#menu a#start:hover { background-position:-183px -52px;  }
ul#menu a#start:active ,ul#menu a#start.active { background-position:-183px -104px;  }

ul#menu a#foretaget { width:108px; background-position:-254px -0;  }
ul#menu a#foretaget:hover { background-position:-254px -52px;  }
ul#menu a#foretaget:active ,ul#menu a#foretaget.active { background-position:-254px -104px;  }

ul#menu a#produkter { width:113px; background-position:-362px -0;  }
ul#menu a#produkter:hover { background-position:-362px -52px;  }
ul#menu a#produkter:active ,ul#menu a#produkter.active { background-position:-362px -104px;  }

ul#menu a#webbshop { width:110px; background-position:-475px -0;  }
ul#menu a#webbshop:hover { background-position:-475px -52px;  }
ul#menu a#webbshop:active ,ul#menu a#webbshop.active { background-position:-475px -104px;  }

ul#menu a#kontakta { width:135px; background-position:-585px -0;  }
ul#menu a#kontakta:hover { background-position:-585px -52px;  }
ul#menu a#kontakta:active ,ul#menu a#kontakta.active { background-position:-585px -104px;  }
*/

ul#menu {
	height:52px; overflow:hidden;	
	background: url(../images/layout/menu_new.png) no-repeat;
	padding-left:5px;
}
ul#menu li { display:inline; }
ul#menu li a { display:block; height:51px; float:left; line-height:52px; background: url(../images/layout/menu_new.png) no-repeat; text-indent:-99999em;  }

ul#menu a#start { width:178px; background-position:-5px -0;  }
ul#menu a#start:hover { background-position:-5px -52px;  }
ul#menu a#start:active ,ul#menu a#start.active { background-position:-5px -104px;  }

ul#menu a#foretaget { width:108px; background-position:-183px -0;  }
ul#menu a#foretaget:hover { background-position:-183px -52px;  }
ul#menu a#foretaget:active ,ul#menu a#foretaget.active { background-position:-183px -104px;  }

ul#menu a#produkter { width:113px; background-position:-291px -0;  }
ul#menu a#produkter:hover { background-position:-291px -52px;  }
ul#menu a#produkter:active ,ul#menu a#produkter.active { background-position:-291px -104px;  }

ul#menu a#kontakta { width:135px; background-position:-404px -0;  }
ul#menu a#kontakta:hover { background-position:-404px -52px;  }
ul#menu a#kontakta:active ,ul#menu a#kontakta.active { background-position:-404px -104px;  }



/* Slider Styles*/
ul#slider { width:910px; height:350px; overflow:hidden;}

/* Text styles */
h1 { font:normal 18pt Arial, Helvetica, sans-serif; color:#0384cd; margin-bottom:8px; margin-top:5px; clear:both; }
h2 { font:normal 14pt Arial, Helvetica, sans-serif; color:#0384cd; margin-bottom:8px; margin-top:5px; }
h3 { font:bold 12pt Arial, Helvetica, sans-serif; color:#444; margin-bottom:-10px; margin-top:15px; }
/*
div.blue h1,div.blue h2 { color:#0384cd; }
div.green h1,div.green h2 { color:#09a24c; }
div.yellow h1,div.yellow h2 { color:#fbc000; }
div.red h1,div.red h2 { color:#d40f0f; }
*/
p { font-size:10pt; line-height:15pt; margin:10px auto; text-align:justify; }
p.ingress { font-size:12pt; font-style:italic; }
blockquote { font-size:13pt; line-height:16pt; font-style:italic; margin:10px auto; padding:10px; border:1px solid #dadada; background:#f5f5f5; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; }
blockquote span.left { display: block; width:12px; height:12px; background:url(../images/layout/quote-left.gif) no-repeat; position:absolute; left:-11px; bottom:20px; }
a { color:#0384cd; text-decoration:none; }
strong { font-style:inherit; }
strong.important { font-style:italic; font-weight:bold; color:#db250e; }


dl.adress { padding-left:50px; margin:10px auto; line-height:15pt; }
dl.adress dt { margin-left:-50px; font-weight:bold; }
dl.adress dd { margin-top: -15pt; }

dl.oppet { padding-left:120px; margin:10px auto; line-height:15pt; }
dl.oppet dt { margin-left:-120px; font-weight:bold; }
dl.oppet dd { margin-top: -15pt; }

img.kontakt { float:left; margin-right:15px; margin-top:15px; clear:left; }
	div.kontaktinfo { float:left; width:250px; }

/* Form Styles */

legend { font:normal 14pt Arial, Helvetica, sans-serif; color:#999; }
label { display:block; margin-top:5px; }
input.text, textarea { width:212px; padding:4px; display:block;  }
select { width:220px; padding:4px; }
span.required { color:#DB250E; font-weight:bold; }
input.required, textarea.required { border:1px solid #900; background:#FFF0F0; }
strong.errors { display:block; background:#900; color:#fff; padding:3px 5px; margin-bottom:20px; }


/* Label Styles */
div#label { height:77px; background:url(../images/layout/label.gif) top left no-repeat; }
div#label h1 { color:#fff; padding-top:20px; padding-left:25px; font:normal 14pt Arial, Helvetica, sans-serif; margin-top:0; }

/* Login Styles */
form#login-form { width:240px; height:28px; background:url(../images/layout/kund-login.gif) top left no-repeat; position:absolute; top:10px; right:14px; }
input#login-field { width:104px; height:18px; margin-top:5px; margin-left:106px; background:transparent; border:0; font:italic 10pt Arial, Helvetica, sans-serif; color:#999; }
a#login-button { width:27px; height:28px; text-indent:-9999em; display:block; position:absolute; top:0; right:0; background:url(../images/layout/login.gif) top right no-repeat; }
a#login-button:hover { background-position:bottom right; }

/* Button style */
a.button { display:block; height:34px; float:left; padding-left:15px; background: transparent url(../images/layout/button.gif) top left no-repeat; text-decoration:none; color:#333; margin:10px 0; }
a.button span { display:block; height:34px; font:bold 11pt Arial, Helvetica, sans-serif; background:url(../images/layout/button.gif) top right no-repeat; line-height:34px; padding-right:45px; float:left; cursor: hand; }
a.button:hover { background-position:bottom left; color:#fff; }
a.button:hover span { background-position:bottom right; }