/* Framework
-------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#314175;
	font-size: 11px;
}

div#frame {
	width: 779px;
}

div#menu {
	width:139px;
	height:400px;
	float:left;
}

div#huvud {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background: #fff;
}

div#content {
	width:639px;
	float:right;
	min-height: 450px;
	height:auto !important;
  height:450px;
	border-left:1px solid;
}
div#content_index {
	padding-top:10px;
	padding-left:5px;
	padding-right:1px;
	color:#000;
}
div#content_index {
	width:494px;
	float:left;
}

div#content_right {
	width:130px;
	float:right;
	min-height: 450px;
	height:auto !important;
  height:450px;
	border-left:1px solid;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color:#000;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	color:#000;
}

h3{
	font-size: 12px;
	font-weight: bold;
	color:#000;
}
p {
	color:#000;
}

.button {
	background-color: #314175;
	color: #FFFFFF;
	border:1px solid;
	border-top-color:#314175;
	border-left-color:#314175;
	border-right-color:#314175;
	border-bottom-color:#314175;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

.lasmer {
	background: url(../images/arrow_small.gif) no-repeat right;
	padding-right:8px;	
}

/* Top parts
-------------------------------------------------------------------------------*/
div#logo {
	padding:5px;
}

div#mrutor h1 {
	font-size:12px;
	color:#314175;
	padding:2px;
}

div#mruta {
	width:158px;
	height:60px;
	float:left;
	background: #ffffff url(../images/mruta_bg.jpg) repeat 0 0;
}

div#mruta p {
	padding:3px;
}

div#mspace {
	width:2px;
	height:60px;
	float:left;
}

div#mrutor {
	height:145px;
	margin-top:2px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #314175;
}

/* Menu
-------------------------------------------------------------------------------*/
.menuStart {
	padding-left: 35px;
	height:15px;
	line-height: 25px;
	font-size:10px;	
	font-weight: bold;	
}
.menuSub {
	background: #f0f0ef url(../images/dot.gif) no-repeat 0 50%;
	padding-left: 20px;
	height:15px;
}
.menuItem, .menuSubTop, .menuRutaL,.menuRutaA,.menuRutaK,.menuRutaG,.menuItemP {
	padding-left: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	height: 22px;
	line-height: 22px;
}
.menuItem, .menuSubTop,.menuItemP {
	background: url(../images/arrow.gif) no-repeat 0 50%;
}

.menuItemP a {
	color:#ed4b40;
}

.menuSubTop {
	background: url(../images/arrow_down.gif) no-repeat 0 50%;
	padding-left: 18px;
}

.menuRutaL {
	background: url(../images/menuRutaL.gif) no-repeat 0 50%;
}
.menuRutaA {
	background: url(../images/menuRutaA.gif) no-repeat 0 50%;
}
.menuRutaK {
	background: url(../images/menuRutaK.gif) no-repeat 0 50%;
}
.menuRutaG {
	background: url(../images/menuRutaG.gif) no-repeat 0 50%;
}
div#menu ul {
	list-style-type: none;
	margin-left:5px;
	margin-right:3px;
}

div#menu a:link, div#menu a:visited {
	text-decoration: none;
}

div#menu a:hover, div#menu a:active {
	text-decoration: underline;
}

div#login {
	margin-top:20px;
	margin-right:5px;
	text-align:right;
}

div#login fieldset {
	border: 0px;
}
div#login label {
	color:#000;
	font-size:11px;
	font-family:arial;
}

/* Index
-------------------------------------------------------------------------------*/
div#newsTop {
	color:#000;
	height:150px;
	padding-top:3px;
}

div#news2 {
	margin-top:5px;
	color:#000;
	float:left;
	width:49%;
}
div#newsM {
	float:left;
	width:2%;
}
div#news3 {
	margin-top:5px;
	color:#000;
	float:right;
	width:49%;
}

div#beMember {
	color:#000;
	clear:both;
}

div#beMember h1 {
	margin-top:15px;
	height:23px;
	line-height:23px;
	font-size: 13px;
	font-weight: bold;
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	background: #fff url(../images/member.jpg) no-repeat 0 50%;
	padding-left: 30px;
}

div#content_right h3, div#content_right p {
	margin-left:5px;
	margin-top:3px;
}

div#mainBlogg h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

div#mainForum {
	margin-top:25px;
}

div#mainForum h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	background: #fff url(../images/forum.jpg) no-repeat 0 50%;
	padding-left: 23px;
	height:20px;
	line-height:20px;
}

div#mainForum p {
	background: #fff url(../images/dot2.gif) no-repeat 0 50%;
	padding-left: 13px;
	margin-bottom:5px;
}
div#mainForum a {
	color:#000;
}

/* Nyheter, Blogg, blankett, lankar
-------------------------------------------------------------------------------*/

div#tjanster p {
	padding-top:10px;
}

div#tjanster img {
	margin-right:5px;
}

div#nyheter,div#blogg,div#blankett,div#lankar,div#tjanster {
	/*border-left-width:1px;
	border-left-style:solid;*/
	padding-left:10px;
	padding-top:10px;
	padding-right:100px;
}

div#nyheter h2,div#blogg h2 {
	background: #fff url(../images/dot2.gif) no-repeat 0 50%;
	padding-left: 10px;
	font-size:12px;
}

div#nyheter p, div#nyheter h1, div#blogg p, div#blogg h1,div#blankett h1{
	margin-bottom:15px;
}

div#nyheter h1, div#blogg h1,div#blankett h1,div#tjanster h1 {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#314175;
	background: url(../images/forum.jpg) no-repeat 0 50%;
	padding-left: 23px;
	height:20px;
}

div#nyheter a, div#blogg a {
	color:#000;
	font-size:12px;
}

div#nyheter span, div#blogg span {
	font-weight:normal;
}

p#ingress {
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

p#source {
	margin-top:15px;
	color:#000099;
}

.published {
	margin-top:3px;
	margin-right:5px;
}

div#fler h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

div#fler p {
	background: #fff url(../images/dot2.gif) no-repeat left 5px;
	padding-left: 10px;
	padding-bottom:5px;
}

div#fler a {
	color:#000;
}

div#mer {
	margin-top:10px;
	text-align:right;
	font-weight:bold;
}

div#blankett ul {
	list-style-type: none;
	margin-left:5px;
	margin-right:3px;
	margin-top:10px;
}
div#blankett li {
	background: url(../images/dot.gif) no-repeat 0 50%;
	padding-left: 20px;
	height:20px;
	line-height:20px;
}

div#blankett a {
	color:#000;
}

div#lankar a {
	color:#000;
	text-decoration:underline;
}


/* "Rutorna"
-------------------------------------------------------------------------------*/

.kommentarerFarg {
	border-color: #f5567c;
	background:#FFFFFF;
	padding:3px;
	margin:2px;
	border-left-width:5px;
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	float:left;
	width:190px;
}
.lagtextFarg {
	background:#FFFFFF;
	border-color:#75a065;
	padding:3px;
	margin:2px;
	border-left-width:5px;
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	float:left;
	width:190px;
}
.allmanna_radFarg {
	border-color:#f9ed83;
	background:#FFFFFF;
	padding:3px;
	margin:2px;
	border-left-width:5px;
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	float:left;
	width:190px;
}
.guideFarg {
	border-color: #5d9bef;
	background:#FFFFFF;
	padding:3px;
	margin:2px;
	border-left-width:5px;
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	float:left;
	width:190px;
}

div#rutorS1,div#rutorS2,div#rutorS3 {
	height:60px;
	overflow: auto;
}

.lagtextRubrik {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#314175;
}
.allmanna_radRubrik {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#314175;
}
.kommentarerRubrik {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#314175;
}
.guideRubrik {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#314175;
}
div#rutram {
	/*border-left-width:1px;
	border-left-style:solid;*/
	padding-left:10px;
	padding-top:10px;
}
.rutH_1 {
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}
.rutH_1:hover, .rutH_2:hover, .rutH_3:hover, .rutH_4:hover, .rutH_6:hover  {
	background:#eeeeee;
}
.rutH_2 {
	background: #fff url(../images/arrow_small_bw.gif) no-repeat 0 50%;
	padding-left: 10px;
	font-size:12px;
	font-weight:bold;
}
.rutH_3 {
	background: #fff url(../images/line_small.gif) no-repeat 2% 50%;
	padding-left:20px;
	font-size:11px;
	font-weight:normal;
}
.rutH_4 {
	background: #fff url(../images/dot_small.gif) no-repeat 5% 50%;
	padding-left:35px;
	font-size:10px;
	font-weight:normal;
	color:#000;
}
.rutH_6 {
	font-size:12px;
	font-weight:bold;
	color:#000;
}
div#huvudRuta {
	display:block;
	height: 250px;
	width:600px;
	overflow:auto;
	margin-bottom:5px;
	margin-top:5px;
	padding:2px;
	border-left-width:5px;
	border-left-style: solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

div#rutorS a,div#rutorS1 a,div#rutorS2 a,div#rutorS3 a {
	color:#000;
}

div#rutorS1_cont a,div#rutorS2_cont a,div#rutorS3_cont a {
	background: #fff url(../images/dot_small.gif) no-repeat 0% 5px;
	padding-left: 5px;	
}

div#rutorContent {
	clear:both;
	width:550px;
	padding:3px;
}

div#rutorContent h1 {
	font-size: 13px;
	font-weight: bold;
	color:#000;
}

div#guideNot1 {
	color:#000;
	padding-top:5px;
	background: url(../images/dkbut1.gif) no-repeat 0 5px;
	padding-left: 25px;
	min-height:20px;
	height: 20px;
	height:auto !important;
	line-height: 20px;
}
div#guideNot2,div#guideNot3,div#guideNot4,div#guideNot5 {
	color:#000;
	padding-left: 25px;
	min-height:25px;
	height: 25px;
	height:auto !important;
	line-height: 25px;
}
div#guideNot2 {
	background: url(../images/dkbut2.gif) no-repeat 0 3px;
}
div#guideNot3 {
	background: url(../images/dkbut3.gif) no-repeat 0 3px;
}
div#guideNot4 {
	background: url(../images/dkbut4.gif) no-repeat 0 3px;
}
div#guideNot5 {
	background: url(../images/dkbut5.gif) no-repeat 0 3px;
}

div#navi {
	text-align:center;
	color:#000;
	padding-bottom:2px;
}

div#naviNext {
	padding-top:2px;
	text-align:right;
	color:#000;
}

div#navi a,div#naviNext a {
	text-decoration:underline;
	color:#000;
}
div#fontChange {
	position:absolute;
	left:647px;
	top:88px;
	width:150px;
	height:10px;
	visibility:hidden;
}
div#fontChange a {
	font-weight:bold;
}

/* Search area
-------------------------------------------------------------------------------*/
div#searchArea {
	/*border-left-width:1px;
	border-left-style:solid;*/
	padding-left:10px;
	padding-top:10px;
}

div#searchBox {
	width: 270px;
	height: 150px;
	float: left;
	margin-top:10px;
	padding-top:5px;
	margin-right:20px;
	padding-left:5px;
	overflow:auto;
}

div#searchBox a {
	color:#000;
}

div#searchBox h1 {
	font-size:12px;
	font-weight:bold;
}
div#searchBox h1:hover, div#searchBox h2:hover, div#searchBox h3:hover, div#searchBox h4:hover, div#searchBox h6:hover {
	background:#eeeeee;
}
div#searchBox h2 {
	font-size:12px;
	font-weight:normal;
	background: #fff url(../images/arrow_small_bw.gif) no-repeat 0 5px;
	padding-left: 7px;	
}
div#searchBox h3 {
	font-size:11px;
	font-weight:normal;
	background: #fff url(../images/line_small.gif) no-repeat 2% 5px;
	padding-left: 12px;	
}
div#searchBox h4 {
	font-size:10px;
	font-weight:normal;
	color:#000;
	background: #fff url(../images/dot_small.gif) no-repeat 5% 5px;
	padding-left:18px;	
}
div#searchBox h6 {
	font-size:12px;
	font-weight:bold;
	color:#000;
}

/* Medlemssidor
-------------------------------------------------------------------------------*/
div#medlem {
	/*border-left-width:1px;
	border-left-style:solid;*/
	padding-left:10px;
	padding-top:10px;
}
div#medlem a:link {
	text-decoration:underline;
}
div#enskildgrupp {
	padding-top:10px;
	padding-bottom:10px;
	height:15px;
	line-height:15px;
	/*background:lightyellow;*/
}
div#enskildgrupp_1 {
	font-size:12px;
	font-weight:bold;	
	float:left;
	width:200px; /* justerar avstånd ifrån rubriken... */
}
div#enskildgrupp_2 {
	float:left;
}

/* Tabeller
-------------------------------------------------------------------------------*/
div#tab fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	width: 488px;	
/*	border: solid 0 transparent;
	background: #f8f8f8; */
}
div#tab legend {	
	font-weight: bold;
	margin-bottom:10px;		
}
div#tab label {
	float: left;
 	width: 13em;
	display: block;
	margin-bottom:5px;	
}
div#tab input {
	width: 200px;
	margin-bottom:5px;		
}		
div#tab img {
	margin-bottom:4px;	
}
div#tab select {
	margin-bottom:5px;
	width: 100px;			
}		
div#tab input:focus, textarea:focus {
	background: #ffc;
}	
/* Extra
-------------------------------------------------------------------------------*/
div#search {
	width: 194px;
	position: absolute;
	left: 524px;
	top: 26px;
	height: 28px;
	line-height: 28px;
	background: #fff url(../images/search.jpg) no-repeat 0 50%;
	padding-left: 30px;
}

.help_box {
	position:absolute;
	display:none;
	border: 1px solid black;
	background-color: lightyellow;
	padding: 4px;
	width:250px;
}
div#s10 {
	margin-top:10px;
	margin-bottom:10px;				
}

/* table
-------------------------------------------------------------------------------*/	
div#tabell table {
	border-collapse: collapse;
	width: 50em;
	border: 1px solid #666;
}
div#tabell th, td {
	padding: 0.1em 1em;
}	
div#tabell caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}
div#tabell col {
	border_right: 1px solid #ccc;
}
div#tabell thead {
	background: #ccc;
	border-top: 1px solid #5a5a5;
	border-bottom: 1px solid #5a5a5;
}
div#tabell th {
	font-weight: normal;
	text-align: left;
}