body, td{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	}

span.text{ 
	line-height: 140%;
	}	  

	
table {
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
		border-width: 0px;
		font-family: Arial;
		font-size: 11px;
		text-align: left;
		color: #000000;
		}
		
table#tracks{
			font-size: 9px;
			}
		
div#main {
width:100%;
height:100%;
font-size:larger;
padding-right: 20px;
}

		
img	 {margin: 0px;
	padding: 0px;
	border-width: 0px}

img.picture	{padding-left:12px; padding-bottom:12px;}
	

h1, h2, h3, h4, h5 {font-weight: normal; color: black;}

h1 {
	font-size:18px;
	margin-bottom:10px;
	}
	
h2 { 
	font-size: 14px;
	margin-bottom:5px;
	}

h3 { 
	font-size: 13px;
	margin-bottom:5px;
	}

h1#underlined {text-decoration: underline}

h1.small {font-size:12px; margin:5px 0px 2px 5px; padding: 0px;}

/* Gör inputs osynliga för användare men fylls i av spindlar*/
.osynlig {display: none;}



/* Modules (div) at the right side of the page */
#module {border-bottom: 1px solid #DBDBDB; padding-bottom: 5px;}
.module {border-bottom: 2px solid #DBDBDB; padding-bottom: 5px;}


/* Links */
a:link {color: #0000AA; text-decoration: none}
a:visited {color: #0000AA; text-decoration: none}
a:hover {color: #0066FF; text-decoration: underline}

a#underlined:link {color: black; text-decoration: underline}
a#underlined:visited {color: black; text-decoration: underline}
a#underlined:hover {color: #0066FF; text-decoration: underline}

#hlink {color: black; text-decoration: none}

a.ul{text-decoration: underline;}
a.none{text-decoration: none; color: black; margin: 0px;}
a#nul{
padding:0px;
margin:0px;
display: -moz-inline-stack;
display: inline-block;
overflow: hidden;
zoom: 1;
*display: inline;
}

/* Inputs */

input{
/*height: 20px;*/
}


input.big {
color: #333333;
font-family: arial, verdana, "ms sans serif";
font-weight: bold;
font-size: 12pt;
} 

input.std{
width: 250px;
}

select.search{
width: auto;
height: auto;
}
		
		
/* Div & spans */
span.article {padding-left: 1.5em;}


a#indexmarked {font-weight:bold; background-color:#AFDCEC;}
span#index{font-size:130%;}



/* Menyer och listor */ 
 
 #nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
float: left;
border-top: solid 1px #FFCC00;
border-bottom: solid 1px #FFCC00;
width: 100%;
background-color: #F5F5F5;
}

#nav-menu li
{
float: left;
margin: 0 px;
padding: 0px;
height: 24px;
line-height: 24px;
float: left;
display: block;
text-align: center;
border-left: solid 1px #F5F5F5;
border-right: solid 1px #F5F5F5;
text-decoration: none;
background-color: #F5F5F5;
font-size: larger;
cursor: hand;
}

#nav-menu li a
{
/* background: url(background.gif) #fff bottom left repeat-x; */
padding-right: 7px;
padding-left: 7px;
text-decoration: none;
background-color: none;
}

#nav-menu a
{
color: #0000AA; text-decoration: none;
}

#nav-menu li:hover
{
background-color: #FFEEB3;
border-left: solid 1px #FFCC00;
border-right: solid 1px #FFCC00;
}


#nav-menu li span
{
width: 100%;
}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */


#nav-menu
{
width:100%;
} 
 
 
 
 
 
 div.login{
 position:absolute; 
 z-index:3; 
 right:0%; 
 top:0%; 
 border: 1px solid silver;
 background-color:#F5F5F5;
 opacity:.70;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 
 }
 
/* Spans */ /* Divs */

#citat{	
	font-family: Tahoma;
	font-size: 28px;
	color: #FFE039;
	padding-left: 10px; 
	padding-right: 10px;
	line-height: 100%;
	}
/*
	position: relative; top: 10px;
	z-index:-1;
	-moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50;
*/

.fl {font-size: larger;}

div.mainrow {width: 100%; padding: 0px; float:left; overflow:hidden; margin:0px; min-height:30px; height: 35px; background: blue;} 
div.row {padding: 0px; float:left; overflow:hidden; margin:0px; background: red; height: 100%; width: auto;} 	
div.row2 {padding: 0px 5px 0px 5px; float:left; overflow:hidden; margin-top:8px; height: 100%; width: auto;} 


.edge {float:left; margin:0px; padding:0px; height:100%; width: auto;}

#shead {font-weight: bold;}

#tlinks {padding: 0px 0px 0px 10px;  /* the links left spacing */ 
		background-color: white
		} 


 
div.tl{
font-size: 12px;
padding:0px;
margin:0px;
height: 35px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-opera-border-radius:7px;
-khtml-border-radius:7px;
border-radius:7px;
width: 700px;
overflow: hidden;
} 



div.tl#oddrow{background-color: #EBEBEB;}
div.tl#oddrow:hover{background-color: #E3E3E3;}

div.tl#evenrow:{background-color: white;}
div.tl#evenrow:hover{background-color: #E3E3E3;}



div.te{
padding:0px;
margin:0px;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
zoom: 1;
height: 35px;
width: 70px;
overflow: hidden;
vertical-align: top;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
}

div.th{
font-size: 12px;
padding:0px;
margin:0px;
height: 25px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-opera-border-radius:7px;
-khtml-border-radius:7px;
border-radius:7px;
width: 700px;
overflow: hidden;
vertical-align: bottom;
background-color: #E0ECF8;
} 


div.te_small{
padding:0px;
margin:0px;
display: -moz-inline-stack;
display: inline-block;
overflow: hidden;
width: 25px;
vertical-align: top;
zoom: 1;
*display: inline;
}




/*Highlight*/
#mark{background-image: url('arrowdown.gif'); background-repeat: no-repeat; background-position: 17% 0%;}


		
/*Lightbox effects. Google penalizes hidden text!!!*/
/*
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	opacity:.20;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
}

.white_content {
	text-align: left;
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	width: 25%;
	height: 25%;
	padding: 16px;
	border: 2px solid gray;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
*/

	
/* Menu tree test */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}




/*** Greybox feature ***/

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #FFFFFF;  /*bakgrundsfärg på skuggan*/
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }




/** Slideshow (rotator) **/

#rotator
{
	overflow: hidden;
	position: relative;
	width: 400px;  /* +2px border */
	height: 200px;
}

#rotator img
{
	border: 0;
	/*
	max-width: 300px;
	max-height: 400px;
	min-width: 60px;
	min-height: 80px;
	*/
}
/*
Explorer fattar in min/max height/width, får lösa detta i php genom att get/set size för varje bild
*/