/* Fasta bestämmelser */
body, h1, h2, h3, h4 { margin: 0px; padding: 0px; font-size: 1em; }
a		{ text-decoration: none; color: #3566dd; }
a:hover	{ text-decoration: underline; }
ul, ol	{ margin: 0; padding-left: 30px; }
ol ul	{ padding-left: 5px; }
ol li	{ margin: 15px 0 0 0; }
ul li	{ margin: 5px 0 0 0; }
em		{ font-size: 0.8em; line-height: 1em; }
label	{ color: green; }	/*; width: 160px*/
img		{ border: 0px; }
.clear	{ clear: both; background: none; border: 0; line-height: 0; font-size: 0; }
address { font-style: normal; color: gray; font-size: 80%; }
form	{ display: inline }
textarea{ font-family: sans-serif, verdana, arial; }
/*hr		{ border: 3px #bdc6be double; height: 3px; border-left: 0px; border-right: 0px; margin: 6px 0 }*/

/* Body */
body		{ font-family: sans-serif, verdana, arial; color: #4c4c4c; }
#slkbody	{ background: url(/images/bakgrund.gif); }

/* Sidans ramverk */
#topbar		{ width: 950px; margin: 20px auto; padding: 23px 0 0 0; background: url(/images/body_top.png) top left no-repeat }
#body		{ width: 890px; background: url(/images/body_bg.png) repeat-y; padding: 0 30px; }
#header		{ font-size: 80%; float: right; position: relative; }
#content	{ position: relative; min-height: 350px; line-height: 140%; padding-bottom: 20px; margin-top: 60px; }
#bottombar	{ width: 950px; height: 23px; background: url(/images/body_bottom.png) no-repeat; }


/* Loggan ligger till vänster, därefter slk-texten */
#headlogo { float: left; margin-right: 12px; }
#headslk { display: block; font-size: 130%; margin-bottom: 5px; }


/* Rubriker */
h1 { margin-top: 3px; font-size: 130%; margin-bottom: 5px; color: #006600}
h2 { font-weight: bold; color: green; }
h3 { margin-top: 5px; text-decoration: underline; font-weight: normal }
h4 { font-weight: bold }


/* UL-listor */
.ul-ligg, .ul-nodot { padding-left: 0; list-style-type: none; }
.ul-ligg li			{ float: left; }
#header .ul-ligg li	{ border-right: 1px gray solid; }
.ul-ligg li a		{ display: block; padding: 0 8px; }
#header .ul-ligg .last	{ border-right: 0px; }
.firstli			{ font-weight: bold; list-style-type: none; }
#ul-headright		{ list-style-type: none; text-align: right; padding: 3px 10px; width: 80px; float: right; font-size: 80%; line-height: 130%; background: #e4efe5; border: 1px #bdc6be dotted; }

#header2	{ margin-left: 8px; margin-top: -43px; position: absolute; }
#header2 .ul-ligg li { width: 176px; text-align: center; margin-right: 11px; font-weight: bold; }
#header2 .ul-ligg li a { color: #7a2a2a; position: relative; z-index: 30; margin-top: -143px; }
#header2 .ul-ligg .last { margin-left: 138px; margin-right: 1px; }
#header2 .ul-ligg li:hover img { visibility: visible }
#header2 .ul-ligg li img { left: -4px; margin-top: -13px; position: relative; visibility: hidden; z-index: 20; }


/* Blå skiljerad med renar */
#textbar	 { position: relative; background: #6699FF; margin: 20px 0 0 0; padding: 1px 5px; text-indent: 10px; color: white; }
#textbar img { position: absolute; top: -1.32em; left: 532px; }
#textbar a	 { color: white; }

#userbar	{ position: relative; background: #90B5FF; margin: 2px 0 0 0; padding: 1px 5px; text-indent: 10px; text-align: right; font-size: 80% }


/* Vänstermeny (stapel) */
#left		{ float: left; width: 160px; padding: 4px 10px; background: #E6FFE6; min-height: 500px; border: 1px #006600 dotted; }
#left li	{ border-bottom: 1px solid #c2d6ff; padding: 2px 0; margin: 0px; text-indent: 5px; }
#left li a	{ display: block; font-size: 0.9em; }
#leftinfo	{ margin-top: 30px; padding-left: 5px; font-size: 0.8em; color: #757575; line-height: 140%; }


/* Sidinformationen, flyter till höger */
#main		{ width: 95%; position: relative; padding: 0 40px 0 20px; float: left }	/* ; border-right: 1px #006600 dotted */
#main ul	{ margin: 2px 0 0 30px }
#lastedit	{ display: block; text-align: right; float: right; margin-top: 50px; font-size: 0.76em; color: #757575; line-height: 130%; padding-top: 4px; border-top: 1px #959595 dotted; } /* border-right: 6px #FF9933 solid; background: url(/images/orangebakgrund.gif) right; */


/* 2 spalter */
#vspalt		{ padding: 0 20px 20px 20px; width: 500px; float: left; }
#vspalt span a, #hspalt span a { display: block; text-align: right; }	/* , #main span a */
#hspalt		{ width: 300px; float: right; margin-top: 30px; border-left: 3px #006600 dotted; padding-left: 30px; }
#hspalt img, #main img { margin: 34px 0 0 21px; border: 2px outset #dadada; padding: 10px; float: right }
#hspalt ul	{ margin: 0px; }

#bildspalt div, #bildspalt>img { margin: 34px 0 0 51px; border: 2px outset #dadada; padding: 10px; float: left; }
#bildspalt div img { display: block; margin-bottom: 6px; }


/* Bilder på mainsidan */
#largeImage { margin-bottom: 20px; border-top: 1px #6699FF solid; border-bottom: 1px #6699FF solid; }
.rightimage { margin-left: 20px; float: right; }


/* Botteninfo med länkar */
#bottominfo { text-align: center; font-size: 0.76em; color: #757575; line-height: 140%; margin-top: 40px; }

fieldset			{ padding: 12px }
fieldset legend		{ color: gray; }
#criterias			{ font-size: 12px; }
#criterias label	{ width: 60px; }
#criterias select, #criterias input	{ font-size: 10px; }
#criterias div		{ float: left; margin-right: 8px; }


/* Rutor för meddelanden */
#saveOK_	{ background: #CCFFCC; border: 1px #00CC33 solid; padding: 0px 5px; margin-bottom: 8px; text-align: center; font-size: 11px; font-weight: bold }
#saveOK		{ color: green; }
#errMsg		{ color: red; }

.asimulate { border-bottom: 1px purple dotted; cursor: pointer; }


/* För kalender */
.cday		{ float: left; border: 1px #6699FF solid; font-family: sans-serif; text-align: center; background: white; }
#smallcal .cday { width: 24px; margin: 1px; padding: 4px 0; font-size: 12px; }
#smallcal .cmonth { width: 29px; margin: 1px; padding: 0px 0; font-size: 10px; line-height: 130%; background: #6699FF; color: white }
.holiday	{ border: 1px #FF5555 solid; color: red; }
.othermonth { border: 1px #d0d0d0 solid; color: gray; }
#id511, #id52, #id524 { background: #E0EDFC }
/*#longcal .cday { border-bottom: 1px #6699FF solid; font-family: sans-serif; }
#longcal .cday { width: 224px; margin: 1px; padding: 1px 0; font-size: 11px; }*/
#smallcal { width: 196px; float: left; margin-right: 23px; padding: 4px 10px; background: #e4efe5; min-height: 500px; border: 1px #bdc6be dotted; }
.dcal { font-size: 10px; margin-top: 12px; font-weight: bold; color: green; line-height: 1.1em; }

/*th { text-align: left; font-size: 11px; border-bottom: 1px #d0d0d0 solid; padding: 2px 4px; }
td { border-bottom: 1px #d0d0d0 dotted; padding: 4px; }*/

.divMenu
{
position: absolute;
background: #fdffcc;
padding: 0 14px;
width: 205px;
border: 4px green double;
left: 370px;
top: -55px;
line-height: 130%;
}

.divMenu input[type="text"], .divMenu select
{
	width: 200px;
	border: 1px green solid;
}

.divMenu label
{
	float: none;
}

img[src|="/images/btn"] { cursor: pointer; }


h2 img
{
	position: relative;
	padding-right: 8px;
	float: right;
}

input[type="text"], input[type="password"] { border: 0px; border-bottom: 1px #c0c0c0 solid; }
input[type="text"]:hover, textarea:hover, input[type="password"]:hover { background: #FFFF99; }
input[type="submit"] { font-size: 11px }

.small { font-size: 80%; }

#form2 input[type="text"], #form2 input[type="password"] { width: 120px; }

.ftest { width: 60px; height: 50px; border: 1px gray solid; float: left; margin-right: 7px; margin-bottom: 9px; }