/* v1.0 | 20080212 */

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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
{
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, Arial, sans-serif;
	color: #000;
	font-size: 13px;
}*/

body
{
	background: url(../images/staticback.jpg) repeat-x #fff;
	font-family: Lucida Grande, Arial, sans-serif;
	color: #000;
	font-size: 13px;

}

img
{
	border: 0;
}

/*div#header
{
	height: 43px;
	background: url(../images/top.jpg);
	padding: 0 0 0 132px;
}*/

div#header a#mainLink
{
	background:url(../images/flip2.png) no-repeat;
	display:block;
	float:left;
	height:138px;
	overflow:hidden;
	text-indent:-9999px;
	width:141px;	
}

div#content
{
	background: url(../images/box-step1.png);
	width: 550px;
	height: 525px;
	position: absolute;
	left: 150px;
	top: 193px;
	overflow: hidden;
}

#header img {
	float: left;
}


#mainmenu li span {
	float: left;
	width: 23px;
	height: 27px;
	margin-top: 8px;
	background: url(../images/counter_numbers.png) no-repeat;
	list-style: none;
	padding-right: 1px;
}
#mainmenu li span.two {
	background-position: 0 -27px;
}
#mainmenu li span.three {
	background-position: 0 -54px;
}
#mainmenu li span.four {
	background-position: 0 -81px;
}
#mainmenu li span.five {
	background-position: 0 -108px;
}
#mainmenu li span.six {
	background-position: 0 -135px;
}
#mainmenu li span.seven {
	background-position: 0 -162px;
}
#mainmenu li span.eight {
	background-position: 0 -189px;
}
#mainmenu li span.nine {
	background-position: 0 -216px;
}
#mainmenu li span.null {
	background-position: 0 -243px;
}

#mainmenu {
	float: left;
	list-style: none;
	padding-top: 0px;
}
#mainmenu li, #mainmenu li a {
	float: left;
}
#mainmenu li a:hover, #mainmenu li a.active {
	background-position: bottom right;
}

#mainmenu li a.active
{
	cursor: default;
}

#mainmenu li span {
	display: block;
}

/*.har_gitt a, .gi_ditt a, .spre_ordet a, .laer_mer a, .link_blogg a {
	text-indent: -999px;
	overflow: hidden;
	display: block;
	border: 0px solid red;
}

.har_gitt a {
	background: url(../images/har_gitt_sitt.png) no-repeat 10px 0px;
	background-position: top right;
	width: 310px;
	height: 43px;
	float: left;
	padding-left: 3px;
}

/*.har_gitt a:hover {
	background-position: right -43px !important;
}
.gi_ditt a {
	background: url(../images/gidittansikt.png) no-repeat 10px 0px;
	background-position: top right;
	width: 124px;
	height: 43px;
	padding-left: 1px;
}
.spre_ordet a {
	background: url(../images/spre_ordet.png) no-repeat;
	width: 126px;
	height: 43px;	
}
.laer_mer a {
	background: url(../images/laer_mer.png) no-repeat;
	width: 108px;
	height: 43px;
}
.link_blogg a {
	background: url(../images/blogg.png) no-repeat;
	width: 90px;
	height: 43px;
}
*/
#wrapper
{
	padding: 110px 0 0 139px;
	width: 767px;
}

#wrapper h2
{
	font-size: 25px;
	margin-bottom: 10px;
	font-weight: normal;
}

#share p
{
	font-size: 14px;
	line-height: 23px;
}

#share .story .sidebar
{
	float: right;
	background: url(../images/temp-story-sidebar-back.png);
	width: 212px;
	margin: 0 0 10px 20px;
	padding: 20px 10px;
}

#share .story .sidebar2 {
	float: right;
	width: 212px;
	margin: 0 0 10px 0px;
	padding: 6px 5px;
}
.sidebar2 ul li {
	list-style: none;
	line-height: 140%;
	margin-bottom: 8px;
}

#share .story p
{
	font-size: 14px;
	margin-bottom: 10px;
}

#share .story p.intro
{
	font-size: 16px;
}
.downloadbar {
	margin-bottom: 20px;
}
.downloadbar li {
}
.downloadbar li a {
	text-decoration: none;
}
.downloadbar li a:hover {
	/* M? defineres */
}

#about_story {
	float: left;
	margin-left: -10px;
	padding-top: 25px;
	width: 755px;
}
#about_story li {
	float: left;
}

#about_story li a
{
	text-indent: -999px;
	float: left;
	height: 160px;
}

#about_story .active { cursor: default; }

#about_story #mina a {
	background: url(../images/historiesprite.png) no-repeat -20px -447px;
	width: 195px;
	margin-left: -5px;
}
#about_story #mina a:hover {
	background: url(../images/historiesprite.png) no-repeat -20px -231px;
}
#about_story #mina a.active {
	background: url(../images/historiesprite.png) no-repeat -20px -15px;
}

#about_story #rose a {
	background: url(../images/historiesprite.png) no-repeat -215px -447px;
	width: 176px;
	margin-left: 0px;
}
#about_story #rose a:hover {
	background: url(../images/historiesprite.png) no-repeat -215px -231px;
}
#about_story #rose a.active {
	background: url(../images/historiesprite.png) no-repeat -215px -15px;
}

#about_story #aline a {
	background: url(../images/historiesprite.png) no-repeat -393px -447px;
	width: 178px;
}
#about_story #aline a:hover {
	background: url(../images/historiesprite.png) no-repeat -393px -231px;
}
#about_story #aline a.active {
	background: url(../images/historiesprite.png) no-repeat -393px -15px;
}

#about_story #brinda a {
	background: url(../images/historiesprite.png) no-repeat -571px -447px;
	width: 200px;
}
#about_story #brinda a:hover {
	background: url(../images/historiesprite.png) no-repeat -571px -231px;
}
#about_story #brinda a.active {
	background: url(../images/historiesprite.png) no-repeat -571px -15px;
}

#about_view {
	height: 452px;
	width: 724px;
	margin-top: 150px;
	margin-left: -9px;
}

.about_view_mina {
	background: url(../images/story-mina.jpg) no-repeat left;
}

.about_view_rose {
	background: url(../images/story-rose.jpg) no-repeat left;
}

.about_view_aline {
	background: url(../images/story-aline.jpg) no-repeat left;
}

.about_view_brinda {
	background: url(../images/story-brinda.jpg) no-repeat left;
}

#share h3
{
	font-size: 16px;
	margin: 24px 0 6px 0;
	padding-left: 0px;
}

h3.sharethisstory {
	margin: 0 0 15px 0 !important;
}

#share ul.shareLinks
{
	float: left;
	list-style: none;
}

#share ul.shareLinks li, #share ul.shareLinks a
{
	float: left; 
}

#share ul.shareLinks a
{
	text-indent: -999px;
	overflow: hidden;
	display: block;
	margin-right: 7px;
	height: 46px;
	width: 136px;
}
#share ul.shareLinks a:hover {
	background-position: bottom left !important;
}

#share ul.shareLinks a.facebook
{
	background: url(../images/share-facebook.png);
}

#share ul.shareLinks a.twitter
{
	background: url(../images/share-twitter.png);
}

#share ul.shareLinks a.nettby
{
	background: url(../images/share-nettby.png);
}

#share ul.shareLinks a.email
{
	background: url(../images/share-email.png);
}

#share ul.shareLinks a.blog
{
	background: url(../images/share-blog.png);
	margin: 0;
}

.ui-dialog-titlebar
{
	background: url(../images/top.png) 0 -9px;
	padding: 7px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #FFF;
}

a.ui-dialog-titlebar-close
{
	float: right;
	display: block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(../images/close.png);
	text-indent: -9999px;
	position: relative;
	top: -2px;
}

a.ui-dialog-titlebar-close:hover
{
	background: url(../images/close.png) 0 -20px;
}

.ui-dialog-title
{
	font-size: 16px;
	font-weight: bold;
}

.ui-widget-overlay
{
	background: #000;
	position: absolute;
	top: 0;	
}

div#dialog
{
	background: url(../images/staticback.jpg) 0 -43px;
	padding: 20px;
	border: 1px solid #000;
	font-size: 15px;
}

div#dialog ol
{
	list-style-type:decimal;
	margin:0 0 0 20px;
}

div#dialog li
{
	padding: 0 0 8px;
}

div#dialog a
{
	color: #000;
}

div#dialog a:hover
{
	text-decoration: none;
}
li.readnorwegian a, li.readenglish a, li.downloadnorwegian a
{
	display: block;
	text-indent: -9999px;
	width: 228px;
}

li.readnorwegian a
{
	background: url(../images/report_download.png) left top no-repeat;
	height: 48px;
}

li.readenglish a {
	background: url(../images/report_read.png) left top no-repeat;
	height: 51px;
}

li.downloadnorwegian a  {
	background: url(../images/report_download.png) left top no-repeat;
	height: 48px;
}

li.downloadnorwegian a:hover, li.readenglish a:hover, li.readnorwegian a:hover  {
	background-position: left bottom;
}

p.intro {
	font-size: 15px;
}

#sharePicture div#profilePicture
{
	background: url(../images/profile-picture-back.png) no-repeat;
	padding:18px 17px 23px 18px;
	width: 180px;
	height: 213px;
	float: left;
}

#sharePicture div#profilePicture .dirtframetop
{
	height:14px;
	left:156px;
	position:absolute;
	top:170px;
	width:184px;
	z-index:401;
	background: url(../images/dirtframe.png) left top no-repeat;
}

#sharePicture div#profilePicture .dirtframeleft
{
background:transparent url(../images/dirtframe.png) no-repeat scroll left 0;
height:184px;
left:156px;
position:absolute;
top:168px;
width:14px;
z-index:401;
}

#sharePicture div#profilePicture .dirtframeright
{
background:transparent url(../images/dirtframe.png) no-repeat scroll right top;
height:184px;
left:323px;
position:absolute;
top:168px;
width:14px;
z-index:401;
}

#sharePicture div#profilePicture .dirtframebtm
{
background:transparent url(../images/dirtframe.png) no-repeat scroll left -177px;
height:14px;
left:157px;
position:absolute;
top:344px;
width:184px;
z-index:401;
}

#sharePicture div#profilePicture .container
{
	width: 180px;
	height: 180px;
	overflow: hidden;
	cursor: move;	
	z-index: 301;
}

#sharePicture div#profilePicture span
{
	font-size: 11px;
	height: 27px;
	left: 159px;
	line-height: 14px;
	position: absolute;
	top: 359px;
	width: 140px;
}

#sharePicture div#profilePicture a
{
	position: absolute;
	top: 361px;
	width: 52px;
	left: 301px;	
	background: url(../images/profilepicture_ok.png) left top no-repeat;
	display: block;
	width: 34px;
	height: 25px;
	text-indent: -9999px;
}

#sharePicture div#profilePicture a:hover
{
	background-position: left bottom;
}

#sharePicture .content
{
	background: url(../images/separator.png) no-repeat center bottom;
	padding:12px 0 0 240px;
	height: 272px;
}

#sharePicture .content p
{
	margin-bottom: 20px;
	line-height: 23px;
}

#sharePicture .content h3
{
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#sharePicture .content ul.shareLinks
{
	float: left;
	list-style: none;
}

#sharePicture .content ul.shareLinks li, #sharePicture .content ul.shareLinks a
{
	float: left; 
}

#sharePicture .content ul.shareLinks a
{
	text-indent: -999px;
	overflow: hidden;
	display: block;
	margin-right: 5px;
	height: 41px;
	width: 96px;
}
#sharePicture .content ul.shareLinks a.facebook
{
	background: url(../images/picture_facebook.png);
}

#sharePicture .content ul.shareLinks a.twitter
{
	background: url(../images/picture_twitter.png);
}

#sharePicture .content ul.shareLinks a.nettby
{
	background: url(../images/picture_nettby.png);
}

#sharePicture .content ul.shareLinks a.msn
{
	background: url(../images/picture_msn.png);
}

#sharePicture .content ul.shareLinks a.download
{
	background: url(../images/picture_download.png);
	margin: 0;
}
#sharePicture .content ul.shareLinks a:hover {
	background-position: bottom left;
}

#sharePicture h2 {
	text-indent: -9999px;
	background: url(../images/title-tusentakk.png) left top no-repeat;
	width: 155px;
	height:25px;
	display: block;
	margin-top: 13px;
}

/* inspire */

#inspire
{
	padding: 35px 0 14px 12px;
	margin-bottom: 35px;
	background: url(../images/separator.png) no-repeat center bottom;
	width: 735px;
}

#inspire p
{
	font-size: 14px;
	line-height: 23px;
}

#inspire div.box
{
	/*background: transparent url(../images/grungebox.jpg) no-repeat left top;*/
	background: #f1f1f1;
	padding: 20px;
	margin: 20px 0;
	width: 697px;
}

#inspire div.box textarea
{
	border:1px solid #BBBBBB;
	font-size:20px;
	padding:10px 10px 0;
	width: 672px;
	margin-bottom: 10px;
	font-family: Lucida Grande, Arial,sans-serif;
}

#inspire div.box div.bottom div.text
{
	float:left;
	font-size:11px;
	width: 90px;
	padding:4px 0 5px;
	line-height: 14px;
}

#inspire div.box ul.shareLinks
{
	float: left;
	list-style: none;
}

#inspire div.box ul.shareLinks li, #inspire div.box ul.shareLinks a
{
	float: left;
}

#inspire div.box ul.shareLinks a
{
	text-indent: -999px;
	overflow: hidden;
	display: block;
	margin-right: 5px;
	height: 37px;
	width: 37px;
}

#inspire div.box ul.shareLinks a.facebook
{
	background: url(../images/inspire-facebook.png);
}

#inspire div.box ul.shareLinks a.twitter
{
	background: url(../images/inspire-twitter.png);
}

#inspire div.box ul.shareLinks a.nettby
{
	background: url(../images/inspire-nettby.png);
}

#inspire div.box ul.shareLinks a.msn
{
	background: url(../images/inspire-msn.png);
}

#inspire div.box a.share
{
	background: url(../images/inspire-share-facebook.png) no-repeat;
	display:none;
	float:right;
	height:37px;
	overflow:hidden;
	text-indent:-999px;
	width:147px;
}

#inspire div.box a:hover.share {
	background-position: bottom left;
}

#inspire div.box ul.shareLinks a:hover {
	background-position: bottom left;
}

#inspire h2 {
	text-indent: -9999px;	
	background: url(../images/title-inspirerandre.png) left top no-repeat;
	width: 192px;
	height:29px;
	display: block;
}

#share {
	padding: 0 0 0 13px;
	}

#share h2#sharetitle {
	text-indent: -9999px;
	background: url(../images/title-delenhistorie.png) left top no-repeat;
	width: 189px;
	height:30px;
	display: block;
}

.learnmorestory {
	width: 503px;
	padding-left: 4px;
} 

.learnmorestory h2 {
	background: url(../images/title-hvormye.png) left top no-repeat;
	display: block;
	width: 430px;
	height: 42px;
	text-indent: -9999px;
} 

#didyaknow {
	margin-top: 10px;
	width: 228px;
}

#didyaknow li {
	padding-left: 14px;
	background: url(../images/bullet.gif) 3px 7px no-repeat;
}

img.learnmoreimg {
	margin: 10px 0;
}

.sidebar ul {
	margin-top: 0px;
}
.sidebar ul li {
	padding: 6px 0 6px 11px;
	padding-left: -12px !important;
	line-height: 140%;
	background: url(../images/bullet.gif) no-repeat 0px 11px;
}
.sidebar p {
	line-height: 140% !important;
	margin-bottom: 20px;
	font-size: 12px;
	padding-left: 0;
}


.sidebar h5 {
	margin-bottom: 8px;
	text-transform: uppercase;
	line-height: 14px;
}

img.storyTitle {
	padding-left: -3px;
	padding-bottom: 7px;
}

#storyContent
{
	padding: 35px 0 0 0px;
	width: 708px;
}
/* overstyres lengre ned i dokumentet 

#storyContent p.intro
{
	font-size: 16px;
}
*/
#storyContent div.sidebar
{
	float: right;
	width: 230px;
	margin:14px 2px 10px 18px;
}

#storyContent .sidebar p {
	font-size: 11px;
	padding-left: 0 !important ;	
}

#storyContent .sidebar {
	padding: 20px;
	margin-left: 20px;
	width: 190px !important;
	background: url(../images/sidebar_bg.gif) !important;
	font-size: 11px;
}

#storyContent p {
	font-size: 13px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#storyContent p.intro {
	font-size: 16px;
	margin-bottom: 12px;
	margin-top: 12px;
}

#share .infobox h3 {
	margin: 0 0 6px 0;
}

#storyContent h2 {
	margin-top: 10px;
}


/* footer */

#footer
{
	background: #f5f5f5;
	padding: 20px 0 20px 150px;
	color: #7f7f7f;
	margin-top: 100px;
}

#footer img.logo
{
	float: left;
}

#footer div.content
{
	float:left;
	margin-left:20px;
	width:510px;
}

#footer div.content p
{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-bottom:10px;
	line-height: 160%;
}

#footer div.sidebar
{
	float: left;
	padding-left: 40px;
	color: #666;
}

#footer div.sidebar ul
{
	list-style: none;
	color: #666;
	line-height: 14px;
}

#footer div.sidebar ul a
{
	color: #666;
	font-size: 11px;
	text-decoration: none;
	padding: 0 0 0 15px;
}

#footer div.sidebar ul a.facebook
{
	background: url(../images/follow-facebook.png) no-repeat left;
}

#footer div.sidebar ul a.twitter
{
	background: url(../images/follow-twitter.png) no-repeat left;
}

#footer div.sidebar ul a.nettby
{
	background: url(../images/follow-nettby.png) no-repeat 1px;
}

#footer div.sidebar ul a:hover
{
	text-decoration: underline;
}
#footer div.sidebar ul li
{
	display: block;
	line-height: 14px;
}

#footer div.sidebar ul li a.fadderskap
{
	padding: 14px 0 0 0;
	font-weight: bold;
	display: block;
}
#footer .sidebar ul li {
	padding: 1px 0;
	background: none;
}

#footer .sidebar {
	padding: 0px;
}


/* end footer */


.infobox {
	clear: both;
	padding: 38px 28px 5px 28px;
	margin-bottom: 30px;
	height: 440px;
	background: url(../images/infobox.jpg) repeat scroll -30px -10px
}

.infobox h2 {
	background: url(../images/hvagjorplan.png) 1px 2px no-repeat;
	width: 199px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}

.storyicon {
	float: left;
	padding-right: 8px;
	padding-bottom: 1px;
	}

/*
Flyttet ned til infobox p { // kim-css.

.infobox p {
	max-width: 650px;
}
*/


.infobox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


.infobox p {
	font-size: 11px;
	max-width: 650px; /* Flyttet fra gjermund-css */
}

#share .infointro {
	width: 610px;
	margin-bottom: 21px;
	line-height: 19px;
	font-size: 12px;
	font-weight: bold;
}

.tresteg {
	clear:both;
	float: left;
}
.tresteg h3 {
	font-size: 13px !important;
	line-height: 140%;
	margin-bottom: 8px !important;
}
.tresteg li {
	float: left;
	width: 195px;
	margin-right: 0;
	list-style: none;
	padding: 0px 17px 0px 0;
	height: 200px;
	font-size: 11px;	
}
#share .tresteg li p {
	font-size: 11px;
	line-height: 18px;
}

.quotebox {
	padding: 20px 20px 10px 20px;
	background: #f5f5f5;
	width: 440px;
	margin-top: 26px;
}
.quotebox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

p.italic {
	font-style: italic;
	font-size: 14px !important;
	font-family: Georgia, Times, "Times New Roman";
	width: 440px;
	margin-top: 0px;
}
.quote {
	width: 420px;
	float: left;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
}
.quotepic {
	width: 45px;
	height: 45px;
	margin-right: 5px;
	margin-bottom: 8px;
	display: block;
	float: left;
}
.quotepic img {
	width: 40px;
	height: 40px;
}
.quote h5 {
	float: left;
	width: 300px;
	clear: right;
	margin-top: 4px;
	font-size: 12px !important;
}
.quote p {
	float: left;
	font-size: 12px !important;
}

body .fadder {
	width: 775px !important;
}

#fadderinfo {
	width: 416px;
	float: right;
	height: 492px;
	line-height: 18px;
	font-size: 12px;
}

#fadderinfo ul li {
	background: url(../images/check.png) no-repeat -5px -6px;
	margin-top: 8px;
	min-height: 22px;
	padding-left: 31px;
}

div.fadder h1
{
font-size: 16px;
margin: 0 0 14px 0;
}

div.fadder h1#title_whatyouget
{
margin: 21px 0 14px 0;
}

h1#title_signup {
	padding-left: 25px;
}

#img_whatyouget {
	float: left;
	margin-right: 12px;
}

* html #img_whatyouget {
	margin-right: 6px;
}


div.fadder td.label
{
font-size: 13px;
font-weight: bold;
width: 96px;
text-align: right;
padding: 5px 10px 5px 0;
vertical-align: top;
}


div.fadder input, div.fadder select
{
margin:5px;
padding:4px;
width:200px;
}


div.fadder input.button
{
width: auto;
padding: 5px;
}


div.fadder div.error
{
font-size:14px;
font-weight:bold;
padding:10px;
text-align:center;
width:400px;
}


div.fadder div.done
{
line-height: 23px;
}


div.fadder div.done strong.title

{

font-size:14px;
font-weight:bold;

}


div.fadder div.done p

{

}