@charset "UTF-8";
/* CSS Document */

/*
 * ### image viewer ###
 */

/*screen*/

#image-viewer-screen-outer {
    /* display: table; */
    width: 600px;
    margin-left: auto;
    margin-right: auto;
	margin-top:25px;

}

#image-viewer.landscape #image-viewer-screen {
  padding-top:32px;
  height:418px;
}
	
#image-viewer.portrait #image-viewer-screen  {
	margin-top:0px;}
	
#image-viewer-screen-film {
    
    width: 600px;
    height:1000px;
    margin-left: auto;
    
    margin-right: auto;
}

#image-viewer-screen {
    height: 450px;
 
    vertical-align: top;
    text-align: center;
	
}


#image-viewer-screen img {
    display: block;
    margin: auto;
	margin-top:0px;
	
}


#text-view {
    display: block;
    background-color:#191919;
    color:#f4f4f4;
    width: 600px;
    height: 420px;
    text-align: left;
    margin-left:80px;
    padding-top: 30px;
	padding-right: 15px;
	margin-top: 25px;
	font-size:11px;
	line-height:22px;
	overflow:auto;

}

#text-view hr {
    border-width: 1px;
    border-style: inset;
}

#text-view h2 {
    margin: 0;
}

#text-view div.photographer {
    margin-bottom: 10px;
}

#image-list li {

    background-color: #252525;
	
	
}


/*
 * ### steuerung controlls ###
 */

.controlls{
    margin-right: 0px;
    margin-left:75px;
    width: 600px;
    height: 23px;
    font-size: 11px;
    font-style: normal;
    line-height: 18px;
    font-weight: lighter;
    color:#999999 !important;
}

.controlls-list {
    margin-top: 30px;
    margin-bottom : 0px;
}

.topmargin {
	margin-top:30px;
}
	
.controlls-viewer {
    margin-top: 30px;
    margin-bottom: 30px;
}

.controlls a {
    display: block;
}




.controlls a img{
    margin-bottom: -7px;
}


#viewerStartStop .stop {
    display: none;
}

#image-viewer-caption {
	color: #ffffff;
	background-color: #141414;
	display:block;
	font-size: 11px;
	padding: 10px;
	display: none;
	position: absolute;
	text-align: center;
	width: 580px;
	height:auto;
	top: 600px;
	left: 400px;
}
                                    
#image-viewer-controlls{
	display:block;
	width:600px;
	height:23px;
}




.controlls .icon {
	display:block;
	height:25px;
	width:25px;
    margin-top: 2px;
    float: left;
	
}


.controlls  #viewerPrevImage{
	background-image:url('../images/image_viewer/left.png');
	margin-top: 3px;
	width:18px;
	
}

.controlls  #viewerCurrentImage{
	display:block;
	height:20px;
	width:45px;
	margin-top:5px;
	text-align:center;
	margin-right: 0px;
}

.controlls  #viewerNextImage{
	background-image:url('../images/image_viewer/right.png');
	margin-top: 3px;
	width:18px;
	margin-left: 0px;
}

.controlls  .viewerCurrent{
	color:#9f1f6f;
	text-align:center;
}

#viewerfotographersname {
float:left;
margin-top: 6px;
width:350px;
}


#viewerfeaturetitle {
margin-left:15px;
margin-top: 3px;
}

#viewerStart {
	background-image:url('../images/image_viewer/play_i.png');
    margin-left: 5px;
}
#viewerStartText {
	background-image:url('../images/image_viewer/play_i.png');
    margin-left: 91px;
}

#viewerStartStop{
    margin-left: 10px;
}

#viewerStartStop .start{
	background-image:url('../images/image_viewer/play_i.png');
    margin-top: 0px;
    float: none;
}

#viewerStartStop .stop{
	background-image:url('../images/image_viewer/stop_i.png');
    margin-top: 0px;
    float: none;
}

#viewerImageImage{
	background-image:url('../images/image_viewer/bilder_i.png');
	margin-left: 10px;
}

#viewerImageImage.disabled {
    background-image:none;
}

#viewerImageText{
	background-image:url('../images/image_viewer/text_i.png');
	
	margin-left: 10px;
}

#viewerImageText.disabled {
    background-image:none;
}




#viewerImageMedia {
	background-image:url('../images/image_viewer/media_i.png');
	margin-left: 5px;
}

#viewerImageMedia.disabled {
    background-image:none;
}

#viewerImageShop {
	background-image:url('../images/image_viewer/shop_i.png');
	width:25px;
	height:25px;
	 float: right;
}

#viewerImageShop.disabled {
    background-image: none;
}

.controlls  #viewerImageInfo {
    margin-top: 0px;
}

.controlls  #viewerImageInfoInner{
	margin-top: 0px;
    float: none;
}

.controlls  #viewerImageInfo {
    background-image:url('../images/image_viewer/info_i.png');
    
    margin-top: 1px;

   margin-left: 10px;
}

#viewer-feature-title{
width:600px;
	
float:left;}