/*body {margin: 0; padding: 0; font-family: Geneva, arial, helvetica, sans-serif; font-size: 150%; line-height: 200%}*/
body {margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 150%; line-height: 200%}

/*#hemsida {width: 1200px; height: 100%}*/

/* ---------------------------- Huvudtabellen (tb1) --------------------------------------------------------------------------------*/
/*#tb1 {border-collapse: collapse; margin: 0; padding: 0; width: 100%; height: 100%} */
#tb1 {border-collapse: collapse; margin: 0; padding: 0; width: 1200px; height: 100%} 


/* ---------------------------- Rad 1 i huvudtabellen (tb1_r1_)---------------*/
/*#tb1_r1_k1 {width: 1000px; height: 80px; margin: 0; padding: 0; background: #FFF url(images/klaviatur.gif) no-repeat}*/
#tb1_r1_k1 {width: 1000px; height: 80px; margin: 0; padding: 0; border: 0; text-align: left; vertical-align: bottom; 
	 background: #FFF url(images/bakgrundrubrik.gif) repeat-x}
/*#tb1_r1_k2 {width: 800px; margin: 0; padding: 0; background: #FFF url(images/bakgrundrubrik.gif) repeat-x}*/
#tb1_r1_k3 {width: 200px; /* height: 80px; */ margin: 0; padding: 0; border-left: 2px solid #DDD; background-color: #FFF}

/* ---------------------------- Rad 2 i huvudtabellen (tb1_r2_) --------------*/
#tb1_r2_k1 {width: 196px; margin: 0; padding: 0; vertical-align: top; background-color: #FFF}
/*------------- huvudfönstret för presentation av information --------------------------------------------------------------------*/
#tb1_r2_k2 {width: 804px; margin: 0; padding: 0; text-align: center; vertical-align: top; background-color: #FFF}
#tb1_r2_k3 {margin: 0; padding: 0;  border-left: 2px solid #DDD; background-color: #FFF}

/*#rubrik_h2 {text-align: center; color: #999}*/


/* ---------------------------- Logga in/ut i rubrikraden -------------------------------------------------------------------------*/
#navrad {}
#navrad a.navradlink{margin: 0; padding: 0; text-decoration: none}
#navrad a.navradlink:link{color: #FFF}
#navrad a.navradlink:visited{color: #FFF}
/* #navrad a.navradlink:hover{color: #488AAF; background: #FFF} */		
#navrad a.navradlink:hover{color: #000; background: #FFF}		

/* ---------------------------- Tabell 2 i rubrikraden (tb2) -----------------------------------------------------------------------*/
#tb2 {border-collapse: collapse;  width: 96%; height: 100%; margin-left: 2%; padding: 0; color: #FFF} 
#tb2 td {margin: 0; padding: 0}

/* ----- Rad 1 i navigationsraden (3 kolumner sammanslagna - tb2_r1_) ---*/
/*#tb2_r1_k1 {width: 1000px; height: 80px; margin: 0; padding: 0; background: #FFF url(images/klaviatur.gif) no-repeat}*/
#tb2_r1_k1 {text-align: center; vertical-align: bottom}

/* ---------------------------- Rad 2 i rubrikraden (tb2_r2_) -----------*/
/*#tb1_r1_k1 {width: 1000px; height: 80px; margin: 0; padding: 0; background: #FFF url(images/klaviatur.gif) no-repeat}*/
#tb2_r2_k1 {width: 15%; text-align: left; font-size: 75%; font-weight: bold}
#tb2_r2_k2 {width: 60%; text-align: center; font-size: 75%; font-weight: bold}
#tb2_r2_k3 {width: 15%; text-align: right; font-size: 75%; font-weight: bold}

/*------------------------------- startbild ---------------------------------------------------------------------------------------*/
#startbild {text-align: center; margin: 12px 12px 0px 12px; font-size: 1em; line-height: 1.2em; color: #999}

/*div.bild_vanster {float: left; clear: both; margin : 0 1em 0 0; display: inline; font-size: 0.9em; line-height: 1.2em}
div.bild_mitt {text-align: center; display: inline; font-size: 0.9em; line-height: 1.2em} */

/*------------------------------- albuminfo ---------------------------------------------------------------------------------------*/
#albuminfo {text-align: left; margin: 12px 12px 0px 12px; padding: 6px 12px 6px 12px; font-size: 1em; line-height: 1.2em; color: #000; border: 1px solid #999; background-color: #F6F9FB}
/*#albuminfo h1 {text-align: left; margin: 12px 0px 12px 0px; font-size: 1.1em; color: #3370D5}*/
#albuminfo h1 {margin: 12px 0 12px 0; padding: 0; border: 0; text-align: left; font-size: 1.1em; color: #3370D5}
#albuminfo h2 {margin: 0 0 6px 0; padding: 0; border: 0; font-size: 1em; color: #777}
#albuminfo p {margin: 0; padding: 0; border: 0; font-size: 0.9em; line-height: 1.2em; color: #000}

/*------------------------------- meny --------------------------------------------------------------------------------------------*/
/* #meny{} finns i msie och firefox */
#meny ul {list-style-type: none; margin: 0; padding: 0}
#meny li {font-family: arial, helvetica, sans-serif; font-size: 75%; font-weight: bold; line-height: 120%}
/*#meny li {font-size: 75%; font-weight: bold; line-height: 120%}*/
#meny li.li_1 {padding-left: 0px}
#meny li.li_2 {padding-left: 15px}
#meny li.li_3 {padding-left: 30px}
#meny a.navlink{text-decoration: none}
#meny a.navlink:link{color: #FFF} 
#meny a.navlink:visited{color: #FFF}
/* #meny a.navlink:hover{color: #488AAF; background: #FFF} */
#meny a.navlink:hover{color: #000; background: #FFF}

#meny a.navlink_svag{text-decoration: none}
#meny a.navlink_svag:link{color: #CCC} 
#meny a.navlink_svag:visited{color: #CCC}
/*#meny a.navlink_svag:hover{color: #FFF; background: #488AAF}*/
#meny a.navlink_svag:hover{color: #488AAF; background: #CCC}

#meny a.navlink_inlogg{text-decoration: none}
#meny a.navlink_inlogg:link{color: #0F0} 
#meny a.navlink_inlogg:visited{color: #0F0}
#meny a.navlink_inlogg:hover{color: #0C0; background: #FFF}

#meny a.navlink_inlogg_svag{text-decoration: none}
#meny a.navlink_inlogg_svag:link{color: #0C0} 
#meny a.navlink_inlogg_svag:visited{color: #0C0}
#meny a.navlink_inlogg_svag:hover{color: #0C0; background: #CCC}

/* ---------------------------- Nyheter i vänster kolumn -------------------*/
/*se även firefox och msie*/
#nyheter div h2 {margin: 0; padding: 0; border: 0; font-size: 1.1em; color: #FFF}
#nyheter div.nyheter_bla_05 h2 {margin: 0; padding: 0; border: 0; font-size: 1.1em; color: #00F}
#nyheter div.nyheter_vit_bla h2 {margin: 0; padding: 0; border: 0; font-size: 1.1em; color: #00F}
#nyheter div.nyheter_vit_rod h2 {margin: 0; padding: 0; border: 0; font-size: 1.1em; color: #F00}
#nyheter div p {margin: 0; padding: 0; border: 0; font-size: 0.9em}
#nyheter div a {margin: 0; padding: 0; border: 0; font-size: 0.8em}

div.nyheter_bla_100 {color: #FFF; background-color: #488AAF} 
div.nyheter_bla_80 {color: #FFF; background-color: #6DA1BF} 
div.nyheter_bla_60 {color: #FFF; background-color: #91B9CF}
div.nyheter_bla_05 {color: #00F; background-color: #F6F9FB} 
div.nyheter_vit_bla {color: #00F; background-color: #FFF}
div.nyheter_vit_rod {color: #F00; background-color: #FFF}

/*--------------------------------- inloggningsruta -------------------------------------------------------------------------------*/
/*#loggain se firefox och msie*/
/*#loggain {border-collapse: collapse;  width: 300px; margin: 100px 0 0 100px; padding: 0; border: 1px solid #999; color: #777} */
#loggain td {/*border: 1px solid #FFF;*/ margin: 0px; padding: 6px; font-size: 1em}
#loggain td.loggain_1 {width: 100px}
#loggain td.loggain_2 {width: 100%}
#loggain td input {text-align: left; font-size: 1em; width: 90%}
/*#loggain td input.loggain_3 {width: 35%; text-align: center} */
#loggain td input.loggain_4 {width: 15%; text-align: center}

/*--------------------------------- pagecontainer/maintable/rightcolumn/main/ram ----------------------------------------------*/
div.vit {margin: 0; text-align: left}
div.vit table {border-collapse: separate; /*width: 100%;*/ margin: 0; padding: 0; border: 0; background-color: #FFF}
/* #vit td {height: 100%; margin: 0; padding: 6px 12px 6px 12px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 0; background-color: #FFF}  */
div.vit td {height: 100%; margin: 0; padding: 6px 12px 6px 0px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 0; background-color: #FFF}
div.vit h1{text-align: left; margin: 12px 0 0 12px; font-size: 1.1em; color: #3370D5}

div.ram {margin: 0; text-align: left; background-color: #FFF}
div.ram table {border-collapse: separate; /*width: 100%;*/ margin: 0; padding: 0; border: 0; background-color: #FFF}
/* div.ram td {height: 100%; margin: 0; padding: 6px 12px 6px 12px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 1px solid #999; background-color: #F9F9F9} */
div.ram td {height: 100%; margin: 0; padding: 6px 12px 6px 12px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 1px solid #999; background-color: #EDF3F7}
div.ram h1{text-align: left; margin: 12px 0 0 12px; font-size: 1.1em; color: #3370D5}

div.ram_vit {margin: 0; text-align: left; background-color: #FFF}
div.ram_vit table {border-collapse: separate; margin: 0; padding: 0; border: 0; background-color: #FFF}
div.ram_vit td {height: 100%; margin: 0; padding: 6px 12px 6px 12px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 1px solid #999; background-color: #FFF}
div.ram_vit h1{text-align: left; margin: 12px 0 0 12px; font-size: 1.1em; color: #3370D5}

div.ram_gra {margin: 0; text-align: left; background-color: #FFF}
div.ram_gra table {border-collapse: separate; margin: 0; padding: 0; border: 0; background-color: #FFF}
div.ram_gra td {height: 100%; margin: 0; padding: 6px 12px 6px 12px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 1px solid #999; background-color: #F9F9F9}
div.ram_gra h1{text-align: left; margin: 12px 0 0 12px; font-size: 1.1em; color: #3370D5}

div.ram_bla {margin: 0; text-align: left; background-color: #FFF}
div.ram_bla table {border-collapse: separate; margin: 0; padding: 0; border: 0; background-color: #FFF}
div.ram_bla td {height: 100%; margin: 0; padding: 6px 12px 6px 12px; text-align: left; vertical-align: top; font-size: 1em; line-height: 1.2em; border: 1px solid #999; background-color: #F6F9FB}
div.ram_bla h1{text-align: left; margin: 12px 0 0 12px; font-size: 1.1em; color: #3370D5}

/*#ram td h1{text-align: left; margin-left: 0; font-size: 1.1em; color: #3370D5}
#ram td h2{text-align: left; margin-left: 0; font-size: 1em; color: #777}
#ram td p{text-align: left; margin-left: 0; font-size: 0.9em; line-height: 1.2em; color: #000} */

/* #inforuta {se msie och firefox} */
/*#inforuta h1 {margin: 12px 0 12px 0; padding: 0; border: 0; text-align: left; font-size: 1.1em; color: #3370D5}
#inforuta h2 {margin: 0 0 6px 0; padding: 0; border: 0; font-size: 1em; color: #777}
#inforuta p {margin: 0; padding: 0; border: 0; font-size: 0.9em; line-height: 1.2em; color: #000} */
	
div.inforuta h1 {margin: 12px 0 12px 0; padding: 0; border: 0; text-align: left; font-size: 1.1em; color: #3370D5}
div.inforuta h2 {margin: 0 0 6px 0; padding: 0; border: 0; font-size: 1em; color: #777}
div.inforuta p {margin: 0; padding: 0; border: 0; font-size: 0.9em; line-height: 1.2em; color: #000}

/*------------------------------------------ bildernas placering ----------------------------------------------------------*/
div.bild_vanster {text-align: center; float: left; clear: both; margin : 0 1em 0 0; display: inline; font-size: 0.9em; line-height: 1.2em}
div.bild_mitt {text-align: center; display: inline; font-size: 0.9em; line-height: 1.2em}
div.bild_hoger {text-align: center; float: right; margin : 0 0 0 1em; display: inline; font-size: 0.9em; line-height: 1.2em}
/*div.bild_vanster {clear: both} */

/*------------------------------------------ ljudikonens placering ----------------------------------------------------------*/
div.ljud_vanster {float: left; margin : 0 0.5em 0 0; display: inline; font-size: 0.9em; line-height: 1.2em}
div.ljud_mitt {text-align: center; display: inline; font-size: 0.9em; line-height: 1.2em}
div.ljud_hoger {float: right; margin : 0 0 0 0.5em; display: inline; font-size: 0.9em; line-height: 1.2em}

#test {border-collapse:separate; /*border-spacing:12px;*/ background-color: #DDD}
#test td {margin: 12px; border: 1px solid #000; background-color: #AAA}

/*------------------------------------------- evenemangtabell kort -----------------------------------------------------------*/
table#kort {border-collapse: collapse; width: 776px; margin: 12px 12px 0 12px}
/*table#kort tr.content {background-color: #96CFFA}
table#kort tr.content {background-color: #D7E5EC}*/
table#kort tr.content {background-color: #DAE8EF}
table#kort tr.contentOver {background-color: #DDDDDD}
table#kort th {border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; padding-top: .2em; padding-bottom: .2em; padding-left: .5em;
				font-size: 80%; line-height: 120%;color: #FFF; text-align: left}
/*table#kort th.kort_40 {width: 25%; background-color: #A8C1E1}
table#kort th.kort_60 {width: 75%; background-color: #A8C1E1}
table#kort th.kort_40 {width: 25%; background-color: #387DA0}
table#kort th.kort_60 {width: 75%; background-color: #387DA0}*/
table#kort th.kort_20 {width: 20%; background-color: #488AAF}
table#kort th.kort_40 {width: 40%; background-color: #488AAF}
table#kort th.kort_60 {width: 60%; background-color: #488AAF}
table#kort th.kort_80 {width: 80%; background-color: #488AAF}

table#kort td {border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; padding-top: .2em; padding-bottom: .2em; padding-left: .5em;
			   font-size: 80%; line-height: 120%; text-align: left; vertical-align: top}  	
table#kort td.kort_3 {background-color: #96CFFA}	
table#kort td.kort_4 {background-color: #96CFFA}