/* Mall 2006-03-12 */


body {padding: 2em;	margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.7em;	background: #white;}
div				{font-family: Arial; font-size: 12px; font-weight: normal;}
p				{font-family: Arial; font-size: 12px; font-weight: normal;}
li				{font-family: Arial; font-size: 12px; font-weight: normal;}
table			{font-family: Arial; font-size: 12px; font-weight: normal;}
td				{font-family: Arial; font-size: 12px; font-weight: normal;}
tr				{font-family: Arial; font-size: 12px; font-weight: normal;}
h2 {margin: 0 0 0.5em 0; font-size: 2.5em;}
h3 {margin: 1em 0 0.5em 0; font-size: 1.5em;}
h4 {margin: 1.5em 0 0.5em 0; font-size: 1em;}
p {line-height: 1.8em; margin: 0 0 5px 0;}

/* sidlayout */
#layout {width: 765px; border-top: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #666666; margin-right: auto; margin-left: auto;}
#sidhuvud {background-image: url(../Backgrounds/backblkredgrey.gif);}

#kolumncontainer{float: left; width: 610px; background: #ffffff;}
#kolumn1 {float: left; width: 150px; }
#kolumn2 {float: left; width: 390px; padding: 5px;	border-right: 1px solid #000000; background: #ffffff;}
#kolumn3 {float: right; width: 203px;	background: #ffffff;}
#sidfot {clear: both; padding: 10px; border-bottom: 1px solid #666666;}

/* CSS menymall */


/* HUVUDMENY */
#meny { margin: 0 0 0 0; padding: 0; list-style-type: none;	font: 70% Verdana, Helvetica, sans-serif; }
#meny ul { list-style-type: none; }
#meny a { display: block; text-decoration: none; height: 15px; margin: 0 0 3px 0; }
#meny a:hover{	color: Black;	background: #FFFFFF;}

/* MENY nivå 1 (utan undermeny) */
#meny .link0 { width: 8em;  margin: 0 0 8px 0px; padding: 3px 3px 3px 5px;  color: white; background-image: url(../Backgrounds/burgbartile.gif); font-weight: bold;   border: 1px solid #grey;}
/* MENY nivå 1 (med undermeny) */
#meny .link1 { width: 8em;  margin: 0 0 8px 0px; padding: 3px 3px 3px 5px; color: white; background-image: url(../Backgrounds/burgbartile.gif); font-weight: bold;  border: 1px solid #grey; }
/* MENY nivå 2 */
#meny .link2 { width: 8em; margin: 0 0 5px 5px; padding: 3px 3px 3px 5px;  color: white; background-image: url(../Backgrounds/burgbartile.gif); font-weight: bold;   border-top: 1px solid #grey; border-right: 1px solid #grey; border-bottom: 1px solid #grey; border-left-width: 1px; border-left-style: solid; border-left-color: #grey; }
/* MENY nivå 3 */
#meny .link3 { width: 8em; margin: 0 0 5px 15px; padding: 3px 3px 3px 5px; color: white; background-image: url(../Backgrounds/burgbartile.gif); font-weight: bold; border-top: 1px solid #grey; border-right: 1px solid #grey; border-bottom: 1px solid #grey; border-left-width: 1px; border-left-style: solid; border-left-color: #grey; }

/* AKTIV MENY nivå 1 */
#meny a#selected1 { color: white; background-image: url(../Backgrounds/graybartile.gif); font-weight: bold; }

/* AKTIV MENY nivå 2 */
#meny a#selected2 { color: white; background-image: url(../Backgrounds/graybartile.gif); font-weight: bold; border-top: 1px solid #grey; border-right: 1px solid #grey; border-bottom: 1px solid #grey; border-left-width: 1px; border-left-style: solid; border-left-color: #grey; }

/* AKTIV SIDA */
#meny a#current { color: Black;	background: #FFFFFF;;	font-weight: bold; }




/* Diverse rubriker */
.rubrik0		{font-family: Arial; font-size: 48px; font-weight: normal;}
.rubrik1		{font-family: Arial; font-size: 36px; font-weight: normal;}
.rubrik2		{font-family: Arial; font-size: 30px; font-weight: normal;}
.rubrik3		{font-family: Arial; font-size: 20px; font-weight: normal;}
.rubrik4		{font-family: Arial; font-size: 12px; font-weight: normal;}

/* Diverse texter */
.txtxsmall		{font-family: Arial; font-size: 10px; font-weight: normal;}
.txtsmall		{font-family: Arial; font-size: 11px; font-weight: normal;}
.txtsmallb		{font-family: Arial; font-size: 11px; font-weight: bold;}
.txtnormal		{font-family: Arial; font-size: 12px; font-weight: normal;}
.txtnormalb		{font-family: Arial; font-size: 12px; font-weight: bold;}
.txtbig			{font-family: Arial; font-size: 18px; font-weight: normal;}
.txtbigb		{font-family: Arial; font-size: 18px; font-weight: bold;}

p.gray			{font-family: Arial; font-size: 9px; font-weight: normal; color: gray;}


/* Font Tri */
.tripp			{font-family: Arial;	 vertical-align: 0 ; font-size: 12px; font-weight: bold; color: white;}

/* Länkar vanliga */
a          	{font-family: Arial;	text-decoration: underline;	color: navy;}
a:link  		{font-family: Arial;	text-decoration: underline;	color: navy;}
a:hover 		{font-family: Arial;	text-decoration: underline;	color: maroon;}

/* Länkar vita */
a.type1   			{font-family: Arial;	font-size: 14px;	font-weight: bold;	text-decoration: underline;	color: white;}
a.tupe1:link  		{font-family: Arial;	font-size: 14px;	font-weight: bold;	text-decoration: underline;	color: white;}
a.type1:hover 		{font-family: Arial;	font-size: 14px;	font-weight: bold;	text-decoration: underline;	color: yellow;}

a.type2   			{font-family: Arial;	font-size: 12px;	font-weight: bold;	text-decoration: underline;	color: white;}
a.tupe2:link  		{font-family: Arial;	font-size: 12px;	font-weight: bold;	text-decoration: underline;	color: white;}
a.type2:hover 		{font-family: Arial;	font-size: 12px;	font-weight: bold;	text-decoration: underline;	color: yellow;}

/* Länkar i tabeller */
a.tabeller       	{font-family: Arial;	font-size: 11px;	font-weight: normal;	text-decoration: underline;	color: navy;}
a.tabeller:link 	{font-family: Arial;	font-size: 11px;	font-weight: normal;	text-decoration: underline;	color: navy;}
a.tabeller:hover	{font-family: Arial; font-size: 11px; font-weight: normal; text-decoration: underline; color: white; background-color: black;  width: 80%;}

/* Bildskugga */
.shadow3		{filter: Shadow(Color=444444, Direction=120);
				 position: relative;
				 left: -1px;
				 top: 5px;
				 width: 100%;
				 height: 100%;
				 }

/* Rubrik tabeller */
td.banner		{ background-color: gray;
				 background-repeat: repeat;
				 background-attachment: scroll;
				 color: #FFFFFF;
				 background-position: 0% 50%;
				 font-family: Arial;
				 font-size: 11px;
				 font-weight: normal; 
				 }

/* Knappar innehållssidorna */
.knapp1			{border: thin outset;
				 background-color: silver;
				 color: black;
				 width: 100%;
				} 

.knapp1:hover	{border: thin outset;
				 background-color: gray;
				 color: black;
				 width: 100%;
				} 

.txtknapp1		{border: none;
				 background-color: none;
				 font-family: Arial;
				 font-size: 11px;
				 font-weight: normal;
				 text-decoration: none;
				 color: black;
				 width: 100%;
				} 

.txtknapp1:link	{border: none;
				 background-color: none;
				 font-family: Arial;
				 font-size: 11px;
				 font-weight: normal;
				 text-decoration: none;
				 color: black;
				 width: 100%;
				} 

.txtknapp1:hover {border: none;
				 background-color: #444444;
				 font-family: Arial;
				 font-size: 11px;
				 font-weight: normal;
				 text-decoration: none;
				 color: white;
				 width: 100%; 
				} 

.txtknapp2		{
	border: none;
	background-color: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: White;
	width: 100%;
} 

.txtknapp2:link	{
	border: none;
	background-color: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: White;
	width: 100%;
} 

.txtknapp2:hover {
	border: none;
	background-color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	width: 100%;
} 
				


address:after{
/* \40 is a character entity for the '@' symbol */
content: " <webmaster\40tibrotrippeln.se>";
}




/* Markerar rader i tabeller */
tr.normal		{background-color: #EEEEEE;}
tr.mark			{background-color: #DDDDDD;}