/**************************/
/** XHTML Stylesheet for **/
/** InternetUsability	 **/
/**			             **/
/** By Mathias Magnusson **/
/**************************/

/**************************/ 
/** Link 				 **/
/**************************/

/* Ska ligga i denna ordning i CSS för att vissa på rätt sätt i alla läsare */
a:link {color: #000000} 
a:link {text-decoration: none}

a:visited {color: #000000} 
a:visited {text-decoration: none}

a:hover {color: #000000} 
a:hover {text-decoration: underline} 

a:active {color : #000000} 
a:active {text-decoration: underline} 

a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
}

a#contentBoxLinkBlack
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
}

/* Används för huvudrubrik i contentBox div */
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;	
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 3px;
}

/* Används för headers i rightMenu div */
h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-style: normal;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 3px;
}

p
{
	margin-top: 0px;
	margin-bottom: 2px;
}

img
{
	margin: 0px 0px 0px 0px;
	border: 0px;
	border-style: solid; 
	border-color: #000000; 
}

input
{
	margin: 0px 0px 0px 0px;
}

form
{
	margin: 0px;
}


body 
{
	background: url(../images/bgfade.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	padding: 0; 
	margin: 0;
}

#borderDotted
{
	width: 20px;
	border-left: 1px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: dotted;
	border-color: #000000;
}

#minHeightBox
{
	margin: 0px 0px 0px 0px;
	width: 3px;
	height: 440px;
	border: 1px;
	border-style: solid;
	border-color: #B40202;
	float: right;
	z-index: 6;
}

#mainBox
{
	position: relative;
	margin: 0px auto;
	width: 1024px;
	/*min-height: 620px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	border: 0px;
	border-style: solid;
	border-color: #CCCCCC;

	background-color: #FFFFFF;
	overflow: hidden;			/*Overflow för att bakgrundsfärgen ska bli vit i hela mainboxen även i Firefox, hidden för att scrollen inte ska synas i IE.*/
	z-index: 1;
}

#topBox 
{
	position: relative;
	height: 256px;
	width: 1024px;
	
	/*padding: 0 0 0 10px;*/ /* marginal till gruppen av flikar från topBoxens kant */
	margin-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;	/* bordern under flikarna*/
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	
	z-index: 11;
}

#menuBox
{
	position: absolute;
	top: 220px;
	left: 150px;
	height: 20px;
	width: 700px;
	
	/*padding: 0 0 0 10px;*/ /* marginal till gruppen av flikar från topBoxens kant */
	margin-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;	/* bordern under flikarna*/
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	z-index: 10;
}

#topBox ul 
{
	margin: 0px 0px 0px 30px;
	padding: 0px 0 0 0px; /*avstånd runt gruppen av flikar */
	/*height: 1.5em;*/	/* behövs denna? höjden på div som gruppen av flikar ligger i */
	position: absolute; 
	bottom: 0px;
	border: 0px;
	border-style: solid;
	border-color: red;
	z-index: 3;
}

#topBox li 
{
	display: inline; 
	list-style: none; 
	float: left; 
	padding: 0 2px 0 0; /* mellanrummet mellan flikarna */

	z-index: 4;

}

#contentBox
{	
	position: relative;
	margin: 10px 10px -150px 150px; /* top+bottom  left+right / /*contentBox marginal till mainBox*/
	width: 700px;
	padding: 0;
	float: left;
	border: 0px;
	border-style: solid; 
	border-color: #000000; 
	z-index: 9;
}

#leftMenu
{
	
	margin: 10px 0px 10px 10px;
	width: 22%;
	float: left;

	border: 0px;
	border-style: solid; 
	border-color: #000000; 
	z-index: 7;
}

#rightMenu
{
	margin: 10px 10px 10px 0px;
	width: 22%;
	float: left;
	border: 0px;
	border-style: solid; 
	border-color: #000000; 
	z-index: 8;
}

#bottomBox
{
	margin: 0px 0px 0px 0px;
	width: 1024px;
	height: 350px;
	float: left;
	border: 0px;
	border-style: solid; 
	border-color: #000000; 
	z-index: 10;
}

#bottomContent
{
	margin: 5px 0px 0px 300px;
}

/* Fliken men länken exklusive de runda hörnen (toppen på fliken). */
.menycontent 
{
	display: block; 
	padding: 0 0 0.5em; 
	background: transparent; 
	color: #000000; 
	text-align: center; 
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid; 
	border-color: #CCCCCC; 
	z-index: 5;
}

a.meny, a.meny:visited 
{
	width: 8em; 
	display: block; 
	text-decoration: none;
}

a.meny:hover 
{
	background: transparent;
}

a#current .menycontent 
{

	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #FFFFFF;

	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC; 
	z-index: 6;
}

/* Färg för markerad flik, sida */
a#current .menycontent, a#current .r2, a#current .r3, a#current .r4 
{
	background: #transparent;
}

/* Färgen för fliken när man håller muspekaren över eller klickar */
a.meny:hover .menycontent, a.meny:hover .r2, a.meny:hover .r3, a.meny:hover .r4 
{
	background: #transparent;
}

/* behållare för hörndivar */
.roundtop 
{
	background: transparent;
}

.r1 
{
	margin: 0 5px; 
	height: 1px; 
	overflow: hidden; 
	background: #CCCCCC; 
	border-left:1px;
	border-right:1px; 
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid; 
	border-color: #CCCCCC; 
}

.r2 
{
	margin: 0 3px; 
	height: 1px; 
	overflow: hidden; 
	background: transparent; 
	border-left: 1px;
	border-right: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-width: 0 2px;
	border-style: solid; 
	border-color: #CCCCCC; 
}

.r3 
{	
	margin: 0 2px; 
	height: 1px; 
	overflow: hidden; 
	background: transparent; 
	border-left: 1px;
	border-right: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid; 
	border-color: #CCCCCC; 
}

.r4 
{
	margin: 0 1px; 
	height: 2px; 
	overflow: hidden; 
	background: transparent; 
	border-left: 1px;
	border-right: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid; 
	border-color: #CCCCCC; 
}