@charset "utf-8";
/* CSS Document */

/* CSS Reset Start */
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.2;
}
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, a {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS Reset End */

html,body
{
	height:100%;
}

body
{
	margin:0;
	padding:0;
	background:#fff;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:75%;
	line-height:1.2;
}

h1
{
	margin:0;
	font-size:28px;
	font-weight:normal;
}

h2
{
	margin:0;
	font-size:22px;
	font-weight:normal;
}

h3
{
	margin:0;
	font-size:16px;
	font-weight:normal;
}

h4
{
	margin:0;
	font-size:14px;
	font-weight:normal;
}

h5
{
	margin:0;
	font-weight:bold;
}

#container
{
	background-color:#E0DED8;
	border:solid 12px #fff;
	padding:0 0 100px 0;
}

#outer-content
{
	position:relative;
	margin:0 auto;
	width:960px;
}

#top
{
	position:relative;
	width:960px;
	height:98px;
	border-bottom:solid 1px #000;
	overflow:hidden;
}

#topsearch
{
	position:absolute;
	right:0px;
	top:-12px;
	width:228px;
	height:26px;
	padding:22px 0 0 12px;
	background:#BED200;
	color:#fff;
}

#topsearch .text
{
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	width:168px;
	height:15px;
	padding:0 0 0 3px;
	margin:0 1px 0 5px;
	color:#000;
	background:#fff;
	font-size:11px;
	border:0;
	line-height:11px;
}

#topsearch .button
{
	float:left;
	width:16px;
	height:15px;
	background:url(../images/btnsearch.png) no-repeat;
	border:0;
}

.clear
{
	clear:both;
	line-height:0;
	font-size:0;
	padding:0;
	margin:0;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.white
{
	color:#fff;
}

.logo
{
	position:absolute;
	bottom:10px;
	left:12px;
	line-height:0;
}

ul.topmenu
{
	list-style:none;
	padding:0;
	margin:0 0 0 240px;
}

ul.topmenu li
{
	float:left;
	height:36px;
	width:109px;
	border-left:solid 1px #fff;
	padding:0 0 0 10px;
	line-height:36px;
}

ul.topmenu li a
{
	color:#a59d95;
	font-size:12px;
}

ul.mainmenu
{
	list-style:none;
	padding:12px 0 0 0;
	height:50px;
	margin:0 0 0 240px;
	/* IE6 */
	_padding:0;
	_margin:12px 0 0 240px;
	/* IE6 end */
	overflow:hidden;
}

ul.mainmenu li
{
	float:left;
	display:block;
	height:50px;
	width:109px;
	font-size:16px;
	padding:0 0 0 11px;
	margin-left:0px;
	line-height:36px;
	background:url(../images/bgmainmenu.png) no-repeat;
}

ul.mainmenu li.selected
{
	background:#000;
}

ul.mainmenu li.selected a
{
	color:#fff;
}

ul.mainmenu li a
{
	color:#000;
}

.mainflash
{
	position:relative;
	padding:0;
	margin:0;
	line-height:0;
}

#content
{
	float:left;
	width:720px;
}

#content .inner
{
	padding:12px;
}

#columnright
{
	float:right;
	width:240px;
	background:#c7c2ba;
	color:#fff;
}

.blurbtop
{
	line-height:12px;
	padding:12px;
	border-bottom:solid 1px #e0ded8;
	text-transform:uppercase;
}

.blurbcontent
{
	padding:12px;
	border-bottom:solid 1px #e0ded8;
}

.blurbcontent a
{
	color:#fff;
}

.blurbcontent p
{
	margin:0 0 12px 0;
}
.blurbcontent p .date
{
	font-weight: bold;
}

.mainblurbwidthone
{
	position:relative;
	float:left;
	width:240px;
	background:#c7c2ba;
		height:288px;
	overflow:hidden;
}

.mainblurbwidthtwo
{
	position:relative;
	float:left;
	width:480px;
	background:#c7c2ba;
	height:288px;
	overflow:hidden;
}

.mainblurbwidththree
{
	position:relative;
	float:left;
	width:720px;
	background:#c7c2ba;
}



.mainblurbwidthone .youTube{width:228px; background-color:White !important; height:267px;  overflow:hidden;}
.mainblurbwidthtwo .youTube{width:468px; background-color:White !important; height:267px; overflow:hidden;}
.mainblurbwidthone .youTube .youTubeImage{width:216px; overflow:hidden;}

img.youTubeTwo{height:170px !important; margin-top:12px; margin-left:12px;}
img.youTubeOne{height:170px !important; margin-top:12px; margin-left:12px;}

.inner
{
	padding:12px 0 12px 12px;
}

.innertext
{
	position:absolute;
	height:72px;
	bottom:0px;
	left:12px;
	padding:12px;
	overflow:hidden;
}

.innertext h3
{
	margin:0 0 5px 0;
}

.transwhite
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:96px;
	background:#fff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.leftmenu
{
	float:left;
	width:240px;
}

.leftmenu ul
{
	list-style:none;
	margin:55px 0 0 0;
}

.leftmenu ul li
{
	height:31px;
	padding:0 0 0 12px;
	line-height:31px;
	border-top:solid 1px #fff;
}

.leftmenu ul li.selected
{
	background:#a59d95;
}

.leftmenu ul li.selected a
{
	color:#fff;
}

.leftmenu ul li.first
{
	border:0;
}

.innercontent
{
	float:left;
	width:456px;
	padding:12px;
	background:#fff;
	overflow:hidden;
}

.innercontent a
{
    color: #F0283C;
}

.innercontent .headlines
{
	padding:0 0 50px 0;
}

#content .inner .headlines
{
	padding:0 0 50px 0;
}

.results
{
	margin:20px 0 25px 0;
}

.results .coworker
{
	float:left;
	width:336px;
	margin:12px 0 0 0;
}

.results .coworker .picture
{
	float:left;
	width:55px;
	margin:0 12px 0 0;
}

.results .coworker .info
{
	float:left;
	width:265px;
}

.results .authorlist
{
	padding:12px 0 0 0;
}

.results .pagelist
{
	padding:12px 0 0 0;
}

.booklistmiddle
{
	position:relative;
	width:456px;
	margin:0 0 50px 0;
	height:100px;
}

.booklistmiddle .book
{
    float:left;
	width:70px;
	overflow:hidden;
	margin:0 12px 0 0;
	position:absolute;
	bottom:0px;
	left:0px;
}

.booklistmiddle .text
{
	float:left;
	width:370px;
	margin-left:80px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
}

.booklistmiddle .text a
{
    color:#000;
}

.booklistmiddle .text a.red
{
    color:#F0283C;
}

.booklistmiddle p
{
	margin:5px 0 0 0;
}

.booklistsmall
{
	padding:5px 12px 5px 12px;
}

.booklistsmall .title
{
	float:left;
	width:190px;
	margin:0 10px 0 0;
}

.booklistsmall .author
{
	float:left;
	width:120px;
	margin:0 10px 0 0;
}

.booklistsmall .date
{
	float:left;
	width:90px;
	margin:0;
}

.paging
{
	padding:30px 12px 20px 12px;
}

.paging .pageprev
{
	float:left;
	width:105px;
}

.paging .pagenext
{
	float:right;
	text-align:right;
	width:75px;
}

.paging .pages
{
	float:left;
	width:245px;
	text-align:center;
}

.paging .pages .selected
{
	font-weight:bold;
}

.bookSubTitle
{
    font-size:16px;
}

.bigbookpres h3
{
	margin:12px 0 0 0;
}

.bigbookpres p
{
	margin:12px 0 0 0;
}

.bigbookpres .bigbook
{
	margin:10px 0 20px 20px;
}

.bigbookpres .info
{
	margin:20px 0 20px 0;
	float: left;
	width: 455px;
}

.bigbookpres .publisher
{
	margin:20px 0 20px 0;
}

.bigbookpres .publisherinfo
{
	float:left;
	border:solid 1px #e0ded8;
	padding:12px;
	margin:0 0 0 12px;
}

.bigbookpres .buttons
{
	margin:20px 0 20px 0;
}

.bigbookpres .buttons .button
{
	float:left;
	margin:0 2px 0 0;
}

.authorpres h2
{
	margin:0 0 40px 0;
}

.authorpres .authorpic
{
	float:right;
	margin:5px 0 20px 20px;
}

.authorpres .buttons
{
	margin:20px 0 20px 0;
}

.authorpres .buttons .button
{
	float:left;
	margin:0 2px 0 0;
}

.published
{
	margin:5px 0 20px 0;
}

.published .list
{
	padding:5px 12px 5px 5px;
}

.published .list .title
{
	float:left;
	width:130px;
	margin:0 10px 0 0;
}

.published .list .author
{
	float:left;
	width:120px;
	margin:0 10px 0 0;
}

.published .list .type
{
	float:left;
	width:75px;
	margin:0 10px 0 0;
}

.published .list .date
{
	float:left;
	width:75px;
	margin:0;
}

.books
{
	margin:5px 0 0 0;
}

.books .list
{
	padding:5px 12px 5px 12px;
}

.books .list .title
{
	float:left;
	width:190px;
	margin:0 10px 0 0;
}

.books .list .author
{
	float:left;
	width:190px;
	margin:0 10px 0 0;
}

.books .list .type
{
	float:left;
	width:140px;
	margin:0 10px 0 0;
}

.books .list .date
{
	float:left;
	width:110px;
	margin:0;
}




.bgcolorone
{
	background:#e0ded8;
}

.bgcolortwo
{
	background:#c7c2ba;
}

.bgcolorthree
{
	background:#a59d95;
}

.bgcolorfour
{
	background:#fff;
}

#footer
{
	position:relative;
	width:936px;
	padding:12px;
	border-top:solid 1px #000;
	color:#a59d95;
	height:17px;
}

#footer .text
{
	line-height:21px;
}

#footer a
{
	color:#a59d95;
}

#discovermore
{
	position:relative;
	width:936px;
	background:#000;
	padding:12px;
	color:#fff;
}

#discovermore ul
{
	list-style:none;
}

#discovermore ul li
{
	float:left;
	width: 20%;
	margin:12px 0 0 0;
}

#discovermore a
{
	color:#fff;
}

a
{
	color:#000;
}

a.red
{
	color:#f0283c;
}

a:hover
{
	text-decoration:underline;
}

.test{border:solid 1px red;}

.paging
{
	padding:15px 0 15px 0;
	width:455px;
}

.pagingleft
{
	float:left;
	width:105px;
}

.pagingright
{
	float:right;
	width:70px;
	text-align:right;	
}

.pagingpages
{
	float:left;
	width:250px;
	text-align:center;
}

.pagingpages a
{
	padding:2px 4px 2px 4px;
}


.characterTable{margin-bottom:15px; width:100%;}
.characterTable td{width:20px; text-align:center;}
.characterTable a {display:block; color: #000;}
.characterTable a.unmarked:hover {color:red;}
.characterTable a.marked{color:#FFF; background-color:#A59D95; padding:3px 5px 2px 5px;}

.bold{font-weight:bold;}
.textContent p{margin-bottom:10px; margin-top:10px;}

.topList{margin-top:20px;}

.topList .booklistmiddle .number
{
	font-size:20px;
	display:block;
}

.topList .booklistmiddle .number h2{margin:0px; padding:0px;}

.topList .booklistmiddle
{
    position:relative;
	overflow:hidden;
	padding:0 0 20px 0;
}


.topList .booklistmiddle .book
{
	float:left;
	width:70px;
	overflow:hidden;
	position:absolute;
	left:30px;
	bottom:0px;
}

.topList .booklistmiddle .text
{
	float:left;
	width:340px;
	overflow:hidden;
	position:absolute;
	left:30px;
	bottom:0px;
}

.topList .booklistmiddle .text a
{
    color:#000;
}

.topList .booklistmiddle .text a.red
{
    color:#F0283C;
}

#popupBackground, #popupPersonBackground, #popupQuotesBackground, #popupInfoBackground 
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 1999;
}

#popupContainer, #popupPersonContainer, #popupQuotesContainer, #popupPersonContainer, #popupInfoContainer
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	background: #ffffff;
	border: 0px solid #fff;
	z-index: 2000;
	padding: 32px;
	font-size: 13px;
	width: 600px;
	text-align: center;
}

#popupInfoContainer
{
	top: 125px;
}

#flashPopupContainer
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	background: #ffffff;
	border: 0px solid #fff;
	z-index: 2000;
	padding: 12px;
	font-size: 13px;
	width: 600px;
	text-align: center;
}

#flashPopupBackground
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 1999;
}
#popupClose{padding:5px;}

#flashPopupContainer #popupClose{padding:5px;}
#popupClose
{
	position: absolute;
	top: 0;
	right: 0;
}

.popup_title
{
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
}

.popup_subtitle
{
	font-style: italic;
	font-size: 14px;
}

.popup_authors
{
	font-weight: bold;
	font-size: 14px;
}

.black
{
	color: #000000;
}
/*Mats 09-07-01*/
.factsTr td
{
	float: left;
	margin-bottom: 5px;
	
}

/*MS 2009-08-12*/
.pictureButton
{
	float: right;
}

.quotesListFooter
{
	margin-top: 20px;
	float: left;
	width: 100%;
}

.shortQuoteListClass
{
	text-decoration: none;
	color: Black;
}

.shortQuoteListClass:hover
{
	color: #ca402c;
	text-decoration: none;
}

.puffCoverSmall
{
	margin-right: 5px;
}


/*Special styles for Quotes-popup*/
#popupQuotesContainer
{
	width: 460px !important;
	font-size: 11px;
}

/*MS 2009-09-02*/
.headerAuthorsStandIn
{
	margin-bottom: 15px;
}

/*Genre listing*/
#genreList
{
    width: 100%; margin-top: 10px; margin-bottom: 20px;
}

.genreLink
{
    display:block;
    padding:5px;
}

.genreLinkAlt
{
    display:block;
    background-color:#E0DED8;
    padding:5px;
}

.newsIngress
{
    font-weight:bold;
}

.top-image
{
	float: left;
	margin-bottom: 10px;
}

.bloggItem
{
	padding-bottom: 10px;
}

.bloggSmallTableContent
{
	background: url(/Site/Themes/BFL/Images/Boktipset/background.png) repeat-x top #FFFFFF;
	padding-right: 10px;
	padding-left: 7px;
	border-left: 1px solid #e2800d;
	border-right: 1px solid #e2800d;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	width: 216px;
}
.bloggTableSmallTop
{
	width: 235px;
	height: 12px;
	background: url(/Site/Themes/BFL/Images/Boktipset/bg_top.png) no-repeat;
}

.bloggTableSmallBottom
{
	width: 235px;
	height: 12px;
	background: url(/Site/Themes/BFL/Images/Boktipset/bg_bottom.png) no-repeat;
}
.bloggHeader
{
	font-size: 10px;
	color: #FFFFFF;
	position: relative;
	bottom: 3px;
	margin-bottom: 50px;
}

.bloggLatestHeader
{
	color: #006699;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
}

.bloggAuthor
{
	color: #006699;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
}

.bloggTitle, .bloggTitle:visited
{
	color: #e4800e;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.bloggTitle:hover
{
	text-decoration: underline;
}