/* --------------------------------------------------------------------------------- */
/* --- 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%;
	height:					auto !important;
	height:					100%;
	margin:					0px auto -150px;
	background:				#702040 url("https://www.amiga.millway.dk/gfx/header_logo.png") no-repeat top;
	border-left:			2px solid #ffffff;
	border-right:			2px solid #ffffff;
}

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

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

div#push {
	height:					150px;
}

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

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

div#submenu {
	position:				relative;
	top:					116px;

	width:					938px;
	height:					20px;
	padding:				0;
	text-align:				right;
}

h1 {
	font:					20px Arial, sans-serif;
	font-weight:			bold;
	color:					#ffcc66;
	margin:					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;
}

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

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

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

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

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

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

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

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

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

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

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

div#info_right img {
	 display: block;
    margin: 0 auto;
}

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

fieldset.fullscreen {
	display:			block;
	margin:				0;
	padding:			0px 0px 0px 10px;
	border:				1px solid #833d59;
	background:			#5f1b36;
}

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

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

fieldset.box1 {
	width:				700px;
	display:			inline;
	padding:			0px;
	text-align:			center;
	border:				1px solid #833d59;
	background:			#5f1b36;
}

fieldset.box2 {
	width:				444px;
	display:			inline;
	padding:			0px;
	text-align:			center;
	border:				1px solid #833d59;
	background:			#5f1b36;
}

fieldset.box3 {
	width:				288px;
	display:			inline;
	padding:			0px;
	text-align:			center;
	border:				1px solid #833d59;
	background:			#5f1b36;
}

fieldset.box4 {
	width:				210px;
	display:			inline;
	padding:			0px;
	text-align:			center;
	border:				1px solid #833d59;
	background:			#5f1b36;
}

fieldset.box5 {
	width:				163px;
	display:			inline;
	padding:			0px;
	text-align:			center;
	border:				1px solid #833d59;
	background:			#5f1b36;
}

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:				897px;
}

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 */
.slideshow-container {
	position:			relative;
	width:				320px;
	float:				right;
	background:			orange;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: relative;
  
  width: auto;
  

  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}



/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

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