/*---------------------------------  styles.css ----------------------------------------------*/

body {margin: 0; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 120%}
h1 {font-size: 110%; /*	text-align: center;  */ font-weight: bold; color: #3370D5; /*	color: #666666;  */}
h2 {font-size: 100%; /*	text-align: center;  */ color: #666666; font-weight: bold; /*	background-color: #FFFFFF;  */}
h3 {font-size: 90%; /*	text-align: center;  */ color: #666666; font-weight: bold;  /*	background-color: #FFFFFF;  */}
p {font-size: 90%; line-height: 120%}
	
/*---------------------------------  grundstruktur tabell ----------------------------------------------*/

#pagecontainer {text-align: left; margin: 0; padding: 0; width: 900px; height: 100%; /*	background: #FFF;  *//*	border: 1px solid #999;  */	}
table#maintable {border-collapse: collapse; height: 100%; /*	border: 1px solid #999;  */}
/* td#logga { se msie och firefox }  */

/*------------------------------------------ rubrik  ----------------------------------------------*/

#rubrik {width: 100%; text-align: center; vertical-align: bottom; border-bottom: 2px solid #999; background: #999; 
/*	background: url(images/hemsidagrund/vinter_718x83px.jpg) no-repeat; 
	background: url(images/hemsidagrund/sommar_718x83px.jpg) no-repeat;  */
}
td#rubrik h1 {font-size: 150%; text-align: center; font-weight: bold; color: #FFF}
	
/*------------------------------------------ navigering rubrik ----------------------------------------------*/

#navrad {width: 610px; /*font-size: 75%; font-weight: bold;  */ text-align: center; margin: 0; padding: 0;
/*	color: #999;  */
/*	border: 1px solid #999;  */
/*	background: #AAA;  */
}
#navrad table {border-collapse: collapse; width: 600px; /*	border: 1px solid #FFF; *//*	text-align: center; */}
#navrad table td{font-size: 75%; font-weight: bold; color: #FFFFFF; /*	border: 1px solid #FFF;  */	}
#navrad table td.vanster{width: 100px; text-align: left}
#navrad table td.mitt{/* width: 200px; */ text-align: center}
#navrad table td.hoger{width: 100px; text-align: right}
#navrad a{
/*	padding: 1px;  */
	text-decoration: none; 
/*	margin-left:10px;  */
/*	font-size:12px;  */		
}
	
#navrad a.navradlink{
	padding: 1px;  
	text-decoration: none; 
	margin-left: 10px; 
/*	font-size:12px;  */
	}
	
#navrad a.navradlink:link{
	color: #FFF;
	}
	
#navrad a.navradlink:visited{
	color: #FFF;
	}
	
#navrad a.navradlink:hover{
	color: #FFF; 
/*	background: #A8C1E1;  */
/*	background: #999;  */
	background: #555;  


	}		

/*------------------------------------------  left column ----------------------------------------------*/	

/* td#leftcolumn { se msie och firefox }  */

td#rightcolumn {
	border: 0;
	text-align: center;
	vertical-align: top;
}

#hoger_r1 {
	width: 200px;
/*	height: 200px;  */
	border-left: 2px solid #999;
	background: #FFF;  

}

#hoger_r2 {
	width: 200px;
	height: 100%;
	border-left: 2px solid #999;
	background: #FFF;  
}

/*---------------------------------  container navigation.css ----------------------------------------------*/

#navigation {
	width: 160px;  
/*	height: 150px; */
	text-align: left;
/*	background: #BEBEBE; */
	margin: 35px 5px 5px 10px;
/*	border: 1px solid #999; */
}

#navigation ul {	
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	font-size: 75%;
	font-weight: bold;
	line-height: 120%;
	margin: 0; 
}

#navigation li.li_1 {
	padding-left: 0px;
}

#navigation li.li_2 {
	padding-left: 20px;
}

#navigation a.navlink{
/*	padding: 1px;  */
	text-decoration: none; 
/*	margin-left:10px; 
	font-size:12px;  */
	}
	
#navigation a.navlink:link{
	color: #000000;
	}
	
#navigation a.navlink:visited{
	color: #000000;
	}
	
#navigation a.navlink:hover{
	color: #000000; 
	background: #A8C1E1;
	}

/*---------------------------------  container reklam ----------------------------------------------*/

#reklam {
	width: 170px;  
	margin-top: 60px;
	padding: 0px;
/*	border: 2px solid #999;  */
	
}
#reklam table {
	border-collapse: collapse; 
	width: 90%;
	}
#reklam table td {
/*	border-right: 1px solid #FFF;  
	border-bottom: 1px solid #FFF; */
	border-top: 0px solid #BEBEBE;
	border-right: 0px solid #BEBEBE;
	border-bottom: 20px solid #BEBEBE;
	border-left: 0px solid #BEBEBE;
	padding: .5em;
/*	padding-top: .5em;
	padding-bottom: .5em; */
	text-align: center; 
	font-size: 80%;
	line-height: 120%; 
	color: #000000;  
	}

#reklam table td.rek_1 {
	text-align: left; 
	background-color: #F7F7F7; 
	}
#reklam table td.rek_2 {
	text-align: center; 
/*	background-color: #F7F7F7;  */
	}

/*---------------------------------  container main ----------------------------------------------*/

#main {
/*	width: 718px;  */
	width: 686px;  
/*	height: 100%;  */
/*	overflow: auto; */
	text-align: left; 
/*	background: #FAFAFA; */
	margin: 15px;
	padding: 0px;
/*	border: 1px solid #999;   */
}

#main hr {
	clear: both;
	margin: 0;
	padding: 0;
}

div.bild_vanster {
	float: left;
	margin : 0 1em 0 0;
	display: inline;
	font-size: 90%;
	line-height: 120%;
/*	border: 1px solid #999;  */	
}

div.bild_mitt {
/*	float: left;  */
	text-align: center;
/*	margin : 0 1em 0 0; */
	display: inline;
	font-size: 90%;
	line-height: 120%;
/*	border: 1px solid #999;  */	
}

div.bild_hoger {
	float: right;
	margin : 0 0 0 1em;
	display: inline;
	font-size: 90%;
	line-height: 120%;
/*	border: 1px solid #999;  */	
}

/*---------------------------------  tabell kort ----------------------------------------------*/

/*#kort table { */
table#kort {
	border-collapse: collapse;
	width: 100%;
	}

table#kort tr.content {
	background-color: #96CFFA; 
}

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: #000000; 
	text-align: left;	
	}

table#kort th.kort_1 {
	width: 25%;
	background-color: #A8C1E1; 
/*	padding-left: .5em;
	text-align: left; */
	}
	
table#kort th.kort_2 {
	width: 75%;
	background-color: #A8C1E1; 
/*	padding-left: .5em;
	text-align: left; */
	}

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 {
/*	text-align: left;
	padding-left: .5em; */
	background-color: #96CFFA;  
}
/*
table#kort tr.kort_5 {
	text-align: left;
	padding-left: .5em;
	background-color: #000000;
}

table#kort td.contentText {
	background-color: #96CF00; 
}
*/

/*.contentText {
	background-color: #96CF00; 
} */


/*--------------------------------- stipendiater ----------------------------------------------*/



a.stipendiekriterier{
	padding: 1px;  
	text-decoration: none;
	margin-left:10px; 
	background: #FFF; 
	}

a.stipendiekriterier:hover{
/*	color: #000000;   */
	background: #DDD; 
	}		

table#stipendiater {
	border-collapse: collapse;
	width: 100%;
	}
	
table#stipendiater th {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: .2em;
	padding-right: .5em;
	padding-bottom: .2em;
	padding-left: .5em;
	font-size: 80%;
	line-height: 120%;
	text-align: left;
	color: #000000; 
	background-color: #A8C1E1; 
	}

table#stipendiater th.st_1 {
	width: 8%;
	}
	
table#stipendiater th.st_2 {
	width: 23%;
	}
	
table#stipendiater td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: .2em;
	padding-right: .5em;
	padding-bottom: .2em;
	padding-left: .5em;
	font-size: 80%;
	line-height: 120%;
	text-align: left;
	background-color: #96CFFA; 
	}

table#stipendiater .content {
	background-color: #96CFFA; 
}

table#stipendiater .contentOver {
	background-color: #A8C1E1;
}	
	
/*---------------------------------  tabell styrelsemedlemmar ----------------------------------------------*/

table#stymed {
	border-collapse: collapse;
	width: 70%;
	}
	
table#stymed th {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 80%;
	line-height: 120%;
	color: #000000; 
	background-color: #A8C1E1; 
	}

table#stymed th.stymed_1 {
	width: 30%;
	padding-left: .5em;
	text-align: left;
	}
	
table#stymed th.stymed_2 {
	width: 40%;
	padding-left: .5em;
	text-align: left;
	}
	
table#stymed td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 80%;
	line-height: 120%;
	background-color: #96CFFA;
	}
	
table#stymed td.stymed_3 {
	text-align: left;
	padding-left: .5em;
}	

table#stymed td.stymed_4 {
	text-align: left;
	padding-left: .5em;
}


/*  artister  --------------------------------------------------------------------------------------------------- */

#jbartister {
	width:587px; 
	height:100%; 
	margin:0px; 
	padding:0px; 
	overflow:auto; 
	background-color:#FFFFFF;
	text-align: center;
	}
#jbartister a {
	font-size: 90%;
	}
#jbartister a:hover {
	text-decoration: none; 
	background-color: #A8C1E1;}
#artistlistor table {
	border-collapse: collapse;
	}
#artistlistor td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: .5em;
	font-size: 90%;
	line-height: 120%;
	}
#artistlistor td.jazz {
	background: #F5EE92;
	}
#artistlistor td.blues {
	background: #96CFFA;
	}
#axplock table {
	border-collapse: collapse;
	}
#axplock td {
	padding: .5em;
	font-size: 90%;
	line-height: 120%;
	}
#axplock tr.jazz {
	background: #F5EE92;
	}
#axplock tr.blues {
	background: #96CFFA;
	}
	
#innehall {
	width:600px;
	height:100%;  
	margin:0px; 
	padding:20px; 
	overflow:auto; 
	color: #000000;
	background-color:#FFFFFF;
	}

#innehall a:hover {
	text-decoration: none; 
	background-color: #A8C1E1;
	} 
	
	/*---------------------------------  tabell valjartist ----------------------------------------------*/

table#valjartist {
	border-collapse: collapse; 
	width: 100%;
	}

table#valjartist td {
	border: 1px solid #FFF;
/*	border-left: 1px solid #FFF;  */
	padding-top: .1em;
	padding-bottom: .1em;  
	font-size: 90%;
	line-height: 120%;
	background-color: #96CFFA;
	}
	
table#valjartist td.valjartist_1 {
/*	border-right: 1px solid #FFF;  */
	text-align: center;
/*	padding-left: .5em;
	background-color: #96CFFA; */
}	

table#valjartist td.valjartist_2 {
	text-align: center;
/*	padding-left: .5em;
	background-color: #16CFF0; */
}

table#valjartist td.valjartist_3 {
	text-align: center;
/*	padding-left: .5em;
	background-color: #16CFF0; */
}

/*--------------------------------- 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 {border-collapse: collapse;  width: 350px; margin: 10px 0 0 0; padding: 0; border: 1px solid #999; color: #777; background-color: #EEE}
#loggain td {/*border: 1px solid #FFF;*/ margin: 0px; padding: 6px; font-size: 0.9em}
#loggain td.loggain_1 {width: 90px}
#loggain td.loggain_2 {width: 250px}
#loggain td input {text-align: left; font-size: 0.9em; width: 90%}
/*#loggain td input.loggain_3 {width: 35%; text-align: center} */
#loggain td input.loggain_4 {width: 15%; text-align: center}
#loggain td input.loggain_5 {width: 35%; text-align: center}



/* ------------------------------------ tabell medlemmar -------------------------------------------------------------------------*/
#redigera_1 {width: 95%; font-size: 0.9em; line-height: 1em; text-align: left; background: #FFF}
#redigera_1 tr {background-color: #EEE}
#redigera_1 td,th {padding-left: .5em}

/* ------------------------------------ tabell nyhetsbrev -------------------------------------------------------------------------*/
#redigera_2 {width: 60%; font-size: 0.9em; line-height: 1em; text-align: left; background: #FFF}
#redigera_2 tr {background-color: #EEE}
#redigera_2 td,th {padding-left: .5em}

