
img.Grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);	
}

#Nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width:  100%;
	z-index: 500;
	display: inline-block;
	padding: 0px;
	transition: all 0.5s;
	background-color: #222;
	box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.5);
}
#NavLogo, #NavOksjon {
	display: inline-block;
	margin: 8px 0px 4px 8px;
	width: 100px;
	max-width: 100px;
	opacity: 0.5;
/*	transition: all 0.5s;
*/}
#NavLogo {

}
#NavLOksjon {
	margin: 0px 8px 8px 0px;
}
#NavLogo:hover>img {
	/*opacity: 1;*/
  /*-webkit-filter: grayscale(100%);*/
  /*filter: grayscale(100%);	*/
}
#NavRefresh {
	float: right;
	width: 8vw;
	max-width: 28px;
	margin: 12px 16px 0px 12px;
	opacity: 0.5;
	transition: all 0.5s;
}
#NavRefresh:hover {
	opacity: 1;
}
#NavUser {
	position: fixed;
	top: 16px;
	right: 80px;
	z-index: 600;
	color:  rgb(255, 230, 128);
	opacity: 0.2;
	text-align: right;
	transition: all 0.5s;
}
#NavUser:hover {
	opacity: 1;
}


#NavMenu {
	background-color: rgba(0, 0, 0, 0.2);
	width: 100%;

	padding: 70px 0px 10px 0px;
}
#NavMenu>a {
	display: inline-block;
	margin: 0px 10px 0px 10px;
	padding: 4px 12px 4px 12px;
	border:  1px solid rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.1);
}
#NavMenu>a:first-child {
	margin-left: 20px;
}

#ScrollUp {
	position: fixed;
	right: 0px;
	bottom: 10vh;
	z-index: 500;
	display: inline-block;
	padding: 0px;
	transition: all 0.5s;
	cursor: pointer;
	border-radius: 5px 0 0 5px;
	opacity: 0.5;
}
#ScrollUp>img {
	display: block;
	margin: 8px;
	width: 7vw;
	max-width: 50px;
	transition: all 0.5s;
}
#ScrollUp:hover>img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);	
}

section.TextSection {
	padding: 5vw;
	background-color: rgba(255, 255, 255, 0.1);
}
section.TextSection>h1 {
	color: transparent;
	text-shadow: 0 0 2px rgba(180, 100, 0, 1);
	/*color: rgb(200, 120, 0);*/
	padding-bottom: 30px;
	border-bottom: 5px solid rgba(200, 120, 0, 0.3);
	margin-bottom: 36px;
}
section.TextSection>h1>span {
	margin-left: 10px;
	font-size:  0.8em;
	opacity: 50%;
}
section.TextSection>h1>span.Subtitle {
	display: block;
	/*color: black;*/
	margin-left: 5%;
	font-size: 0.8em;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
section.TextSection>div {
	column-count: 1;
	column-gap: 5%;
	column-rule: 9px solid rgba(255, 255, 255, 0.05);	
}
section.TextSection>div>h3 {
	break-after: avoid;
}
body.M section.TextSection>div, body.L section.TextSection>div {
	column-count: 2;
}
body.XL section.TextSection>div {
	column-count: 3;
}
section.TextSection>div>img {
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}

body.XL section.TextSection>div, body.L section.TextSection>div {
	column-count: 2;
}

body.XL section.TextSection.SingleColumn>div, body.L section.TextSection.SingleColumn>div {
	column-count: 1;
}

section.TextSection div.Box {
	border: 8px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(150, 150, 150, 0.7);
	padding: 0px;
	border-radius: 5px;
	color: black;
	break-inside: avoid;
}
section.TextSection div.Box>h3 {
	padding: 12px;
	background-color: rgba(0, 0, 0, 0.1);
	color: black;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	margin: 0px;
}
section.TextSection div.Box>p {
	margin-top: 0px;
	margin-block-start: 0em;
	margin-block-end: 0em;
	padding: 12px;
}
section.TextSection div.Box>p.BoxButton {
	text-align: center;
	padding-top: 0px;
}
section.TextSection div.Box>p.BoxButton>a.Button {
	text-align: center;
	margin: 0px 0px 16px 0px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
}

#Klaasitrykk {
	margin-bottom: 50vh;
}
#Klaasitrykk>div, body.XL section.TextSection.Klaasitrykk>div {
	column-count: 1;
	margin-bottom: 40px;
}

section.PhotoBreak {
	text-align: center;
}
section.PhotoBreak img {
	max-width: 100vw;
	max-height: 95vh;
	width: auto;
	height: auto;
}

section.PhotoSection {
}
section.PhotoSection div.Photo {
	text-align: center;
}
section.PhotoSection div.Photo>img {
	max-width: 100vw;
	width: auto;
	height: auto;
}
div.Sticky, section.StickySection>section, section.StickySection>div {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
}

div.OverSticky, section.OverSticky {
	position: -webkit-sticky;
	position: sticky;
	background-color: rgba(50, 50, 50, 0.8);
}

body section.TextSection.Single>div {
	column-count: 1;	
}

section.ListOuter {
}

body section.ListSection {
	margin: 20px;
	padding: 10px;
	border-radius: 5px;
	background-color: #333;
	cursor: pointer;
	vertical-align: top;
}

body section.ListSection>h3 {
	margin: 0px 0px 4px 0px;
	padding: 0px 6px 2px 6px;
	background-color: #111;
}

body section.ListSection>h3>span {
	margin-left: 10px;
	font-size:  0.8em;
	opacity: 50%;
}

body section.ListSection>div>p {
	font-size: 0.8em;
	margin: 2px 20px 2px 20px;
}

body section.ListSection>div>p.Title {
	font-size: 1.3em;
	margin: 5px 7px 5px 7px;
}

body.XL section.ListSection, body.L section.ListSection {
	display: inline-block;
	width: 400px;
	max-width: 80vw;
}

body.M section.ListSection {
	display: inline-block;
	width: 300px;
	max-width: 80vw;
}

body.S section.ListSection {
	display: block;
	width: 80vw;
}

body.XS section.ListSection {
	display: block;
	width: 80vw;
}

section.ListSection section.PhotoSection div.Photo {
	padding: 10px;
}

section.ListSection section.PhotoSection div.Photo>img {
	max-width: 100%;
}


section.Bidding {
	width: 100%;
	column-count: 2;
	column-gap: 5%;
	column-rule: 9px solid rgba(255, 255, 255, 0.05);	
	/*column-width: 100%;*/
}

section.Bidding>section {
	margin: 0px;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 0.8em;
	/*background-color: #111;*/
}

section.Bidding>section>div.Bidder {
	font-weight: bold;
	color: rgb(210, 190, 120);
}

section.Bidding>section>div.Price {
	font-weight: bold;
	font-size: 4em;
	color: rgb(210, 190, 120);
}
section.Bidding>section>div.Price>span {
	padding-left: 4px;
	font-weight:  normal;
	font-size: 0.8em;
	opacity: 0.5;
}

section.ItemMain>section>section.AuctionEndtime {
	padding-top: 20px;
}

section.ItemBidding {
	column-count: 2;
	column-gap: 5%;
	column-rule: 9px solid rgba(255, 255, 255, 0.05);	
}

section.ItemBidding>section {
	margin: 0px;
	padding: 20px;
	width: 100%;
	text-align: center;
	display: block;
	font-size: 0.8em;
}

section.ItemBidding>section>div.Bidder {
	font-weight: bold;
	color: rgb(210, 190, 120);
}

section.ItemBidding>section>div.Price {
	font-weight: bold;
	font-size: 4em;
	color: rgb(210, 190, 120);
}
section.ItemBidding>section>div.Price>span {
	padding-left: 4px;
	font-weight:  normal;
	font-size: 0.8em;
	opacity: 0.5;
}

#ItemHistory {
	background-color: #333;
	padding: 40px 20px 60px 20px;
	text-align: center;
}

#ItemHistory table {
	display: inline-table;
	border-spacing: 0px;
	border-collapse: collapse;
}

#ItemHistory tr:first-child>td {
	background-color: rgba(100, 255, 0, 0.1);
}

#ItemHistory tr:first-child>td:first-child, #ItemHistory tr:first-child>td:last-child {
	background-color: rgba(100, 255, 0, 0.04);
}

#ItemHistory td {
	padding: 10px;
	color: #ddd;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#ItemHistory div.HistoryDate {
	color: #ffcc99;
}

#ItemHistory div.HistoryTime {
	color: #999;
	font-size: 0.9em;
	padding-left: 6px;
}

#ItemHistory td.HistoryValue {
	font-size: 1.3em;
}

#ItemHistory td.HistoryName {
	color: #bbb;
}


#CompleteList {
	/*display: inline-table;*/
	border-spacing: 0px;
	border-collapse: collapse;
}
#CompleteList td {
	padding: 10px;
	color: #ddd;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#CompleteList tr:first-child>td {
	text-align: center;
	font-size: 1.2em;
	background-color: rgba(100, 255, 0, 0.1);
}
#CompleteList td>a>img {
	max-width: 60px;
}
#CompleteList td>span {
	margin-left: 3px;
	color: #bbb;
	font-size: 0.9em;
	font-weight: normal;
}




p.AuctionStatus {
	margin: 18px 20px 12px 20px;
} 

p.AuctionStatus>span, p.AuctionStatus>a {
	border:  1px solid rgba(0, 0, 0, 0.5);	
	color: #eee;
} 

p.AuctionStatus>span {
	padding: 2px 6px 2px 6px;
	border-radius: 3px;
}

p.AuctionStatus>a {
	padding: 4px 10px 4px 10px;
	border-radius: 5px;
	font-size: 1.5em;
}

p.AuctionStatus>.AuctionClickToBid {
	background-color: #446600;
}

p.AuctionStatus>.AuctionClosing {
	background-color: #990000;
}

p.AuctionStatus>.AuctionClosed {
	background-color: #666;
}

section.AuctionEndtime {
	font-size: 0.9em;
	margin: 12px 0px 0px 0px;
	padding-top: 4px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
}

section.ItemMain div.Photo {
	background-color: #111111;
	text-align: center;
}
section.ItemMain div.Photo>img {
	max-height: 80vh;
}
section.ItemMain {
	text-align: center;
}
section.ItemMain section.TextSection {
	display: inline-block;
	max-width: 600px;

}
section.ItemMain section.TextSection>h1 {
	padding-bottom: 0px;
	border: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	/*color: rgba(255, 255, 255, 0.7);*/
}
section.ItemMain section.TextSection>div {
	text-align: left;
	column-rule: none;
}
body.XL section.ItemMain section.TextSection>div {
	column-count: 2;
}

section.ItemMain section.TextSection>h1 {
	padding-bottom: 0px;
	border: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}


#c_Bid_Outer {
	margin: 70px 4vw 100vh 4vw;
	padding: 2vw;
	/*background-color: #333;*/
}
#c_Bid_Outer label {
	display: block;
	color: rgb(210, 190, 120);
}
#c_Bid_Outer label>span {
  /* The * for required field */
  padding:  0px 4px 0px 4px;
	color: rgb(255, 100, 0);
}



section.Welcome2 div.Photo {
	background-color: #111111;
	text-align: center;
}
section.Welcome2 div.Photo>img {
	max-height: 50vh;
}
section.Welcome2 {
	text-align: center;
}
section.Welcome2 section.TextSection {
	display: inline-block;
	max-width: 600px;

}
section.Welcome2 section.TextSection>h1 {
	padding-bottom: 0px;
	border: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	/*color: rgba(255, 255, 255, 0.7);*/
}
section.Welcome2 section.TextSection>div {
	text-align: left;
	column-rule: none;
}
body.XL section.Welcome2 section.TextSection>div {
	column-count: 2;
}

section.VirusSafe {
	background-color: rgb(24, 24, 24);
	padding: 5vw;
}
section.VirusSafe>h1 {
	text-shadow: 0 0 2px #887766;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 5vw;
	border-radius: 9px;
	background-color: rgb(15, 15, 15);
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	margin-bottom: 5vw;
	text-align: center;
}
section.VirusSafe>div {
	color: rgba(255, 255, 255, 0.7);
}

section.ContactUs section.TextSection {
	text-align: center;
}
section.Welcome2 section.TextSection>h1 {
	padding-bottom: 0px;
	border: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
section.ContactUs section.TextSection>div {
	display: inline-block;
	max-width: 600px;
	text-align: left;
	column-rule: none;
}
section.ContactUs section.TextSection.OverSticky {
	border: 12px solid rgba(0, 0, 0, 0.3);
	background-color: rgba(50, 50, 50, 0.85);
}
section.ContactUs section.TextSection>div {
	column-rule: none;
}
body.XL section.ContactUs section.TextSection>div {
	column-count: 2;
}
section.ContactUs h1 {
	color: rgba(255, 255, 255, 0.5);
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2em;
}

section.Contest section.TextSection {
	padding: 5vw;
}

section.Contest section.TextSection>h1 {
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 0 0 2px rgb(240, 200, 150);;
	/*color: rgba(240, 180, 150, 1);*/
	/*font-weight: 300;	*/
	margin-bottom: 5vw;
}
section.Contest>div>img {
	width: 100vw;
	opacity: 0.8;
}
section.Contest section.TextSection>div>ul {
	margin: 0;
	/*padding: 0;*/
}
section.Contest section.TextSection>div>ul>li {
	margin: 0 0 1em 0;
}
section.Contest section.TextSection.ContestTitle {
	background-color: rgba(30, 30, 30, 0.5);
}

section.Contest section.TextSection.ContestTitle>h1 {
	margin-bottom: 0;
}

section.Contest section.TextSection.ContestTerms {
	background-color: rgba(50, 50, 50, 0.8);
}
section.Contest section.TextSection.ContestHowTo {
	background-color: rgba(30, 30, 30, 0.9);
}
section.Contest section.TextSection.ContestHowTo li>span {
	display: block;
	color: #aaaaaa;
	font-size: 0.9em;
	margin: 1em 0 1em 4ch;
}

section.TextSection.ContestTerms p, section.TextSection.ContestHowTo p {
	color: rgb(255, 230, 180);
}


section.Contest section.TextSection.ContestApply {
	background-color: rgba(20, 20, 20, 0.9);
	padding-bottom: 5em;
}
section.Contest section.TextSection.ContestApply>h1 {
	margin-bottom: 0;
}
section.Contest section.TextSection.ContestApply>div {
	text-align: center;
	column-count: 1;
}
section.Contest section.TextSection.ContestApply>div>div.ContestDeadline {
	color: transparent;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
	font-size: 3em;
	font-weight: 300;
	margin: 0.2em 0 0.5em 0;
}
section.Contest section.TextSection.ContestApply div.Box {
	display: inline-block;
	background-color: rgba(100, 100, 100, 1);
}
section.Contest section.TextSection.ContestStats>div {
	text-align: center;
	column-count: 1;
}

section.TextSection.Thanks {
	border: 12px solid rgba(0, 0, 0, 0.3);
	border-bottom: none;
	background-color: rgba(50, 50, 50, 0.5);
	opacity: 0.5;
}
section.TextSection.Thanks>h1 {
	text-align: center;
	color: transparent;
	text-shadow: 0 0 3px rgba(255, 255, 255, 1);
	font-size: 2em;
	border: none;
	padding-bottom: 0;
}
section.TextSection.Thanks>div {
	color: #cccccc;
	vertical-align: top;
	font-family: 'Oswald', sans-serif;	
	/*font-size: 0.9em;*/
}
body.XS section.TextSection.Thanks>div, body.S section.TextSection.Thanks>div, body.M section.TextSection.Thanks>div, body.L section.TextSection.Thanks>div, body.XL section.TextSection.Thanks>div {
	column-count: 1;
	text-align: center;
}
section.TextSection.Thanks ul {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
section.TextSection.Thanks li {
	margin: 0 0 0.5em 0;
	list-style: none;
}
section.TextSection.Donate {
	border: 12px solid rgba(0, 0, 0, 0.3);
	background-color: rgba(20, 10, 0, 0.7);
	opacity: 0.5;
}
section.TextSection.Donate>h1, section.TextSection.Donate>h2 {
	text-align: center;
	color: transparent;
	text-shadow: 0 0 3px rgba(255, 170, 0, 1);
	font-size: 2em;
	border: none;
	padding-bottom: 0;
}
section.TextSection.Donate>h2 {
	font-size: 1.5em;
	text-shadow: 0 0 2px rgba(255, 210, 100, 1);
}
section.TextSection.Donate>div {
	color: #eeddbb;
	vertical-align: top;
}
body.XS section.TextSection.Donate>div, body.S section.TextSection.Donate>div, body.M section.TextSection.Donate>div, body.L section.TextSection.Donate>div, body.XL section.TextSection.Donate>div {
	column-count: 1;
	text-align: center;
}


section.BottomLogo {
}
section.BottomLogo>div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
section.BottomLogo>div.Photo>img {
	max-width: 50vw; 
	max-height: 50vh;
	width: 50vw;
	height: auto;
}

section.Copyright {
	font-size: 0.8em;
	text-align: center;
	color: #888888;
}

div.LazyDiv {
	min-height: 10vh;
}
img.LazyLoad {
}

div.Gallery.LazyDiv {
	min-height: 25vh;
	margin: 5vh 0 5vh 0;
	text-align: center;
}
div.Gallery img.LazyLoad {
	text-align: center;
	display: inline-block;
	max-width: 100vw;
	max-height: 95vh;
	width: auto;
	height: auto;
	box-shadow: 0px 0px 5vw rgba(0, 0, 0, 0.4);
}


section.GalleryTitle.TextSection {
	padding-top: 1em;
	padding-bottom: 2em;
}
section.GalleryTitle.TextSection>h1 {
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;	*/
	color: rgba(255, 255, 255, 0.7);
	text-shadow: none;
	margin-bottom: 0.5em;
	padding-bottom: 0;
	border: none;
}

section.GalleryTitle.TextSection>div, body.M section.GalleryTitle.TextSection>div, body.L section.GalleryTitle.TextSection>div, body.XL section.GalleryTitle.TextSection>div {
	column-count: 1;
}
section.GalleryTitle.TextSection>div>a {
	display: inline-block;
	text-align: center;
	margin: 0 2ch 0 0;
	padding: 0.5em 1ch 0.5em 1ch;
	border: 1px solid black;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.2);
	color: white;
	font-weight: 400;	
}
section.GalleryTitle.TextSection>div>a.Active {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: #aaaaaa;
}



section.Welcome3
{
	background-color: rgba(33, 33, 33);	
}

section.Welcome3 section.TextSection>h1 {
	padding-bottom: 0px;
	border: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
section.Welcome3 div.Photo {
	text-align: center;
}
section.Welcome3 div.Photo>img {
}
section.Welcome3 {
	text-align: center;
}
section.Welcome3 section.TextSection {
	display: inline-block;
	max-width: 600px;
	background-color: rgba(33, 33, 33, 0.5);
	border-radius: 19px 19px 0px 0px;
}
section.Welcome3 section.TextSection>h1 {
	padding-bottom: 0px;
	border: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: 300;*/
	/*color: rgba(255, 255, 255, 0.7);*/
}
section.Welcome3 section.TextSection>div {
	text-align: left;
	column-rule: none;
}
body.XL section.Welcome3 section.TextSection>div {
	column-count: 2;
}

section.NaitusValgaPuut {
	margin-left: 3em;
	margin-right: 3em;
	background-color: rgba(44, 44, 44, 1);
}

section.NaitusValgaPuut>div {
	color: #bbb;
}

section.Kunstnikust {
	background-color: rgba(33, 33, 33, 1);
	color: #aaa;
}

section.Kunstnikust>div {
	color: #aaa;
	padding-left: 2em;
	padding-right: 2em;
}














