@charset "utf-8";
/* Global */
html {
	font-size: 125%;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #3a3a3a;
	background-color: #11B0A6;
	line-height: 140%;
}
* {
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
	display: block;
}
input, select {
	font-size: 11px;
	color: #000000;
}
h1 {
	color: #5E5F62;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 125%;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 125%;
	color: #5E5F62;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 125%;
	color: #5E5F62;
}
p {
	font-weight: normal;
	line-height: 140%;
	color: #515151;
	margin-top: 0px;
	margin-bottom: 12px;
}

/* Site containers */
#site {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
	display: block;
	overflow: visible;
	position: relative;
	visibility: visible;
	text-align: center;
	background-color: #FFFFFF;
}
#site #sidhuvud {
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	height: 170px;
	width: 800px;
	overflow: visible;
	position: relative;
	visibility: visible;
}
#site #sidhuvud #sprak {
	text-align: center;
	display: block;
	height: 16px;
	width: 99px;
	overflow: visible;
	position: absolute;
	visibility: visible;
	top: 0px;
	right: 32px;
	background-image: url(bg_sprakruta.gif);
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 2px;
	font-size: 9px;
}
#sprak ul li {
	float: left;
	margin-left: 10px;
}
#site #sidhuvud #sprak a {
	color: #EAEAEA;
	text-decoration: none;
	font-size: 9px;
}
#site #sidhuvud #sprak .on {
	color: #FFF;
}
#site #meny {
	background-image: url(Meny/bg.gif);
	display: block;
	height: 39px;
	width: 770px;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	position: relative;
	visibility: visible;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}
#site #meny ul {
	height: 39px;
	width: 750px; /* 680px; */
	margin: 0px;
	padding: 0px;
}
#site #meny ul li {
	background-image: url(Meny/streck.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	display: block;
	height: 39px;
	overflow: visible;
	position: relative;
	visibility: visible;
	width: auto;
}
#site #meny ul li a {
	font-size: 10px;
	text-transform: uppercase;
	color: #595959;
	padding: 12px;
	height: 15px;
	width: auto;
	position: relative;
	visibility: visible;
	display: block;
}
#site #meny ul li a:hover {
	background-image: url(Meny/bg2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #ececec;
	text-decoration: none;
}
#site #meny ul li a.on {
	background-image: url(Meny/bg2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #ececec;
}
#site #meny #login {
	background-image: url(Meny/pil.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 13px;
	text-align: right;
	display: none; /*block;*/
	height: 15px;
	width: 60px;
	position: absolute;
	top: 12px;
	right: 32px;
	text-decoration: none;
}


#site #content {
	text-align: left;

	width: 800px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	

}
#sidfot {
	text-align: left;
	clear: both;
	width: 100%;
	height: auto;
	overflow: visible;
	position: relative;
	visibility: visible;
	color: #E1E1E1;
	background-image: url(bg_bot.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 120px;
}

#site #content #ettan #Kalendarium {
	clear: left;
	display: block;
	width: 235px;
	padding-left: 50px;
	float: left;
	margin-right: 10px;
	position: relative;
	visibility: visible;
	background-image: url(bg_kalendarium.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#site #content #ettan #Kalendarium h2, #site #content #ettan #Aktuellt h2 {
	text-transform: uppercase;
}
#site #content #ettan #Aktuellt h2 {
	margin-bottom: 5px;
}
#site #content #ettan #Kalendarium a {
	display: block;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#site #content #ettan .Studiebesok {
	background-image: url(botten_boka_studiebesok.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 212px;
	padding-bottom: 35px;
	display: block;
	/* height: 168px; */
	float: left;
	overflow: hidden;
	position: relative;
	visibility: visible;
	margin-right: -2px;
}
.Studiebesok .stycke .bildV {
	padding-right: 0px;
	padding-bottom: 10px;
	
}
.Studiebesok .stycke p {
	padding-left: 10px;
	padding-right: 12px;
	clear: both;
}
.Studiebesok .stycke a.LankPil {
	margin-left: 10px;
	margin-right: 12px;
}
#site #content #ettan #Aktuellt p {
	margin-top: 4px;
}


#site #content #ettan #Aktuellt {
	display: block;
	width: 235px;
	padding-left: 50px;
	float: left;
	position: relative;
	visibility: visible;
	margin-right: 10px;
	background-image: url(bg_aktuellt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#Bild {
	display: block;
	height: 235px;
	width: 580px;
	float: left;
	overflow: hidden;
	position: relative;
	visibility: visible;
	margin-right: 10px;
	margin-bottom: 2px;
	background-image: url(bg_flash.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 2px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.GraBox {
	display: block;
	/* height: 168px; */
	width: 210px;
	float: left;
	overflow: hidden;
	position: relative;
	visibility: visible;
	margin-bottom: 11px;
	margin-top: 11px;
}
.GraBox .body .wrap {
}
#Form .GraBox .body .wrap {
	height: auto;
}
.GraBox .body .wrap .content {
	padding-left: 1px;
	padding-top: 2px;
}
.GraBox .body .wrap .content .Ftgpres {
	padding-right: 7px;
	height: 230px;
	padding-left: 9px;
	padding-bottom: 0px;
}
.GraBox .body .wrap .content .Ftgpres p, 
.LjusGraBox p, 
.LjusGraBoxSkugga p {
	margin-bottom: 3px;
	padding-bottom: 3px;
	background-image: url(ruta/linje.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.LjusGraBox h2, 
.LjusGraBoxSkugga h2 {
	text-transform: uppercase;
}
.GraBox .body .wrap .content .Ftgpres p {
	background-image: none;
}
.GraBox .body .wrap .content .Ftgpres img {
	margin-bottom: 3px;
}
.GraBox .body .wrap .content .stycke p {
	padding-right: 7px;
	padding-left: 9px;
}
.GraBox .body .wrap .content .DefaultButton {
	position: absolute;
	right: 9px;
	bottom: 8px;
}
.GraBox .top {
	margin-right:9px; /* space for right corner */
	background-color: transparent;
	background-image: url(ruta/bg_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.GraBox .top .header {
	margin-right:-9px; /* pull right corner back over "empty" space (from above margin) */
	height:8px;
	font-size: 1px;
	background-color: transparent;
	background-image: url(ruta/bg_top_h.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.GraBox .body {
	margin-right:3px;
	background-color: #FFFFFF;
	background-image: url(ruta/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.GraBox .body .wrap {
	margin-right:-3px;
	background-color: transparent;
	background-image: url(ruta/bg_h.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
}

.GraBox .body .wrap .content {
}
.GraBox .bottom {
	margin-right:9px;
	background-color: transparent;
	background-image: url(ruta/bg_bot.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.GraBox .bottom .footer {
	margin-right:-9px;
	font-size:1px; 
	height:8px;
	background-color: transparent;
	background-image: url(ruta/bg_bot_h.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.GraBox .body .wrap .content .sida p em {
	font-size: 1.15em;
	line-height: 140%;
}
.LjusGraBox,
.LjusGraBoxSkugga {
	background-image: url(ruta/BgLjusgraTopp.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 210px;
	padding-top: 8px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#ettan .LjusGraBox,
#ettan .LjusGraBoxSkugga {
	float: right;
	clear: right;
}
.LjusGraBox .body,
.LjusGraBoxSkugga .body {
	padding:7px;
	background-image: url(ruta/BgLjusgraBotten.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.LjusGraBoxSkugga .body {
	padding-bottom:30px;
	background-image: url(ruta/BgLjusgraBottenSkugga.png);
}
/*"Gamla" breda boxen */
.GraBoxWide {
	display: block;
	/* height: 168px; */
	width: 259px;
	float: left;
	overflow: hidden;
	position: relative;
	visibility: visible;
	margin-bottom: 11px;
}
.GraBoxWide .body .wrap {
	height: 152px;
}
#Form .GraBoxWide .body .wrap {
	height: auto;
}
.GraBoxWide .body .wrap .content {
	padding-left: 1px;
	padding-top: 2px;
}
.GraBoxWide .body .wrap .content .sida, .GraBoxWide .body .wrap .content .Ftgpres {
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 9px;
}
.GraBoxWide .body .wrap .content .stycke p {
	padding-right: 7px;
	padding-left: 9px;
}
.GraBoxWide .body .wrap .content .DefaultButton {
	position: absolute;
	right: 9px;
	bottom: 8px;
}
.GraBoxWide .top {
	margin-right:9px; /* space for right corner */
	background-color: transparent;
	background-image: url(ruta/bg_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.GraBoxWide .top .header {
	margin-right:-9px; /* pull right corner back over "empty" space (from above margin) */
	height:8px;
	font-size: 1px;
	background-color: transparent;
	background-image: url(ruta/bg_top_h.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.GraBoxWide .body {
	margin-right:3px;
	background-color: #FFFFFF;
	background-image: url(ruta/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.GraBoxWide .body .wrap {
	margin-right:-3px;
	background-color: transparent;
	background-image: url(ruta/bg_h.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
}

.GraBoxWide .body .wrap .content {
}
.GraBoxWide .bottom {
	margin-right:9px;
	background-color: transparent;
	background-image: url(ruta/bg_bot.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.GraBoxWide .bottom .footer {
	margin-right:-9px;
	font-size:1px; 
	height:8px;
	background-color: transparent;
	background-image: url(ruta/bg_bot_h.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.GraBoxWide .body .wrap .content .sida p em {
	font-size: 1.15em;
	line-height: 140%;
}


/* VanligSida */
#VanligSida {
	margin-top: 5px; 
}
#VanligSida #ContentSpalt {
	margin-right: 225px;
	margin-top: 11px;
}
#VanligSida #ContentSpalt .Sida p {
	font-size: 13px;
}
#VanligSida #HogerSpalt {
	float: right;
	width: 210px;
}
/* TVÅSPALT */
#site #content #TvaSpalt {
	margin-top: 15px; 
}
#site #content #TvaSpalt #ContentSpalt {
	margin-left: 225px;
}
#site #content #TvaSpalt #ContentSpalt .Sida p {
	font-size: 13px;
}
/* MILJÖTEKNIK */

#MiljoTeknik {
	margin-top: 15px; 
}
#MiljoTeknikTvaSpalt {
	margin-top: 15px;
}
#MiljoTeknikTvaSpalt h2.RubrikTabell {
	background-image: url(bg_rubrik_Tabell.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 376px;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 12px;
	padding-left: 7px;	
	position: relative;
}
#MiljoTeknikTvaSpalt h2.RubrikTabell span {
	position: absolute;
	right: 10px;
	top: 7px;
	font-size: 11px;
	font-weight: normal;
}
#MiljoTeknikTvaSpaltV {
	width: 390px; 
	float: left;
	position: relative;
	overflow: visible;
}
#MiljoTeknikTvaSpaltH {
	width: 390px; 
	margin-left: 410px;
}
#OmradeBox {
	background-image: url(bg_dropdown.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 370px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;	
}
#OmradeBox select {
	width: 365px;
	height: 20px;
	color: #666;
	font-size: 12px;
}
.accordionHeader, .accordionHeaderSelected {
	background-image: url(bg_accordion_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 49px;
	padding-top: 1px;
	margin-top: 1px;
	position: relative;
	width: 390px;
}
.accordionHeaderSelected {
	background-image: url(bg_accordion_head_open.gif);
}
.accordionHeader h3 a, .accordionHeaderSelected h3 a {
	padding-left: 78px;
	color: #4c4c4c;
	font-size: 12px;
	text-decoration: none;
	padding-right: 30px;
	width: 282px;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 33px;
	overflow: hidden;
	display: block;
	font-weight: normal;
}
.accordionHeader h3 img, .accordionHeaderSelected h3 img {
	position: absolute;
	left: 0px;
	top: 0px;
}
.accordionContent {
	background-image: url(bg_accordion_content.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 78px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 30px;
	width: 282px;
	position: relative;
}
.accordionContent a.LankPil {
	position: absolute;
	right: 7px;
	bottom: 10px;
}
#MiljoTeknikObjektFakta table, #MiljoTeknikLeverantorer table {
	width: 390px;
	margin-bottom: 10px;
}
#MiljoTeknikObjektFakta td, #MiljoTeknikLeverantorer td {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}
/* FTG LISTA */
#site #content #TvaSpalt #ContentSpalt .FtgLista {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	text-align: left;
	display: block;
}
#site #content #TvaSpalt #ContentSpalt .FtgLista .bild {
	float: left;
}
#site #content #TvaSpalt #ContentSpalt .FtgLista .FtgText {
	margin-left: 130px;
}
#site #content #TvaSpalt #ContentSpalt .FtgLista .FtgText p {
	margin-bottom: 5px;
}
/* TRESPALT */
#site #content #TreSpalt {
	margin-top: 15px; 
}
#site #content #TreSpalt #ContentSpalt {
	margin-left: 225px;
	margin-right: 225px;
}
#site #content #TreSpalt #ContentSpalt .Sida p {
	font-size: 13px;
}
#TreSpalt #FaktaSpalt {
	float: right;
	width: 200px;
}
#TreSpalt #FaktaSpalt .Sida h1, #TreSpalt #FaktaSpalt .Stycke h2 {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcecf;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
#TreSpalt #FaktaSpalt p {
	font-size: 10px;
}
#TreSpalt #ContentSpalt .Stycke {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCECF;
}
/* PROGRAM */
#site #content #Program {
	margin-top: 15px; 
}
#site #content #Program #ContentSpalt {
	margin-left: 225px;
	margin-right: 225px;
}
#site #content #Program #ContentSpalt .Sida p {
	font-size: 13px;
}
#Program #Vspalt {
	width: 200px;
	float: left;
}
#Program #Lev {
	float: right;
	width: 200px;
}
#Program #Lev .Sida h1, #Program #Lev .Stycke h2 , #Program #Vspalt .Sida h1, #Program #Vspalt .Stycke h2 {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cdcecf;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
#Program #Lev p, #Program #Vspalt p {
	font-size: 10px;
	font-style: italic;
}
#Program #Lev h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-bottom: 3px;
}
#Program #Lev ul li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	display: block;
	background-image: url(pil_cirkel.png);
	background-repeat: no-repeat;
	background-position: 185px 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	text-decoration: none;
}
#Program #ContentSpalt h3 {
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808285;
}
#Program #ContentSpalt .Stycke {
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #808285;
}
#Program #ContentSpalt .Stycke p {
	margin-bottom: 5px;
}
#Program #ContentSpalt .Stycke h2 {
	font-size: 12px;
}
#Program #Lev .DefaultButton {
	float: right;
} 
/* FORMULÄRSIDA */
#Form {
	margin-top: 15px; 
}
#Form #ContentSpalt {
	margin-right: 225px;
}
#Form #ContentSpalt .Sida p {
	font-size: 13px;
}
#Form #Lev {
	float: right;
	width: 260px;
}
#Form #Lev .DefaultButton {
	float: right;
}
/* UNDERMENYBOX */
#UnderMeny {
	float: left;
	width: 200px;
}
.UnderMenyBox {
	width: 200px;
}
.UnderMenyBox .top {
	margin-right:9px; 
	background-color: transparent;
	background-image: url(ruta/bg_undermeny_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.UnderMenyBox .top .header {
	margin-right:-9px;
	height:15px;
	font-size: 11px;
	background-color: transparent;
	background-image: url(ruta/bg_undermeny_top_h.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
}

.UnderMenyBox .body {
	margin-right:3px;
	background-color: #FFFFFF;
	background-image: url(ruta/bg_undermeny.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.UnderMenyBox .body .wrap {
	margin-right:-3px;
	background-color: transparent;
	background-image: url(ruta/bg_undermeny_h.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
}

.UnderMenyBox .body .wrap .content {
}

/*.UnderMenyBox .body .wrap .content ul {
	padding-left: 10px;
	padding-right: 10px;
}
.UnderMenyBox .body .wrap .content ul ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px; 
	padding-left: 10px;
}
.UnderMenyBox .body .wrap .content li a {
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	padding-left: 12px;
	background-image: url(Meny/pil_umeny.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	color: #595959;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
}
*/


.UnderMenyBox .bottom {
	margin-right:9px;
	background-color: transparent;
	background-image: url(ruta/bg_undermeny_bot.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.UnderMenyBox .bottom .footer {
	margin-right:-9px;
	font-size:1px;
	height:12px;
	background-color: transparent;
	background-image: url(ruta/bg_undermeny_bot_h.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

#sidfot p {
	color: #E1E1E1;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	position: relative;
	visibility: visible;
	display: block;
	height: auto;
	font-size: 0.9em;
}
/* Generellt i mallar */
.bildC, .bildH, .bildV {
	display: block;
	overflow: visible;
	position: relative;
	visibility: visible;
	padding-bottom: 10px;
}
.bildV {
	float: left;
	padding-right: 20px;
}
.bildH {
	float: right;
	padding-left: 20px;
}
.bildC p, .bildH p, .bildV p {
	color: #585858;
	font-style: italic;
	padding-top: 3px;
}
/* STUDIEBESöKSLISTA */
#site #content #lista {
	margin-top: 20px;
}
#site #content #lista .sida {
	margin-bottom: 15px;
}
#site #content #lista .studiebesok {
	clear: both;
	width: 530px;
	padding-top: 5px;
	padding-right: 160px;
	padding-bottom: 5px;
	padding-left: 110px;
	min-height: 30px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	text-align: left;
	display: block;
	position: relative;
}
#site #content #lista .studiebesok .bild {
	display: block;
	position: absolute;
	visibility: visible;
	top: 5px;
	left: 0px;
	overflow: hidden;
	height: 80px;
}
#site #content #lista .studiebesok .DefaultButton {
	position: absolute;
	right: 0px;
	top: 10px;
}
#site #content #knapp {
	text-align: right;
	display: block;
	clear: both;
	width: 800px;
	margin-top: 15px;
	overflow: visible;
	position: relative;
	visibility: visible;
}
a.LankPil {
	background-image: url(pil.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
	text-decoration: none;
	padding-bottom: 3px;
}
.stycke li a, .sida li a {
	margin-bottom: 15px;
}
#site #content #lista th {
	text-align: left;
	color: #5E5F62;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#site #content #lista td {
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
 /* Länkar */
a:link, a:visited {
	color:#04b39a;
	text-decoration: none;
	
}
a:active {
	outline: none;
	outline: 0;
}
a:hover, a:visited:hover {
	color:#04b39a;
	text-decoration: underline;
}
/* KNAPPAR */
a.DefaultButton     {
	background-image: url(knapp/hoger.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 24px;
	display: block;
	padding-right: 26px;
	float: left;
	font-size: 10px;
	overflow: visible;
	position: relative;
	color: #FFF;
}
a.DefaultButton:hover     {
	background-position: right -24px;
	text-decoration: none;
	color: #FFF;
} 
a.DefaultButton:active     {
	background-position: right bottom;
	color: #FFF;
}
a.DefaultButton span     {
	background-image: url(knapp/vanster.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 13px;
	display: block;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 12px;
}
a.DefaultButton:hover span   {
	background-position: left -24px;
}
a.DefaultButton:active span   {
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 6px;
}
#Form #ContentSpalt div.Sida {
	padding-right: 75px; 	
}
#Form #ContentSpalt .Form {
	margin-top: 25px; 
}
#Form #ContentSpalt .Form td {
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
}

#Form #ContentSpalt .Form label {
	width: 150px;
}
#Form #ContentSpalt .Form input {
	width: 300px;
}
.BesoksObjekt       {
	width: 236px;
	text-align: left;
	margin-left: 10px;
}

.BesoksObjekt td {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 1px;
	padding-right: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.BesoksObjekt th {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #939598;
	text-align: left;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}


#Form #ContentSpalt .Form textarea {
	float: left;
	height: 50px;
	width: 300px;
}
#BesoksObjekt .right {
	text-align: right;
}
#BokaKnapp p {
	font-style: italic;
	padding-top: 30px;
}

.CustomTreeView div.TreeView {
	
}

.CustomTreeView div.TreeView ul {
	padding-left: 10px;
	padding-right: 10px;
}

/*.CustomTreeView div.TreeView ul ul {
    margin: 0px 0px 2px 3px;
}*/

.CustomTreeView div.TreeView ul ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px; 
	padding-left: 10px;
}

.CustomTreeView div.TreeView .TreeView-Show {
	display: block;
}

.CustomTreeView div.TreeView .TreeView-Hide {
	display: none;
}

.CustomTreeView div.TreeView img {
    
}

.CustomTreeView div.TreeView a {
	/*padding-top: 3px;
	padding-bottom: 3px;
	display: block;*/
	padding-left: 5px;
	/*background-image: url(Meny/pil_umeny.gif);
	background-repeat: no-repeat;
	background-position: left 8px;*/
	color: #595959;
	text-decoration: none;
	/*border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;*/
}

.CustomTreeView div.TreeView a:hover {
	
}

.CustomTreeView div.TreeView li span {
    width: 5px;
    height: 9px;
    display: block;
    float: left;
    margin-top: 4px;
}

.CustomTreeView div.TreeView li span.TreeView-Collapse {
    background: url(Meny/pil_umeny.gif) no-repeat;
    background-position: center;
    cursor: n-resize;
}

.CustomTreeView div.TreeView li span.TreeView-Expand {
    background: url(Meny/pil_umeny.gif) no-repeat;
    background-position: center;
    cursor: n-resize;
}

.CustomTreeView div.TreeView li {
	display: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
}

.CustomTreeView div.TreeView li.TreeView-Root {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-Selected {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-ChildSelected {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-ChildSelected li {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-ChildSelected li li {
	display: none;
}

.CustomTreeView div.TreeView li.TreeView-ChildSelected li.TreeView-Selected li {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-ChildSelected li.TreeView-ChildSelected li {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-ParentSelected {
	display: block;
}

.CustomTreeView div.TreeView li.TreeView-ParentSelected li {
	display: none;
}

.CustomTreeView div.TreeView li span.TreeView-LeafNode {
    
}

.CustomTreeView div.TreeView li.TreeView-Root span {
	
}

.CustomTreeView div.TreeView li.TreeView-Selected a {
	font-weight: bold;
}

.CustomTreeView div.TreeView li.TreeView-Selected ul a {
    font-weight: normal;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */