/*

 --------------------------------------------------------

 Detta CSS är en del av Askås Webbverktyg.

 

 Copyright (c) Askås Internet- & Reklambyrå 2005.

 --------------------------------------------------------

*/







/*

 --------------------------------------------------------

 Speciella definitioner för denna site enbart, som

 används i mallen arbetsyta_singlepage.XX.html

 --------------------------------------------------------

*/

#wrapper {
	position:relative;
	margin:0 auto;
	width: 950px;
}
.top {
	width: 950px;
}
.hogerspalt {
	width: 200px;
	float:left;
}
.hogerspalt_friyta {
	width: 190px;
	float:left;
	padding-left:10px;
}
.sidfot {

	font-size: 7pt;

	color: #888888;

}



.vitrubrik {

	font-size: 11pt;

	font-weight: bold;

	font-style: normal;

	color: #ffffff;

	line-height: 14pt;

}







/*

 --------------------------------------------------------

 Generella definitioner

 --------------------------------------------------------

*/



body,p,td,ul,ol {

	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;

	font-size: 14px;

	color:#000000;

	line-height: 16px;

}



select,input,textarea,button {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 8pt;

}







/*

 --------------------------------------------------------

 Definition av generellt utseende på länkar

 --------------------------------------------------------

*/



a:link {

	color: #007CB4;

	text-decoration: none;

}

a:visited {

	color: #007CB4;

	text-decoration: none;

}

a:active {

	color: #F7931D;

	text-decoration: Underline;

}

a:hover {

	color: #F7931D;

	text-decoration: Underline;

}









/*

 --------------------------------------------------------

 Definition av Rubrik1, Rubrik 2 osv

 --------------------------------------------------------

*/



h1 {

	font-size: 21px;

	font-weight: bold;

	font-style: normal;

	line-height: 24px;

}





h2 {

	font-size: 12pt;

	font-weight: bold;

	font-style: normal;

}





h3 {

	font-size: 10pt;

	font-weight: bold;

	font-style: normal;

	color: #ffffff;

}





h4 {

	font-size: 8pt;

	font-weight: bold;

	font-style: normal;

}









/*

 --------------------------------------------------------

 Klasserna nedan används till navigationstypen:

 "Navigation till vänster, trädstruktur" (alternativ 1)

 --------------------------------------------------------

*/



.menyTyp1 {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #ffffff;

	border:0px;

	margin:0px;

	padding:0px;

	background-color: #1260A3;

}

.menyTyp1 a:link {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #ffffff;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

	background-color: #1260A3;

}

.menyTyp1 a:visited {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #ffffff;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

	background-color: #1260A3;

}

.menyTyp1 a:hover {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #F7931D;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

	background-color: #1260A3;

}

.menyTyp1 a:active {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #F7931D;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

	background-color: #1260A3;

}



.menyTyp1Rubrik {

	display: table-cell;

	width: 195px;

	border:0px;

	margin:0px;

	padding:0px;

	text-decoration: none; 

	color: #F7931D;

	font-weight: normal;

	background-color: #1260A3;

}

.menyTyp1Rubrik a:link {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #F7931D;

	background-color: #1260A3;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

}

.menyTyp1Rubrik a:visited {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #F7931D;

	background-color: #1260A3;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

}

.menyTyp1Rubrik a:hover {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #F7931D;

	background-color: #1260A3;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

}

.menyTyp1Rubrik a:active {

	display: table-cell;

	width: 195px;

	text-decoration: none; 

	color: #F7931D;

	background-color: #1260A3;

	border:3px solid #ffffff;

	margin: 0px;

	padding: 2px 2px 2px 25px;

}









/*

 --------------------------------------------------------

 Klasserna nedan används till navigationstypen:

 "Navigation till vänster, trädstruktur" (alternativ 2)

 --------------------------------------------------------

*/



.menyTyp2Niva1 {

	font-size: 8pt;

	text-decoration: none;

	font-weight: normal;

	color: #FFFFFF;

	border: 0px;

	height: 22px;

	background-color: #FFC461;

}

.menyTyp2Niva1 a:link {

	color: #FFFFFF;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva1 a:visited {

	color: #FFFFFF;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva1 a:active {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva1 a:hover {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva1Markerad {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

	background-color: #FFC461;

	padding: 1px 10px 0px 10px;

	height: 22px;

}







.menyTyp2Niva2 {

	font-size: 8pt;

	text-decoration: none;

	color: #FFFFFF;

	border: 0px;

	height: 22px;

	background-color: #FFC461;

}

.menyTyp2Niva2 a:link {

	color: #FFFFFF;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva2 a:visited {

	color: #FFFFFF;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva2 a:active {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva2 a:hover {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 22px;

}

.menyTyp2Niva2Markerad {

	font-weight: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	background-color: #FFC461;

	padding: 1px 10px 0px 10px;

	height: 22px;

}







.menyTyp2Niva3 {

	font-size: 8pt;

	text-decoration: none;

	color: #FFFFFF;

	border: 0px;

	height: 20px;

	background-color: #FFC461;

}

.menyTyp2Niva3 a:link {

	color: #FFFFFF;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva3 a:visited {

	color: #FFFFFF;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva3 a:active {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva3 a:hover {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva3Markerad {

	font-weight: normal;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	background-color: #FFC461;

	padding: 1px 10px 0px 10px;

	height: 20px;

}







.menyTyp2Niva4 {

	font-size: 7pt;

	text-decoration: none;

	color: #000000;

	border: 0px;

	height: 20px;

	background-color: #FFC461;

}

.menyTyp2Niva4 a:link {

	color: #000000;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva4 a:visited {

	color: #000000;

	text-decoration: none;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva4 a:active {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva4 a:hover {

	color: #000000;

	text-decoration: none;

	background-color: #E0E0E0;

	padding: 1px 10px 0px 10px;

	height: 20px;

}

.menyTyp2Niva4Markerad {

	font-weight: normal;

	color: #000000;

	text-decoration: none;

	background-color: #FFC461;

	padding: 1px 10px 0px 10px;

	height: 20px;

}









/*

 --------------------------------------------------------

 Klasserna nedan styr utseende på popdownmenyer

 (både Typ 3 och Typ 4). Inga klasser får raderas.

 --------------------------------------------------------

*/



#costanzaMeny

{

	z-index:1;

	position:relative;

	top:0;

	left:0;

	margin:0;

	padding:0;

}



.leftMenu

{

	text-align:left;

}



.centerMenu

{

	text-align:center;

}



.rightMenu

{

	text-align:right;

}



.myMenu

{

	position:absolute;

	visibility:hidden;

	z-index:5;

}







.menyTypPopDown {

	font-size: 8pt;

	text-decoration: none;

	font-weight: bold;

	color: #000000;

	border: 0px;

	background-color: #FFFFFF;

	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding: 1px 10px 0px 10px;

}

.menyTypPopDown:link {

	border: 0px;

	color: #000000;

	text-decoration: none;

}

.menyTypPopDown:visited {

	border: 0px;

	color: #000000;

	text-decoration: none;

}

.menyTypPopDown:active {

	border: 0px;

	color: #000000;

	text-decoration: none;

	background-color: #BECB50;

}

.menyTypPopDown:hover {

	border: 0px;

	color: #000000;

	text-decoration: none;

	background-color: #BECB50;

}







.menyTypPopDown_Undermeny_Bakgrund {

	background-color: #EEEEEE;

	width:200px;

	height:15px;

}







.menyTypPopDown_Undermeny {

	font-size: 8pt;

	text-decoration: none;

	font-weight: normal;

	color: #000000;

	border: 0px;

	background-color: #EEEEEE;

	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:2px;

	width:200px;

	height:15px;

}

.menyTypPopDown_Undermeny:link {

	border: 0px;

	color: #000000;

	text-decoration: none;

	width:200px;

	height:15px;

}

.menyTypPopDown_Undermeny:visited {

	border: 0px;

	color: #000000;

	text-decoration: none;

	width:200px;

	height:15px;

}

.menyTypPopDown_Undermeny:active {

	border: 0px;

	color: #000000;

	text-decoration: none;

	background-color: #BECB50;

	width:200px;

	height:15px;

}

.menyTypPopDown_Undermeny:hover {

	border: 0px;

	color: #000000;

	text-decoration: none;

	background-color: #BECB50;

	width:200px;

	height:15px;

}







.myMenuLabelleft, .myMenuItemleft

{

	text-align:left;

	padding:0;

}



.myMenuLabelcenter, .myMenuItemcenter

{

	text-align:center;

	padding:0;

}



.myMenuLabelright, .myMenuItemright

{

	text-align:right;

	padding:0;

}









/*

 --------------------------------------------------------

 Klasserna nedan används till navigationstypen:

 "Navigation till vänster, trädstruktur" (alternativ 5)

 --------------------------------------------------------

*/



.menyTyp5_Vanster {

	background-image: url(/bilder/webbpub-s/flik_vanster.gif);

	background-repeat: no-repeat;

	height: 18px;

	width: 5px;

}

.menyTyp5_Hoger {

	background-image: url(/bilder/webbpub-s/flik_hoger.gif);

	background-repeat: no-repeat;

	height: 18px;

	width: 5px;

}

.menyTyp5 {

	background-image: url(/bilder/webbpub-s/flik_mitten.gif);

	background-repeat: repeat-x;

	margin: 2px;

	padding: 0px;

	font-weight: normal;

	color: #F7931D;

	font-size: 14px;

	height: 18px;

}

.menyTyp5 a:link {

	font-size: 14px;

	text-decoration: none;

	color: #1260A3;

}

.menyTyp5 a:visited {

	font-size: 14px;

	text-decoration: none;

	color: #1260A3;

}

.menyTyp5 a:hover {

	font-size: 14px;

	text-decoration: none;

	color: #F7931D;

}

.menyTyp5 a:active {

	font-size: 14px;

	text-decoration: none;

	color: #F7931D;

}



/*

 --------------------------------------------------------

 menyTyp5Markerad används för att indikera markerat objekt

 --------------------------------------------------------

*/



.menyTyp5Markerad_Vanster {

	background-image: url(/bilder/webbpub-s/flik_vanster.gif);

	background-repeat: no-repeat;

	height: 18px;

	width: 5px;

}

.menyTyp5Markerad_Hoger {

	background-image: url(/bilder/webbpub-s/flik_hoger.gif);

	background-repeat: no-repeat;

	height: 18px;

	width: 5px;

}

.menyTyp5Markerad {

	background-image: url(/bilder/webbpub-s/flik_mitten.gif);

	background-repeat: repeat-x;

	margin: 2px;

	padding: 0px;

	font-weight: normal;

	color: #F7931D;

	font-size: 14px;

	height: 18px;

}

.menyTyp5Markerad a:link {

	font-size: 14px;

	text-decoration: none;

	color: #F7931D;

}

.menyTyp5Markerad a:visited {

	font-size: 14px;

	text-decoration: none;

	color: #F7931D;

}

.menyTyp5Markerad a:hover {

	font-size: 14px;

	text-decoration: none;

	color: #F7931D;

}

.menyTyp5Markerad a:active {

	font-size: 14px;

	text-decoration: none;

	color: #F7931D;

}









/*

 --------------------------------------------------------

 Klasserna nedan används för utskrift av kalendarium

 --------------------------------------------------------

*/



.datumNormal			{ display: table-cell; font-size: 11px; color: #000000; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px }

.datumNormal a:link		{ display: table-cell; color: #000000; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumNormal a:visited		{ display: table-cell; color: #000000; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumNormal a:active		{ display: table-cell; background-color: #FFCC00; color: #000000; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }

.datumNormal a:hover		{ display: table-cell; background-color: #FFCC00; color: #000000; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }



.datumNormalHelg		{ display: table-cell; font-size: 11px; color: #888888; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px }

.datumNormalHelg a:link		{ display: table-cell; color: #888888; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumNormalHelg a:visited	{ display: table-cell; color: #888888; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumNormalHelg a:active	{ display: table-cell; background-color: #FFCC00; color: #888888; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }

.datumNormalHelg a:hover	{ display: table-cell; background-color: #FFCC00; color: #888888; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }



.datumNormalIdag		{ display: table-cell; font-size: 11px; color: #CC0000; font-weight:bold; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px }

.datumNormalIdag a:link		{ display: table-cell; color: #CC0000; font-weight:bold; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumNormalIdag a:visited	{ display: table-cell; color: #CC0000; font-weight:bold; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumNormalIdag a:active	{ display: table-cell; background-color: #FFCC00; color: #CC0000; font-weight:bold; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }

.datumNormalIdag a:hover	{ display: table-cell; background-color: #FFCC00; color: #CC0000; font-weight:bold; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }



.datumMarkerad			{ display: table-cell; background-color: #DDDDDD; font-size: 11px; color: #000000; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px }

.datumMarkerad a:link		{ display: table-cell; background-color: #DDDDDD; color: #000000; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumMarkerad a:visited	{ display: table-cell; background-color: #DDDDDD; color: #000000; text-decoration: none; border: 1px solid #DDDDDD; padding: 0px; margin: 0px  }

.datumMarkerad a:active		{ display: table-cell; background-color: #FFCC00; color: #000000; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }

.datumMarkerad a:hover		{ display: table-cell; background-color: #FFCC00; color: #000000; text-decoration: none; border: 1px solid #FFCC00; padding: 0px; margin: 0px  }