/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                                                                 */
/*  Made by Adrian Bengtson for Hagaskolan                         */
/*  adrian at daytime dot se                                       */
/*  2004-2006                                                           */
/*                                                                 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
/*  Colors:
/*
/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* - - - - - - - - - - - - - - - - - - - - - */
/* Global White Space Reset                  */
/* - - - - - - - - - - - - - - - - - - - - - */

* {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
margin: 10px 0;
}

li, dd {
margin-left:5%; 
}

fieldset { 
padding: .5em;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* Rest of the CSS
/* - - - - - - - - - - - - - - - - - - - - - */


body {
text-align: center;
font: 11px/16px verdana, arial, helvetica, serif;
xbackground: url(/images/nylayout/toppraster_bakgrund.gif) repeat-x;
background-color: #eee;
padding: 0;
margin: 0;
}

#page {
background: #fff;
text-align: left;
width: 960px;
margin: 0 auto;
border: 0px solid black;
padding: 0;
}

#page img {
margin: 0px;
padding: 0px;
border: 0px solid red;
}

h1 {
margin: 1em 0 0.5em 0;
border: 0px solid red;
}

/*
/* Links
/* - - - - - - - - - - - - - - - - - - - - - */

a img {
border: none;
}

a, a:link {
color: #007792;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px dotted #764AEE;
}

a:visited {
color: #007792;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px dotted #333333;
}

a:hover {
text-decoration: none;
color: #BA1132;
padding-bottom: 0px;
text-decoration: underline;
border-bottom: 0px solid #BA1132;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* header
/* - - - - - - - - - - - - - - - - - - - - - */

#header {
margin: 0px;
padding: 0px;
border: 0px solid red;
height: 114px;
background: url(/images/nylayout/sidhuvudetny.jpg) no-repeat;
}

#header div {
background-color: #fff;
width: 230px;
float: right;
display: inline;
margin: 15px 15px 0px 0px;
height: 117px;
}

#header table {
background-color: #fff;
xfloat: right;
xdisplay: inline;
margin: 0px 0px 0px 0px;
xheight: 117px;
}

#header table th,
#header table td {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, lucida, Helvetica, sans-serif;
font-family: Verdana, lucida, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 14px;
padding: 5px 5px;
vertical-align: top;
}

#header table th {
background-color: #BA1132;
color: #fff;
font-weight: bold;
xheight: 25px;
}

#header table td {
xheight: 92px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* nav
/* - - - - - - - - - - - - - - - - - - - - - */

#nav, #nav ul {
width: 947px;
float: left;
list-style: none;
line-height: 16px;
background: #333333;
padding: 0 0 0px 13px;
border: solid #000;
border-width: 0px;
margin: 0 0 0px 0;
z-index: 3;
}

#nav a {
display: block;
color: #fff;
text-decoration: none;
xtext-transform: uppercase;
padding: 3px 14px;
white-space: nowrap; /* forces the text to stay to one line */
border-left: 1px solid white;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, lucida, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}

#nav a.last {
border-right: 1px solid white;
}

#nav li {
float: left;
padding: 0;
margin: 0px;
white-space: nowrap; /* forces the text to stay to one line */
}

#nav li a {
white-space: nowrap; /* forces the text to stay to one line */
}

#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 180px;
font-weight: normal;
border-width: 1px 0px 0px 0px;
border-color: #fff;
background: #666;
margin: 0px;
padding: 0px;
white-space: nowrap; /* forces the text to stay to one line */
}

#nav li li {
/* padding-right: 10px; */
width: 100%;
}

#nav li ul li {
width: 100%; /* so it fills the available space */
}

#nav li ul li a {
/* remove the width */
padding: 3px 8px;
border-left: 0px solid white;
}

#nav li:hover ul, 
#nav li.sfhover ul {
left: auto;
}

#nav li:hover, 
#nav li.sfhover {
background: #BA1132;
}

#nav li li:hover, 
#nav li.sfhover {
xbackground: #666;
}

#nav a:hover {
color: #fff;
}


/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* sidecolumn
/* - - - - - - - - - - - - - - - - - - - - - */

#sidecolumn {
margin: 15px 0px 15px 0px;
padding: 0px;
border: 0px solid red;
width: 230px;
float: left;
display: inline;
background-color: #ECF5F5;
background-color: #eee;
}

#sidecolumn table {
xbackground-color: #fff;
xfloat: right;
xdisplay: inline;
margin: 0px 0px 0px 0px;
xheight: 117px;
}

#sidecolumn table th,
#sidecolumn table td {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, lucida, Helvetica, sans-serif;
font-family: Verdana, lucida, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
padding: 5px 5px;
vertical-align: top;
}

#sidecolumn table th {
background-color: #BA1132;
color: #fff;
font-weight: bold;
xheight: 25px;
}

#sidecolumn table td {
xheight: 92px;
}

#sidecolumn a, 
#sidecolumn a:visited {
color: #000;
}


/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* content
/* - - - - - - - - - - - - - - - - - - - - - */

#content {
clear: both;
margin: 15px 15px 15px 15px;
padding: 0px;
border: 0px solid red;
width: 685px;
float: left;
display: inline;
}

#content a {
color: #007792;
color: #BA1132;
}

#content a:visited {
color: #333;
color: #5F0C00;
color: #666;
color: #8B1200;
}

#content a:hover {
text-decoration: underline;
color: #BA1132;
}

#content h2 {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
}


#content h3.kommunnamn {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #666;
}

#content td {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
}

#content #form-kommunval {
xbackground: #ff0;
margin-bottom: 16px;
}


/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* footer nav
/* - - - - - - - - - - - - - - - - - - - - - */

#footer {
margin: 0px;
padding: 0px;
border: 0px solid red;
height: 104px;
clear: both;
}

#footer img {
float: left;
margin-left: 10px;
position: relative;
top: -20px;
}

#footer p {
text-align: center;
border: 0px solid red;
color: #999;
xwidth: 780px;
padding-top: 4px;
clear: both;
}

ul.footer {
width: 947px;
float: left;
list-style: none;
xline-height: 16px;
background: #333333;
padding: 0 0 0px 13px;
border: solid #000;
border-width: 0px;
margin: 0 0 0px 0;
}


ul.footer li a {
display: block;
color: #fff;
text-decoration: none;
xtext-transform: uppercase;
padding: 0px 10px;
white-space: nowrap; /* forces the text to stay to one line */
border-left: 1px solid white;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 22px;
}

ul.footer a:visited {
color: #fff;
}

ul.footer a:hover {
background: #BA1132;
color: #fff;
text-decoration: none;
xborder: 1px solid green;
}

ul.footer a.last {
border-right: 1px solid white;
}

ul.footer li {
float: left;
padding: 0;
margin: 0px;
white-space: nowrap; /* forces the text to stay to one line */
}

ul.footer li a {
white-space: nowrap; /* forces the text to stay to one line */
}


/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* foretag_tabs
/* - - - - - - - - - - - - - - - - - - - - - */

#foretag-nav {
border: 0px solid #000;
background: #fff;
float: left;
display: inline;
margin: 12px 0 0px 0;
padding: 0px;
width: 100%;
border-width: 0px 0px 0px 0px;
height: 25px;
}

ul#foretag_tabs {
border: 0px solid red;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #000;
width: 100%;
float: left;
line-height: 18px;
font-weight: bold;
display: inline;
height: 23px;
position: relative;
bottom: -1px;
}

ul#foretag_tabs li {
display: inline;
}

ul#foretag_tabs li .inside {
height: 17px;
padding: 3px 8px 3px 8px;
margin: 0px 0px 0px 4px;
color: #000;
text-decoration: none;
float: left;
background: #ccc;
border: solid #666;
border-width: 1px 1px 0px 1px;
cursor: pointer;
}

ul#foretag_tabs li .inside:hover {
background-color: #EEB240;
color: #000;
}

#foretag_tabs li.tab-hi .inside {
background-color: #fff;
height: 18px;
color: #000;
border: solid #000;
border-width: 1px 1px 0px 1px;
}


/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* foretagsinfo
/* - - - - - - - - - - - - - - - - - - - - - */

#foretagsinfo {
border: 0px solid red;
display: inline;
float: right;
float: left;
width: 550px;
width: 650px;
}

#foretagsinfo h3 {
border: 0px solid red;
clear: both;
margin-top: 4px;
padding-top: 1px;
border-bottom: 1px solid #ccc;
text-align: right;
text-align: left;
}

#foretagsinfo .label {
border: 0px solid red;
display: inline;
clear: left;
float: left;
line-height: 20px;
text-align: right;
width: 160px;
padding-right: 10px;
margin: 3px 0;
font-weight: bold;
}

#foretagsinfo .info{
border: 0px solid blue;
display: inline;
width: 300px;
float: left;
line-height: 20px;
margin: 3px 0;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* foretagsinfo2
/* - - - - - - - - - - - - - - - - - - - - - */

#foretagsinfo2 {
border-top: 1px solid #000;
display: inline;
float: right;
float: left;
width: 550px;
width: 680px;
}

#foretagsinfo2 h3 {
border: 0px solid red;
clear: both;
margin-top: 4px;
padding-top: 10px;
border-bottom: 1px solid #ccc;
text-align: right;
text-align: left;
}

#foretagsinfo2 .uppgifter {
border: 0px solid red;
float: left;
display:inline;
}

#foretagsinfo2 .label {
border: 0px solid red;
display: inline;
clear: left;
float: left;
line-height: 20px;
text-align: right;
width: 160px;
padding-right: 10px;
margin: 3px 0;
font-weight: bold;
}

#foretagsinfo2 .info{
border: 0px solid blue;
display: inline;
width: 300px;
float: left;
line-height: 20px;
margin: 3px 0;
}

#foretagsinfo2 .rapport div {
border: 1px solid #ccc;
display: inline;
float: right;
width: 170px;
text-align: left;
padding: 0 10px;
margin-bottom: 10px;
}

#foretagsinfo2 #tab_praoplats ul {
list-style: none;
margin: 0;
}

#foretagsinfo2 #tab_praoplats ul li {
xbackground: #ff0;
margin-bottom: 16px;
margin-left: 0px;
}

#foretagsinfo2 #tab_praoplats ul h4 {
xbackground: #ff0;
margin: 0 0 0;
font-size: 14px;
}

#foretagsinfo2 #tab_praoplats ul h5 {
background: #ededed;
margin: 0 0 0;
font-size: 11px;
}

#foretagsinfo2 #tab_praoplats ul p {
margin: 0 0 10px;
line-height: 140%;
}

#foretagsinfo2 #tab_praoplats ul ul {
background: #ededed;
list-style: disc;
margin: 0;
}

#foretagsinfo2 #tab_praoplats ul ul li {
list-style: disc;
margin: 0 0px 0 20px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* loggedincontent
/* - - - - - - - - - - - - - - - - - - - - - */

#loggedincontent {
border: 0px solid #5A4C81;
float: left;
display: inline;
margin: 0;
padding: 0;
width: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* loggedinheader
/* - - - - - - - - - - - - - - - - - - - - - */

#loggedinheader {
border: 1px solid #5A4C81;
margin: 10px 0 0 0;
padding: 0px;
border-width: 0px 0px 0px 0px;
width: 100%;
}

#loggedinheader h1 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 1.2em;
letter-spacing: 0px;
padding: 0px 0 2px;
margin: 14px 0px 0px 0px;
border: 0px solid red;
float: left;
display: inline;
}

#loggedinheader .change {
font-size: 10px;
line-height: 20px;
font-weight: bold;
display: inline;
float: right;
margin: 0px 20px 0px 0px;
}

#loggedinheader .change a,
#loggedinheader .change a:visited {
color: #5A4C81;
text-decoration: none;
font-weight: bold;
}

#loggedinheader .change a:hover {
color: #764AEE;
text-decoration: underline;
}

#loggedinheader #result-message {
height: 16px;
border: 0px solid red;
width: 292px;
color: #d00;
float: right;
display: inline;
text-align: right;
padding: 4px 14px 4px 4px;
font-weight: bold;
clear: right;
}



/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* navcontainer - mavigation container
/* - - - - - - - - - - - - - - - - - - - - - */

#navcontainer {
border: 0px solid #5A4C81;
background: #fff;
float: left;
display: inline;
margin: 20px 0 0 0;
padding: 0px;
width: 100%;
border-width: 0px 0px 0px 0px;
height: 25px;
}

#navcontainer ul {
border: 0px solid red;
margin: 0px;
padding: 0px 0px 0px 0px;
color: #133174;
width: 100%;
float: left;
line-height: 18px;
font-weight: bold;
display: inline;
height: 23px;
position: relative;
bottom: -1px;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
height: 17px;
padding: 3px 10px 3px 10px;
margin: 0px 0px 0px 4px;
color: #000;
text-decoration: none;
float: left;
background: #97B2B2;
border: solid #97B2B2;
border-width: 0px 0px 0px 0px;
}

#navcontainer ul li a:hover {
background-color: #4E6464;
color: #fff;
}

#navcontainer #current {
background-color: #ECF5F5;
background-color: #eee;
height: 18px;
color: #2B1E4D;
border: solid #97B2B2;
border-width: 0px 0px 0px 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* content styles
/* - - - - - - - - - - - - - - - - - - - - - */

#maincontent {
border: solid #325555;
border-top: solid #5A4C81;
border-width: 0px 0px 0px 0px;
float: left;
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* main-header styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main-header {
border: 0px solid #97B2B2;
border: 0px solid black;
padding: 2px 0px  0px;
margin: 0px 0px 12px 0px;
display:inline;
float: left;
border-bottom: 0px solid #97B2B2;
width: 99%;
clear: both;
}

#main-header h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 1.3em;
xcolor: #5A4C81;
margin: 5px;
padding: 0px;
display:inline;
float: left;
border: 0px solid black;
}

#main-header .inputsubmit {
float: right;
display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* loggedincontent styles
/* - - - - - - - - - - - - - - - - - - - - - */

#loggedincontent h2 {
text-shadow: 2px 2px 2px #AC87AC;
border: 0px solid #AC00AC;
}

#loggedincontent h3 {
border: 0px solid #AC00AC;
}

#loggedincontent h3#respond {
margin: 22px 0 2px 8px;
padding: 0px 0 0px 0;
border: 0px solid #AC00AC;
}

#loggedincontent h4 {
border: 0px solid #AC00AC;
}

#loggedincontent p {
border: 0px solid black;
}

#loggedincontent small {
color: #AC87AC;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, lucida, Helvetica, sans-serif;
font-size: 9px;
margin: 0px 0 4px 0;
padding: 0px;
}

#loggedincontent a.delete_link,
#loggedincontent a.delete_link:link,
#loggedincontent a.delete_link:visited {
color: #AC87AC;
font-size: 9px;
margin: 0px 0 0px 4px;
padding: 0px;
border: 0px;
}

#loggedincontent a.delete_link:hover {
border-bottom: 1px solid;
}

/* - - - - - - form elements - - - - - - - */

#loggedincontent label,
#loggedincontent select,
#loggedincontent textarea,
#loggedincontent input {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
margin: 5px 0;
}

#loggedincontent .inputsubmit {
xcolor: #fff;
xbackground: #B8B1CB;
xfont-weight: bold;
xmargin: 4px;
xpadding: 2px;
}

#loggedincontent .inputtext-w,
#loggedincontent .inputtext-n {
display: block;
width: 190px;
float: left;
margin: 5px 0;
}

#loggedincontent .inputtext-n {
width: 70px;
}

#loggedincontent .inputhidden {
}

#loggedincontent .select-l,
#loggedincontent .select-n {
display: block;
width: 170px;
float: left;
margin: 5px 0;
}

#loggedincontent .select-n {
width: 170px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* actionlink styles
/* - - - - - - - - - - - - - - - - - - - - - */

#loggedincontent a.actionlink,
#loggedincontent a.actionlink:link,
#loggedincontent a.actionlink:visited {
font-family: Verdana, lucida, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: normal;
border: 1px solid;
background: #97B2B2;
border-color: #fff #97B2B2 #97B2B2 #fff;
color: #fff;
margin: 3px 4px;
padding: 2px 4px;
display:inline;
float: right;
}

#loggedincontent a.actionlink:hover {
background: #D2DDDD;
border-color: #fff #325555 #325555 #fff;
color: #076C6C;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* main styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main {
border: 0px solid #97B2B2;
float: left;
display: inline;
background-color: #ECF5F5;
background-color: #eee;
padding: 1%;
margin: 0px 0px 0px;
width: 97.8%;
}


#main a, 
#main a:link {
color: #2B1E4D;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px dotted #764AEE;
}

#main a:visited {
color: #2B1E4D;
text-decoration: none;
padding-bottom: 0px;
border-bottom: 0px dotted #333333;
}

#main a:hover {
text-decoration: none;
color: #764AEE;
padding-bottom: 0px;
border-bottom: 1px solid #764AEE;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* smallbox styles
/* - - - - - - - - - - - - - - - - - - - - - */


.smallbox {
border: 2px solid #97B2B2;
width: 322px;
margin: 10px 8px 0px;
padding: 0px;
float: left;
display: inline;
}

.smallboxwide {
width: 320px;
margin-left: 18px;
}

.smallboxnarrow {
width: 260px;
}

.smallbox h3 {
background-color: #97B2B2;
font-family: Tahoma, "Trebuchet MS", Verdana, lucida, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 2px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;

}

.smallbox p {
margin: 0px;
padding: 2px 5px;
color: #000;
line-height: 19px;
display: block;
}

#loggedincontent .smallbox a.actionlink,
#loggedincontent .smallbox a.actionlink:link,
#loggedincontent .smallbox a.actionlink:visited {
font-size: 10px;
padding: 1px 3px;
}

#loggedincontent .smallbox a.actionlink:hover {
}

#loggedincontent .smallbox label,
#loggedincontent .smallbox select,
#loggedincontent .smallbox input {
font-size: 10px;
float: left;
display: inline;
margin: 4px 5px;
}

#loggedincontent .smallbox input.nofloat {
float: none;
margin: 0px 5px;
}

#loggedincontent .smallbox .inputsubmit {
display:inline;
float: right;
padding: 1px;
}

#loggedincontent .smallbox .select-w {
width: 220px;
}

#loggedincontent .smallbox .select-n {
width: 65px;
}

#loggedincontent .smallbox .inputtext-n {
width: 65px;
}

.smallbox .divider {
border-top: 1px solid #97B2B2;
clear: both;
line-height: 2px;
margin: 1px 0 0 0;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* main-extra styles
/* - - - - - - - - - - - - - - - - - - - - - */

#main-extra {
border: 0px solid #97B2B2;
float: left;
display: inline;
background-color: #ECF5F5;
background-color: #eee;
padding: 1%;
margin: 14px 0px 0px;
width: 97.8%;
}

#main-extra label,
#main-extra select,
#main-extra input {
width: 190px;
float: left;
}

#main-extra label {
border: 0px solid #97B2B2;
line-height: 20px;
text-align: right;
width: 130px;
padding-right: 10px;
}

#main-extra .inputsubmit {
display:inline;
float: right;
width: auto;
color: #fff;
background: #97B2B2;
font-weight: bold;
padding: 1px;
}

#main-extra .inputsubmit2 {
xdisplay:inline;
float: none;
width: auto;
color: #fff;
background: #B8B1CB;
font-weight: bold;
padding: 1px;
margin: 2px 6px;
}

#main-extra .nofloat {
float: none;
margin: 2px 6px;
}

#main-extra .divider {
border-top: 1px solid #97B2B2;
clear: both;
line-height: 2px;
margin: 1px 0 0 0;
}
/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* labeledfields styles
/* - - - - - - - - - - - - - - - - - - - - - */

.labeledfields {
border: 0px solid red;
width: 330px;
float: left;
display: inline;
}


.labeledfields.lf-wide {
padding-top: 10px;
border: 0px solid red;
width: 456px;
background-color: #ECF5F5;
background-color: #eee;
margin-bottom: 15px;
}

.labeledfields.lf-narrow {
border: 0px solid red;
width: 220px;
text-align: center;
xbackground-color: #ECF5F5;
margin-left:8px;
}

.labeledfields fieldset.radiobuttons {
border: 0px solid red;
margin: 5px 0;
padding: 0px;
display: inline;
float: left;
width: 190px;
font-size: 10px;
}

.labeledfields label,
.labeledfields select,
.labeledfields textarea,
.labeledfields input {
display: inline;
float: left;
}

.labeledfields.lf-wide input {
width: 340px;
margin: 10px 0;
}

.labeledfields.lf-narrow input {
margin: 10px 0;
float: none;
}

.labeledfields.lf-narrow #addimage2_button,
.labeledfields.lf-narrow #addimage3_button,
.labeledfields.lf-narrow #removeimage1_button,
.labeledfields.lf-narrow #removeimage2_button,
.labeledfields.lf-narrow #removeimage3_button {
display: none;
}

.labeledfields textarea {
margin: 10px 0;
width: 190px;
height: 12em;
}

.labeledfields.lf-wide textarea {
width: 340px;
height: 20em;
}

.labeledfields textarea.textfield-small {
height: 6em;
}

.labeledfields label {
line-height: 20px;
text-align: right;
width: 128px;
padding-right: 8px;
margin: 5px 0;
}

.labeledfields.lf-wide label {
line-height: 1.2;
width: 90px;
margin: 5px 0;
padding-top: 3px;
}


.labeledfields br {
clear: left;
}

.labeledfields p.passwordinfo {
border: 0px solid red;
font-style: italic;
display: block;
float: right;
margin-top: 2px;
color: #5A4C81;
}

#main form .inputsubmit {
}


#main form .inputhidden {
margin: 0;
}


.labeledfields #imageplace1,
.labeledfields #imageplace2,
.labeledfields #imageplace3 {
border: 0px solid red;
background: #fff;
padding: 10px;
margin-bottom: -5px;
}

.labeledfields #imageplace1 label,
.labeledfields #imageplace2 label,
.labeledfields #imageplace3 label {
border: 0px solid red;
float: none;
clear: both;
display: block;
text-align: center;
width: auto;
margin: 4px 0px 0px;
}

.labeledfields #imageplace1 input,
.labeledfields #imageplace2 input,
.labeledfields #imageplace3 input {
xborder: 1px solid red;
margin: 0px;
}

.labeledfields .thumbplace,
.labeledfields .filenameplace {
border: 1px solid white;
background: #ECF5F5;
background-color: #eee;
padding: 0px;
margin: 0px 0px 0px;
}

.labeledfields .thumbplace div,
.labeledfields .filenameplace div {
border: 0px solid red;
xbackground: #fff;
padding: 0px;
margin: 5px 0px -10px;
}

.labeledfields .thumbplace label,
.labeledfields .filenameplace label {
border: 0px solid red;
float: none;
clear: both;
display: block;
text-align: center;
width: auto;
margin: 4px 0px -5px;
padding: 0px;
}

.labeledfields .thumbplace input,
.labeledfields .filenameplace input {
xborder: 1px solid red;
xmargin: 0px;
padding: 0px;
}

.labeledfields .thumbplace input.button,
.labeledfields .filenameplace input.button {
display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* rapport and presentation styles
/* - - - - - - - - - - - - - - - - - - - - - */

.rapport {
border: 0px solid red;
text-align: center;
}

.rapport .inputsubmit {
float:none;
display: block;
margin: 0 auto;

}

.rapport .forklaring {
font-style: italic;
margin-top: 0px;
padding-right: 16px;
text-align: right;
}

#praorapport,
#presentation,
#artikel {
border: 0px solid red;
display: inline;
float: left;
width: 99.8%;
xwidth: 500px;
}

#praorapport-inner,
#presentation-inner,
#artikel-inner {
border: 0px solid red;
display: inline;
float: left;
width: 99.8%;
xwidth: 500px;
}

#praorapport p,
#presentation p,
#artikel p {
border: 0px solid red;
xwidth: 500px;
xwidth: 99.8%;
xclear: none;
xdisplay: inline;
xfloat: left;
xpadding-right: 100px;
}

#praorapport p.rapporttext,
#presentation p.rapporttext,
#artikel p.rapporttext,
#artikel p.ingress {
border: 0px solid red;
xwidth: 500px;
xwidth: 99.8%;
xclear: none;
xdisplay: inline;
xfloat: left;
padding-right: 180px;
}

#artikel p.ingress {
font-weight: bold;
}

#praorapport h2,
#presentation h2,
#artikel h2 {
font-size: 18px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}

#praorapport h3,
#presentation h3,
#artikel h3 {
margin-top: 12px;
font-size: 14px;
}


#praorapport .rapportbilder,
#presentation .rapportbilder,
#artikel .rapportbilder {
float: right;
display: inline;
margin: 0px 0px 0px 15px;
padding: 0px;
xwidth: 400px;
border: 0px solid red;
width:300px;
}

#praorapport img.rapportbild,
#presentation img.rapportbild,
#artikel img.rapportbild {
float: left;
float: right;
display: inline;
margin: 2px 0 4px 0px;
padding: 0px;
border: 0px solid red;
clear: both;
}

#praorapport .rapportbilder .bildtext,
#presentation .rapportbilder .bildtext,
#artikel .rapportbilder .bildtext {
border: 0px solid red;
margin: 0px 0px 10px;
clear: both;
padding: 0px;
font-family: Verdana, lucida, Helvetica, sans-serif;
font-style: italic;
font-size: 11px;
text-align: right;
xwidth: 50%;
}

#praorapport .signatur,
#presentation .signatur,
#artikel .signatur {
font-style: italic;
border-top: 1px solid #ccc;
padding-top: 5px;
margin-top: 10px;
clear: both;
width: 99.8%;
}

#praorapportform-avtal,
#presentationform-avtal,
#artikelform-avtal {
display: none;
text-align: center;
}

#praorapportform-avtal p,
#presentationform-avtal p,
#artikelform-avtal p {
width: 90%;
margin: 0 auto;
text-align: left;
border: 1px solid red;
padding: 16px;
}

#praorapportform-avtal .inputsubmit,
#presentationform-avtal .inputsubmit,
#artikelform-avtal .inputsubmit {
display: inline;
margin: 10px;
}

#praorapportform-avtal .extrainfo,
#presentationform-avtal .extrainfo,
#artikelform-avtal .extrainfo {
font-size: 10px;
font-style: italic;
color: #666;
border: 0px solid red;
width: 80%;
text-align: center;
}

#praorapportform-avtal #helptext-public,
#presentationform-avtal #helptext-public,
#artikelform-avtal #helptext-public {
float: none;
display: block;
width: 50%;
margin: 0 auto;
text-align: left;
border: 0px solid red;
padding: 16px;
}

.bifogadefiler {
xborder: 1px solid red;
margin-bottom: 8px;
xdisplay: inline;
xfloat: right;
clear: both;
}

.filelistitem {
xborder: 1px solid red;
xborder-bottom: 1px solid #aaa;
xdisplay: inline;
xfloat: left;
xwidth: 300px;
xbackground: #ECF5F5;
margin-bottom: 4px;
clear: both;
}

.filelistitem a {
font-weight: bold;
}

.fileinfo {
color:#666;
xdisplay: inline;
xfloat: right;
xwidth: 150px;
xtext-align: right;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* nice-formfields styles
/* - - - - - - - - - - - - - - - - - - - - - */

.nice-formfields label,
.nice-formfields select,
.nice-formfields textarea,
.nice-formfields input {
display: inline;
float: left;
}

.nice-formfields label {
line-height: 20px;
text-align: right;
width: 130px;
padding-right: 10px;
margin: 5px 0;
}

.nice-formfields br {
clear: left;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* formbuttons styles
/* - - - - - - - - - - - - - - - - - - - - - */

.formbuttons {
border: 0px solid red;
clear:both;
width: auto;
padding: 2px 0px 0px 0px;
margin: 22px 0px 2px;
text-align: center;
}

#loggedincontent .formbuttons .inputsubmit {
color: #fff;
background: #BA1132;
font-weight: bold;
margin: 4px;
padding: 2px;
clear: both;
display: block;
margin: 6px auto;
float: none;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* loginform styles
/* - - - - - - - - - - - - - - - - - - - - - */

#loginform {
border: 0px solid red;
width: 350px;
margin: 30px auto;
text-align: left;
background-color: #ECF5F5;
background-color: #eee;
padding: 15px;
}

#loginform h3 {
text-align: center;
}

#loginform .nice-formfields {
text-align: left;
}

#loginform .inputsubmit {
float: none;
xdisplay: inline;
margin-left: 140px;
}

#loginform p.lostpw {
margin-left: 140px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* helptext styles
/* - - - - - - - - - - - - - - - - - - - - - */

#helptext-public {
border: solid #ccc;
border-width: 1px 0px 1px 0px;
width: 500px;
padding: 6px;
display: block;
margin: 24px 0 8px;
}

#helptext-public p {
margin: 4px 0px 4px;
}

#helptext-extern {
padding: 2px 0px  3px 5px;
margin: 0px 0px 12px 5px;
border-bottom: 0px solid #97B2B2;
width: 97%;
clear: both;
}

#helptext-extern p {
margin: 4px 0px 4px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* searchcontent styles
/* - - - - - - - - - - - - - - - - - - - - - */

#searchcontent {
border: 0px solid red;
}

#searchcontent form {
border: 0px solid red;
display:inline;
}

#searchcontent form {
clear: none;

}

#searchcontent .inputsubmit {
clear: none;
margin-right: 10px;
}

#searchcontent .date {
color: #999;
}

#searchcontent ul.praolista {
margin: 1px 1px 14px;
border: 0px solid red;
}

#searchcontent a {
font-weight: bold;
}

#searchcontent span.kommunnamn {
font-weight: normal;
}

#searchcontent li {
xmargin: 0px 0px 0px 0px;
margin-bottom: 6px;
}

#searchcontent li.alt-row {
xbackground-color: #ECF5F5;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* print mode
/* - - - - - - - - - - - - - - - - - - - - - */

body.printmode {
background: #fff;
}

body.printmode #page {
border: 0px solid black;
}

div#printmodebox {
text-align: right;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* backlink
/* - - - - - - - - - - - - - - - - - - - - - */

div#backlink {
text-align: left;
float: left;
display: inline;
}

div#backlink a:visited{
color: #BA1132;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* red arrows style
/* - - - - - - - - - - - - - - - - - - - - - */

p.redarrow-small a,
p.redarrow-big a {
background: url(/images/nylayout/rod-punkt.gif) no-repeat 0px 1px;
font-family: verdana;
font-size: 10px;
color: black;
padding-left: 13px;
text-decoration: none;
}

p.redarrow-big a {
background: url(/images/nylayout/rod-punkt.gif) no-repeat 0px 2px;
padding-left: 16px;
font-size: 11px;
}

p.redarrow-small a:hover,
p.redarrow-big a:hover {
text-decoration: underline;
}

#sidecolumn p.redarrow-big {
xbackground: #ff0;
xwidth: 100px;
text-indent: -20px;
padding-left: 26px;
padding-right: 4px;
}

#sidecolumn p.redarrow-big a {
padding-left: 20px;
}

#sidecolumn p.indrag {
xwidth: 100px;
xtext-indent: -20px;
padding-left: 26px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* kommunsida styles
/* - - - - - - - - - - - - - - - - - - - - - */

#kommunmeny {
xbackground: #ff0;
width: 180px;
float: left;
display: inline;
}

#kommunmeny ul {
list-style: none;

}

#kommunmeny ul li {
list-style: none;
margin-left: 0px;
}

#kommunundersida {
xbackground: #ff0;
width: 500px;
float: right;
display: inline;

}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* startsida styles
/* - - - - - - - - - - - - - - - - - - - - - */

#startsida {
padding: 5px;
}

#startsida .huvudartikel {
float: left;
display: inline;
}

#startsida .huvudartikel img.huvudbild {
float: left;
display: inline;
}

#startsida .huvudartikel div.rubriktext {
float: left;
display: inline;
width: 200px;
margin-left: 20px;
xbackground: #fa0;


/* display: table-cell;
padding-left: 20px;
height: 320px;
float: none;
vertical-align: middle; */
}

#startsida .huvudartikel p.text {
}

#startsida .litenartikel {
width: 210px;
xbackground: #ff0;
float: left;
display: inline;
margin-left: 20px;
}

#startsida #plats2.litenartikel,
#startsida #plats5.litenartikel {
margin-left: 0px;
}

#startsida .rad {
xbackground: #1f9;
xclear: both;
float: left;
display: inline;
margin-top: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* startsida-kommun styles
/* - - - - - - - - - - - - - - - - - - - - - */

#startsida-kommun {
padding: 5px;
}

#startsida-kommun h2 {
font-size: 12px;
margin: 0 0 6px;
}

#startsida-kommun .huvudartikel {
xfloat: left;
xdisplay: inline;
}

#startsida-kommun img.huvudbild {
float: left;
display: inline;
}

#startsida-kommun div.rubriktext {
float: right;
display: inline;
width: 260px;
margin-left: 15px;
xbackground: #fa0;
}

#startsida-kommun p.text {
margin: 0 0 6px;
}

#startsida-kommun p.redarrow-big {
margin: 0px;
}

#startsida-kommun .huvudartikel,
#startsida-kommun .litenartikel {
width: 490px;
xbackground: #ff0;
float: left;
display: inline;
margin-left: 0px;
margin-bottom: 15px;
clear: both;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* misc style
/* - - - - - - - - - - - - - - - - - - - - - */

.result-message {
border: 1px solid red;
color: #d00;
text-align: center;
padding: 4px 4px 4px 4px;
font-weight: bold;
margin: 10px 0;
}




/* - - - - - - - - - - - - - - - - - - - - - */
/*
/*
/*
/* clearing style
/* - - - - - - - - - - - - - - - - - - - - - */

.cleared {
clear: both;
line-height: 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - */