/*
		Stilmall för användarsidor

		Per Alm, 2018-03-29

*/

* 						{	margin:0; padding:0; border:none;	}
.clear 				{ clear:both; }
.left					{ float:left; }
.right				{ float:right; }
.inline				{ display:inline-block;
								padding:10px 10px 0; }
body 					{ font-family:serif; font-size:100%;
								text-align:center; 
								overflow:scroll;
								max-width:100%;
								min-height:100%; }

/*
		Centrerad gemensam bakgrund
*/
#fond 				{ position:relative;
 								top:0; bottom:0; 
 								left:auto; 
								margin:0 auto;
								width:100%;
								min-width:0px;
								z-index:0;
								background-image: url("bilder/png_AA.png"); 
 }
								
#innerfond 		{ max-width:100%;
								padding-top:0;
								z-index:1; }

#mittfond
							{ margin-left:2%;
								margin-right:2%;
								padding-bottom:50px;
								text-align:center; }

.mittfond			{ width:100%;
								margin-left:auto;
								margin-right:auto; }

.block0, .block1, .block2, .block3
							{ padding:6px 10px; }

.mittext			{	width:auto;
								margin-left:auto;
								margin-right:auto;
								padding:5px 35px 10px;
								text-align:center;
								background-color:#ffffee; }								

.mittext p		{ padding-left: 6px;
								padding-right: 6px; }

.mittext table
							{	margin-left: 0;
								margin-right: auto;	}
							
/*
		Bakgrunder
*/
#ingressfond	{ position:absolute; 
								top:0; 
								bottom:0; 
								z-index:-1; }

#klickfond_vänster
							{ position:absolute; 
								left:0px; 
								top:0; 
								bottom:0; 
								z-index:-1; }

#klickfond_höger
							{ position:absolute; 
								right:0px;  
								top:0; 
								bottom:0; 
								z-index:-1; }
								
#sidfond
							{ position:absolute; 
								left:0px; 
								top:0; 
								bottom:0; 
								z-index:-1; }
								
#tablåfond
							{ position:absolute; 
								right:0px;  
								top:0; 
								bottom:0; 
								z-index:-1; }

/*
					Bredder
*/
#ingressfond, .ingressfond
							{ width:100%;
								width:480px;
								min-width:0px;
								left:240px; }
								
#klickfond_vänster, #klickfond_höger, .klickfond, .copyspalt
							{ width:100%;
								width:240px;
								min-width:0px; }
								
#sidfond, .sidfond
							{ width:100%;
								width:320px;
								min-width:0px; }
								
#tablåfond, .tablåfond, .bildfond, #textfond, .textfond
							{ width:100%;
								width:640px;
								min-width:0px; }

.logga				{ width:400px;
								height:auto;
								padding-top:40px;
								padding-bottom:10px;
								max-height:100%;
								max-width:100%; }
							
.porträttbild { width:160px; }

.galleribild 	{ width:200px; }

.tablå 				{ width:600px; 
								margin:0 15px 20px; 
								padding:10px 5px; }
								
.bildspalt 		{ width:600px; 
								margin:20px 15px; 
								padding:0 5px; }

.sidspalt .liten_logga,
.retur_logga	{ width:100px; }

.copyspalt .liten_logga
							{ width:80px; }

.retur_logga:hover
							{ width:120px; }

.ingressfond .liten_logga, .textfond .liten_logga
							{ width:100px; 
								margin:15px 20px 0; }

.ingressfond .liten_logga:hover, .textfond .liten_logga:hover, .copyspalt .liten_logga:hover
							{ width:140px; }

.copyspalt		{ text-align:left; }

.copyright		{ width:120px; }

.copyright:hover
							{ width:200px; }

/*
					Placering och höjdmarginaler
*/
.ingressfond 	{ float:left; 
								display:inline; 
								margin-top:30px; 
								margin-bottom:20px; }
								
.klickfond 		{ float:left; 
								display:inline; 
								margin-top:20px; }
								
.porträttbild	{ height:auto; 
								margin-top:10px; 
								margin-bottom:15px; 
								border:3px solid transparent; }
								
.galleribild 	{ height:auto; 
								margin-top:10px; 
								border:none; }

.inbild				{ display:inline-block;
								width:auto;
								vertical-align:top;
								padding:10px 10px 0; }

.inbild img		{ width:auto;
								height:auto;
								max-height:100%;
								max-width:100%; }

p.bildtext 		{ margin:auto; }

.klickspalttext
							{ position:absolute; 
								top:240px; }

.sidfond 			{ float:left; 
								display:inline; 
								margin-top:30px; 
								margin-bottom:20px; }

.tablåfond 		{ float:left; 
								display:inline; }
								
.tablåbild		{ float:left; 
								display:inline; 
								height:auto; 
								width:auto; 
								margin:12px; 
								border:3px solid transparent; }

.bildfond 		{ float:left; 
								display:inline; }
								
.bildspalt 		{ height:auto; }

.storbild			{ border:5px solid transparent; }

.textfond 		{ float:left; 
								display:inline; }

.tillbaka .klick, #im_prev, #im_next
							{ width:40px; }
							
button.av, input.av, input.dummy
							{ cursor:default; }
							
.navigering		{ position:fixed; 
								bottom:50px; 
								height:40px; }
								
.tillbaka			{ position:absolute; 
								left:105px; }
								
#im_prev			{ position:absolute; 
								left:30px; }
								
#im_next			{ position:absolute; 
								right:30px; }

.copyspalt		{ position:fixed; 
								bottom:0px; }
								
.copyright		{ float:left; 
								margin-bottom:10px; 
								text-align:left; }

/*.sidspalt, textspalt
					 		{ min-height:600px; }
*/
/*
					Markör och attribut
*/
a 						{ text-decoration:none; }
p a						{ color:red; }
p a:hover			{ background-color:yellow; }

th, td 				{ padding:.2em; 
								vertical-align:top; }

h1.välj, h2.välj, h3.välj, h4.välj, h5.välj, h6.välj
				 			{ cursor:pointer;
				 				padding:0.2em 0 0; }
h1.välj:hover, h2.välj:hover, h3.välj:hover, h4.välj:hover, h5.välj:hover, h6.välj:hover
							{ background-color:#fc8; }

.visas				{ display:block; }
.dold					{ display:none; }

.aktiv2				{	background-color:#eee; }
.aktiv				{	background-color:#ccc; }
a.aktiv				{ padding-top:0px; }

.listbild			{ float:left; 
								display:inline; 
								height:auto; 
								width:auto; 
								margin:12px; } 
/*							border:3px solid transparent; }	*/
.listtext			{ position:absolute;
								background-color:#eee;
								font-size:0.8em;
								z-index:2;
								display:none; }
.listbild:hover .listtext
							{ display:block; }