/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body { margin: 0; padding: 0; font: 85%/1.5em Arial, Tahoma, sans-serif; color: #555; background: #f9fafe url(/ui/images/bg_body.png) top center repeat-x;}

section, article, nav, footer { display: block; }

h1 { font: 1.8em/2em Arial; margin: 0 0 12px 0;}
h1.brostforstoring { background: url(/ui/images/icon_brostforstoring.png) top left no-repeat; margin: 10px 0 0 0; padding: 0 0 0 35px;}
h1.brostlyft { background: url(/ui/images/icon_brostlyft.png) top left no-repeat; margin: 10px 0 0 0; padding: 0 0 0 35px;}
h1.brostforminskning { background: url(/ui/images/icon_brostforminskning.png) top left no-repeat; margin: 10px 0 0 0; padding: 0 0 0 35px;}
h1 a { text-decoration: none; color: #555; cursor: default; }

h2 { font: 1.3em/2em Arial; margin: 0 0 0 0;}

p { margin: 0 0 12px 0; }
blockquote { font-size: 2em; margin: 0 0 12px 0; }

a { color: #62547d; }
a.brost { text-decoration: none; color: #555; cursor: default; }
.puff p a { display: block; clear: both; margin-top: 12px; }

.left { float: left; }
.right { float: right; }

.img {}
.img img { display: block; }

.img.left { padding: 0 10px 10px 0; }
.img.right { padding: 0 0 10px 10px; }

.col { width: 50%; }
.col img { max-width: 98%; }
.col.right img { float: right; }

#document { margin: 0 auto; width: 960px; clear: both; height: 1%; padding-top: 30px;}
#document:after { content: '.'; clear: both; visibility: hidden; position: relative; height: 0; display: block; }

#main { clear: both; height: 1%; background: url('/ui/images/bg_navigation_top.png') top left no-repeat; padding-top: 10px;}
#main:after { content: '.'; clear: both; visibility: hidden; position: relative; height: 0; display: block; }

#scene { clear: both; height: 1%; padding: 20px 30px; background: #fff;}
#scene:after { content: '.'; clear: both; visibility: hidden; position: relative; height: 0; display: block; }
    #scene article.puff { width: 280px; float: left; margin-right: 30px; padding-bottom: 15px;}
    #scene article.puff a { display: inline; }
    #scene article.puff.first { clear: both; }
    #scene article.puff.last { margin: 0; }
    #scene article.puff.wide { clear: both; width: 100%; padding-top: 10px;}
    #scene article.puff.wide h1 { margin: 0 0 0 0; line-height: 1em;}
    #scene article.puff.wide.top { padding: 0; }
    #scene article.puff.wide.top h1 { font-size: 2em; margin-bottom: 10px; }
    
    #scene article figure { width: 425px; display: block; float: left; }
    #scene article.puff figure { width: auto; float: none;}
    #scene article figure img { width: 100%; display: block; }
    
    #scene article .content { width: 425px; float: right; }
    
    #scene article ul { clear: both; margin-top: 10px; }
    #scene article ul a { text-decoration: none; }
    #scene article ul a:hover { text-decoration: underline; }

footer { background: #fff; padding: 0 20px; font-size: .9em; height:1%;}
footer:after { content: '.'; clear: both; visibility: hidden; position: relative; height: 0; display: block; }
    footer div.content { border-top: 1px solid #62547d; }
    footer .img p { float: left; line-height: 4em;}
    footer .img img { float: left; }
    
    #social { float: right; padding-top: 10px; }
    
div.jquery-image-zoom {
	line-height: 0;
	font-size: 0;

	z-index: 10;

	border: 5px solid #fff;
	margin: -5px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

	div.jquery-image-zoom a {
		background: url(/ui/images/jquery_imageZoom.png) no-repeat;

		display: block;
		width: 25px;
		height: 25px;

		position: absolute;
		left: -17px;
		top: -17px;
		/* IE-users are prolly used to close-link in right-hand corner */
		*left: auto;
		*right: -17px;

		text-decoration: none;
		text-indent: -100000px;
		outline: 0;

		z-index: 11;
	}

	div.jquery-image-zoom a:hover {
		background-position: left -25px;
	}

	div.jquery-image-zoom img, 
	div.jquery-image-zoom embed, 
	div.jquery-image-zoom object, 
	div.jquery-image-zoom div {
		width: 100%;
		height: 100%;
		margin: 0;
	}