/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}

#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}

#cboxContent {
	position:relative;
}

#cboxLoadedContent {
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin:0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}

.cboxPhoto {
	float:left;
	border:0;
	display:block;
	max-width:none;
	-ms-interpolation-mode:bicubic;
	background-color:black;
}
	.page-template-pageChristmas-php .cboxPhoto {
		background:white;
		margin:30px;
		box-shadow: 4px 8px 8px 0px rgba(0, 0, 0, 0.8);
	}
	

.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:#000;
}

#colorbox {
	outline:0;
}

#cboxContent {
	margin-top:20px;
	background:#000;
}
	.page-template-pageChristmas-php #cboxContent {
		background:white;
	}

.cboxIframe {
	background:#fff;
}

#cboxError {
	padding:50px;
	border:1px solid #ccc;
}

#cboxLoadedContent {
	/*border:5px solid #000;*/
	width:800px;
	height:570px;/*height:533px;*/
	background:#000;
	padding-bottom:140px;
}
	.page-template-pageChristmas-php #cboxLoadedContent {
		/*float:left;*/
		background:white;
	}

#cboxTitle {
	position:absolute;
	width:800px;
	height:200px;/*???*/
	top:533px;
	left:0;
	padding-top:12px;
	background:#fff;

}	
	.page-template-pageChristmas-php #cboxTitle {
		position:absolute;
		width:370px;
		height:600px;/*???*/
		top:0px;
		left:380px;
	}

	#cboxTitle img.nordlicht {
		display:block;
		float:left;
		margin-left:15px;
	}

	#cboxTitle h1 {
		width:470px;
		font-family:'AvantGardeGothicITCW01B 731063'; /*Bold*/
		font-weight:normal;
		font-size: 14px;
		line-height: 17px;
		color:#333;
		margin-bottom:6px;
		margin-left:140px;
	}
		.page-template-pageChristmas-php #cboxTitle h4 {
			margin: 18px 0px 10px;
		}
	
	#cboxTitle p {
		width:470px;
		font-size: 15px;
		line-height: 18px;
		color:#333;
		margin-left:140px;
	}
		.page-template-pageChristmas-php #cboxTitle p {
			width:100%;
			margin-left:0;
		}
	
	#cboxTitle p.kursiv {
		font-size: 14px;
		line-height: 17px;
		font-family:'AdobeCaslonW01-SmBdIt';
		color:#444;
	}
	
	#cboxTitle iframe {
		position:absolute;
		top:20px;
		left:650px;
	}
		.page-template-pageChristmas-php #cboxTitle iframe {
			position:absolute;
			top:630px;
			left:-350px;
		}
	
	#cboxTitle .twitter-share-button {
		position:absolute;
		top:55px;
		left:650px;
	}
		.page-template-pageChristmas-php #cboxTitle .twitter-share-button {
			position:absolute;
			top:660px;
			left:-350px;
		}
	
	#cboxTitle .zilla-likes {
		position:absolute;
		top:90px;
		left:650px;
		font-family: 'AvantGardeGothicITCW01D 731075';
	}
	

#cboxCurrent {
	display:none;
	position:absolute;
	top:640px;
	right:0px;
	color:#fff;
}

#cboxLoadingGraphic {
	background:url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	width:auto;
	background:none;
  outline: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
	outline:0;
}

#cboxSlideshow {
	position:absolute;
	top:-20px;
	right:90px;
	color:#fff;
}

#cboxPrevious {
	position:absolute;
	top:0px;
	left:10px;
	margin-top:0px;
	background:none;
	/*background-color:#F00;*/
	width:300px;
	height:533px;
	text-indent:-9999px;
}

#cboxPrevious:hover {
	background:url(http://norrmagazin.de/wp/wp-content/themes/norr/images/arrow_left.svg) no-repeat;
	background-position:left; 
	background-size:20%;
}

#cboxNext {
	position:absolute;
	top:0px;
	right:10px;
	margin-top:0px;
	background:none;
	/*background-color:#F00;*/
	width:300px;
	height:533px;
	text-indent:-9999px;
}

#cboxNext:hover {
	background:url(http://norrmagazin.de/wp/wp-content/themes/norr/images/arrow_right.svg) no-repeat;
	background-position:right; 
	background-size:20%;
	
}

#cboxClose {
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	background:url(images/controls.png) no-repeat top center;
	width:38px;
	height:19px;
	text-indent:-9999px;
}

#cboxClose:hover {
	background-position:bottom center;
}