body {
	font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 5px 10px 5px 30px;
}
/* egenskaper för länkar */ 
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------------- */
/* SIDHUVUD */
/* --------------------------------------------------------------------------------- */
/* rubrik över bildvisningen ($rubrik i config.php)  */
#rubrik {
	clear: both;
	width: auto;
	margin: 0;
	padding: 0 0 5px 0;
	color: #000;
	font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: center;
/*	border: 1px solid #ccc; */
}
/* visar antal bilder (filer) i bildmappen (visning_antal_bilder i config.php) */
#visning_antal_bilder {
	clear: both;
	width: auto;
	padding: 0;
	margin: 0 auto 5px auto;
	font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
	color: #8c8c8c;
	text-align: center;
/*	border: 1px solid #ccc; */
}
/* --------------------------------------------------------------------------------- */
/* SIDLAYOUT */
/* --------------------------------------------------------------------------------- */
/* Centreringsbox */
#image_centerbox {
	width: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
/*	border: 1px solid #ccc; */
}
/* Containerbox */
#image_containerbox {
	display: inline-block;
	width: auto;
	margin: 10px auto 20px auto;
	padding: 0;
	text-align: center;
/*	border: 1px solid #ccc; */
}
/* RAD med bilder */
#image_row {
	width: auto;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
/*	border: 1px solid #ccc; */

/* OBS! Ta bort "display" om inte bilderna visas i äldre webbläsare */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	
}
/* Bildbox LITEN bild */
#image_box {
	width: auto;
	float: left;
	margin: 5px;
	padding: 0;
/*	border: 1px solid #ccc; */
}
/* LITEN bild */
#image_box img {
	margin: 5px;
	padding: 0;
	box-shadow: 3px 3px 15px #666;
}
/* Bildbox STOR bild */
#image_big_box {
	width: auto;
	float: left;
	margin: 5px;
	padding: 0;
/*	border: 1px solid #ccc; */
}
/* STOR bild */
#image_big_box img{
	margin: 5px;
	padding: 0;
	box-shadow: 3px 3px 15px #666;
}
/* --------------------------------------------------------------------------------- */
/* INFORMATIONSTEXT under miniatyerna
/* --------------------------------------------------------------------------------- */
/* filnamn under miniatyrerna */
.filnamn {
	font-size: 12px;
	letter-spacing: 1px;
	color:#999;
}
/* bildstorlek under miniatyrerna */
.bildstorlek {
	font-size: 12px;
	letter-spacing: 1px;
	color:#999;
}
/* filstorlek under miniatyrerna */
.filstorlek {
	font-size: 12px;
	letter-spacing: 1px;
	color:#999;
}
/* --------------------------------------------------------------------------------- */
/* SIDNAVIGERING */
/* --------------------------------------------------------------------------------- */
/* VISNING av bilder - sidvis, alla, eller stora miniatyrer 
($visning_meny i config.php) */
#visning_meny {
	width: auto;
	margin:  0;
	padding: 0 0 5px 0;
	background-color: #fff;
	border: 1px solid #fff;
	margin: 0 auto 0 auto;
	text-align: center;
/*	border: 1px solid #ccc; */
}
#visning_meny a:link {
	color: #000000;
	text-decoration: none;
}
#visning_meny a:visited {
	color: #000000;
	text-decoration: none;
}
/* Meny för navigering nästa/föregående */
#navigering_topp {
	width: auto;
	clear: both;
	margin: 0 auto 5px auto;
	padding: 0;
/*	border: 1px solid #ccc; */
}
#navigering_botten {
	width: auto;
	clear: both;
	margin: 5px auto 25px auto;
	padding: 0;
/*	border: 1px solid #ccc; */
}
/* Paginering - sidbläddring ovanför bilderna */
.navigator1 {
	background-color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
/*	border: 1px solid #ccc; */
}
.active_page1 { font-weight: bold; }
/* paginering/sidbläddring under bilderna */
.navigator2 {
	background-color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
}
/* länkar till sidnummer (i navigator2) */
.pagelinks { background-color: #fff; }
.pagelinks a:visited { color: #000; }
.active_page2 {
	font-weight: bold;
}
/* --------------------------------------------------------------------------------- */
/* ADMINISTRATION */
/* --------------------------------------------------------------------------------- */
/* MENYFLIKAR - administration */
.menycontainer ul {
	margin: 10px 10px 0 0;
	padding: 0 5px 0 5px;
	font-size: 14px;
	border: 1px solid #dedebe;
}
.menycontainer li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menycontainer li a {
	width: auto;
	display: block;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	margin: 2px 0px 2px 0px;
	background-color: #fff;
	border: 1px dotted #dedebe;
}
.menycontainer a:link { color: #333; }
.menycontainer a:visited { color: #333; }
.menycontainer a:hover { background-color: #cf6; }

/* ADMIN - visar bildredigeringsknappar */
#image_edit {
	clear: both;
	width: auto;
	padding: 0 0 0 0;
	margin: 5px auto 0 auto;
	text-align: center;
/*	border: 1px solid #ccc; */
}

/* ################################################################################# */
/* ################################################################################# */
/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* MOBILTELEFON 
/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px){

/* BILDER - maximal storlek på bilder */
#image row {
	display: block;
}
#image_box {
	float: none;
	width: 95%;
	height: auto;
}
#image_box img {
	min-width: 50%;
	max-width: 90%;
	height: auto;
}
#image_big_box {
	float: none;
	width: 95%;
	height: auto;
}
#image_big_box img {
	min-width: 50%;
	max-width: 90%;
	height: auto;
}
	
}

/* ################################################################################# */
/* ################################################################################# */
/* ################################################################################# */
/* --------------------------------------------------------------------------------- */
/* SMARTPHONE och LÄSPLATTA (portrait/stående)
/* --------------------------------------------------------------------------------- */
@media only screen and (min-width : 480px) and (max-width: 768px){

#image_big_box {
	float: none;
	width: 95%;
	height: auto;
}
#image_big_box img {
	max-width: 95%;
	height: auto;
}

}