body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}/*#main,*/#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{/*clear:left*/}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}


body, h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', Open sans, Helvetica, Arial, sans-serif;color:#666;}

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{font-size:62.5%;}
body{background:#f7f7f7;font-size:1.3em;line-height:1.7;text-align:center;
overflow-y: scroll;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:100%}

h1,h2,h3,h4,h5,h6,hgroup,
ul,ol,dd,
blockquote,
p,nav,time,.slideshow,
pre,table,fieldset,hr {margin-bottom:1.85rem;}

img {vertical-align: baseline;-ms-interpolation-mode: bicubic;}
a, a:link, a:visited,a:active {color:#888;text-decoration:none;-webkit-transition: color 0.2s ease-in-out;-moz-transition: color 0.2s ease-in-out;transition: color 0.2s ease-in-out;}
a:active, a:focus {outline: none;}
a:hover {color:#000;}

h1,h2,h3,h4,h5,h6{letter-spacing:2px;text-transform:none;font-weight:400}

h1{font-size:1.8rem;line-height:1.8}
h1 a,h1 a:active,h1 a:hover,h1 a:link,h1 a:visited{color:#000;}
h1 a:hover{color:#777;}
h2{font-size:1.5rem;line-height:1.1}
h2.site_tagline{text-transform:uppercase;letter-spacing:2px;font-size:.9rem}
h3{font-size:1.3rem;line-height:1.85rem;letter-spacing:1px}
h4,h5,h6{font-size:.95rem;line-height:1.85rem;letter-spacing:1px}
#main p{font-size:1.1em}
b,strong{font-weight:700}
.mod_navigation strong {font-weight:400}
em,i{font-style:italic}

main, #main {margin-top:3.5em;display:block;}


/*  Responsive Nav   ============================================================================= */

.nav-collapse ul{width:100%;display:block;list-style:none;margin:0;padding:0;}
.nav-collapse li{width:100%;display:block;padding:0.5em 18px;}
.nav-collapse li.last{padding-bottom:2em;}
.nav-collapse li.first{padding-top:2em;}
.js .nav-collapse{clip:rect(0000);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1;}
.nav-collapse.opened{max-height:9999px;}

.disable-pointer-events{pointer-events:none!important;}
.nav-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;
text-align: center;display:block;height:22px;}
.nav-toggle.active,.nav-collapse.opened{-webkit-transition: color 0.5s ease-in-out;-moz-transition: color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}


@media screen and (min-width: 40em) {
  .nav-collapse li, .nav-collapse li.last, .nav-collapse li.first{display: inline-block;position: relative;width:auto;padding:0 18px;}
  .js .nav-collapse {position: relative;}
  .js .nav-collapse.closed {max-height: none;}
  .nav-toggle {display: none;}
}


/* LAYOUT
----------------------------------------------- */

#wrapper {/*max-width:960px;margin:0 auto;*/position:relative;z-index: 50;padding-bottom: 150px; }
#header, #container,#footer .inside   {max-width:960px;margin:0 auto;}
#header {padding-top:5.55rem;}
header.top{margin-bottom:0}
header.top .content{position:relative}
header.page{margin-bottom:calc(1.85rem * 2)}
header.page:empty{margin-bottom:0}

/* Content
----------------------------------------------- */
#container .inside {	margin:0 8px;}
.site_title_block {margin-bottom:1rem;}
h1.site_title{font-size:2.7rem;font-weight:400;letter-spacing: 4px;text-transform:uppercase;margin-bottom:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.mod_article {margin-bottom:1.85rem}
.mod_article a:link, .mod_article a:visited,.mod_article a:hover,.mod_article a:active {font-weight:normal;text-decoration:underline;}
.franz {color:#999;padding-top:2em;}
.mod_article.sm {width:60%;margin:0 auto;}


/* Galerie */
li .caption {display:none;}
.ce_gallery li {float:left;width:31.56779661016949%;margin-right:2.6483050847457625%;margin-bottom:2.6483050847457625%;}
.ce_gallery li.col_last {margin-right:0}
.ce_gallery li img {border: medium none;height: auto;width: 100%;}
.ce_gallery li.col_first {clear:left;}


	
/* NAVIGATION
----------------------------------------------- */
nav#wrapper{margin-bottom:1.85rem}
nav, .mod_navigation{position:relative;}
nav ul, .mod_navigation ul{margin:0;padding:0}
nav li, .mod_navigation li {display:inline-block;white-space:nowrap;/*padding:0 8px*/}

nav a:active,nav a:link,nav a:visited, .mod_navigation {font-size:1.3rem;letter-spacing:1.5px;text-transform:uppercase;}
.mod_navigation, nav a:hover, nav a.trail:link,nav a.trail:visited, nav a.trail:active {color:#000;}

#backtop{position:fixed;right:20px;bottom:20px;width:30px;height:30px;line-height:30px;text-align:center;display:block;}



/* FOOTER
----------------------------------------------- */
#footer {width:100%;height:150px;position:absolute;bottom:0;}
body.paintings #footer {position:static;}
body.paintings #wrapper {padding-bottom:20px;}

#footer .inside {display:block; font-size:1.1rem;padding-top:3em;clear:both;line-height:1.4em;}
.arrow-up {background: url("../pix/arrow-up.png") no-repeat center center;bottom: 20px;cursor: pointer;display: none;height: 30px; position: fixed;right: 20px;width: 30px;}

/* SOCIAL
----------------------------------------------- 
.social-links{padding-top:1.85rem}
.social-links li{display:inline-block}
.social-links li a{font-size:1.2rem;text-align:center;display:inline-block;padding:0 6px}
.social-links li a.share-facebook{padding-right:5px}*/

/* test sticky footer
----------------------------------------------- */

html, body {height: 100%;margin:0;padding:0;}
#wrapper {min-height: 100%;position:relative;height:auto !important;height:100%;}
#footer {position:absolute;height:160px;width:100%;bottom:0;}
#container {}


/* MOBILE
----------------------------------------------- */


/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	#wrapper {padding-bottom:20px;}
	#footer {position:static;}

	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		}
		
	@media only screen and (max-width: 480px) {
	.ce_gallery li {width:100%;margin-right:0;float:none;}
	.mod_article.sm {width:100%;}
}