body			{ margin:0; background:#fff; font-family:'Oxygen Mono', sans-serif; }
a:active		{ background:none; }
img				{ border:none; }
.clear			{ clear:both; }

div#container	{ margin:5px auto 10px auto; position:relative; }

.stamp header			{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); margin:0 5px; padding:0 0 15px 0; border-bottom:1px solid #26a9e0; }
.stamp nav				{ margin:15px 5px 0 5px; padding:0; width:300px; height:auto; }
nav ul					{ list-style-type:none; margin:0; padding:0; font-size:0.8em; line-height:1.6em; }
nav ul li a				{ text-decoration:none; color:#231f20; }
nav ul li a:hover 		{ color:#7f3f97; }
nav ul li a.active 		{ color:#7f3f97; }
nav ul li:last-child 	{ margin-top:1em; }

header ul					{ list-style-type:none; margin:0; padding:0; font-size:0.8em; line-height:1.6em; }
header ul li				{ float:right; }
header ul li a				{ text-decoration:none; color:#231f20; padding:0 0 0 5px; }
header ul li a:hover 		{ color:#7f3f97; }
header ul li a.active 		{ color:#7f3f97; }

header p					{ float:right; font-size:0.8em; line-height:1.6em; margin:-1.6em 0 0 0; padding:0; }
header p a					{ color:#333; text-decoration:none; }

.item			{ width:100%; max-width:310px; height:330px; overflow:hidden; margin:5px 0 0 0; }
.item.wide		{ max-width:625px; }
.item.tall		{ height:665px; }

.item a			{ display:block; width:100%; max-width:300px; height:320px; background-position:50% 50% !important; background-repeat:no-repeat !important; text-indent:-9999px; margin:5px; }
.item.wide a 	{ max-width:615px; }
.item.tall a 	{ height:655px; }

.item a.hover		{ width:100%; max-width:310px; height:330px; margin:0px; }
.item.wide a.hover 	{ max-width:625px; }
.item.tall a.hover 	{ height:665px; }

.stamp				{ width:100%; max-width:310px; height:330px; overflow:hidden; margin:5px 0 0 0; float:left; background:none; }

abbr				{ color:#00adee; }

ul.keywords			{ list-style-type:none; font-size:0.6em; line-height:1.2em; margin:15px 0 0 0; padding:0 10px 0 20px; float:left; }
ul.keywords	li		{ float:left; color:#fff; padding:0 3px; }

.item_details_1		{ width:650px; }
.item_details_2		{ width:640px; }
.item_details_3		{ width:650px; }

.item_control				{ height:27px; background:#bbbdbf; color:#000; font-size:0.8em; text-align:center; line-height:27px; float:left; display:block; text-decoration:none; }
.item_control:active		{ background:#bbbdbf; }
.item_details_1 .item_title	{ width:256px; }
.item_details_2	.item_title	{ width:251px; }
.item_details_3	.item_title	{ width:256px; }
.item_year					{ margin-left:15px; }
.item_details_1 .item_year	{ width:278px; }
.item_details_2	.item_year	{ width:273px; }
.item_details_3	.item_year	{ width:278px; }
.item_close					{ width:27px; margin-left:5px; }
.item_prev					{ width:27px; margin:0 0 0 8px; }
.item_next					{ width:27px; }

img.image					{ margin:5px 7px 0 8px; padding:0; float:left; }
.item_details_2	img.image	{ margin:5px -3px 0 8px; }

h1							{ display:block; width:233px; height:81px; background-image:url(/img/logo.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; margin:0; padding:0; float:left; }
h1 a						{ display:block; width:100%; height:100%; }

#content_container			{ width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); max-width:1015px; margin:0 auto; padding:0 10px; }
header						{ width:100%; margin:10px 0; padding:0 0 15px 0; border-bottom:1px solid #26a9e0; }
nav							{ margin:5px 15px 0 0; padding:0; width:300px; height:auto; float:left; }
section						{ width:-moz-calc(100% - 315px); width:-webkit-calc(100% - 315px); width:-o-calc(100% - 315px); width:calc(100% - 315px); max-width:700px; float:left; overflow:hidden; }
h2							{ margin:0; padding:0; color:#7f3f97; text-transform:uppercase; font-size:1em; line-height:1.5em; font-weight:normal; }
p.intro						{ margin:0; padding:0.5em 0; color:#26a9e0; text-transform:uppercase; font-size:1em; line-height:1.5em; }
section p, section ul, section ol	{ margin:0; padding:0.5em 0; color:#231f20; font-size:0.8em; line-height:1.4em; }
section ul, section ol		{ padding:1em 0 1em 3em; }
section img					{ width:100%; max-width:700px; }

table						{ width:100%; border-collapse:collapse; padding:0; margin:1em 0; border-top:1px solid #26a9e0; border-left:1px solid #26a9e0; color:#231f20; font-size:0.8em; line-height:1.4em; }
table tr td					{ border-bottom:1px solid #26a9e0; border-right:1px solid #26a9e0; vertical-align:middle; padding:5px 10px; text-align:center; }
table tr td:first-child		{ width:40%; text-align:left; }



footer						{ clear:both; width:100%; min-height:100px; }


form#contact_form				{ width:80%; margin:0; padding:0; border:none; float:left; font-size:0.8em; }
form#contact_form fieldset		{ margin:0; padding:0; border:none; }
form#contact_form label			{ width:30%; float:left; line-height:28px; margin:5px 10px 0 0; text-align:right; }		
form#contact_form input			{ width:60%; height:28px; float:right; margin:5px 0 0 0; padding:0 5px; border:1px solid #26a9e0; background:#fff; color:#231f20; font-family:'Oxygen Mono', sans-serif; font-size:1.1em; }
form#contact_form input.contact_btn	{ width:150px; height:28px; color:#fff; background:#26a9e0; text-transform:uppercase; float:left; margin-left:6.2%; cursor:pointer; }
form#contact_form textarea		{ width:60%; height:100px; float:right; margin:5px 0 0 0; padding:0 5px; border:1px solid #26a9e0; overflow:auto; background:#fff; color:#231f20; font-family:'Oxygen Mono', sans-serif; font-size:1.1em; }					
form#contact_form input.nije_ok	{ border:1px solid #f00; }
div#recaptcha_area				{ float:right; margin:10px 33px 10px 0; }
table#recaptcha_table			{ table-layout:auto; }
#recaptcha_area img				{ width:auto; }
form#contact_form #recaptcha_area input	{ color:#231f20; padding:0 10px !important; width:133px !important; }
form#contact_form input.nije_ok	{ border:1px solid #f00; }

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #000;
    padding: 20px;
    border-radius: 5px;
    margin-left: 30px;
}
#gdpr-cookie-message h4 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 0;
	padding:0;
}
#gdpr-cookie-message h5 {
    color: #fff;
    font-size: 14px;
    margin: 10px 0;
	padding:0;
	font-weight:normal;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #fff;
    font-size: 12px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
	padding: 5px 0;
}
#gdpr-cookie-message a {
	color:#fff;
    text-decoration: none;
    font-size: 12px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    color: #000;
    font-size: 12px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: #ccc;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    margin-top: 2px;
    margin-right: 5px;
	float: left;
}

footer  {
	width: 100%;
	position: relative;
	margin: 20px auto;
	text-align: center;
	color: #D1D1D1;
	font-family:'Oxygen Mono', sans-serif;
	font-size: 0.8em;
}
footer a { 
	text-decoration: none;
	color: #231f20;
	font-size: 0.8em;
	text-transform: lowercase;
	font-family:'Oxygen Mono', sans-serif;
}
footer a:hover { 
	color: #7f3f97;
}

@media only screen and (max-width: 624px) 
{
	div#container	{ width:310px; }
}
@media only screen and (min-width: 625px) and (max-width: 939px) 
{
	div#container	{ width:625px; }
}
@media only screen and (min-width: 940px) and (max-width: 1254px) 
{
	div#container	{ width:940px; }
}
@media only screen and (min-width: 1255px) and (max-width: 1569px) 
{
	div#container	{ width:1255px; }
}
@media only screen and (min-width: 1570px) and (max-width: 1884px) 
{
	div#container	{ width:1570px; }
}
@media only screen and (min-width: 1885px) and (max-width: 2199px) 
{
	div#container	{ width:1885px; }
}
@media only screen and (min-width: 2200px) and (max-width: 2514px) 
{
	div#container	{ width:2200px; }
}
@media only screen and (min-width: 2525px)
{
	div#container	{ width:2525px; }
}

@media only screen and (max-width: 939px)  
{	
	section			{ width:100%; padding:20px 0; }
}


@media only screen and (max-width: 635px)  
{
	.item.wide			{ max-width:310px; height:165px; }
	.item.wide a 		{ max-width:300px; height:160px; background-size:contain !important; }
	
	.logo				{ height:150px; background:none; }
	.logo a				{ height:150px; }	
	
	.item a.hover		{ max-width:300px; height:320px; margin:5px; }
	.item.wide a.hover 	{ max-width:300px; height:160px; }
	.item.tall a.hover 	{ height:655px; }
	
	.item_details_1		{ width:310px; }
	.item_details_2		{ width:310px; }
	.item_details_3		{ width:310px; }
	
	.item_title			{ width:256px !important; }	
	.item_prev			{ margin:0; }
	.item_year			{ margin:5px 0 0 0; padding:0 0 0 32px; width:246px !important; }
	.item_close			{ margin:5px 0 0 5px; }
	
	img.image			{ margin:5px 0 0 0; float:left; width:310px; }
	.item_details_2	img.image	{ margin:5px 0 0 0; }
}