/*******************************************************
* Overall page layout
*******************************************************/
body {
	background-color: #AFBBC7;
	background-image: url('/layout/background.gif');
	background-position: center;
	background-repeat: repeat-y;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4{
}

#page {
	margin: 0 auto;
	background-color: #fff;
	width: 990px;
}

#header {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
}


#menu_container {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#left {
	float: left;
	padding-left: 10px; /* margin blir buggat i IE6 */
	clear: left;
	width: 160px;
	margin-right: 10px;
}

#right {
	float: right;
	width: 160px;
	margin-left: 10px;
	padding-right: 10px; /* margin blir buggat i IE6 */
}

#main {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: justify;
	padding: 10px;
	padding-top: 0px;
	margin-right: 180px;
	margin-left: 180px;
}

#footer {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	border-top: 2px dashed #ddd;
}

/*******************************************************
* Header
*******************************************************/
#header h1 {
	float: left;
	width: 400px;
	margin: 0px;
	font-size: 170%;
	color: #1159AD;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#header h1 a {
	color: inherit;
	text-decoration: none;
}

#header img {
	margin-top: 10px;
}

#header p {
	float: right;
	font-size: 120%;
	margin: 0px;
	padding-top: 5px;
	text-align: right;
}

#header p a {
  color: #1159AD;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;

}

#header p a:hover {
	text-decoration: underline;
	
}

#header p a img {
	margin: 0px;
	border: none;
}


/*******************************************************
* Meny
*******************************************************/
#menu_container {
	z-index:16384;
}

ul#menu{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 23px;
}

#menu li {
	float: left;
}

#menu li a {
	width: 93px;
	background-color: #50617E;
	background-image: url('/layout/bg_meny.gif');
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-left: 1px;
	margin-right: 1px;

	text-align: center;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	
	
	
	
	background-color: #50617E;
	color: #fff;
	
	height: 17px;
}

#menu li a:hover {
	border-color: #1159AD;
	background-color: #e0e0e0;
	background-image: none;
	color: #1159AD;
}


/*** För submenyer ***/

#menu li ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	margin-left: 1px;
	border-top: 1px solid #fff; /* fake margin */
}

#menu li ul li {
	float: none;
	z-index: 100;
}

#menu li ul li a {
	width: 155px;
	background-color: #f0f0f0;
	background-image: none;
	border-width: 1px;
	margin: 0px;
	
	text-align: left;
	font-weight: normal;
	color: #666;
	
	height: none;
}

#menu li ul {
	display: none;
}

#menu li.over1 ul {
	display: block;
}

#menu li:hover ul {
	display: block;
}


/*******************************************************
* Sidebar
*******************************************************/
.sidebar a {
	text-decoration: none;
}

.sidebar a:hover {
	text-decoration: underline;
}


.sidebar hr {
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	background-color: #ddd;
	color: #ddd;
	border: none;
}


/*** För nyhetsflöden ***/
/*
.sidebar .nyheter h3 {
	font-size: 100%;
	font-weight: bold;
	background-color: #eee;
	color: #1159AD;
	margin: 0px;
	padding: 2px;
}

.sidebar .nyheter a {
	display: block;
}


.sidebar .nyheter {
	border: 1px solid #ccc;
	width: 100%;
}

.sidebar .nyheter p {
	margin: 2px;
	margin-bottom: 6px;
}
*/

/*** För menyn **/
.sidebar ul.meny {
	display: block;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 5px;
	width: 100%;
}

.sidebar .meny li a.item {
	
	background-color: #50617E;
	background-image: url('/layout/bg_meny.gif');
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-left: 1px;
	margin-right: 1px;

	text-align: left;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	
	
	
	
	background-color: #50617E;
	color: #fff;
	
	height: 17px;
}

.sidebar .meny li a:hover {
	border-color: #1159AD;
	background-color: #e0e0e0;
	background-image: none;
	color: #1159AD;
}

.sidebar .meny li div {
	display: none;

	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
}

/*** För reklam ***/

.sidebar .reklam {
	margin-bottom: 10px;
	text-align: center;
}

.sidebar .reklam img {
	border: 1px solid #ccc;
}


/*******************************************************
* Innehåll
*******************************************************/
#main {
	/*min-height: 600px;*/
}

.main_content h1 {
	color: #1159AD;
	font-size: 150%;
	margin-top: 0px;
}

.main_content h2 {
	color: #1159AD;
	font-size: 130%;
	margin-top: 30px;
}

.main_content h3 {
	color: #1159AD;
	font-size: 115%;
}

.main_content h4 {
	color: #1159AD;
}


.main_content img {
	border: 1px solid #ccc;
}

.main_content a {
	text-decoration: none;
}

.main_content a:hover {
	text-decoration: underline;
}

.main_content .introduction {
	font-weight: bold;
	padding-left: 10px;
}

.main_content .meta {
	font-style: italic;
	color: #333;
	padding: 10px;
	text-align: center;
}

.main_content .children_delim {
	width: 90%;
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}



/*******************************************************
* Styles som finns i tinyMCE (och inte på resten av sidan)
*******************************************************/
.main_content img.no-border {
	border: none;
}

.main_content hr {
	width: 90%;
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*******************************************************
* Sidfot
*******************************************************/
#footer {
	color: #666;
	font-size: 90%;
}

#footer_left {
	width: 31%;
	float: left;
}

#footer_right {
	width: 31%;
	float: right;
}

#footer_mid {
	width: 33%;
	margin-left: 33%;
}

#footer_bot {
	clear: both;
	margin-top: 20px;
	color: #999;
}

#footer_bot a, #footer_bot a:visited {
	color: #999;
	text-decoration: underline;	
}


/*******************************************************
* Bodar och Nyhetsflöden
*******************************************************/
.box {
	border: 1px solid #ccc;
	text-align: left;
}

.box h4 {
	font-size: 100%;
	font-weight: bold;
	background-color: #eee;
	color: #1159AD;
	margin: 0px;
	padding: 2px;
}

.box p {
	margin: 2px;
	margin-bottom: 6px;
}

.feed a {
	display: block;
}


/*******************************************************
* Allmänt
*******************************************************/
.more {
	text-align: right;
}

.more a, .sidebar .nyheter .more a {
	color: #666;
	display: inline;
}

.date {
	color: #333;
}

.imagetext p {
	margin: 0px;
	font-style: italic;
}

input, textarea, select {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {
	margin: 0px;
}

.highlight {
	background-color: #eee;
	border: 1px solid #ccc;
}


.dokumentarkiv_link {
	padding-top: 10px;
	text-align: left;
}


.tabell {
	border-collapse: collapse;
}

.tabell th, .tabell td {
	padding: 2px;
	border: 1px solid #ccc;
}

.tabell td {
	text-align: left;
}

.tabell th {
	padding-left: 5px;
	padding-right: 5px;
	background-color: #eee;
	font-weight: bold;
}

#main img.ikon {
	border: none;
	margin-right: 2px;
}

code.example {
	font-size: 150%;
	background-color: #eee;
	border: 1px solid #ccc;
}