/* --------------------------------------------------------------------------------- */
/* --- GENERAL --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

* {
	box-sizing:					border-box;
}

html, body {
	margin:						0px;
	padding:					0px;
	height:						100%;
}

body {
	font-family:				Verdana, sans-serif;
	color:						#f0d0b0;
	font-size:					12px;
	background:					#000000;
}

div#wrapper {
	width:						980px;
	min-height:					100%;
	margin:						0px auto -150px;
	background-color:			#702040;
	background-image:			url("https://www.amiga.millway.dk/gfx/header_logo.png");
	background-repeat:			no-repeat;
	background-position:		top;
	border-left:				2px solid #ffffff;
	border-right:				2px solid #ffffff;
}

div#header {
	width:						100%;
	height:						110px;
}

div#content {
	width:						100%;
	padding:					20px;
}

a:link, a:active, a:visited {
	color:						#ffffff;
	text-decoration:			none;
}

 a:hover {
	color:						#ffffff;
	text-decoration:			underline;
}

div#submenu {
	position:					relative;
	top:						-10px;
	height:						20px;
	padding:					0;
	text-align:					right;
}

h1 {
	font-size:					20px;
	font-family:				Arial, sans-serif;
	font-weight:				bold;
	color:						#ffcc66;
	margin:						0;
	padding:					0;
}

h2 {
	font-size:					16px;
	font-family:				Arial, sans-serif;
	font-weight:				bold;
	color:						#ffcc66;
	margin:						30px 0 0 0;
	padding:					0;
}

p {
	line-height:				1.6;
}

div.clear {
	clear:						both;
	height:						20px;
}

blockquote {
	font-style:					italic;
	color:						#e2aa79;
}

/* --------------------------------------------------------------------------------- */
/* --- MAIN MENU ------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

#header ul {
    position:				relative;
	margin:					0;
    padding:				0;
	left:					410px;

}
#header li {
    list-style:				none;
    position:				absolute;
    top:					11px;
}
#header li, #header a {
    height:					21px;
    display:				block;
}

#home {
    left:					0px;
    width:					47px;
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') 0 0;
}

#home a:hover {
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') 0 -21px;
}

#groups {
    left:					77px;
    width:					69px;
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -47px 0;
}

#groups a:hover {
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -47px -21px;
}

#sceners {
    left:					176px;
    width:					79px;
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -116px 0;
}

#sceners a:hover {
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -116px -21px;
}

#parties {
    left:					285px;
    width:					69px;
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -195px 0;
}

#parties a:hover {
    background:			url('https://www.amiga.millway.dk/gfx/main_menu.png') -195px -21px;
}

#boards {
    left:					384px;
    width:					64px;
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -264px 0;
}

#boards a:hover {
    background:			url('https://www.amiga.millway.dk/gfx/main_menu.png') -264px -21px;
}

#goodies {
    left:					478px;
    width:					70px;
    background:				url('https://www.amiga.millway.dk/gfx/main_menu.png') -328px 0;
}

#goodies a:hover {
    background:			url('https://www.amiga.millway.dk/gfx/main_menu.png') -328px -21px;
}


/* --------------------------------------------------------------------------------- */
/* --- GROUPS ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

div#info_left {
	float:					left;
	width:					577px;
}

div#info_left p {
	line-height:			18px;
}

div#info_right {
	float:					right;
	width:					322px;
	text-align:				center;

}

div#info_right img {
	margin:				14px 0;
}


div.list_groups {
	float:					left;
	margin:					15px 0 0 0;
	width:					25%;
	line-height:			18px;
}

table.list_prods {
	width:					100%;
	border:					0;
	border-spacing:			0;
	padding:				15px 0 0 0;
}

table.list_prods th,
table.list_prods td {
	padding:				4px;
}

table.list_prods th {
	border-top:				1px solid #ffffff;
	border-bottom:			1px solid #ffffff;
	background:				#5f1b36;
}

table.list_prods td {
	border-bottom:			1px solid #833d59;
}

table.list_prods tr {
	line-height: 			20px;
}

table.list_prods tbody tr:hover {
	background:				#5f1b36;
}


/* --------------------------------------------------------------------------------- */
/* --- PRODS ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

table.prod_details {
	width:					573px;
	border:					0;
	border-spacing:			0;
	padding:				0;
}

table.prod_details thead {
	vertical-align:			top;
}

table.prod_details thead tr {
	height:					40px;
}

table.prod_details thead td {
	border-top:				1px solid #ffffff;
	border-bottom:			1px solid #833d59;
	padding-top:			4px;
	text-align:				right;
}

table.prod_details tbody td {
	border-bottom:			1px solid #833d59;
	line-height:			22px;
}

img.screenshot {
	border:					1px solid #ffffff;
	padding:				2px;
	float:					right;
}

div.screen_holder {
	width:					100%;
	text-align:				center;
	background-color:		orange;
}

table.interview_list {
	width:					100%;
	padding:				0;
}

table.interview_list td {
	vertical-align:			top;
	padding:				0 0 4px 0;
}

fieldset.box td {
	vertical-align:			top;
	padding:				2px 0;
}



/* ===== Scroll texts - Start ===== */

.container {
	display:				grid;
	gap:					20px;
}

/* Kolonne-styring */
.container.cols-1 {
	grid-template-columns:	1fr;
}
.container.cols-2 {
	grid-template-columns:	repeat(2, 1fr);
}
.container.cols-3 {
	grid-template-columns:	repeat(3, 1fr);
}
.container.cols-4 {
	grid-template-columns:	repeat(4, 1fr);
}
.container.cols-5 {
	grid-template-columns:	repeat(5, 1fr);
}

/* Box */
fieldset.box {
	box-sizing:				border-box;
	padding:				5px 10px;
	border:					1px solid #833d59;
	background:				#5f1b36;
}

/* Alignment */
.box.center {
	text-align:				center;
}
.box.left {
	text-align:				left;
}

/* Full width special */
.box.full {
	grid-column:			1 / -1;
}

/* Responsive fallback */
@media (max-width: 768px) {
	.container {
		grid-template-columns: 1fr !important;
	}
}

legend {
	font-weight:			bold;
	color:					#ffcc66;
}

pre {
	font-family:			monospace;
	white-space:			pre-wrap;
}

pre.fullscreen {
	display:				block;
	font-family:			monospace;
	white-space:			pre-wrap;
	width:					100%;
}

hr {
	border: none;
	margin: 10px 0;
}

/* ===== Scroll texts - End ===== */


/* ===== Paging - Start ===== */

.paging {
    width:					100%;
	padding:				15px 0;
}

.paging_left {
	float:					left;
}

.paging_right {
	float:					right;

}

/* ===== Paging - End ===== */



span.highlight {
	color:					#ffcc66;
	font-weight:			bold;
}

span.s_txt {
	font:					10px Verdana, sans-serif;
	font-weight:			bold;
	color:					#9d5b75;
}


/* ------------------------------------------------------------------------------ */
/* --- LOGIN PAGE --- LOGIN PAGE --- LOGIN PAGE --- LOGIN PAGE --- LOGIN PAGE --- */
/* ------------------------------------------------------------------------------ */

.slideshow-container {
	position:				relative;
	width:					320px;
	float:					right;
	padding-bottom: 		30px;
}

.mySlides {
	display:				none;
}

.prev, .next {
	cursor:					pointer;
	position:				absolute;
	transform:				translateY(-50%);
	color:					white;
	font-weight:			bold;
	font-size:				18px;
	transition:				0.6s ease;
	user-select:			none;
}

.slideshow-container a {
	text-decoration:		none;
}

.prev {
	top:					270px;
	left:					50px;
}

.next {
	top:					270px;
	right:					50px;
}

.numbertext {
	color:					#f2f2f2;
	font-size:				12px;
	position:				absolute;
    width:					100%;
	text-align:				center;
	top:					262px;
}

.fade {
	animation-name:			fade;
	animation-duration:		0.5s;
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}