/*///////////////////////////////////////////*/
/* general //////////////////////////////////*/
/*///////////////////////////////////////////*/

* {
	margin: 0; padding: 0; border: 0;
}

body {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	background-color: #FFDA99; /* peach */
	}

h1 {
	font-weight: bold;
	font-size: 130%;
	color: #148FCC;
	margin-top: 0em; margin-bottom: 1em;
	}

h2 {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 1em;
	}

h3 {
	font-weight: bold;
	font-size: 110%;
	margin-top: 3em; margin-bottom: 1em;
	position: relative;
	left: -30px;
	}


.privacy h2 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.privacy h3 {
	left: 0;
	font-size: 100%;
	margin-top: 1.5em;
}

td {
	font-size: 10pt;
	line-height: 1.5em;
	vertical-align: top;
	}



/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/
/*///////////////////////////////////////////*/

.floatright { float: right; margin-left: 20px; margin-bottom: 1.5em; background-color: transparent; }
.floatleft { float: left; margin-right: 20px; margin-bottom: 1.5em; background-color: transparent; }

#divider {
	display: block;
	clear: both;
	margin: 2em auto;
	text-align: center;
	}

.preload {
	display: none;
	}



/*//////////////////////////////////////////////////////*/
/* page load animation container ///////////////////////*/
/*//////////////////////////////////////////////////////*/

#page_loading {
	position: absolute;
	display: none;
	}



/*//////////////////////////////////////////////////////*/
/* container //////////////////////////////////////////*/
/*//////////////////////////////////////////////////////*/

#container {
	background-color: #FFDA99; /* peach */
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0 auto;
	overflow-x: hidden;
	display: block;
    width:100%;
    visibility:visible !important;
	}



/*//////////////////////////////////////////////////////*/
/* left_frame and children ////////////////////////////*/
/*//////////////////////////////////////////////////////*/

#left_frame {
	position: relative;
	z-index: 50;
	min-width: 120px;
    max-width:250px;
    width:32%;
	float: left;
	}



/* logo (child of left_frame) ///////////////*/
/*///////////////////////////////////////////*/

#svb {
	display: block;
	}


/* menu (child of left_frame) ///////////////*/
/*///////////////////////////////////////////*/

button.navigation {display:none;}

#menu {
	position: relative;
	margin-top: 50px;
	/*margin-left: 120px;*/
    min-width: 130px;
    float:right;
	}
	#menu a {
		background-image: none;
		text-decoration: none;
		display: block;
		height: 28px;
		font-size: 20px;
		font-family: 'EB Garamond', serif;
		color:  #994000; /*#bf692c;*/
		position:relative;

		}
		#menu a:hover {
			color: #ec7f26;
			}

#menu a:hover::before {
	content: '';
	background: #ec7f26;
	position: absolute;
	right: 0;
	height: 23px;
	width: 4px;
	top: 4px;
}



/* language menu ////////////////////////////*/
/*///////////////////////////////////////////*/

#lang_menu {
	display: block;
	margin-top: 120px;
    clear:both;
	/*margin-left: 120px;*/
	text-align: left;
    min-width:130px;
    float:right;
	}
	#lang_menu a {
		margin-right: 6px;
		background-color: transparent;
		border: 0;
		}



/*//////////////////////////////////////////////////////*/
/* right_frame, content, and their children ////////////*/
/*//////////////////////////////////////////////////////*/

#right_frame {
    position:relative;
    z-index:51;
	width: 68%;
	margin-left: 0;
	float: left;
	background-image: url('../images/left_frame_bg.gif');
	background-repeat: repeat-y;
    background-position:-250px;
	}

#page_title {
	position:relative;
	font-family: "Garamond", "Book Antiqua", Times, Serif;
	color: #e46204;
	font-size:48px;
	display: block;
	margin-top: 192px;
	margin-left: 0;
	padding-left: 30px; /* minus border width */
	/*background-image: url('../images/page_title_bg.gif');
	background-repeat: no-repeat;
	background-position: 0px 8px;*/
    padding-top: 3px;
	}

#page_title:before {
	content:'';
	background: #ec7f26;
	width:5px;
	height:30px;
	position:absolute;
	left:0;
	top:15px;
}

#content {
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 300px;
    padding-left:30px;
    padding-right:30px;
	line-height: 1.5em;
	color: #333;
	}
	#content a, #content a:link, #content a:visited {
		text-decoration: none;
		border-bottom: 1px dashed #555;
		color: #555;
		}
		#content a:hover {
			text-decoration: none;
			border-bottom: 1px dashed #555;
			background-color: #FFF099;
			color: #555;
			}
	#content a.book, #content a:link.book, #content a:visited.book, #content a:hover.book {
		border: 0;
		background: 0;
		}
		#content a.book img, #content img.book {
			display: inline;
			vertical-align: middle;
			}
	#content p, #content ul {
		margin-bottom: 1.5em;
		text-align: justify;
		}
		#content p.intext {
			margin-left: 30px;
			margin-bottom: 1.5em;
			}
	#content ul span {
		font-weight: bold;
		color: #994000;
		line-height: 2em;
		}
	#content li {
		background-image: url(../images/bullet.gif);
		background-position: 0 0.33em;
		background-repeat: no-repeat;
		list-style-type: none;
		list-style-position: outside;
		padding-left: 20px;
		margin-left: 0.5em;
		}
	#content.vertical {
		margin-right: 320px;
		}


/*//////////////////////////////////////////////////////*/
/* footer menu /////////////////////////////////////////*/
/*//////////////////////////////////////////////////////*/

#footer_menu {
	font-family: "Garamond", "Book Antiqua", Times, Serif;
	clear: both;
	width: 100%;
	line-height: 1.5em;
	text-align: center;
	font-size: 90%;
	padding: 0.8em 0;
	padding-bottom: 30px;
	border-top: 1px solid #EC7F26; /* orange */
	background-color: #FFDA99; /* peach */
	color: #994000; /* light brown */
	}
	#footer_menu a, #footer_menu a:link, #footer_menu a:visited  {
		color: #000;
		background-color: transparent;
		text-decoration: none;
		}
		#footer_menu a:hover {
			text-decoration: underline;
			}
	#footer_menu p.copyright {
		color: #994000; /* light brown */
		margin-top: 0.5em;
		}



/*///////////////////////////////////////////*/
/* boxes ////////////////////////////////////*/
/*///////////////////////////////////////////*/

.box {
	display: block;
	padding-bottom: 3em;
	}
	.box .box_header {
		display: block;
		padding: 1em 10px;
		background-color: #ED9F5F;  /* faded orange */
		color: #662C00;  /* dark brown */
		line-height: 1em;
		font-weight: bold;
		white-space: nowrap;
		clear: both;
		}
	.box .box_content {
		display: block;
		padding: 1em 10px 0 10px;
		}



/*///////////////////////////////////////////*/
/* home /////////////////////////////////////*/
/*///////////////////////////////////////////*/

#home_table {
	width: 100%;
	}
	#home_table td {
		line-height: 2em;
		padding-bottom: 3em;
		}

#update_log {
	display: block;
	width: 100%; height: 6em;
	overflow-y: hidden;
	line-height: 1.5em;
	}



/*///////////////////////////////////////////*/
/* about ////////////////////////////////////*/
/*///////////////////////////////////////////*/

#about_toggle {
	display: block;
	text-align: right;
	margin-top: -1.5em;
	font-size: 90%;
	margin-bottom: 1em;
	}

#about_toggle a, #about_toggle a:link, #about_toggle a:visited {
	font-weight: bold;
	color: #994000;  /* brown */
	border: 0;
	}



/*///////////////////////////////////////////*/
/* photos ///////////////////////////////////*/
/*///////////////////////////////////////////*/

#photo_thumbs {
	line-height: 1em;
	display: block;
	zoom: 1;        /* necessary in IE for opacity effects */
	}
  .grid {
    width: 100%;
    position:relative;
    margin-left:-4px;
    }
  .grid:before, .grid:after {
    content: '';
    display:table;
    }
  .grid:after {
    content: '';
    clear:both;
    }
	#photo_thumbs h2 {
		font-size: 100%;
		font-weight: bold;
		color: #994000;
		line-height: 1.5em;
		display: block;
		margin-bottom: 0.5em;
		padding-left: 20px;
		text-align: left;
		background-image: url(../images/bullet.gif);
		background-position: 0 0.33em;
		background-repeat: no-repeat;
		}
   #photo_thumbs a, #photo_thumbs a:link, #photo_thumbs a:visited {
    display:inline-block;
    overflow:hidden;
    border: 4px solid #FFDA99;
    position:relative; 
    -webkit-backface-visibility: hidden; 
    width:150px;
    height:150px;
    float:left;
    background:#FFDA99;
    }		
   #photo_thumbs img, #photos a img {
    -webkit-transition: -webkit-transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    position:absolute;top:50%; left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
		}
   .no-js #photo_thumbs img.js_required, .no-js #photos a img.js_required {
       display:none;
   }
#photo_thumbs a.animatedGif, #photo_thumbs a.animatedGif:link, #photo_thumbs a.animatedGif:visited {
    width:308px;
}
   #photo_thumbs a:hover {
    border: 4px solid #EC7F26;
    text-decoration: none;
    background-color:#fff;
    }

   #photo_thumbs a:hover img {
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    opacity:.6;
       -webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease;
    transition: transform .3s ease-out, opacity .3s ease;
        }

.no-js .icon, .no-js #photo_thumbs .animatedGif  {display:none;}

.icon{
 position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    transform:translate(45%,40%);
}


.animatedGif .icon {
transform:translate(50%,40%);
}

.icon::after {
  display:inline-block;
    position:absolute;
    content:'\e804';
    font-family: "vonbaehr-gallery";
    font-size:24px;
    color:#fff;
    top:0;left:0; 
  font-style: normal;
  font-weight: normal;
  speak: none;
 z-index:5;
  transition: all .3s ease;
  text-decoration: inherit;
 opacity:0;
    transform: scale(.8) rotate(0deg);
  /*margin-right: .2em;*/
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    
    
    
        }

#photo_thumbs a:hover .icon::after, #photo_thumbs a.animatedGif:hover .icon::after  {
    opacity:1;
    transform: scale(1) rotate(0deg);
    
}


   #photo_thumbs a:hover img.landscape {
    -webkit-transform: translate(-55%, -50%);
    transform: translate(-55%, -50%);
    }   

#photo_thumbs a.animatedGif .icon::after {
    content: '\e80b';
    transform: scale(.8) rotate(-180deg);
}


#photo_thumbs a.animatedGif:hover img {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity:1;
}

#photo_thumbs a.animatedGif img.animated {
    transition: none;
    display:none;
}




#photo_thumbs a.animatedGif:hover img.animated {
    
    display:block;
}

.smooth_zoom_preloader {
		background-image: url(zoom_assets/preloader.gif);
	}	
	.smooth_zoom_icons {
		background-image: url(zoom_assets/icons.png);
	}
	.zoom_gallery {
		margin: 0px;
		padding: 0px;        
	}
	.zoom_gallery li {
		display: inline;
	}
	.zoom_gallery li img {
		margin: 5px;
		border: 1px solid #666666;
	}     






@media screen and (max-width: 750px) {
    
    #container {background-image:none !important;}
    
    .menuback, .leftback {position:absolute;}
    
    .menuback::after, .leftback::after {content:'';position:absolute;width:100%;height:100%;top:0;left:0;background: url(../images/pattern.png);opacity:.3;}
        .grid { width: 115%;  }
    
    
       
    .menuback {left:0;background-position:left 10%;width:100%;height:270px;top:0;background-size: 77%;}
    .leftback {z-index:2;width:30%;height:270px;right:0;background-size: cover;background-position:70% 10%;}
      
    
    
    
    
    #site-logo {display:block;position:absolute;left:50%;margin-left:-25%;width:50%;text-align:center;background-color: #FFDA99;padding-bottom:10px;top:15px;z-index:6;}
    
    
     #site-logo img{max-width:60%;}
    
       
    
    
    #svb {
    margin:0 auto;
    
}    
	
    #menu { max-height:0;float:none;min-width:none;transition: all .3s ease-in;overflow: hidden;margin-top:0 !important;opacity:0;}
    #menu.visible {max-height:200px;margin-bottom:30px;margin-top:20px !important;opacity:1;}
    #menu a {height:35px;}
    #menu a img {
    
    margin: 0 auto 10px;
}
    
    button.navigation {display:inline;}
    
    button {text-transform:uppercase;cursor:pointer; color:#ffda99;  border:1px solid #ffda99; padding: 7px 20px;background:transparent;margin:15px 0 20px;}
    button:hover {color:#947f59;background-color:#ffda99;}
    
       
     .nav {padding-top:190px;position:relative;z-index:2;}
    
        
    #menu.visible {margin-top:30px !important; margin-bottom: 16px;}
                
    
    #lang_menu {position:absolute;
        right:10px; top:95px;
            
        float: none;
text-align: right;
    }
    
    #lang_menu a {margin-left:3px;margin-right:3px;}
    
    #left_frame, #right_frame {float:none;width:100%;}
    
    #left_frame {max-width:none;text-align:center;}
    
    #right_frame {
    border-top:1px solid #ec7f26;
    background-image: none;
        margin-top:5px;
    
}
    
    #page_title {margin-top:38px !important;}
    
    #content {margin-bottom:0;margin-right:10px !important;}
    
}

    
    
    @media screen and (max-width: 550px) {
     
    #site-logo {margin-left:-30%;width:60%;}
        .menuback {background-size: cover;}
        .leftback {display:none;}
    
    
    
}

 @media screen and (max-width: 361px) {
     
   #photo_thumbs a.animatedGif, #photo_thumbs a.animatedGif:link, #photo_thumbs a.animatedGif:visited {
    width: 230px;
    
}
     
     #photo_thumbs a, #photo_thumbs a:link, #photo_thumbs a:visited {
    
    width: 112px;
    height: 112px;
    
}
     
     #photo_thumbs img {max-width:100%;}
    
    
}

a.badge {
	width: 300px;
	height: 300px;
	display: block;
	position: absolute;
	top: -20px;
	right: 50px;
	transform: rotate(-8deg);
	transition: all .2s ease;
	border:0 !important;

}

a.badge:hover {
	background-color: transparent !important;
	transform: rotate(-6deg);
}

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

	a.badge {
		top: -26px;
		right: -31px;
		transform: rotate(8deg);
	}

	a.badge:hover {
		background-color: transparent !important;
		transform: rotate(6deg);
	}



	#right_frame {
		padding-top: 161px;
	}
}





@font-face {
  font-family: 'vonbaehr-gallery';
  src: url('fonts/vonbaehr-gallery.eot?10338822');
  src: url('fonts/vonbaehr-gallery.eot?10338822#iefix') format('embedded-opentype'),
       url('fonts/vonbaehr-gallery.woff?10338822') format('woff'),
       url('fonts/vonbaehr-gallery.ttf?10338822') format('truetype'),
       url('fonts/vonbaehr-gallery.svg?10338822#vonbaehr-gallery') format('svg');
  font-weight: normal;
  font-style: normal;
}