/*PAGE*/

body {
	color: #888888;
	background-color: black;
    text-align: left;
	margin: 0px;
	padding: 0px;
}

#Menu {
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 60px;
	margin-right: 60px;
	width: 120px;
}

#Content { margin: 0px; }

.White { background-color: #FFFFFF; }

.LightGrey { background-color: #8E8E8E; }

.MediumGrey { background-color: #606060; }

.DarkGrey { background-color: #444444; }

.Black { background-color: #000000; }

img { border: 0px; }

a:focus img { outline: none; }

/*MENU*/

#MMMRLogo {
	width: 106px;
	filter: opacity(20%);
	transition: filter 1.0s ease-in-out;
}

#MMMRLogo:hover {
	filter: opacity(100%);
	transition: filter 0.5s ease-in-out;
}

.MediaIcon {
	height: 30px;
	padding: 0px;
	margin-top: 14px;
	margin-left: 0px;
	margin-right: 8px;
	filter: grayscale(100%) opacity(25%);
	transition: filter 1.0s ease-in-out;
}

.MediaIcon:hover {
	filter: grayscale(0%) opacity(100%);
	transition: filter 0.5s ease-in-out;
}

.FotoLinje {
	width: 106px;
	filter: opacity(20%);
}

.PaletteLinje {
	margin-top: 7px;
	margin-bottom: 7px;
}

.KameraLinje {
	margin-top: 0px;
	margin-bottom: 0px;
}

#KameraLinje:hover {
	filter: opacity(100%);
	transition: filter 3s ease-in-out;
}

.MenuText {
	font-family: Arial;
    font-weight: bold;
    letter-spacing: 1px;
	margin-top: 5px;
}

.MenuHeader {
	font-size: 16px;
}

.MenuLink {
	font-size: 12px;
	margin-left: 10px;
}

.Top-Bund-Linje {
	height: 52px;
}

#Copyright {
	font-family: "Book Antiqua", Times, serif;
	font-style: italic;
	font-size: 16px;
	color: #333333;
}

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

a:hover, a:active {
	color: white;
	text-decoration: none;
}

#Rotation {
	filter: opacity(25%);
	transition: filter 0.0s ease-in-out;
	background-image: url(Rotation-H.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	width: 80px;
	height: 80px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 50px;
	margin-bottom: 0px;
}

#Rotation:hover {
	filter: opacity(100%);
	background-image: url(Rotation-H-V.png);
	transition: filter 0.0s ease-in-out;
}

/*GALLERY*/

.Small, .Miniature {
	width: 200px;
	height: 200px;
}

.Miniature {
	position: relative;
	top: 8px;
	left: 8px;
}

.Large {
	height: 666px;
	margin: 7px;
	border: 1px solid #aaa;
}

.Grid {
	float: left;
	position: relative;
	pading: 8px;
	width: 233px;
	height: 233px;
	background-color: black;
}

.PictureLink {
	display: inline-block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	transition: .1s;
}

a:link.PictureLink, a:visited.PictureLink {
	box-shadow: 0px 0px 0px 1px #aaa;
}

a:hover.PictureLink, a:active.PictureLink {
	box-shadow: 0px 0px 0px 8px white;
}

#WideSide {
	height: 500px;
	overflow-y: hide;
	overflow-x: scroll;
	scrollbar-x-position: top;
	white-space: nowrap;
}

.PrintWall {
	margin-top: 50px;
	margin-right: 15px;
	border: 10px solid white;
	height: 333px;
}

.WallStop {
	margin-right: 75px;
}

#Fader {
	background-image: url(Fader.png);
	background-size: 100px;
	position: absolute;
	right: 0px;
	height: 450px;
	width: 100px;
}

#KategoriSky {
	margin-top: 10px;
	font-family: Arial;
	font-size: 26px;
	color: #333;
	white-space: nowrap;
}

.KategoriAfstand {
	height: 8px;
}

#Kategorier { font-size: 161.5%; font-weight: bold; }
#Farver { font-size: 115.5%; }
#Elementer { font-size: 138%; }
#Kultur { font-size: 100.25%; }
#Dyr { font-size: 164%; }
#Planter { font-size: 100%; }
#Landskaber { font-size: 131%; }
#Vejr { font-size: 178.5%; }

a:hover.Farve-Link-Rod { color: #FF0000; }
a:hover.Farve-Link-Orange { color: #ED7D31; }
a:hover.Farve-Link-Gul { color: #FFD966; }
a:hover.Farve-Link-Gron { color: #00B050; }
a:hover.Farve-Link-Bla { color: #4472C4; }
a:hover.Farve-Link-Lilla { color: #7030A0; }
a:hover.Farve-Link-Brun { color: #833C0B; }
a:hover.Farve-Link-Gra { color: #555555; }
a:hover.Farve-Link-Sort-Hvid { color: #FFFFFF; }

.FarveFelt {
	float: left;
	position: relative;
	width: 30px;
	height: 30px;
	margin-right: 8px;
	margin-bottom: 8px;
	filter: grayscale(100%) opacity(50%);
	transition: filter 2s ease-in-out;
}

.FarveFelt:hover {
	filter: grayscale(0%) opacity(100%);
	transition: filter 0s ease-in-out;
}

#FarveFeltRod { background-color: #FF0000; }
#FarveFeltLime { background-color: lime; }
#FarveFeltTurkis { background-color: turquoise; }
#FarveFeltBrun { background-color: #833C0B; }
#FarveFeltOrange { background-color: #ED7D31; }
#FarveFeltGron { background-color: forestgreen; }
#FarveFeltLyserod { background-color: hotpink; }
#FarveFeltBleg { background-color: #555555; }
#FarveFeltGul { background-color: #FFD966; }
#FarveFeltBla { background-color: #4472C4; }
#FarveFeltLilla { background-color: #7030A0; }
#FarveFeltMono { background-color: #FFFFFF; }

/*PRISLISTE*/

#PrisListe {
	font-family: Arial;
	text-align: center;
	margin-top: 50px;
}

.FormatCelle {
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
	height: 290px;
}

.PrisCelle {
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
}

.CelleTom {
	background-color: #181818;
}

.PrisCelleAfstand {
	border: 1px solid black;
	width: 125px;
}

#PrisOverskrift {
	font-size: 21px;
    font-weight: bold;
	color: #444;
}

#PrisUnderskrift {
	font-size: 13px;
    font-weight: normal;
	color: #444;
}

.PrisLinje {
	font-size: 21px;
    font-weight: normal;
	letter-spacing: 1px;
	background-color: #262626;
	color: white;
}

.FormatBoxValg {
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}

.FormatBox {
	filter: grayscale(100%) opacity(50%);
	transition: filter 0.5s ease-in-out;
	text-align: center;
	vertical-align: middle;
	color: black;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}

.FormatBox:hover {
	filter: grayscale(100%) opacity(100%);
	transition: filter 0.5s ease-in-out;
	color: white;
}

.Format-1-1 {
	background-image: url(1-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.Format-4-3 {
	background-image: url(4-3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.Format-3-2 {
	background-image: url(3-2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 37px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.Format-2-1 {
	background-image: url(2-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 42px;
	padding-top: 21px;
	padding-bottom: 21px;
}

.Format-3-1 {
	background-image: url(3-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 52px;
	padding-top: 26px;
	padding-bottom: 26px;
}

#Plakat {
	background-image: url(Plakat.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 105px;
	width: 105px;
	height: 50px;
	margin: 10px;
}

#Aludibond {
	background-image: url(Aludibond.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 105px;
	width: 105px;
	height: 50px;
	margin: 10px;
}

#Galleritryk {
	background-image: url(Galleritryk.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 105px;
	width: 105px;
	height: 50px;
	margin: 10px;
}

.MaterialeDemo {
	filter: grayscale(100%) opacity(25%) invert(100%);
	transition: filter 0.5s ease-in-out;
}

.MaterialeDemoSluk {
	filter: grayscale(100%) opacity(25%) invert(100%);
}

.MaterialeDemo:hover {
	filter: grayscale(0%) opacity(100%) invert(0%);
	transition: filter 0.5s ease-in-out;
}

/*BAGGRUNDE*/

.BaggrundVisning {
	width: 200px;
	height: 355;
	border: 1px solid #555555;
	text-align: center;
	margin-right: 10px;
	padding: 0px;
}

.BaggrundVisning:hover {
	border: 1px solid white;
}

#iPhoneBaggrund {
	filter: opacity(50%);
	transition: filter 0.5s ease-in-out;
	background-image: url(iPhone-Download.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 178px 355px;
	width: 178px;
	height: 355px;
	margin-right: 10px;
	padding: 0px;
}

#iPhoneBaggrund:hover {
	filter: opacity(100%);
	transition: filter 0.5s ease-in-out;
	background-image: url(iPhone-Baggrund.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 178px 355px;
}