/********** css Dialog Sodra Alvstranden **********/
/*************************************************/

/********** sid centerring **********/
body 
{ 
    text-align: center;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

div.main
{
    text-align: left;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

div.container
{
	background: #ffffff url(/images/design/rand.gif) repeat-y;
	border: 0;
	margin: 0;
	padding: 0;
}

.error, .warning
{
	color: #FF0000;
	font-weight: bold;
}

.status
{
	color: #0000FF;
	font-weight: bold;
	font-size: 1.3em;
}


/****************************************************
	Reset default - Need full control
****************************************************/
p
{
	margin: 0;
	padding: 0;
}



/****************************************************
Form stuff
****************************************************/
.form
{
	position: relative;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0em;
}

.form_item
{
	position: relative;
	display: block;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.form_item_left
{
	position: absolute;
	left: 0;
	top: 0.4em;
}

.form_item_right
{
	display: block;
	position: relative;
	left: 12em;
	width: 20em;
	padding: 0;
}

.form_item_checbox
{
	position: absolute;
	left: 23em;
}

.form_item_comment
{
	margin-top: 0.2em;
}

.form_item_error
{
	display: block;
	color: #FFCC00;
	background-color: transparent;
}

.stack_item
{
	margin-right: 1em;
}

.stack_row_item
{
	margin-top: 1em;
	margin-bottom: 0em;
}

input,select
{
	font-size: 0.8em;
}



/********** kolumner **********/
div.column_1
{
    float: left;
    width: 510px;
    margin-right: 0px;
    margin-bottom: 5px;
}
div.column_2
{
    float: left;
    width: 235px;
    margin-right: 15px;
    margin-bottom: 5px;
}

div.column_3
{
    float: left;
    width: 165px;
    margin-right: 10px;
    margin-bottom: 5px;
}

div.column_news_left
{
    float: left;
    width: 215px;
    margin-right: 24px;
    margin-bottom: 5px;
}

div.column_news_right
{
    float: left;
    width: 286px;
    margin-right: 0px;
    margin-bottom: 5px;
}

div.column_left_80
{
	float: left;
	width: 340px;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.column_right_20
{
	float: left;
	width: 170px;
	margin-right: 0px;
	margin-bottom: 5px;
}

div.column_menu
{
    float: left;
    width: 160px;
    margin-right: 10px;
    margin-bottom: 5px;
}
div.clear
{
    clear: both;
}

div.space
{
    height: 5px;
    font-size: 0px;
}

/********** innehåll **********/

.content
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* We must use em or IE won't allow manual resizing of font-size */
    font-size: 0.7em;  /* Ca. 11px */
    color: #000000; /* #666666 */
    line-height: 1.4em;
}

div#topimage div.left
{
  float: left;
}

div#topimage div.right
{
  float: right;
}

img
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

img.inline
{
	display: inline;
}

img.liten_knapp_vanster, img.liten_knapp_hoger
{
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
}

img.liten_knapp_vanster
{
	margin-right: 10px;
}

img.stor_knapp
{
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
}


/********** rubriker **********/
h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1
{
    display: none;
}

h2
{
    font-size: 1.5em;
    line-height: 1.3em;
    /*margin-top: 10px;
    margin-bottom: 1em;*/
}

h3
{
    font-size: 1.1em;
}

h4
{
    font-size: 1em;
}

h5
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

h6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

dl
{
	margin: 0;
	padding: 0;
}

/********** Länk **********/


a
{ 
    color: #FF6633;
    text-decoration: none;
}

a:hover { color: #CC0033; }


/********** färger **********/
.red { color: #CC0033; }
.yellow { color: #FF6633; }
.orange { color: #ff9933; }
.green { color: #339933; }
.blue { color: #333366; }

/********** linjer **********/

/********** linjer huvud och fot  **********/
div#linje_top
{
	width: 700px;
	height: 5px;
    background-color: #ff9933;
	font-size: 0px;
	margin-bottom: 5px;
}

div#linje_bottom 
{
	width: 700px;
	height: 5px;
    background-color: #ff9933;
	font-size: 0px;
}

div#clear
{
	clear: both;
}

div#copyright
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    color: #666666;
    margin-top: 5px;
}

/********** mitten linje **********/

div#datum_linje
{
    width: 140px;
    height: 20px;
	background-color: #333366;
	color: #ffffff;
	font-size: 0.65em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 20px;
}

#datum_linje_liten
{
    width: 140px;
	background-color: #333366;
	color: #ffffff;
	font-size: 0.65em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
    border: white solid;
	border-width: 5px 0 5px 0;
}


/********** Menu stuff **********/


#menu_left .comment
{
	padding-top: 1em;
	padding-left: 1em;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}

/* Menu left */
#menu_left ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	width: 150px;
}

#menu_left ul
{
	background-color: #cc0033;
	padding-bottom: 2em;
}

#menu_left ul li
{
	margin: 0;
	padding: 0;
	display: block;
	border: #FF99CC solid;    /* FF99CC */
	border-width: 0 0 1px 0;
}

#menu_left ul li.space
{
	/* height: 2em; */
	/*padding-top: 0.5em;*/
	/*padding-bottom: 0.5em;*/
}

#menu_left ul li a
{
	display: block;
	padding-left: 15px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 135px;
	color: white;
	text-decoration: none;
	background-color: #cc0033;
}

#menu_left ul li a:hover
{
	background-color: #CC0033;
	color: #AAAAAA;
}

#menu_left ul li a.active, #menu_left ul li.sub a
{
	background-color: #aa0000;
}

#menu_left ul li.sub a
{
	padding-left: 30px;
	width: 120px;
}

#menu_left ul li.sub .sub2
{
	margin-left: 15px;
	width: 105px;
	background-color: #AA0000;
}

#menu_left ul li.sub .sub2 a
{
	width: 105px;
}

#menu_left ul li.sub a.selected
{
	background-color: #770000;
}

#menu_left ul li.sub a.active, #menu_left ul li.sub .sub2 a
{
	background-color: #880000;
}

#menu_left ul li a.active:hover, #menu_left ul li.sub a:hover
{
	background-color: #AA0000;
	color: #AAAAAA;
}

#menu_left ul li.sub a.active:hover, #menu_left ul li.sub .sub2 a:hover
{
}

#menu_left ul li a.selected
{
	background-color: #880000;
	color: #FFFFFF;
}

#menu_left ul li a.selected:hover
{
	background-color: #880000;
	color: #AAAAAA;
}

#menu_left ul li a#forum
{
	background-color: #EE5522;
	color: #FFFFFF;
}

#menu_left ul li a#forum:hover
{
	background-color: #EE5522;
	color: #AAAAAA;
}


/********* Blandat *********/

/********* News *********/
div.news { margin-bottom: 15px; }

div.news h2
{
	color: #333366;
	margin-bottom: 0.5em;
	margin-top: 10px;
}

div.news div.item { margin-bottom: 1.2em; }

div.news div.item h3 { margin-bottom: 0.1em; }

div.news div.item h3 a { color: #5555AA; }
div.news div.item h3 a:hover { color: #7777AA; }

div.news div.item div.actionbar p.timestamp
{
	color: #666666;
	font-style: italic;
	/*margin-top: 0.2em;
	margin-bottom: 0.5em;*/
	font-size: 0.9em;
	line-height: 1em;
}

div.news div.item p.description { text-align: left; }

div.news div.item div.actionbar {}
/*{
	width: 220px;
	margin-bottom: 1.5em;
}*/

div.news div.item div.actionbar div.left
{
	float: left;
	width: 48%;
}

div.news div.item div.actionbar div.right
{
	float: right;
	text-align: right;
	width: 48%;
}

div.news div.item div.actionbar div.left a { color: #5555AA; }
div.news div.item div.actionbar div.left a:hover { color: #7777AA; }

div.news div.pagination a { color: #5555AA; }
div.news div.pagination a:hover { color: #7777AA; }

div.news div.item div.actionbar p.comment {}


/********* News article *********/
div#news_article { margin-bottom: 15px; }

div#news_article div.head { float: left; width: 500px; }

div#news_article h2
{
	color: #333366;
	margin-bottom: 0.2em;
	margin-top: 10px;
}

div#news_article p.timestamp
{
	color: #666666;
	font-style: normal;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1em;
}

div#news_article p.text {}

div#news_article div.actionbar
{
	margin-top: 1em;
}

div#news_article div.actionbar p.comment
{
	margin-bottom: 1em;
}


/********* Aktiviteter *********/
div.calendar { margin-bottom: 15px; }

div.calendar div.now h3,
div.calendar div.future h3
{
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 0.5em;
	margin-top: 10px;
}

div.calendar div.now h3 { color: #550000; }
div.calendar div.future h3 { color: #550000; }

div.calendar div.now,
div.calendar div.future
{ margin-bottom: 1.2em; }

div.calendar div.now div.item,
div.calendar div.future div.item
{ margin-bottom: 1.2em; }

div.calendar div.now div.item h4,
div.calendar div.future div.item h4
{ font-size: 1.1em; margin-bottom: 0.1em; }

div.calendar div.now div.item p.timestamp,
div.calendar div.future div.item p.timestamp
{
	color: #333333;
	font-style: italic;
	/*margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-size: 0.9em;*/
	line-height: 1em;
}

div.calendar div.now p.description,
div.calendar div.future p.description
{ text-align: left; }

div.calendar div.now div.item div.actionbar div.left,
div.calendar div.future div.item div.actionbar div.left
{
	float: left;
	width: 49%;
}

div.calendar div.now div.item div.actionbar div.right,
div.calendar div.future div.item div.actionbar div.right
{
	float: right;
	text-align: right;
	width: 49%;
}

/*
{ color: #5555AA; }


{ color: #7777AA; }
*/
div.calendar div.now div.item h4 a,
div.calendar div.future div.item h4 a,
div.calendar div.now div.item div.actionbar div.left a,
div.calendar div.future div.item div.actionbar div.left a,
div.calendar div.future div.pagination a,
div.calendar div.navigation a
{ color: #CC0033; }

div.calendar div.now div.item h4 a:hover,
div.calendar div.future div.item h4 a:hover,
div.calendar div.now div.item div.actionbar div.left a:hover,
div.calendar div.future div.item div.actionbar div.left a:hover,
div.calendar div.future div.pagination a:hover,
div.calendar div.navigation a:hover
{ color: #EE4455; }


/********* Calendar article *********/
div#calendar_article { margin-bottom: 15px; }

div#calendar_article div.head { float: left; width: 500px; }

div#calendar_article h2
{
	color: #550000;
	margin-bottom: 0.2em;
	margin-top: 10px;
}

div#calendar_article p.timestamp
{
	color: #333333;
	font-style: italic;
	/*margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-size: 0.9em;*/
	line-height: 1em;
	margin-bottom: 1em;
}

div#calendar_article p.text {}

div#calendar_article div.actionbar
{
	margin-top: 1em;
}

div#calendar_article div.actionbar p.comment
{
	margin-bottom: 1em;
}

div#calendar_article a
{ color: #CC0033; }

div#calendar_article a:hover
{ color: #EE4455; }

div#calendar_article div.actionbar p.comment a { color: #FF6633; }
div#calendar_article div.actionbar p.comment a:hover { color: #CC0033; }



/********* Reportage article *********/
div#reportage_article { margin-bottom: 15px; }

div#reportage_article h2
{
	font-size: 1.2em;
	color: #333366;
	margin-bottom: 0.2em;
	margin-top: 10px;
}

div#reportage_article p.timestamp
{
	color: #666666;
	font-style: normal;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1em;
}

div#reportage_article p.text {}

div#reportage_article div.actionbar
{
	margin-top: 1em;
}

div#reportage_article div.actionbar p.comment
{
	margin-bottom: 1em;
}


/********* Article *********/
div#article
{
  margin-bottom: 15px;
  padding-top: 0px; /* 10px */
}

div#article h2
{
	padding: 0;
	margin: 0;
	margin-bottom: 0em;
}

div#article h3
{
	padding: 0;
	margin: 0;
	margin-bottom: 0em;
}

div#article ul, ol
{
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 0;
	padding-left: 2em;
	padding-bottom: 0;
}

div#article li+li
{
	margin-top: 0.5em;
}

div#article div.reportage
{
	margin-top: 15px;
}

div#article div.reportage h3
{
	margin-bottom: 10px;
	font-size: 1.2em;
    line-height: 1.3em;
    color: #AA0000;
}

div#article div.reportage div.reportage_item
{
	margin-top: 10px;
}

div#article div.reportage div.reportage_item h4
{
    font-size: 1em;
}

div#article div.reportage div.reportage_item h4 a { color: #CC0033; }
div#article div.reportage div.reportage_item h4 a:hover { color: #EE4455; }

div#article div.reportage div.reportage_item div.actionbar {}

div#article div.reportage div.reportage_item div.actionbar a { color: #CC0033; }
div#article div.reportage div.reportage_item div.actionbar a:hover { color: #EE4455; }

div#article div.reportage div.reportage_item div.actionbar div.left
{
	width: 49%;
	float: left;
}

div#article div.reportage div.reportage_item div.actionbar div.right
{
	width: 49%;
	float: right;
	text-align: right;
}

div#article div.reportage div.reportage_item p.timestamp
{
	color: #666666;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 0.3em;
	line-height: 1em;
}


/********* Startsidan - Welcome *********/
div#welcome
{
	margin-top: 10px;
	margin-bottom: 10px;
}

div#welcome h2
{
	color: #EE8822;
	margin-bottom: 0em;
}

div#welcome p.text
{
	font-weight: normal;
	color: #333333;
	/*font-size: 1.1em;*/
}

div#welcome p.actionbar {}


/********* Startsidan - Buttons *********/
div#buttons { margin-bottom: 15px; }


/********* Startsidan - Veckans fråga *********/
div#veckans_fraga { margin-bottom: 15px; margin-top: 10px; }

div#veckans_fraga h2 { }

div#veckans_fraga h2 a span.weekstamp { font-size: 0.7em; }

div#veckans_fraga h2 a { color: #CC0033; }

div#veckans_fraga h2 a:hover { color: #EE4455; }

div#veckans_fraga p.text { font-weight: bold; }

div#veckans_fraga div.actionbar {}

div#veckans_fraga div.actionbar div.readmore a { color: #CC0033; }
div#veckans_fraga div.actionbar div.readmore a:hover { color: #EE4455; }

div#veckans_fraga div.actionbar div.left
{
	width: 49%;
	float: left;
}

div#veckans_fraga div.actionbar div.right
{
	width: 49%;
	float: right;
	text-align: right;
}


/********* Artikel - Veckans fråga *********/
div#article div#veckans_fraga
{
	margin-top: 15px;
	margin-bottom: 15px;
}

div#article div#veckans_fraga h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0033;
}

div#article div#veckans_fraga p.title
{
	margin-bottom: 15px;
	font-weight: bold;
}

div#article div#veckans_fraga div.actionbar p.back { margin-top: 10px; }

div#article div#veckans_fraga div.actionbar p.comment { margin-top: 10px; }

div#article div#veckans_fraga div.actionbar p.comment a { color: #FF6633; }
div#article div#veckans_fraga div.actionbar p.comment a:hover { color: #CC0033; }

div#article div#veckans_fraga a, div#article div#tidigare_fragor a { color: #CC0033; }
div#article div#veckans_fraga a:hover, div#article div#tidigare_fragor a:hover { color: #EE4455; }

div#article div#tidigare_fragor h3
{
	font-size: 1.2em;
}

div#article div#tidigare_fragor h4
{
	margin-top: 10px;
	font-size: 1em;
}


/********* Startsidan - Senaste reportage *********/
div#senaste_reportage { margin-bottom: 15px; }

div#senaste_reportage h2
{
	margin-bottom: 0.5em;
	color: #AA0000;  /* #333366 */
}

div#senaste_reportage h3 a
{
	color: #CC0033;
	margin-bottom: 0.1em;
} /* #5555AA */

div#senaste_reportage h3 a:hover { color: #EE4455; } /* #7777AA */

div#senaste_reportage p.text {}

div#senaste_reportage div.actionbar {}

div#senaste_reportage div.actionbar a { color: #CC0033; }
div#senaste_reportage div.actionbar a:hover { color: #EE4455; }

div#senaste_reportage div.actionbar div.left
{
	width: 49%;
	float: left;
}

div#senaste_reportage div.actionbar div.right
{
	width: 49%;
	float: right;
	text-align: right;
}

div#senaste_reportage div.actionbar p.timestamp
{
	color: #666666;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 0.3em;
	line-height: 1em;
}
	

/********* Images and thumbnails - From Wikipedia.org *********/
/* images */
div.floatright { 
    float: right; 
    margin: 0;
    position:relative;
    border: 0.5em solid White;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.floatright p { font-style: italic;} 
div.floatleft { 
    float: left; 
    margin: 0.3em 0.5em 0.5em 0;
    position:relative;
    border: 0.5em solid White;
    border-width: 0.5em 1.4em 0.8em 0;
}
div.floatleft p { font-style: italic; } 

/* thumbnails */
div.thumb {
    margin-bottom: 0.5em;
    border-style: solid; border-color: White;
    width: auto;
    overflow: hidden;
}

div.thumb div {
    border:1px solid #cccccc;
    padding: 3px !important;
    background-color:#f9f9f9;
    font-size: 94%;
    text-align: center;
}

div.thumb div img {
    border:1px solid #cccccc;
}

div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    padding: 0.3em 0 0.1em 0;
}

div.magnify { display: none; }

div.tright {
    float: right;
    border-width: 0.5em 0 0.8em 1.4em;
}

div.tleft {
    float: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}


/****************************************************
	The Hax
	Wish it could be done some other way :(
****************************************************/
/********* To make divs that contain floats wrap around the floats *********/
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer { display: inline-table; }  /* Fix for IE Mac */

/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%; }
.floatcontainer { display:block; }
/* End Hack */