/*	Popup	---------------------------------------------------------------------------------------------------- */

div.popup {
	position:fixed;
	display:block;
	width:40vw;
	max-width: 600px;
	height:auto;
	min-height:40vh;
	top:20vh;
	bottom:auto;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.9);
	margin:0 auto;
	padding:20px 20px 0;
	text-align: center;
 	border: 1px solid #999;
   -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 999999999;
}
.popupclose {
	position: absolute;
	display: block;
	top:20px;
	right:20px;
	width: 100%;
	height: auto;
	line-height: 1;
	font-size: 30px;
	text-align: right;
	padding:0;
	margin: 0;
}
div.popup img {
	width: 100%;
	height: auto;
	padding: 0 0 20px;
	margin: 0 auto 20px;
 	border-bottom: 1px solid #999;
}
div.popup h3 {
	font-family: 'Raleway_Medium', Helvetica Neue, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #00607C;
	text-align: center;
}
div.popup p {
	font-family: 'Raleway_Regular', Helvetica Neue, Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-transform: none;
	color: #555;
	text-align: center;
}
div.popup p.smaller {
	font-size:0.875em;
}
div.popup p.grey {
	color: #999;
}
div.popup .xmas i {
	font-size: 2em;
	color: #999;
	padding: 0 5px 20px;
}

@media only screen and (max-width: 1920px) {


}

@media only screen and (max-width: 1280px) {

div.popup {
	width:50vw;
	top:5vh;
}
	
}



@media only screen and (max-width: 1024px) {

div.popup {
	width:60vw;
	min-height:50vh;
	top:2.5vh;
   -webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
	
}


@media only screen and (max-width: 768px) {

div.popup {
	width:70vw;
	max-height:95vh;
	top:2.5vh;
	padding:15px 15px 0;
}	
.popupclose {
	top:15px;
	right:15px;
	font-size: 25px;
}
	
}

@media only screen and (max-width: 640px) {

div.popup {
	width:80vw;
	max-width:96vw;
	min-height:50vh;
	max-height:96vh;
	top:2vh;
	padding:10px 10px 0;
   -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.popupclose {
	top:10px;
	right:10px;
}
	
}

@media only screen and (max-width: 480px) {

div.popup {
	width:96vw;
	overflow:auto;
}
	
}


@media only screen and (max-height: 480px) {

div.popup {
	width:auto;
	max-width:96vw;
	max-height:96vh;
	overflow:auto;
}
	
}

@media only screen and (max-height: 360px) {

div.popup {
	width:96vw;
	height:96vh;
}
	
}



/* Farben

LM hellblau
100% = #00ADEF

LM dunkelblau
100% = #00427B

Pörtner blau
100% = #1369AF
50% = rgba(19,105,175,0.50)

Zwaardvis gelb
100% = #DD951B

Zwaardvis grün
100% = #535B29

NEU
Zwaardvis gelb
100% = #F39200
100% = rgba(243,146,0,1.00)
Zwaardvis blau
100% = #00607C
100% = rgba(0,96,124,1.00)
*/