/*//------------------------------------------------------------------------------------------------
Grunder
//------------------------------------------------------------------------------------------------*/

/*//---------------------------------------------------
Body
//---------------------------------------------------*/


body         
{
	padding : 6px;
	/* background:			url(/images/backgrounds/Background.gif) repeat-x; */
	background-color : #DCDCDC;

	/* 3399CC - 99CCFF - DCDCDC */
}


/*//---------------------------------------------------
Vanliga Länkar
//---------------------------------------------------*/


a, a:visited, a:link
{
	color : #FFFFFF;
	text-decoration : none; 
}


a:hover
{
	color : #000000;
}


/*//-----------------------------------------
Rubrik länk
//-----------------------------------------*/


a.HeaderLink, a:link.HeaderLink, a:hover.HeaderLink, a:visited.HeaderLink
{
	color : #FFFFFF; 
	text-decoration : none; 
	font-size : 18pt;
}


/*//-----------------------------------------
Tabell länk
//-----------------------------------------*/



a.TableLink, a:link.TableLink, a:hover.TableLink, a:visited.TableLink
{
	display : block; 
	width : 100%; 
	height : 100%; 
	text-decoration : none;
	color : #000000;
}


/*//-----------------------------------------
Svart länk
//-----------------------------------------*/


.BlackLink, a.BlackLink, a:link.BlackLink, a:hover.BlackLink, a:visited.BlackLink
{
	text-decoration : none;
	color : #000000;
}


/*//-----------------------------------------
Grön länk
//-----------------------------------------*/


.GreenLink, a.GreenLink, a:link.GreenLink, a:hover.GreenLink, a:visited.GreenLink
{
	text-decoration : none;
	color : green;
}


/*//-----------------------------------------
Röd länk
//-----------------------------------------*/


.RedLink, a.RedLink, a:link.RedLink, a:hover.RedLink, a:visited.RedLink
{
	text-decoration : none;
	color : #660000;
}


/*//---------------------------------------------------
Formulär
//---------------------------------------------------*/


form
{ 
	margin : 0;  
	padding : 0;    
}


input, textarea
{
	background-color : #CCCCCC;
	border : 1px solid #000000;
	color : #000000; 
}


select
{
	background-color : #CCCCCC; 
	color : #000000;
}


/*//---------------------------------------------------
Tabeller
//---------------------------------------------------*/


table
{
	border-collapse : collapse;
	border : none;
	padding : 0px;
}

table.TableBorder
{
	border : 1px solid #000000; 
	border-collapse : collapse;
	padding : 2px;
}


tr.TrBorder
{
	border : 1px solid #000000; 
	border-collapse : collapse;
	padding : 2px;
}


tr.TableHeader
{
	border : 1px solid #000000;
	background-color : #C0C0C0; 
	text-align : left;
}


/*//-----------------------------------------
Mus över rad
//-----------------------------------------*/


tr.MouseOverOff
{
	background-color: #FFFFFF;
	color : #000000;
}


tr.MouseOverOn
{
	background-color: #CCCCCC;
	cursor: pointer;
	color : #000000;
}


/*//---------------------------------------------------
Rubriker och Stycken
//---------------------------------------------------*/


h1,h2,h3,p
{
	margin: 0 10px 5px 0;
}


h1,h2,h3
{
	margin: 0 10px 5px 0;
	color : #FFFFFF;
}


h1
{
	font-size : 22pt;
	font-weight : bold;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
}


h2
{
	font-size : 18pt; 
	font-weight : bold;
	padding-top : 0.3em;
	padding-bottom : 10px;
}


h3
{
	font-size : 15pt;
	font-weight : bold;
	padding-top : 0.3em;
}


p
{
	padding-bottom : 1em;
}


/*//---------------------------------------------------
Bilder
//---------------------------------------------------*/


img
{
	border : 1px solid #000000;
}


/*//---------------------------------------------------
Linjer
//---------------------------------------------------*/


hr
{
	color : #CCCCCC;
	width : 90%;
}


/*//------------------------------------------------------------------------------------------------
Meny m.m.
//------------------------------------------------------------------------------------------------*/


/*//---------------------------------------------------
Meny - Vanlig
//---------------------------------------------------*/


.button
{
	display : block;
	width : 175px;
	height : 25px;
	line-height : 25px;

	border : 1px solid #AAAAAA;
	border-left : none;
	border-right : none;

	margin : auto;

	font-size : 13pt;
	text-decoration : none;
	text-align : center;
	font-weight : bold;
}


.button:hover
{
	color : #8298BA;

	background-color : #E8E8E8;

	border : 1px solid #000000;
	border-left : none;
	border-right : none;
}


/*//---------------------------------------------------
Meny - Top
//---------------------------------------------------*/


.buttonTop
{
	display : block;
	width : 175px;
	height : 25px;
	line-height : 25px;

	border-bottom : 1px solid #AAAAAA;

	margin : auto;

	font-size : 13pt;
	text-decoration : none;
	text-align : center;
	font-weight : bold;
}


.buttonTop:hover
{
	color : #8298BA;

	background-color : #E8E8E8;

	border-bottom : 1px solid #000000;
}

/*//---------------------------------------------------
Meny - Bottom
//---------------------------------------------------*/


.buttonBottom
{
	display : block;
	width : 175px;
	height : 25px;
	line-height : 25px;

	border-top : 1px solid #AAAAAA;

	margin : auto;

	font-size : 13pt;
	text-decoration : none;
	text-align : center;
	font-weight : bold;
}


.buttonBottom:hover
{
	color : #8298BA;

	background-color : #E8E8E8;

	border-top : 1px solid #000000;
}

/*//---------------------------------------------------
Text formatering
//---------------------------------------------------*/


.StyleButtonsContent
{
	margin : 10px 0 0 0;
}

.StyleButtons
{
	margin-top : 0;
	margin-bottom : 0;
}

/*//---------------------------------------------------
Intro
//---------------------------------------------------*/

.firstContent{
	margin : auto;
	text-align : center;
}

.firstImage {
	border : none;
	margin-bottom : 30px;
	width : 450px;
	height : 410px;
}

firstContent h1, h2, h3, h4, h5, h6{
	margin : 5px;
	padding : 5px;
}


/*//------------------------------------------------------------------------------------------------
Divar
//------------------------------------------------------------------------------------------------*/


#wrapper
{
	height : auto;
	width : auto;

	margin : auto;
	float : left;
}


#top-wrapper
{
	margin : auto;
	clear : both;
}


#bottom-wrapper
{
	margin : auto;
	clear : both;
}


.left-wrapper
{
	width : 175px;
	height : auto;

	margin :  auto;

	float : left;
	clear : left;
}


.right-wrapper
{
	width : 550px;

	margin :  auto auto auto 15px;

	float : left;
	clear : right;
}


#header
{
	height : 200px;
	width : 100%;
	margin : auto auto 5px auto;

	float : left;
}


#logo
{
	display : block;

	height : 175px;
	width : 175px;

	margin-top : 25px;
	margin-bottom : 10px;
}


#menu
{
	background-color : #AAAAAA;
	height : auto;
	width : 175px;

	margin :  5px auto auto auto;
	border : 1px solid #000000;
}


/*
#login
{
	background-color : #AAAAAA;
	border : 1px solid #000000;
	color : #FFFFFF;

	height : auto;
	width : 100%;

	font-weight : bold;

	margin :  10px 0 10px auto;
}
*/


#content
{
	margin : 5px auto 0 auto;

	background-color : #AAAAAA;

	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-top : 1px solid #000000;


	width : 100%;

	min-height : 275px;
	overflow : visible;

	float : left;
}


* html #content
{
	margin : auto auto 0 auto;

	background-color : #AAAAAA;

	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-top : 1px solid #000000;

	width : 552px;
	height : 275px;

	float : left;
}


#content-spacer
{
	padding-left : 10px;
}


.iContent
{
	margin :  10px 0 10px 0;

	background-color : #8298BA;
	border : 1px solid #000000;

	text-decoration : none;

	width: 95%;
	height: auto;
}


.iContentText
{
	padding : 0 3px 10px 10px;
}


.iHeader
{
	margin :  0 0 10px 0;
	background-color : #E8E8E8;
	border-bottom : 1px solid #000000;

	width: 100%;
	height: auto;

	font-weight : bold;
	text-decoration : none;
	color : #000000;
}


.iHeaderContent
{
	padding : 3px 3px 3px 10px;
	color:#000000;
}


#copyright
{
	float : left;

	width : 100%;
	height : auto;
}


#valid
{
	margin-top : 10px;
	width : 100%;
	height : auto;
	text-align : center;
}


#advertise
{
	margin :  auto auto auto 40px;

	float : left;
	clear : right;
}

#VetoLogo
{
	height : auto;
	width : 175px;

	margin :  10px auto auto auto;

	text-align:center;
}


@media print{
	.noPrint
	{
		display : none;
	}
}