/*************************************
	STYLES
 *************************************/
 
body{
	font-family:helvetica,arial,sans-serif;
	font-size:10px;
}
a{
	color:black;
	text-decoration:none;
}
a.active, span.active,a.trail{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
	display:block;
}
p{
	margin-bottom:1em;
}
h1{
	text-decoration:underline;
}


/*************************************
	LAYOUT
 *************************************/
 
#wrapper{
	width:930px;
	width:980px;
	/*margin-top:10px;*/
	margin-left:10px;
	font-size:1.1em;
	line-height:1.3em;
}
#header{
	margin-top:10px;
	height:210px;
}
#main{
	clear:both;
	/*margin-left:125px;*/
	margin-left:110px;
}

/* section specific settings */
.contact #main,.reviews-texts #main{
	margin-left:335px;
}

.reviews-texts #subnavigation{
	display:none;
}


/*************************************
	NAVIGATIONS
 *************************************/
 
/* navigation */
.navigation{
	float:left;
	/*width:90px;*/
	width:120px;
}
/*
.books .navigation{
	width:300px;
}
*/
.collectors-editions .navigation{
	width:300px;
}
#navigation{
	/*width:211px;*/
	width:226px;
}
#navigation li.last{
	display:none;
}
#navigation ul.level_1{ 
	width:210px;
	background-image:url(../assets/sprite-navigation.gif);
	background-repeat:no-repeat;
	/*
	width:226px;
	background:none;
	*/
}
#navigation li,#navigation a,#navigation span{ 
	display:block;
	height:20px;
	/*
	width:226px;
	*/
}
/*
#navigation ul.level_1 a,#navigation ul.level_1 span,#logo{ 
	font-family: GrotesqueMTStd-BoldExtended;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
    letter-spacing: -1px;
    font-weight:600;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
 		#navigation ul.level_1 a,#navigation ul.level_1 span,#logo{ 
    	letter-spacing: -2px;
	}
}
#logo{
	line-height:18px;
}
#logo a:hover{
	text-decoration:none;
}
*/
#navigation a,#navigation span.active{ 
	text-indent:-300px;
	/*
	text-indent:0;
	*/
}
#navigation a:hover,#navigation a.trail,#navigation span.active{ 
	background-image:url(../assets/sprite-navigation.gif);
	background-repeat:no-repeat;
	/*
	background-inage:none;
	*/
}
#navigation #nav-item-1 a{
	background-position:0px 0px;
}
/* exception for start page */
body.photography #navigation #nav-item-1 a{
	background-image:url(../assets/sprite-navigation.gif);
	background-repeat:no-repeat;
	background-position:-225px 0px;
}
#navigation #nav-item-1 a:hover,#navigation #nav-active-item-1,#navigation #nav-trail-item-1 a{
	background-position:-225px 0px;
}
#navigation #nav-item-2 a{
	background-position:0px -20px;
}
#navigation #nav-item-2 a:hover,#navigation #nav-active-item-2,#navigation #nav-trail-item-2 a{
	background-position:-225px -20px;
}
#navigation #nav-item-3 a{
	background-position:0px -40px;
}
#navigation #nav-item-3 a:hover,#navigation #nav-active-item-3,#navigation #nav-trail-item-3 a{
	background-position:-225px -40px;
}
#navigation #nav-item-4 a{
	background-position:0px -60px;
}
#navigation #nav-item-4 a:hover,#navigation #nav-active-item-4,#navigation #nav-trail-item-4 a{
	background-position:-225px -60px;
}
#navigation #nav-item-5 a{
	background-position:0px -80px;
}
#navigation #nav-item-5 a:hover,#navigation #nav-active-item-5,#navigation #nav-trail-item-5 a{
	background-position:-225px -80px;
}
#navigation #nav-item-6 a{
	background-position:0px -100px;
}
#navigation #nav-item-6 a:hover,#navigation #nav-active-item-6,#navigation #nav-trail-item-6 a{
	background-position:-225px -100px;
}
#navigation #nav-item-7 a{
	background-position:0px -120px;
}
#navigation #nav-item-7 a:hover,#navigation #nav-active-item-7,#navigation #nav-trail-item-7 a{
	background-position:-225px -120px;
}
#navigation #nav-item-8 a{
	background-position:0px -140px;
}
#navigation #nav-item-8 a:hover,#navigation #nav-active-item-8,#navigation #nav-trail-item-8 a{
	background-position:-225px -140px;
}
#navigation #nav-item-9 a{
	background-position:0px -160px;
}
#navigation #nav-item-9 a:hover,#navigation #nav-active-item-9,#navigation #nav-trail-item-9 a{
	background-position:-225px -160px;
}
.news-archive #navigation #nav-item-1 a{
	background-image:url(../assets/sprite-navigation.gif);
	background-repeat:no-repeat;
	background-position:-225px 0px;
}
/* subnavigation */
body .contact #subnavigation{
	width:300px;
}
#navigation-service{
	float:right;
}
.mod_newsmenu{
	width:auto;
	float:left;
}



/*************************************
	CONTENT
 *************************************/

#main a{
	color:#666;
}
#main a:hover{
	color:#000;
}

/* article */

/* section specific settings */
div.photography .mod_article{
	margin-left:210px;
}
div.projects .mod_article div.ce_text{
	/*margin-left:210px;*/
	margin-left:225px;
}
div.projects .mod_article h1{
	display:none;
}
div.projects .mod_article div.block{
	position:absolute;
	visibility:hidden;
}
div.projects .mod_article div.block:first-child{
	visibility:visible;
}
/*
div.projects .mod_article div.block{
	display:none;
}
div.projects .mod_article div.block:first-child{
	display:block;
}
*/
div.books .mod_article div.block,div.collectors-editions .mod_article div.block{
	float:left;
}
/*
div.books .mod_article div.block,div.special-editions .mod_article div.block{
	float:left;
}
*/



/* catalog */
.mod_cataloglist{
	width:415px;
}
.mod_cataloglist div.item{
	margin-bottom:2.2em;
}
#reviews .mod_cataloglist div.item{
	margin-bottom:3.5em;
}
.mod_cataloglist div.item div.title div.value{
	text-decoration:underline;
	margin-bottom:1.1em;
}
#reviews .mod_cataloglist div.item div.title div.value{
	margin-bottom:0em;
}
.mod_cataloglist div.item img{
	vertical-align:bottom;
}
.mod_cataloglist div.cover img{
	margin-bottom:1.1em;
}
.mod_cataloglist div.field .file{
	display:block;
}
.mod_cataloglist div.field .file img{
	display:inline;
}


/* news */
.mod_newslist,.mod_newsarchive{
	width:415px;
}
.mod_newslist h1,.mod_newsarchive h1{
	margin-bottom:1em;
	/*text-decoration:none;*/
}
.mod_newslist div.layout_latest p.info{
	display:block;
}
.mod_newslist div.layout_full,.mod_newsarchive div.layout_full{
	margin-bottom:1em;
}
.image_container div.caption{
	font-size:9px;
	padding:3px 0px;
	padding-bottom:10px;
}

/* text */
.ce_text{
	width:415px;
}
/* section specific settings */
/*
#cv .ce_text:first-child,#commissions .ce_text:first-child,#poc-project .ce_text:first-child{

	width:225px;
	float:left;
}
*/
#cv .ce_text:first-child{
	width:225px;
	float:left;
}
#commissions .block{
	margin-left:225px;
	width:415px;
	margin-bottom:1em;
}
#poc-project .ce_text:first-child{
	float:left;
	margin-left:225px;
}
/*
#commissions .ce_text:first-child,#poc-project .ce_text:first-child{
	margin-left:225px;
}
*/

/* gallery */
div.ce_gallery{
	/*width:780px;*/
	width:795px;
	width:820px;
}
ul.ce_gallery{
	width:570px;
	width:595px;
}
ul.ce_gallery li{
	float:left;
	margin:0px 5px 5px 0px;
}
ul.ce_gallery li a.layout0 img{
	height:55px
}
ul.ce_gallery li a.layout1 img{
	width:55px;
	height:55px
}
ul.ce_gallery li a.layout2 img{
	width:105px;
	height:55px
}
#heaven-in-clouds ul.ce_gallery li a.layout2 img{
	width:auto;
}
ul.ce_gallery li a.layout3 img{
	width:175px;
	height:55px
}
ul.ce_gallery li a.layout4 img{
	width:2px;
	height:2px
}
/* section specific settings */
.books div.ce_gallery,.collectors-editions div.ce_gallery{
	float:left;
	width:390px;
}
.books ul.ce_gallery,.collectors-editions ul.ce_gallery{
	width:155px;
}
/*
.books div.ce_gallery,.special-editions div.ce_gallery{
	float:left;
	width:390px;
}
.books ul.ce_gallery,.special-editions ul.ce_gallery{
	width:155px;
}
*/

/*************************************
	BLOCKS
 *************************************/


/* logo */
#logo{
	float:left;
	/*width:124px;*/
	width:109px;
}
#logo span{
	display:none;
}

/* last update */
#last-update{
	float:left;
	/*width:210px;*/
	width:225px;
}

ul.thumbs li {
    float: left;
    margin: 0 5px 5px 0;
}

div.audioimage{
	clear:both;
}

/* project */
div.project-media{
	float:left;
	width:640px;
}
div.project-media img{
	margin-bottom:10px;
}
div.project-info{
	/*width:210px;*/
	/*width:215px;
	margin-right:10px;*/
	width:205px;
	margin-right:20px;
	height:110px;
	float:left;
}
#bg-audio{
	visibility:hidden;
}

/* picture viewer */

/* views */
.viewer{
	position:absolute;
	cursor:pointer;
	background-color:#fff;
	width:16px;
	height:16px;
	display:none;
}
.viewer div{
	margin-left:10px;
}
body.strip .viewer div{
	margin-left:25px;
}
.viewer div:first-child{
	margin-left:0px;
}
body.strip .viewer div:first-child{
	margin-left:0px;
}
#mediumView{
	z-index:3;
	left:345px;
	/*top:210px;*/
	top:220px;
	top:210px;
}
#largeView{
	left:215px;
	top:0px;
	z-index:110;
}
/* navigation */
#gallerynavigation a{
	display:block;
}

#playlistnavigation a{
	display:block;
}
#galleryViewerNavigation{
	position:absolute;
	z-index:5;
	/*left:135px;*/
	left:120px;
	top:340px;
}
#galleryViewerNavigation div{
	display:none;
}
#galleryViewerNavigation a{
	display:block;
}
/* thumbnails */
div.gallery-thumbs{
	float:left;
	/*width:155px;
	width:555px;*/
	width:auto;
}
/* info */
div.gallery-info{
	/*width:210px;*/
	width:225px;
	height:110px;
	float:left;
}
div.gallery-info p{
	margin-right:5px;
}
/*
div.gallery-info h4{
	text-decoration:underline;
}
ul.list-info h4{
	text-decoration:underline;
}
*/
h4{
	text-decoration:underline;
}
/*
div.mod_article {
    background:blue;
}
div.ce_gallery {
    background:yellow;
}
div.gallery-info{
	background:red;
}
div.gallery-thumbs {
    background:green;
}
*/


/*************************************
	FORM
 *************************************/
 
 form td{
 	padding-top:5px;
 	padding-right:10px;
 }
 
/*************************************
	MISC
 *************************************/

.inv{
	display:none;
}
.loading{
	background-image:url(../assets/ajax-loader.gif);
	background-repeat:no-repeat;
}



/*
.gallery-thumbs:first-child .item_16{
	float:none;
}
*/
.clear-line{
	clear:both;
}

/*body.video-paused .mejs-overlay-button {display:none}*/
.mejs-container .mejs-controls{visibility:hidden !important}
/*.mejs-overlay-play{border:2px solid blue}
.mejs-overlay-button{border:3px solid red}
.mejs-overlay-play{border:2px solid blue}*/



body.strip #galleryViewerNavigation{
	display:none;
}
body.strip #wrapper{
	position:fixed;
	/*margin-top:0px;*/
}
body.strip #blend {
	z-index:5;
    clear: both;
    left: -10px;
    top:220px;
    position:absolute;
    width:345px;
    height:500px;
    background:#fff;
}
body.strip div.gallery-info {
    float: none;
    height: 110px;
    position: fixed;
    width: 225px;
    z-index: 14;
    top:220px;
}

.navigation-projects{
	width:130px;
}

body.preparing .projects .mod_navigation{
	display:none;
}
body.preparing #navigation{
	display:block;
}
body.preparing #header{
	background-image:url(../assets/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:340px 0px;
}
/*
#overlay{
	display:none;
    position:absolute;
    z-index:111;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background:#fff;
}
*/



.mod_newsarchive{
	width:645px;
}
.mod_newsarchive .image_container img{
	max-width:645px;
}





/* 2020 */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	/* Retina-specific stuff here */
	#navigation ul.level_1 a,#navigation ul.level_1 span,#logo{ 
	font-family: GrotesqueMTStd-BoldExtended;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
    letter-spacing: -1px;
    font-weight:600;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
 	#navigation ul.level_1{ 
		width:226px;
		background:none;
	}
	#navigation li,#navigation a,#navigation span{ 
		width:226px;
	}
 	#navigation ul.level_1 a,#navigation ul.level_1 span,#logo{ 
    	letter-spacing: -2px;
	}
	#logo{
		line-height:18px;
	}
	#logo span{
		display:block !important;
	}
	#logo img{
		display:none;
	}
	#logo a:hover{
		text-decoration:none;
	}
	#navigation a,#navigation span.active{ 
		text-indent:0;
	}
	#navigation a:hover,#navigation a.trail,#navigation span.active{ 
		background:none;
	}
	body.photography #navigation #nav-item-1 a{
		background:none;
	}
	.news-archive #navigation #nav-item-1 a{
		background:none;
	}
}