@charset "utf-8";
/* CSS fil till Keytracker.se. Mediatyp, all. Författare Jens Josefsson, Webmind, jens@webmind.se 2008-01-25 */



html
{
	margin:0;
	padding:0;
	height: 100%;
	
}

body
{
	
	font-family: Century Gothic; font-size: 0.82em; font-weight: normal; color:#5f5f5f; line-height: 1.5em;
	background-color: #eee; 
	margin:20px 0 20px 0;
	padding:0;


}
#top
{
	position:relative;
	margin: 0 auto;
	padding:0;
	background:url(../grfx/bg-upp2.jpg) no-repeat;
	width: 724px;
	min-height: 30px;
	overflow:hidden;

	





}
#container
{
	position:relative;
	margin: 0 auto;
	padding:0;
	background:url(../grfx/bg-mitt.jpg) repeat-y ;
	width: 724px;
	min-height: 500px;
	overflow:visible;

}
#bottom
{
	position:relative;
	margin: 0 auto;
	padding:0;
	background:url(../grfx/bg-ner2.jpg) no-repeat;
	width: 724px;
	min-height: 47px;
	overflow:hidden;
}

#menu
{
	position:relative;
	float:left;
	text-align: left;
	margin: 0px 35px;
	padding:0 ;
	width: 653px;
	min-height: 170px;
	background-color:#FFF;


}
#submenu
{
	position:relative;
	float:left;
	text-align: left;
	margin: 0px 0px;
	padding:0 ;
	width: 646px;
	min-height: 23px;
	background-color:#e4e4e4;
	border-bottom: 1px solid #666;

	

}



#main
{
	position:relative;
	float:left;
	text-align: left;
	margin: 0px auto;
	padding:20px 52px 20px 42px ;
	width: 610px;
	min-height: 482px;


}

#foot
{
	position:relative;
	margin: 0 auto;
	padding:0;
	color:#1e3585; 
	width: 724px;
	min-height: 20px;
	overflow:hidden;
	text-align:center;
}




/* Texter & Rubriker */

p
{
	font-family: Century Gothic; font-size: 1.0em; font-weight: normal; color:#5f5f5f; line-height: 1.5em; background-color:transparent;

}

h1
{
	font-family: Century Gothic; font-size: 1.5em; font-weight: bold; color:#1e3585; 
	margin: 0 0 15px 0;
	padding:0;
}
h3
{
	font-family: Century Gothic; font-size: 1.1em; font-weight: bold; color:#1e3585; 
	margin: 0;
	padding:0;
}
h4 
{
	font-family: Century Gothic; font-size: 1.2em; font-weight: bold; color:#5f5f5f; 
	margin: 0 0 0 0px;
	padding:0;
}

h5 
{
	
}

h3 + p
{
	margin:0 0 15px 0;
	padding:0;
}



/* Länkar */

a
{
	text-decoration: underline; 
	color:#000; 

}
a:active
{
	text-decoration: underline; 
	color:#000;

}
a:visited
{
	text-decoration: underline; 
	color:#000;
	background-image:none;

}



a:hover
{
	color:#000;
	text-decoration:none;
	background-color: #efefef;

}





a.wm, a.wm:visited, a.wm:active
{
	text-decoration: none; 
	color:#96c04d;
	font-size:11px;

}
a.wm:hover
{
	color:#333;
	text-decoration:none;
	font-size:11px;
	background-color: transparent;
}
a.foot, a.foot:visited, a.foot:active
{
	text-decoration: none; 
	color:#1e3585;
	background-color:transparent;

}
a.foot:hover
{
	color: #666666;
	text-decoration:none;
	background-color: transparent;
}


ul.menu
{
	font-family: Century Gothic; font-size: 1.1em; font-weight: normal; color:#fff; background-color:transparent;

	padding:0;
	margin: 20px  0 0px 0px;
	
}

ul.menu li
{

	padding:0;
	margin:0 0 0 0;
	display:inline;
	list-style-type:none;


}
ul.menu li a, ul.menu li a:active, ul.menu li a:visited
{
	text-decoration: none; 
	display:block;
	width:106px;
	height: 23px;
	float: left;
	color:#fff;
	background-image:url(../grfx/flik21.jpg);
	text-align:center;
	margin: 0 2px 0 0;


}



ul.menu li a:hover
{
	color:#000;
	text-decoration:none;
	background-image:url(../grfx/flik21.jpg);
}
ul.menu li p
{
	text-decoration: none; 
	display:block;
	width:106px;
		height: 23px;
	float: left;
	color:#000;
	background-image:url(../grfx/flik11.jpg);
	text-align:center;
	margin: 0 2px 0 0;
	padding:0;
	font-size: 1.0em; 
}
 
 
/* Undermenyn */
ul.submenu
{
	font-family: Century Gothic; font-size: 1.1em; font-weight: normal; color:#fff; 

	padding:0;
	margin:0  0 0px 0px;
	
}

ul.submenu li
{

	padding:0;
	margin:0 0 0 0;
	display:inline;
	list-style-type:none;

}
ul.submenu li a
{
	text-decoration: none; 
	display:block;
	width:115px;
	float: left;
	color:#000;
	background-color:transparent; background-image:none;
	text-align:center;
	margin: 0 2px 0 0;
	font-weight:bold;

}



ul.submenu li a:hover
{
	color: #666666;
	text-decoration:none;
	background-color: transparent;
}


/* Klasser */

.logo
{
	border: none;
	margin: 0px 0 0 0px;

}
.imgcenter
{
	width:100%;

	position: relative;
	margin: 20px auto 20px auto;
 	border: none;
	text-align:center;
}


.flag
{	
	position: relative;
	float:right;
	margin: 2px 10px 0 0;
 	border: none;
}

a.flag
{	
	position: relative;
	float:right;
	margin: 2px 10px 0 0;
 	border: none;
}

.right
{
	position:relative;
	float:right;
	margin: 20px 120px 0 0;


}
.absoluteright
{
	position:relative;
	float:right;
	margin: 0 10px 0 0;
	border:1px solid #ccc;


}

.reflogo
{
	margin: 10px;


}

/*Fix*/

#container:after
{
content: ".";
clear:both;
height:0;
visibility:hidden;
display:block;
}