/*
		Stilmall för användarsidor

		Per Alm, 2015-01-03

*/

* 						{	margin:0; padding:0; border:none;	}
.clear 				{ clear:both; }
body 					{ font-size:100%; font-family:serif; text-align:center; overflow:scroll; }

/*
		Centrerad gemensam bakgrund
*/
#fond 				{ position:relative; height:100%; left:auto; top:0; bottom:0; margin:0 auto; z-index:0; } /**/
#innerfond 		{ padding-top:0; z-index:1; } /**/
/*
		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
*/
#fond					{ width:960px; }
#ingressfond, .ingressfond
							{ width:480px; left:240px; }
#klickfond_vänster, #klickfond_höger, .klickfond, .copyspalt
							{ width:240px; }
#sidfond, .sidfond
							{ width:320px; }
#tablåfond, .tablåfond, .bildfond, #textfond, .textfond
							{ width:640px; }

.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; }

.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; }
th, td 				{ padding:.2em; vertical-align:top; }
