/**
@author MURA
@editor SCHM
@copyright insyma
@projectDescription CSS Datei f�r insyma JavaScript Library Image Module
**/
p.paging {
	/*width: 400px;
	height: 40px;*/
	display: none;
}
div#insymaOverlay{
    background: #000;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 90;
    -moz-opacity: 0;
    opacity: 0;
    filter:alpha(opacity=0) ;
}
#insymaOverlayHolder{
    width:100%;
    top:50%;
    position: fixed;
    z-index: 900;
}

#insymaOverlayContent{

}

#insymaOverlayContent img{
    max-height: 100%;
    max-width:100%;
    height:100%;
    width:100%;
    float: left;
}

#insymaOverlayInner{
    background: #fff;
	border: 1px solid #E8E8E8;
    cursor: default;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    z-index: 1000;
}

.descspan{
    display: block;
    padding: 10px 0 0;
    visibility: visible;
    position: relative;
    content: " ";
}





/* ICONS */
span.close,
span.play,
span.stop,
span.next,
span.prev
{
/*    background-image: url("../img/layout/insymaUI-icon.png"); */
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    margin: 0;
    position: absolute;
    width: 30px;
}

span.close,
span.play,
span.stop,
span.next,
span.prev,
.speakerlayer .icon.small.close
{
	background: #B50312;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #FFF;
	font-size: 20px;
	line-height: 30px;
	right: -15px;
	text-align: center;
	top: -15px;
}
span.play:before,
span.stop:before,
span.next:before,
span.prev:before {
    font-size: 13px;
    left: 10px;
    position: absolute;
    top: 0;
}

.icon.close:before {
	position: relative;
	top: -1px;
}
span.close:hover,
span.play:hover,
span.stop:hover,
span.next:hover,
span.prev:hover,
.speakerlayer .icon.small.close:hover {
	background: #000;
}

#insymaOverlayInner span.close:hover {
    background-position: 0 -30px;
}
#insymaOverlayInner span.play {
    background-position: -30px 0;
    left: 40px;    top: -15px;
}
#insymaOverlayInner span.play:hover {
    background-position: -30px -30px;
}
#insymaOverlayInner span.stop {
    background-position: -60px 0;
    left: 40px;    top: -15px;
}
#insymaOverlayInner span.stop:hover {
    background-position: -60px -30px;
}
#insymaOverlayInner span.next {
    background-position: -120px 0;
    left: 75px;    top: -15px;
}
#insymaOverlayInner span.next:hover {
    background-position: -120px -30px;
}
#insymaOverlayInner span.prev {
    background-position: -150px 0;
    left: 5px;    top: -15px;
}
#insymaOverlayInner span.prev:hover {
    background-position: -150px -30px;
}
















div#insymaImage {
	position: absolute;
	line-height: 0;
	z-index: 100;
	width: 100%;
	top: 50%;
	text-align: center;
	font-size: 11px;
}
div#insymaImage div#outerContainer {
    background: #fff;
	height: 250px;
    width: 250px;
    position: relative;
    margin: 0 auto;
    padding: 10px;
}
div#insymaImage.noOverlay div#outerContainer {
	border : 1px dotted #C1C1C1;
}
img#preloader {
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	position: absolute;
	border: 1px dotted #C1C1C1;
}
div#insymaImage ul {
    margin: 0;
    height: 25px;
    width: auto !important;
    padding: 0 0 10px 0;
}
div#insymaImage ul span {
	display: none;
}
div#insymaImage ul li {
   float: left;
	list-style: none;
	display: inline;
	margin: 0 10px 0 0;
}
div#insymaImage ul li.hide {
	display: none;
}
div#insymaImage ul a {
    width:33px;
    height: 25px;
    display: block;
}
div#insymaImage div#imageInfo {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px dotted #C1C1C1;
	border-top:none;
	*border: 0;
	display: inline;
	float: left;
	height: auto !important;
	left:-1px;
	*left : 0;
	line-height:1.6;
	margin:0 -10px;
	min-height:20px;
	padding:10px;
	position:relative;
	text-align:center;
	width:100%;
}
div#insymaImage span#imageAltText {
	float: left;
	text-align: left;
	color: #333333;
}
div#insymaImage span#imageNr {
	color : #999999;
	float: right;
	text-align: right;
}
div#insymaImage img#preloader.hide {
	display: none;
}
a#insymaFwLink {
	color: #000;
	border: none;
	text-decoration: underline;
}
div#insymaFwForm {
	background: #fff;	
	margin: 0;
	padding: 5px 0 0 0;
	width: 100%;
	line-height: 1.5;
	text-align: left;
	position: absolute;
	bottom: 40px;
	left: 0;
}
* html div#insymaFwForm {
	width: 103%;
}
div#insymaImage div#insymaFwForm form ul {
	width: 48% !important;
	float: left;
	padding: 0 0 0 2%;
}
* html div#insymaImage div#insymaFwForm form ul {
	width: 46% !important;
	float: left;
	padding: 0 0 0 4%;
}
div#insymaImage div#insymaFwForm form ul li {
	width: 100%;
	clear: both;
	margin: 0;
	float: left;
}
div#insymaImage div#insymaFwForm div.fwComment {
	width: 50%;
	float: right;
	font-size: 100%;
	margin: 0 0 1.3em 0;
}
div#insymaFwForm label {
	display: block;
	width: 25em;
}
div#insymaImage div#insymaFwForm form ul li span {
	padding: 0 0 0 .3em;
	display: inline;
	color: #ff0000;
}
div#insymaFwForm input {
	width: 93%;
	font-size: 100%;
	margin: .2em 0;
	border: 1px dotted #C1C1C1;
	padding: 1px;
}
div#insymaFwForm textarea {
	float: left;
	clear: left;
	width: 93%;
	height: 4.6em;
	font-size: 100%;
	margin: .2em 0 0 0;
	overflow: auto;
	border: 1px dotted #C1C1C1;
	padding: 1px;
}
div#insymaFwForm p {
	display: block;
	margin: 0 0 .5em 50%;
}
div#insymaFwForm p input {
	width: 12em;
	height: 2.2em;
	font-size: 100%;
	padding: 0;
	background: #eaeaea;
}
div#insymaImage div#insymaFwForm ul#fwValidation {
	height: auto;
	margin: 0 0 .5em 10px;
	padding: .5em .2em;
	color: #ff0000;
	background: #f9f9f9;
}
div#insymaImage div#insymaFwForm ul#fwValidation li {
	background: none;
	float: none;
	display: block;
	list-style-image: none;
}

ul.bilderliste li.imageInlineControl{
	clear: both;
	width : 450px;
}
ul.bilderliste li.bildSpan {
	padding-bottom: 5px;
}
li.bildspan img {
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
	float: none !important;
}
div#inhalt li.imageInlineControl ul  {
	list-style : none;
	list-style-image : none;
	padding : 0;
	position: relative;
	min-height: 50px;
	_height: 50px;
}
div#inhalt  li.imageInlineControl ul li {
	float : left;
	list-style : none;
	list-style-image : none;
	padding : 0;
}
li.imageInlineControl ul li#controlInlinePrev span, li.imageInlineControl ul li#controlInlineNext span {
	display: block;
	/*text-indent: -9999px;*/
	position : relative;
	z-index : -1;
}
li.imageInlineControl ul li#controlInlinePrev a, li.imageInlineControl ul li#controlInlineNext a {
	background: #FFF url(../img/layout/gallery-control-prev.gif) no-repeat left;
	color : #ffffff;
	height: 36px;
	width: 36px;
	position: absolute;
	text-decoration : none;
	top: 10px;
}
li.imageInlineControl ul li#controlInlineNext a {
	background: #FFF url(../img/layout/gallery-control-next.gif) no-repeat left;
}
li.imageInlineControl ul li#imageInlineInfo {
	margin: 8px auto 0 auto;
	width: 95%;
}
li.imageInlineControl ul li#imageInlineInfo.moveLeft {
	width: auto;
}

li.imageInlineControl ul li#imageInlineInfo span.imageInlineAltText {
	/*display : none;*/
	color : #333333;
	float : left;
	text-align:center;
	width : 100%;
}
li.imageInlineControl ul li#imageInlineInfo span.imageInlineNr {
	color: #999999;
	float: left;
	position : relative;
	text-align : center;
	top : 12px;
	width: 100%;	
}


.hide, .invisible { display: none !important; }
.show { display: block; }
.invis { visibility: hidden;}
#insymaOverlayContent, #insymaOverlayContentA, .insymaOverlayContentB{overflow:hidden;}


#countspan{
	cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0;
    top: 15px;
    display: none !important;
}
.countspan{
    display: none !important;
}
#insymaOverlayContent #countspan{
	right: 50px;
}
#descspan{
	background-color:#FFF;
	display: block;
	padding: 10px 80px 0 0;
}
#descspan strong {
	display: block;
}
.imglarge_nav {
    display: block;
    height: 45px;
    position: relative;
    width: 100%;
}