/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6{float:left}.col-xs-6{width:100%}.col-xs-5{width:83.33333333%}.col-xs-4{width:66.66666667%}.col-xs-3{width:50%}.col-xs-2{width:33.33333333%}.col-xs-1{width:16.66666667%}.col-xs-pull-6{right:100%}.col-xs-pull-5{right:83.33333333%}.col-xs-pull-4{right:66.66666667%}.col-xs-pull-3{right:50%}.col-xs-pull-2{right:33.33333333%}.col-xs-pull-1{right:16.66666667%}.col-xs-pull-0{right:auto}.col-xs-push-6{left:100%}.col-xs-push-5{left:83.33333333%}.col-xs-push-4{left:66.66666667%}.col-xs-push-3{left:50%}.col-xs-push-2{left:33.33333333%}.col-xs-push-1{left:16.66666667%}.col-xs-push-0{left:auto}.col-xs-offset-6{margin-left:100%}.col-xs-offset-5{margin-left:83.33333333%}.col-xs-offset-4{margin-left:66.66666667%}.col-xs-offset-3{margin-left:50%}.col-xs-offset-2{margin-left:33.33333333%}.col-xs-offset-1{margin-left:16.66666667%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6{float:left}.col-sm-6{width:100%}.col-sm-5{width:83.33333333%}.col-sm-4{width:66.66666667%}.col-sm-3{width:50%}.col-sm-2{width:33.33333333%}.col-sm-1{width:16.66666667%}.col-sm-pull-6{right:100%}.col-sm-pull-5{right:83.33333333%}.col-sm-pull-4{right:66.66666667%}.col-sm-pull-3{right:50%}.col-sm-pull-2{right:33.33333333%}.col-sm-pull-1{right:16.66666667%}.col-sm-pull-0{right:auto}.col-sm-push-6{left:100%}.col-sm-push-5{left:83.33333333%}.col-sm-push-4{left:66.66666667%}.col-sm-push-3{left:50%}.col-sm-push-2{left:33.33333333%}.col-sm-push-1{left:16.66666667%}.col-sm-push-0{left:auto}.col-sm-offset-6{margin-left:100%}.col-sm-offset-5{margin-left:83.33333333%}.col-sm-offset-4{margin-left:66.66666667%}.col-sm-offset-3{margin-left:50%}.col-sm-offset-2{margin-left:33.33333333%}.col-sm-offset-1{margin-left:16.66666667%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6{float:left}.col-md-6{width:100%}.col-md-5{width:83.33333333%}.col-md-4{width:66.66666667%}.col-md-3{width:50%}.col-md-2{width:33.33333333%}.col-md-1{width:16.66666667%}.col-md-pull-6{right:100%}.col-md-pull-5{right:83.33333333%}.col-md-pull-4{right:66.66666667%}.col-md-pull-3{right:50%}.col-md-pull-2{right:33.33333333%}.col-md-pull-1{right:16.66666667%}.col-md-pull-0{right:auto}.col-md-push-6{left:100%}.col-md-push-5{left:83.33333333%}.col-md-push-4{left:66.66666667%}.col-md-push-3{left:50%}.col-md-push-2{left:33.33333333%}.col-md-push-1{left:16.66666667%}.col-md-push-0{left:auto}.col-md-offset-6{margin-left:100%}.col-md-offset-5{margin-left:83.33333333%}.col-md-offset-4{margin-left:66.66666667%}.col-md-offset-3{margin-left:50%}.col-md-offset-2{margin-left:33.33333333%}.col-md-offset-1{margin-left:16.66666667%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6{float:left}.col-lg-6{width:100%}.col-lg-5{width:83.33333333%}.col-lg-4{width:66.66666667%}.col-lg-3{width:50%}.col-lg-2{width:33.33333333%}.col-lg-1{width:16.66666667%}.col-lg-pull-6{right:100%}.col-lg-pull-5{right:83.33333333%}.col-lg-pull-4{right:66.66666667%}.col-lg-pull-3{right:50%}.col-lg-pull-2{right:33.33333333%}.col-lg-pull-1{right:16.66666667%}.col-lg-pull-0{right:auto}.col-lg-push-6{left:100%}.col-lg-push-5{left:83.33333333%}.col-lg-push-4{left:66.66666667%}.col-lg-push-3{left:50%}.col-lg-push-2{left:33.33333333%}.col-lg-push-1{left:16.66666667%}.col-lg-push-0{left:auto}.col-lg-offset-6{margin-left:100%}.col-lg-offset-5{margin-left:83.33333333%}.col-lg-offset-4{margin-left:66.66666667%}.col-lg-offset-3{margin-left:50%}.col-lg-offset-2{margin-left:33.33333333%}.col-lg-offset-1{margin-left:16.66666667%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}

#noset{
	width:100%;
	background:#e8c0c2;
	color:#CC0000;
	padding:5px;
	text-align:left;
	}

/* datenschutzerklarung
------------------------------ */

.datenschutzerklarung {
	 max-width: 740px;
	 margin-top: 60px;
	}

.datenschutzerklarung .row {
	background: #FFF;
	}
	
.datenschutzerklarung .col-sm-12 {
	background: #FFF;
    padding-left: 15px;
    padding-right: 15px;
	}
	
.datenschutzerklarung h3 {
	margin-bottom: 15px;
	}

	
.datenschutzerklarung p {
	margin-bottom: 15px;
	}
	
.datenschutzerklarung ul {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 15px;
	}
	
.datenschutzerklarung ul li::before {
    content: "•";
    color: #000;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
	}
	
a.fixed {
	position: fixed;
	bottom: 15px;
	right: 15px;
	text-transform: uppercase;
	}
a.icon-frontpage {
	position: fixed;
	bottom: 15px;
	left: 15px;
	width: 25px;
	height: 25px;
	display: block;
	}

	
.mfp-bg {
    background: #FFFFFF;
	}

/* Basics
------------------------------ */

* {
    margin:0;padding:0;
}

html {
	/* Moz */
	height: 100%;
	margin: 0; padding: 0;
	min-height: 100% !important;
	}

#infobox {
	position: absolute;
	background: #FFF;
	top:0;
	left:0;
	display: none;
	}


/* ---- Basic Typography ---- */


body {
    color: #111;
    font: 12px/18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #FFF;
	margin: 0!important; 
	padding: 0!important;
	text-align: center;
	}

h1 { 
	color: #999;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 300;
	margin: 0; padding: 0;
	}
	
a:link, a:active, a:visited {
    color: #707070;
    text-decoration: none;
	}
a:hover, a:focus {
    color: #111;
    text-decoration: none;
    outline:none;
    -moz-outline-style: none;
	}
	

	
	
/* Main Layout
------------------------------ */

#header { 
    margin-left: 0;
    margin-right: 0;
	}
	
	#header	#logo {
		position: relative;
		height: 80px;
		text-align: center;	
		margin: 15px auto;
/*
		background-image: url(images/rn-logo-600-40.png);
		background-repeat: no-repeat;
		background-position: center center;
*/
		background-color: #FFF;
		}
		
	#header	#logo h1 {
		background-color: #FFF;
		max-width: 660px;
		height: 80px;
	   	margin: 0 auto;
		background-image: url('images/rn-logo-600-40.png');
		background-image: url('images/header-logo-font_2020.jpg');
		background-image: url('images/header-logo-font_2020-2.png');
		background-image: url('images/ricarda_niks_photography.png');
		
		
/* 		background-image: url('images/ricarda_niks_photography.png'); */
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		text-indent: -5000px;
		visibility: visible;
		padding: 20px 0;
		}
		
	#frontpage #header	#logo h1 {
/* 		visibility: hidden; */
		}
		
	#header	#logo-svg {
		position: relative;
		background: transparent;
		height: 110px;
		}
		
	#header	#logo-svg .logo-svg-bg {
		position: relative;
		background-color: #FFF;
		height: 80px;
		text-align: center;	margin: 15px auto;
  		background-image: url(images/rn-logo.svg);
  		background-size: contain;
/*   		background-size: cover;  */
  		background-repeat: no-repeat;	
  		background-position: center center;
  		max-width: 640px;	
  		padding: 0; 
		}
		
	#header	#logo-svg .logo-svg-bg h1 {
		position: absolute;
		bottom: 15px;
		background: #FFF;
	   	line-height: 36px;
	   	margin: 0 auto;
	   	left:0; right: 0;
	   	visibility: hidden;
	   	display: none;
		}
		
		
	#header	#logo-svg .logo-svg-bg img:not(.png) {
  		width: 100%;
		}
		
		
		
		
/* Fontpage Layout
------------------------------ */	

#header-frontpage {
	
	
	}
#container-frontpage {
		background-color: #FFF;
		position: absolute;
		left:0; right:0;
		top:110px; bottom: 15px;
		}
	#container-frontpage #frontpage-image {
	    background-position: center 100px;
	    background-position: center top;
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-color: #FFF;
	    height: 100%;
	    width: 100%;
	    display: block;
	    z-index: 100;
	    margin: 0 auto;
	    padding: 0;
		}	
		
	#container-frontpage #frontpage-image span {
	    visibility: hidden;
	    display: none;
		}	
		
		
	#container-frontpage #frontpage-image .logo-overlay	{
		padding: 15px;
		color: #FFFFFF;
		background-color: transparent;
		}

	#container-frontpage #frontpage-image .logo-overlay img {
		display: block;
		max-width: 100%;
		height: auto;
		}
		

		
	
/*  Layout
------------------------------ */			

#main {
    background: transparent;
/* 	padding:  0 15px; */
/* 	margin: 0; */
	}
	
#footer {
	margin-top: 15px;
	background: #FFF;
	text-align:center;
	/*  position: relative; */

	}
	
	#navigation { 
		margin: 0 auto; 
    	float:none;
    	height: 32px;
		max-width: 1140px;
		}
		
	
/*  page
------------------------------ */	

#main.page {
    background: #FFF;
    min-height: 700px;
	}

.page-left { text-align: right;}	

	.page-left .img-responsive {
    display: inline-block;
	}
.page-right{ text-align: left; }


.txt { 
	color: #707070;
	font: 12px/18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	line-height: 1.8em; }

	.txt p { 
		margin-bottom: 15px;
		background-color: #FFF;
		}
	.txt p.mailaddress { 
		margin-bottom: 30px;
		background-color: #FFF;
		}
		
	.txt h3 { 
		background-color: #FFF;
	    color: #707070;
	    margin-bottom: 15px;
	    font: 12px/18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	    margin-top: 0;
	    font-weight: 400;
		}
		
.page .page-bg {
	float: none;
    margin: 0 auto; 
	max-width: 980px;
	min-height: 700px;
	background-color: #F3F3F3;
	}


.page .page-bg .text {
	text-align: left;
	position: absolute;
	left:45px;
	bottom: 30px;
	}
	.text h3 { 
	    color: #000;
	    margin-bottom: 15px;
	    font: 12px/18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	    margin-top: 0;
	    font-weight: 400;
		}	
	.text p { 
		margin-bottom: 10px;
		}
	.text p.mailaddress { 
		margin-bottom: 30px;
		}
		
		

.page-about-bild .page .page-bg {
	background-image: url('https://ricarda-niks.com/uploaded/about-txt.jpg');
	background-size: contain;
	background-size: cover;
	background-position: center center;
	min-height: 700px;
	}
	
.page-about .page .page-bg {
	background-image: url('https://ricarda-niks.com/uploaded/about-bg.jpg');
	background-size: contain;
	background-size: cover;
	background-position: center center;
	min-height: 700px;
	}
	
	
.page-about .page .page-bg .text {
	text-align: left;
	position: absolute;
	left:45px;
	bottom: 30px;
	color: #FFF;
	padding: 15px 15px 5px 25%;
	font-size: 21px;
	line-height: 1.4;
	font-weight: 400;
	font-weight: 300;
	}
	
.page-about .page .page-bg .about-caption {
	font-size: 15px;
	line-height: 1.2em;
	text-align: right;
	padding-right: 15px;
	}
	
/* Image Thumbnails
------------------------------ */
#images { 
		margin: 0 auto; 
    	float:none;
    	display: block;
		max-width: 1140px;
		/* padding: 0; */
		}
	.imagethumb a, .imagethumb a:hover {
		display: block;
		padding: 0;
		margin: 10px 0;
		line-height: 0px;
			border: 1px solid #e6e6e6;
			background-color: #f6f6f6;
	}
	.imagethumb a:visited {
			background-color: #fcfcfc;
			border: 1px solid #f8f8f8;
	}
	.imagethumb a:hover {
		background-color: #f3f3f3;
		border: 1px solid #cccccc;
	}
	.imagethumb {
		float: left;
		position: relative;
	}
	.albumdesc2 {
		line-height: 18px;
	}
	
	

/* Album Thumbnails
------------------------------ */
#albums {
	float: left;
}
.album {
	margin: 0 12px 8px 0;
	padding: 10px 8px 2px 10px;
	float: left;
	width: 305px;
	border: 1px solid #E7F0F5;
	background: #F7F9FD;
	line-height: 100%;
	position: relative;
}
.album a img {  }
.album .thumb {
		float: left;
		margin-right: 6px;
}
.album h3 {
	padding: 0;
	margin: 0;
}
.album p {
	line-height: 12px;
	font-size: 11px;
		padding: 4px 0px 0px;
		margin: 0px;
}
.albumdesc small {
	color: #8DB8CF;
}

/* favorites styles */
.album .imageFavorites {
position: absolute;
right: 5px;
bottom: 5px;
z-index: 2000;
}
.imagethumb .imageFavorites {
position: absolute;
right: 12px;
bottom: 18px;
z-index: 2000;
}

.imageFavorites input:hover {
cursor: pointer !important;
}

		#main.overview {
		    background: #FFF;
		    min-height: 700px;
			}
	
/* Individual Image
------------------------------ */


.hiddenX { display: none }

.image {
	margin: 0;
	padding: 0;
	border: 0;
	}
#image {
	text-align: center;
	background-color: #FFF;
	line-height: 0;
	margin: 0 auto;
	/* height: 520px; max-height: 700px; min-height: 520px; */

	}

#full-image {
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	height: 100%; 
	display: block;
	/* display: inline-block; */ /* ??? */
	}

#full-image:before,
#full-image_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
	}
	
	
	#full-image img {  
	  max-width: 100%;
	  height: auto;
	  margin: 0 auto;
	  vertical-align: middle;
		}

.navigationbox {
	float: right;
	width: 160px;
	}
	
.imgoverview { 
	float: left;
	width: 30px;
	background: #FFF;
	border: 1px solid #FFF;
	text-align: center;
	}
	
	.imgoverview a { 
		display: block;
		height: 100%;
		float: left;
		padding: 0;
		font-size: 14px;
		text-decoration: none;
		line-height: 28px;
		padding: 2px 4px 0 4px;
		color: #999;
		}
		.imgoverview a:hover {
		background-color: #FFF;
		text-decoration: none;
		color: #333;
		}

.imgnav {
	float: right;
	width: 60px;
	text-align: center;
	border: 1px solid #FFF;
	background: #FFF;
	margin: 0;
	}
.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
	padding: 0 0 2px 0;
	font-size: 16px;
	text-decoration: none;
	line-height: 28px;
	color: #999;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #FFF;
	text-decoration: none;
	color: #111;
	}
.imgnav .imgprevious a {
	float: left;
}
.imgnav .imgnext a {
	float: right;
}

.imgcaption { 
	background: #FFF;
	float: left;
	height: 32px;
	color: #707070;
	}
	
	.imgcaption div { 
	line-height: 32px;
	text-transform: uppercase;
	}

#menu {
    z-index: 80;
    text-align: center;
	}
	
	#menu #menu_bottom {
		width: 300px;
		background: #FFF;
		margin: 0 auto;
		display: block;
		}
	
	#menu ul li {
	    display: inline-block;
	    list-style-type: none;
	    padding: 0;
	    text-transform: uppercase;
		}
		
	#menu ul li a {
	background-color: #FFF;
	text-decoration: none;
	color: #707070;
	line-height: 32px;
	padding: 5px;
	}
		#menu ul li a:hover, #menu ul li a:focus {
   		color: #111;
		}
	
		#menu #menu_port {
			display: inline-block;
	    	text-align: right; 
	    	padding-bottom: 5px;
			}
		
		#menu #menu-break{
			display: inline-block;
	    	text-align: left; 
	    	line-height: 32px;
	    	color: #707070;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			}
		
		#menu #menu-cv {
			display: inline-block;
	   	 	text-align: left; 
	   	 	padding-bottom: 5px;

			}	
		
	#menu-cv li.menu_zenpagepage.menu-active  {
	    background-color: #fff;
	    line-height: 32px;
	    padding: 5px;
	    text-decoration: none;
		}

	#menu-cv li.menu_zenpagepage:last-of-type:before {
		content: " | ";
		display: inline-block;
		text-align: left;
		height: 32px;
		line-height: 32px;
		color: #707070;
		padding-left: 0;
		padding-right: 5px;
		}
	#menu-cv li.menu_zenpagepage.menu-active:last-of-type {

		padding-left: 0;

		}
	#menu-cv li.menu_zenpagepage.menu-active:last-of-type:before {
		content: " | ";
		display: inline-block;
		text-align: left;
		height: 32px;
		line-height: 32px;
		color: #707070;
		padding-left: 0;
		padding-right: 10px;
		}

a.icon-menu {
	display: inline-block;
	position: absolute;
	top: 5px;
	padding-left: 5px;
	width: 22px;
	height: 22px;
	line-height: 1;
	padding: 0;
	margin: 0;
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M336 96c21.2 0 41.3 8.4 56.5 23.5S416 154.8 416 176v160c0 21.2-8.4 41.3-23.5 56.5S357.2 416 336 416H176c-21.2 0-41.3-8.4-56.5-23.5S96 357.2 96 336V176c0-21.2 8.4-41.3 23.5-56.5S154.8 96 176 96h160m0-32H176c-61.6 0-112 50.4-112 112v160c0 61.6 50.4 112 112 112h160c61.6 0 112-50.4 112-112V176c0-61.6-50.4-112-112-112z'/%3E%3Cpath d='M360 176c-13.3 0-24-10.7-24-24s10.7-24 24-24c13.2 0 24 10.7 24 24s-10.8 24-24 24zM256 192c35.3 0 64 28.7 64 64s-28.7 64-64 64-64-28.7-64-64 28.7-64 64-64m0-32c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96z'/%3E%3C/svg%3E");
	}
	a.icon-menu:hover {
		opacity: 0.7;
		}


/* Page Navigation
------------------------------ */

#albumpage .navigationbox {
    float: right;
    width: 200px;
	}

#albumpage .navigationbox .imgoverview {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    float: left;
    width: auto;
}

ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #5A5A4B;
}
ul.pagelist li.prev {
	margin-right: 10px;
}
ul.pagelist li.next {
	margin-left: 10px;
}
.disabledlink {
	color: #ddd;
	cursor: default;
}
.pagenav {
	clear: both;
}
.disabled_nav {
	visibility: hidden;
}

.pagination ul {
    display: inline-block;
    margin:  0;
    padding: 0;
    list-style: none;
    margin-top: 3px;
}

.pagination > li  {
	float: left;
	margin-right: 5px;
	}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #EEE;
	font-size: 12px;
    line-height:12px;
    padding: 5px 8px;
    position: relative;
    text-decoration: none;
}

.pagination > li.current {
	font-size: 12px;
    line-height:12px;
	border: 1px solid #EEE;
	padding: 5px;
	color: #AAA;
	padding: 5px 8px;
	}
	
.icon:before {
  display: inline-block;
  font-family: 'fontello';
  text-decoration: none;
  speak: none;
}

.email:before {
  content: "\E84D";
}

/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.fadeIn {
	/* Styling for Demo
	---------------------------------------------------- */
	border:0;
	margin:0;
	
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */

.fadeIn-1s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	}

.fadeIn-0s {
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	-o-animation-duration:0.5s;
	animation-duration:0.5s;
	}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }



/* Fontello
------------------------------ */

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?74039439');
  src: url('font/fontello.eot?74039439#iefix') format('embedded-opentype'),
       url('font/fontello.woff?74039439') format('woff'),
       url('font/fontello.ttf?74039439') format('truetype'),
       url('font/fontello.svg?74039439#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('font/fontello.svg?74039439#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-angle-left:before { content: '\e800'; } /* '' */
.icon-angle-right:before { content: '\e801'; } /* '' */
.icon-angle-up:before { content: '\e802'; } /* '' */
.icon-angle-down:before { content: '\e803'; } /* '' */
.icon-down-open-mini:before { content: '\e804'; } /* '' */
.icon-left-open-mini:before { content: '\e805'; } /* '' */
.icon-right-open-mini:before { content: '\e806'; } /* '' */
.icon-up-open-mini:before { content: '\e807'; } /* '' */
.icon-th:before { content: '\e808'; } /* '' */
.icon-th-large:before { content: '\e809'; } /* '' */
.icon-th-1:before { content: '\e80a'; } /* '' */

.i-name {display: none; visibility: hidden}


.page-about .page .page-bg .text {
	font-size: 18px;
    padding: 15px 15px 5px 15px;
	left: 15px;
	}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {



}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.page-about .page .page-bg .text {
	    bottom: 15px;
	    color: #FFF;
	    padding: 15px 25px 5px 20%;
		font-size: 21px;
		line-height: 1.25;
		}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.page-about .page .page-bg .text {
	    bottom: 15px;
	    color: #FFF;
		padding: 15px 25px 5px 28%;
		font-size: 23px;
		line-height: 1.4;
		}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

@media screen and (min-height: 520px) and (orientation:landscape)  {

}


	@media screen and (max-height: 700px) and (orientation:landscape)  {
		body {
	    	background: #FFF;
			}
			
		#container-frontpage {
			bottom: 40px;
    		top: 20px;
			}
			
		#menu #menu_bottom {  
			margin-top: -32px; 
			background: #FFF; 
			}
		#header	#logo {
			margin: 5px auto;
			}
		#image {
			background: #FFF;
			height: 520px;
			}
		#image img {
			max-height: 520px;
			width: auto;
			}	
			
		#main.page {
		    background: #FFF;
		    height: 520px;
		    min-height: 520px;
			}
		#main.overview {
		    background: #FFF;
		    min-height: 520px;
			}
			
	.page .page-bg {
		min-height: 520px;
		}
	.page-about .page .page-bg {
		min-height: 520px;
		}
		
	.page-about-bild .page .page-bg {
		min-height: 520px;
		}
	.page-about .page .page-bg .text {
	    bottom: 15px;
	    color: #FFF;
		padding: 15px 15px 5px 25%;
		font-size: 22px;
		line-height: 1.25;
	
		}
			
	}
	
	@media screen and (max-height: 600px) and (orientation:landscape)  {

	}