/* CSS Document of NöjesMagasinet */
body
{
	/*background:url(../images/page_bg.gif);*/
	background-image: url(../images/nmback6.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	padding: 0;
	font-family:Verdana,Arial,Verdana,Helvetica, sans-serif;
	font-size: 13px;
}

#top-image
{
	background: url(../images/nmback_top.gif) no-repeat center top;

}

h2
{
	font-size:1.5em;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 0px;
}

h3
{
	font-size:1.3em;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

	h3 a 
	{
		text-decoration: none;
		color: #000;
	}

	h3 a:hover
	{
		color:#555555;
	}

h4
{
	background:url(../images/pil.png) no-repeat;
	text-indent: 10px;
	border-bottom: 1px solid red;

}

select, input
{
	margin-bottom: 5px;
}

/*---------- Huvudcontainer ----------*/
#container
{
	
	width: 861px;
	margin: 0 auto;

	padding: 0 5px 5px 5px;
	height: 100%; 
	overflow: hidden;
	/*max-height: 100%; 
	overflow: auto;*/
	
}

/* headercontainer, innehåller bilden högst upp */
#logo-container
{
	height: 190px;
	background:url(../images/header.png) no-repeat;
}

#logo-container img
{
	text-decoration: none;
	border: 0;

}

/* container för vänsterspalten */
#left-container
{
	width: 168px;
	float: left;
	margin-right: 5px;
}

/* container för mittenspalten */
#middle-container
{
	width: 468px;
	float:left;
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
	overflow-x:hidden;
	
}

/* klass för containern som omsluter nyheterna i mittspalten */
.news-container
{
	margin-bottom: 20px;
}

.article-links
{
	width: 100%;
	text-align: right;
}

/* klass för nyhetsbilden i mittspalten */
.middle-leftpanel
{
	float:left;
	width:181px;
	margin-right: 5px;
	
}

/* klass för nyhetstexten i mittspalten */
.middle-rightpanel
{
	padding: 0px;
}

span.pre {
	font-size: 1.1em;
}

span.bread
{
	font-size: 0.9em;
}

span.rss {
	float: right;
	margin-top:5px;
	margin-bottom:10px;

}
	span.rss a {
		text-decoration: none;
		color: #000;
		font-size: 0.7em;
	}

/* div som sluter huvudcontainern så bakgrunden sträcker sig över hela innehållet */
#bottom-container
{
	text-align: center;
	padding: 4px;
	font-size: 0.8em;
	background-color: #fff;
	clear: both;
	color: #ababab;
}

/* container för högerspalten */
#right-container
{	
	float:left;
	width: 200px; /*width: 187px;*/
	padding: 0px 0px 0px 5px;
	overflow: hidden;
}

/* bredare container i admindelen */
#admin-container
{
	float: left;
	width: 655px;
	padding: 5px 5px 5px 5px;
}

/* unsortedlist för högerspalten */
ul#file-links
{
	margin-left: 0px;
	margin-top: 0px;
	list-style:none;
	padding: 0px;
	font-size: 0.8em;
}

/* liststilen för listobjekten i listan */
ul#file-links li
{
	padding: 0px 0px 0px 10px;

}

/* anchors i listan */
ul#file-links a
{
	color: #000;
	text-decoration: none;
	padding-left:10px;
	background:url(../images/newspil.png) no-repeat left 3px;
}

/* hover för anchors i listan */
ul#file-links a:hover
{
	color: #c9252b;
}

ul#file-links a.active
{
	font-weight: bold;
}

/* Huvudmenyn i vänsterspalten */
ul#menu
{
	margin-left: 0px;
	margin-top: 0px;
	list-style:none;
	padding: 0px;
}

	/* listobjekten i huvudmenyn */
	ul#menu li
	{
		background:url(../images/knapp.png) no-repeat;
		margin-bottom: 3px;
		padding: 4px 2px 0px 26px;
		/*height: 25px;*/
	}

	/* anchors i huvudmenyn */
	ul#menu li a
	{
		color: #000;
		text-decoration: none;
	}

	/* aktiva menylänkar */
	ul#menu li a.active 
	{
		font-weight: bold;
	}

	/* hover för anchors i huvudmenyn */
	ul#menu li a:hover
	{
		color: #c9252b;
	}

ul#submenu
{
	margin-left: 0px;
	margin-top: 5px;
	list-style:none;
	padding: 0px;

}
	ul#submenu li {
		background:#fff;
		font-size: 0.8em;
		padding: 0px;
	}

/* klass för rubrikerna med röd underline */
.smallheader
{
	background:url(../images/pil.png) no-repeat;
	padding-left:10px;
	font-size: 0.8em;
	margin-bottom: 3px;
	margin-top: 5px;
}

/* utfyllnad så rubrikens underline fyller hela spalten */
.smallheader_fillout
{
	border-bottom: 1px solid red;
	width: 171px;
}

/* bildruta */
.emptybox
{
	background:url(../images/emptybox.png) no-repeat;
	width: 181px;
	height: 181px;
}
/* */
.smallheader span
{
	text-indent: 0px;
}
/* nyheternas länk knappar */
a.newslinks
{
	color:#c9252b;
	text-decoration:none;
	font-weight:bold;
	font-size: 0.8em;
	padding-left:10px;
	padding-right:10px;
	background:url(../images/newspil.png) no-repeat left center;
}
/* hover effekten för nyhets knapparna */
a:hover.newslinks
{
	color: #000;
}

a.redlink {
	color:#c9252b;
	text-decoration:none;
	font-weight:bold;
	font-size: 1em;
}

a:hover.redlink {
	color: #000;
}

tr {
	/*padding-bottom: 45px;*/
}

table.list tr:hover {background: #f3dede;}

th {
	text-align: left;
	color: #000;
	font-weight: normal;
	background-color: #ececec;
	padding: 0 15px 0 0;
}

td {
	padding: 0 15px 5px 0;
	font-size: 0.8em;
}

	td a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}

	td a:hover {
		color: #c9252b;
		text-decoration: underline;
	}

a.del {
		color:#c9252b;
		text-decoration:none;
		
	}

#paging {
	margin-top: 20px;
	font-size: 0.8em;
	color: #aaaaaa;
	/*text-transform: italic;*/
	width: 100%;
	text-align: center;

}

	#paging a {
		color: #888888;
	}

	#paging a:hover {
		color: #000;
	}

div#listContainer {
	width: 203px;

	}
	div#listContainer div {
		border: 1px solid #336699;
		margin: 5px;
		padding: 3px 5px;
		background: #ececec;
		font-weight: normal;
		cursor: move;
	}
	div#listContainer div a {
		text-decoration: none;
		color: #000;
	}

	div#listContainer div a.sub {
		float:right;
		text-decoration: none;
	}

div#listContainer2 {
	width: 210px;

	}
	div#listContainer2 div {
		border: 1px solid #336699;
		margin: 5px;
		padding: 3px 5px;
		background: #ececec;
		font-weight: normal;
		cursor: move;
	}

	div#listContainer2 div a {
		text-decoration: none;
		color: #000;
	}

.finish
{
	color: #c9252b;
}

fieldset {
    border: solid 1px #bfbfbf;
    padding: .5em 1em;
}

    legend 
	{ 
	color: #000;
	font-size: 0.8em;
	}

#commentForm {
	margin-bottom: 10px;
}

div.comment {
	border: 1px solid #bfbfbf;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}

	#comments div.commentTitle {
		width: 100%;
		font-weight: bold;
		border-bottom: 1px solid #bfbfbf;
		background-color: #eee;

	}

	#comments div.commentText {
		font-size: 0.8em;
		border-bottom: 1px solid #bfbfbf;
		padding: 5px;
	}

	#comments div.commentBy {
		text-align: right;
		font-size: 0.8em;
	}

div#pdf span.pdfTitle {
	float:right;
	padding-right: 5px;
}