/*

Theme Name: northlandscapes.com (2012)

Version: 1.0

Author: Tim Portner

Author URI: http: //www.timportner.de

*/



@import "css/reset.css"; 

@import "css/tools.css"; 



@font-face { font-family: 'ProximaNovaLtSemibold'; src: url('webfonts/ProximaNova-Sbold-webfont.eot'); src: url('webfonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/ProximaNova-Sbold-webfont.woff') format('woff'), url('webfonts/ProximaNova-Sbold-webfont.ttf') format('truetype'), url('webfonts/ProximaNova-Sbold-webfont.svg#ProximaNovaLtSemibold') format('svg'); } 

@font-face { font-family: 'ProximaNovaRgRegular'; src: url('webfonts/ProximaNova-Reg-webfont.eot'); src: url('webfonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/ProximaNova-Reg-webfont.woff') format('woff'), url('webfonts/ProximaNova-Reg-webfont.ttf') format('truetype'), url('webfonts/ProximaNova-Reg-webfont.svg#ProximaNovaRgRegular') format('svg'); } 





/* base

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


object, embed { display: none; } 



#page { max-width: 901px; min-height: 100%; height: 100%; display: inline-block; background: fixed #1f1f1f url('images/black.png') repeat-y;} 

/* div#mobile

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body.mobile { min-width: 0; background: #000; } 

body.mobile #page { display: none; } 



div#mobile { color: #fff; background: #000; } 

h2.gallery_txt{ font-family:'Roboto', Helvetica, sans-serif; font-weight:lighter;}

div#mobile img { width: 100%; } 

div#mobile div.inner { padding: 7px 15px; } 

div#mobile div.inner img { width: auto; max-width: 100%; } 

div#mobile div.inner a { font-family: 'ProximaNovaLtSemibold', Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline; } 

div#mobile div.inner p.signature img { width: 50%; } 



div#mobile div.intro { position: relative; } 

div#mobile div.intro div.logo { position: absolute; top: 20px; bottom: 20px; left: 0px; background: #000; padding: 10px 15px 0 15px; width: 40%; } 





/* div#gallery

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#box {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    z-index: 0;
    display: inline-block;
    float: left;
}

div#gallery { background-size:36px 36px !important;  z-index: 1; width: 100%; height: 100%; position: absolute; background: url('images/loader.gif') center no-repeat; } 

div#gallery div#gallery-items { width: 100%; height: 100%; } 

div#gallery div#gallery-items div.gallery-item { height: 100%; float: left; overflow: hidden; } 

div#gallery div#gallery-items div.gallery-item img { display: none; float: left; } 

.no-js div#gallery div#gallery-items div.gallery-item:first-child img { display: block!important; } 

.no-js div#gallery div#gallery-items div.gallery-item img { width: 100%; } 



div.gallery-shadow { background: url('images/bg_shadow.png') repeat-y; width: 13px; height: 100%; position: absolute; top: 0px; bottom: 45px; left: 0px; z-index: 1; display: block; } 

.photoby{font-size: 11px;
  margin-left: 20px;
  color: #cecece;}


div#gallery-nav { position: absolute; bottom:32px; left: 0; right: 0; text-align: center; z-index: 101; } 

div#gallery-nav ul li { display: inline; } 

div#gallery-nav ul li a { width: 8px; height: 45px; background: url('images/bg_slideshow_points.png') left center no-repeat; display: inline-block; margin: 0 3px; position: relative; } 

div#gallery-nav ul li a div.gallery-thumb { width: 114px; height: 85px; /*background: url('images/bg_slideshow_thumb.png') no-repeat;*/ padding: 3px; display: none; position: absolute; bottom: 35px; left: 50%; margin-left: -60px; z-index: 102; } 
div#gallery-nav ul li a div.gallery-thumb:after{content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;position: absolute;bottom: 0;left: 47%;right: 0;}
div#gallery-nav ul li a:hover div.gallery-thumb { display: block; } 

div#gallery-nav ul li a:hover, div#gallery-nav ul li a.current { background-position: right center; } 



div#gallery-actions a { background: url('images/bg_slideshow_nav.png')no-repeat;
    width: 72px;
    height: 72px;
    display: block;
    position: absolute;
    z-index: 101;
    top: 50%;
    left: 320px;
    right: 20px;
    margin: -81px 0 0 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    border-radius: 50%; } 

div#gallery-actions a.prev { right: auto; background-position: left top; } 

div#gallery-actions a.next { left: auto; background-position: right top; } 

div#gallery-actions a:hover { opacity: 1; filter: alpha(opacity=100); } 



div.col { padding: 8px 0; width: 48%; } 

div.col div.inner { position: relative; } 

div.col_left { float: left; } 

div.col_right { float: right; } 

div.col_none { clear: both; float: none; width: 100%; } 



input::-webkit-input-placeholder { color: #A4A4A4; } 

input:-moz-placeholder { color: #A4A4A4; } 

input:-ms-input-placeholder { color: #A4A4A4; } 



form.ajaxform .email { display: none; } 

form.ajaxform p { padding-bottom: 0; } 

form.ajaxform fieldset { width: 100%; } 

form.ajaxform div.col_none { padding-top: 4px; } 

form.ajaxform div.col_right, form.ajaxform div.col_left { padding-bottom: 0; } 

form.ajaxform p span.text, form.ajaxform p span.textarea { display: block; clear: both; } 

form.ajaxform p span.text input, form.ajaxform p span.textarea textarea, form.ajaxform p span.select select { border: 1px solid #3c3e40; padding: 5px 10px; background: url('images/bg_black_40.png'); width: 248px; } 

form.ajaxform p span.select select { padding: 2px; width: 190px; } 

form.ajaxform p span.textarea textarea { height: 100px; width: 539px; } 

form.ajaxform p.text input:focus, form.ajaxform p.textarea textarea:focus { border: 1px solid #88888b; outline: none; } 

form.ajaxform div.submit { position: relative; padding: 14px 0; clear: both; text-align: right; } 

form.ajaxform div.submit input { width: 100px; height: 33px; background: url('images/bg_input_submit.png') no-repeat; border: none; text-indent: -999999px; cursor: pointer; } 

form.ajaxform div.submit input:focus, form.ajaxform p.submit input:hover { background-position: left bottom; } 

form.ajaxform span.error_form input, form.ajaxform span.error_form textarea, form.ajaxform span.error_form select { border-bottom: 1px solid #bf5348!important; } 

form.ajaxform p.success { font-weight: 700; } 



form.printform .picture_info span { line-height: 16px; display: block; } 

form.printform .picture_info strong { color: #fff; } 

form.printform div.gallery-thumb { background: #fff; padding: 12px 14px 16px 14px; } 

form.printform div.gallery-thumb img { width: 175px; } 

form.printform span.gallery-title { font-size: 16px; } 

form.printform span.gallery-title strong { text-transform: uppercase; } 

form.printform span.gallery-size { font-size: 12px; padding-top: 20px; } 

form.printform span.gallery-size strong { font-size: 22px; } 

form.printform span.gallery-price { font-size: 12px; position: absolute; top: 2px; left: 213px; line-height: 14px; } 

form.printform span.gallery-price strong { font-size: 26px; }

form.printform span.gallery-shipping { font-size: 12px; position: absolute; top: 43px; left: 213px; line-height: 1.2em; } 

form.printform span.gallery-nextstep  { position: absolute; bottom: -1px; right: 0; } 

form.printform span.gallery-nextstep em { background: url('images/bg_input_nextstep.png') no-repeat; border: none; cursor: pointer; width: 125px; height: 33px; text-indent: -999999px; display: block; } 

form.printform p.select { position: absolute; bottom: 0; left: 0; } 

form.printform p.select select { height: 29px; } 

form.printform div.submit input { width: 198px; height: 31px; background: url('images/bg_print_input_submit.png') no-repeat; } 

form.printform div.cols { padding-bottom: 16px; } 

form.printform h3 { padding-top: 8px; } 





/* jquery.selectBox.css

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.selectBox-dropdown { width:190px; position:relative; line-height:29px; height:29px; text-decoration:none!important; text-align:left; color:#fff; outline:none; vertical-align:middle; background:url(images/bg_black_40.png); border:1px solid #3c3e40; display:inline-block; cursor:pointer; } 

.selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; } 

.selectBox-dropdown .selectBox-label { display:inline-block; white-space:nowrap; overflow:hidden; text-decoration:none; padding: 6px 10px 0; } 

.selectBox-dropdown .selectBox-arrow { position:absolute; top:0; right:0; width:26px; height:29px; background:url(images/bg_select_arrow.png) 0 -1px no-repeat; } 

.selectBox-dropdown-menu { position:absolute; z-index:99999; max-height:200px; min-height:1em; border:solid 1px #3c3e40; border-top:none; background:#000; overflow:auto; } 

.selectBox-options,.selectBox-options li,.selectBox-options li a { list-style:none; display:block; cursor:pointer; text-align:left; color:#fff; margin:0; padding:0; } 

.selectBox-options li a { font-size:13px; white-space:nowrap; overflow:hidden; padding:2px 10px; } 

.selectBox-options li.selectBox-hover a,.selectBox-options li.selectBox-selected a { background-color:#fff; color:#000; } 





/* div#header

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#header {    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 115px;
    background: #000;
    text-transform: uppercase;
    text-align: right;
    display: inline-block;
    z-index: 100;} 

div#header div.header { position: relative; } 



div#header a#logo { position: absolute; top: 20px; left: 20px; opacity: 1; filter: alpha(opacity=100); } 

div#header a#logo:hover { opacity: 0.8; filter: alpha(opacity=80); } 



div#header ul { position: absolute; top: 16px; right: 20px; } 

div#header ul li a { color: #a4a4a4; } 

div#header ul li a:hover, div#header ul li.current_page_item a, div#header ul li.current_page_parent a, div#header ul li.current_page_ancestor a { color: #fff;  } 





/* div#content

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#gallery-content { position: relative; min-height: 100%; width: 601px; float: right; display: none; width: 601px; color: #d2d2d2; background: url('images/bg_black_70.png') repeat; -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8); box-shadow: 0px 0px 8px rgba(0,0,0,0.8);  } 

div#gallery-content div.gallery-content { padding: 111px 20px 60px 20px; } 





/* div#sidebar

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#sidebar { width: 300px; min-height: 100%; float: left; background: #000; display: inline-block;  } 

div#sidebar div.sidebar { padding: 115px 0 45px 0; position: relative; } 



div#sidebar div.sidebar div.scroll { width: 300px; height: 19px; line-height: 19px; display: none; background: url('images/bg_scrollbar.png') no-repeat; text-align: center; z-index: 100; position: absolute; left: 0px; cursor: pointer; } 

div#sidebar div.sidebar div.scroll-top { background-position: left top; top: 115px; padding-bottom: 9px; } 

div#sidebar div.sidebar div.scroll-bottom { background-position: left bottom; bottom: 45px; padding-top: 9px; } 



div#sidebar div.sidebar div.scroll span.scroll-icon { width: 14px; height: 7px; background: url('images/bg_scrollbar_icon.png') no-repeat; display: inline-block; opacity: 0.3; filter: alpha(opacity=30); } 

div#sidebar div.sidebar div.scroll:hover span.scroll-icon, body.startup div#sidebar div.sidebar div.scroll span.scroll-icon { opacity: 1; filter: alpha(opacity=100); } 

div#sidebar div.sidebar div.scroll-top span.scroll-icon { background-position: right top; } 

div#sidebar div.sidebar div.scroll-bottom span.scroll-icon { background-position: left top; } 



div#sidebar div.sidebar div.item { width: 300px; height: 85px; margin-bottom: 1px; opacity: 1 !important; overflow: hidden; position: relative; background: url('images/loader.png') center no-repeat; } 

div#sidebar div.sidebar div.item h3 { padding: 0; color: #fff; margin: 26px 0 0 20px; font-size: 18px; text-shadow: 0 0 8px rgba(0,0,0,0.4); text-transform: uppercase; } 

div#sidebar div.sidebar div.item h3 span { color: #c1c1c1; font-family: 'ProximaNovaRgRegular', Arial, Helvetica, sans-serif; display: block; font-size: 14px; margin: -2px 0 0 0; text-transform: none; } 

div#sidebar div.sidebar div.item div.item_bg { position: absolute; top: 0px; width: 300px; height: 85px; display: block; background: #000; z-index: 10; opacity: 0.8; filter: alpha(opacity=80); } 

div#sidebar div.sidebar div.item a { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 20; width: 300px; height: 85px; display: block; opacity: 0.3; filter: alpha(opacity=30); } 



.no-js div#sidebar div.sidebar div.item:hover h3 { opacity: 1; filter: alpha(opacity=100); } 

.no-js div#sidebar div.sidebar div.item:hover div.item_bg { opacity: 0; filter: alpha(opacity=0); } 





/* div#fb

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#fb { position: fixed; top: 0px; left: 300px; right: 0px; background: #3b5998; display: none; }

div#fb a.open-fb { display: block; font-size: 115%; text-align: center; color: #fff; text-decoration: none; height: 31px; line-height: 31px; }

div#fb a.close-fb { background: url('images/btn_close_fb.png') no-repeat; width: 91px; height: 31px; display: block; text-indent: -999999px; position: absolute; top: 0; right: 0; }





/* div#footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#footer { position: inherit; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 45px; background: url('images/bg_black_70.png') repeat; display: block; z-index: 999; } 

div#footer p.copy { padding: 0; line-height: 45px; padding: 0 0 0 20px; width: 280px; font-size: 13px; background: #000; } 

div#footer p.copy, div#footer p.copy a { color: #737373; } 

div#footer p.copy a:hover { color: #fff; } 



div#footer div#info { position: absolute; bottom:0; right: 0; left: 300px; font-size: 15px; color: #fff; background:#000; } 

div#footer div#info div { display: block;  height: 45px; line-height:45px; } 



#div#footer div#info div#gallery-bottom-actions { position: absolute; bottom: -1px; left: 0px; display: block; } 



div#footer div#info div.gallery-fullsreen { float: left; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; text-transform: uppercase; white-space: nowrap; display: none; padding-right: 20px; } 

body.supportFullscreen div#footer div#info div.gallery-fullsreen { display: block; } 

div#footer div#info div.gallery-fullsreen:hover { opacity: 1; filter: alpha(opacity=100); } 

div#footer div#info div.gallery-fullsreen span.gallery-fullsreen-icon { background: url('images/icon_fullscreen.png') center no-repeat; width: 12px; height: 45px; display: inline-block; float: left; margin: 0 5px 0 0; } 



div#footer div#info div.gallery-action { float: left; text-transform: uppercase; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); width: 75px; display: none; } 

div#footer div#info div.gallery-action:hover { opacity: 1; filter: alpha(opacity=100); } 

div#footer div#info div.gallery-action span.gallery-action-icon { width: 13px; height: 45px; display: inline-block; background: url('images/icon_play_pause.png') right center no-repeat; float: left; margin: 0 5px 0 0;  } 

div#footer div#info div.gallery-action div.play span.gallery-action-icon { background-position: left center; } 



div#footer div#info div.gallery-action div span.play-text { display: none; } 

div#footer div#info div.gallery-action div.play span.pause-text { display: none; } 

div#footer div#info div.gallery-action div.play span.play-text { display: block; } 



body.page div.gallery-name { display: none; } 

div.gallery-name { position: absolute; bottom: 45px; right: 0px; left: 300px; display: block; line-height: 35px; height: 35px; color: #fff; z-index: 1; text-align: center; background: url('images/bg_toolbar.png') center no-repeat; text-shadow: 0 0 2px rgba(0,0,0,0.3); } 

div.gallery-name span { display: inline-block; padding-right: 6px; } 

div.gallery-name strong { /*text-transform: uppercase;*/ } 



ul.social { position: absolute; bottom: 14px; right: 20px; z-index: 101; } 

ul.social li { float: left; margin-left: 5px; } 

ul.social li a { background: url('images/icon_social.png') no-repeat; width: 15px; height: 15px; line-height: 15px; display: block; opacity: 0.5; filter: alpha(opacity=50); } 

ul.social li a:hover { opacity: 1; filter: alpha(opacity=100); } 

ul.social li a span { display: none; } 

ul.social li.buyprint a { background: url('images/icon_buyprint.png') left center no-repeat; width: auto; text-transform: uppercase; padding: 0 10px 0 25px; } 

ul.social li.buyprint span { display: block; } 

ul.social li.facebook a { background-position: -0px 0; } 

ul.social li.twitter a { background-position: -15px 0; } 

ul.social li.email a { background-position: -30px 0; } 



ul.lang { position: absolute; left: 0px; top: 20px; z-index: 101; display: none; } 

ul.lang li { margin-bottom: 1px; } 

ul.lang li a { background: url('images/bg_lang.png') no-repeat; width: 18px; height: 24px; display: block; } 

ul.lang li.de a { background-position: left bottom; } 

ul.lang li.en a { background-position: left top;  } 

ul.lang li a:hover, ul.lang li.current a { opacity: 0.7; filter: alpha(opacity=70); } 







/* links

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 

div#gallery-content a { color: #fff; text-decoration: underline; } 

div#gallery-content a:hover { text-decoration: none; } 





/* css3 animationen

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#header a#logo, 

div#header a#logo:hover, 

ul.social li a, 

#footer div.gallery-action, 

div#footer div#info div.gallery-fullsreen, 

div#gallery-actions a.prev, 

div#gallery-actions a, 

div#gallery-actions a:hover,

ul.lang li a,

ul.lang li a:hover,

div#sidebar div.sidebar div.scroll span.scroll-icon,

div#sidebar div.sidebar div.scroll:hover span.scroll-icon

 {  -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; } 

a, a:hover { -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } 





/* media querys

------------------------------------------------------------------ */

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

	div#gallery-nav { display: none!important; } 

 } 
 
@media screen and (max-width: 580px)  { 
div#gallery-actions a.prev{ left:10px !important;}
	div#box{ left:0 !important;}
	#sidebar, #header{display: none !important;} 
	
 }
 
@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
div#footer div#info{left: 15px;}
} 
 
  
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {
div#footer div#info{left: 15px;}
} 

@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {
div#footer div#info{left: 15px;}

}