/*****************************************************************************
/*FE Galerie2 add Ronny 19.01.2010
 *****************************************************************************/
.noDisplay { display: none; }
.clearer { clear: both; width: 100%;}
.msgError h1{float:left; background-color: #FFFFCC; border: 1px solid #660000; padding: 5px; margin: 5px 0; color: #660000; text-align:center; }

/*Sharing links*/
.shareIcon{background-image:url(/Images/common/icons/16x16/shareSprite.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; margin-right:3px;}
.shareIconInactive{background-image:url(/Images/common/icons/16x16/shareSprite.png); background-position:-16px top; background-repeat:no-repeat; width:16px; height:16px; display:inline-block; margin-right:3px;}
.shareTwitter{background-position:-32px top; }
.shareTwitter:hover{background-position:left top;}
.shareFacebook{background-position:-32px -16px;}
.shareFacebook:hover{background-position:left -16px;}
.shareMeinVz{background-position:-32px -32px;}
.shareMeinVz:hover{background-position:left -32px;}
.shareStudiVz{background-position:-32px -48px;}
.shareStudiVz:hover{background-position:left -48px;}
.shareGoogle{background-position:-32px -64px;}
.shareGoogle:hover{background-position:left -64px;}
.shareGooglePlus{background-position:-32px -80px;}
.shareGooglePlus:hover{background-position:left -80px;}
.sharePinterest{background-position:-32px -96px;}
.sharePinterest:hover{background-position:left -96px;}
.shareInstagram{background-position:-32px -112px;}
.shareInstagram:hover{background-position:left -112px;}

/*Option Icons links*/
.optionIcon{width:16px; height:16px; display:inline-block; margin-right:5px;}
.optionIconComment{background-image:url(/Images/common/icons/16x16/iconComment.png);}
.optionIconMail{background-image:url(/Images/common/icons/16x16/iconMail.png);}
.optionIconSave{background-image:url(/Images/common/icons/16x16/iconSave.png);}

.MainView{ 
    width: 100%;
    float:left;
}
.MainView .container{
    float:left;
    width:100%;  
}
.MainView div.border {
    margin: 0;
    float:left;
}
.MainView div.border h1{
    width:100%;
    }

.HeaderView .CategoryHeader{
    font-weight: normal;
    float: left;
    line-height: 24px;
    width: 100%;
    overflow: hidden;
    margin-bottom:10px;
}

.HeaderView .CategoryHeader div.border {
    padding:0;
    float:none;
    
}
.HeaderView .CategoryHeader a.Category{ font-weight:bold; float:left; text-decoration:none;  }
.HeaderView .CategoryHeader a.Category:hover{ text-decoration:none; }
.HeaderView .CategoryHeader .date{ float:right; padding-right:10px;  }

/*Galerie Listview*/
.ListView { padding: 0; margin: 0 0 5px 0; clear:both; float: left; clear:both; width:100%;}
.ListView .ListViewContent { position: relative; float: left; width:92%; min-width:92%; min-height:200px;  }
.ListView .ListViewTplItem { background:#eee;border: 1px solid #666; width:100px; padding: 5px; margin: 5px; float: left; overflow: hidden; }
.ListView .ListViewTplItem .ListViewTplImgContainer { width: 100px; height: 136px; overflow: hidden; }
.ListView .ListViewTplItem .ListViewTplImgThumb { cursor: pointer; }
.ListView .ListViewTplItem .panComments { width :18px; height:16px; display:inline-block; background-image: url(/Images/common/icons/16x16/iconComments.png); background-repeat: no-repeat; background-position:right bottom;}
.ListView .ListViewTplItem .ListViewTplPanRating { margin: 5px 0 0 0; }
.ListView .pagination .current, .ListView .pagination a, .ListView .pagination a:hover  { border:0px none transparent; }

/*Galerien DetailView*/
.DetailView {clear:both; position: relative; min-height:200px; margin: 0; }
.DetailView a{cursor:pointer; }
.DetailView .DetailViewContent { position: relative; width: 468px; min-height:200px; border:1px solid #B4B4B4; }
.DetailView .DetailViewTplImgContainer {background-color: white; }
.DetailView .DetailViewImg { }
.DetailView .transparentLayer { position: absolute; left: 0; top: 0; z-index: 150; width: 100%; height: 100%; }
.DetailView .DetailViewImageDescription { font-weight:bold;  margin: 10px 0; }
.DetailView .DetailViewOption { color: White; position: absolute; left: 0; bottom: 0; z-index: 150; width: 150px; }
.DetailView .OptionHeader { background: transparent url(/Images/common/optionHeader.png) no-repeat bottom; font-weight:bold; text-align: center; cursor: pointer; padding: 5px; }
.DetailView .OptionContent { background-color: White; width: 100%; }
.DetailView .OptionContent ul { margin: 0; padding: 5px; list-style-position: outside; list-style-type:none; list-style-image: none; }
.DetailView .OptionContent li { margin: 2px 0; color:#000; list-style-type:none;}
.DetailView .OptionContent h2 { line-height:1.2em; margin:5px 0; color:#000; border-bottom:1px solid #000;}
.DetailView .OptionContent .shareBox { text-align:center;}
.DetailView .OptionContent a:link, .OptionContent a:hover, .OptionContent a:visited, .OptionContent a:active { color: #000; text-decoration: none; }
.DetailView .OptionContent a img { vertical-align: middle; padding-right: 10px; }
.DetailView .DetailViewPaging { position: absolute; left: 0; top: 0; z-index: 250; border: none; width: 70%; margin: 5px; }
.DetailView .DetailViewPaging a, .DetailView .DetailViewPaging span.btnPagingInactive{ background-image: url("/Images/96/sprites/standardIcons.png"); background-repeat: no-repeat; }
.DetailView .DetailViewPaging a.btnPaging, span.btnPagingInactive {border: 1px solid #D3D3D3; background-color: #FFF; padding: 0; width: 25px; height: 25px; margin: 0 5px 0 0; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.DetailView .DetailViewPaging a.btnPaging { cursor: pointer; border: 1px solid #B4B4B4; }
.DetailView .DetailViewPaging a.btnPaging:hover { background-color: #D3D3D3; }
.DetailView .DetailViewPaging a.btnFirst { background-position: -217px 2px; }
.DetailView .DetailViewPaging a.btnPrev { background-position: -177px 2px; }
.DetailView .DetailViewPaging a.btnList { background-image: url(/Images/common/icons/16x16/iconList.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging a.btnNext { background-position: -197px 2px; }
.DetailView .DetailViewPaging a.btnLast { background-position: -237px 2px; }
.DetailView .DetailViewPaging span.btnPagingInactive { background-color: #DCDCDC;  }
.DetailView .DetailViewPaging span.btnFirstInactive { background-position: -217px -38px; }
.DetailView .DetailViewPaging span.btnPrevInactive { background-position: -177px -38px;}
.DetailView .DetailViewPaging span.btnList { background-image: url(/Images/common/icons/16x16/iconListInactive.png); background-repeat: no-repeat; background-position: center center; }
.DetailView .DetailViewPaging span.btnNextInactive { background-position: -197px -38px;}
.DetailView .DetailViewPaging span.btnLastInactive { background-position: -237px -38px; }
.DetailView .DetailViewTplRating { position: absolute; right: 0; top: 0; z-index: 500; margin: 10px; }
.DetailView .pagingRangeFromTo {font-weight:bold; color: #fff; position: absolute; left: 165px; top: 10px; z-index: 250; text-align: right; width:65px; }
.DetailView .commentLink { color: #fff; position: absolute; right: 5px; bottom: 2px; z-index: 250; text-align: center; text-decoration:none; width:130px; }
.DetailView .commentLink:hover { color:#D3D3D3; }
.DetailView .commentCount {font-weight:bold; display:inline;}
.DetailView .commentRange {font-weight:bold; display:inline; }
.DetailView .topLeftLayer { background: black; position: absolute; left: 0; top: 0; z-index: 200; filter: Alpha(Opacity=50); opacity: 0.5; width: 235px; height: 37px; border: 1px solid black; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-rigth-radius: 5px; }
.DetailView .topRigthLayer { background: black; position: absolute; right: 0; top: 0; z-index: 250; filter: Alpha(Opacity=50); opacity: 0.5; width: 107px; height: 37px; border: 1px solid black; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.DetailView .bottomRightLayer { background: black; position: absolute; right: 0; bottom: 0; z-index: 200; filter: Alpha(Opacity=50); opacity: 0.5; width: 140px; height: 30px; border: 1px solid black; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
/*Comment List*/
.DetailView .DetailViewCommentList{margin:5px 0; position: relative;}
.DetailView .DetailViewCommentList h1{ color:#000; padding:5px 5px; float:left; margin:0 0 5px 0; font-weight:bold; width:100%; }
.DetailView .DetailViewCommentList .CommentListItem{ color:Black; margin:5px 0; float:left; width:100%; }
.DetailView .DetailViewCommentList .CommentHeader{ float:left; width:97%; }
.DetailView .DetailViewCommentList .CommentAuthor{ border-top:1px solid #D3D3D3; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; color:#000; font-weight:bold; padding:5px 5px; float:left; width:150px; }
.DetailView .DetailViewCommentList .CommentDate{ font-weight:bold; float:right; }
.DetailView .DetailViewCommentList .CommentText{ width:97%; float:left; border:1px solid #D3D3D3; padding:5px; }
.DetailView .commentListAdvice{display:none;}

/*top rating*/
.GalRating { background: white; width: 468px; border:1px solid #D3D3D3; }
.GalRating table{ margin:3px auto; border-collapse:separate; }
.GalRating td{ border:1px solid #000; padding:5px; vertical-align:top; }
.GalRating td .imgCont{ height:136px; overflow:hidden; }
.GalRating a{ font-weight:bold; color:Black; text-decoration:none; }
/*new without tables*/
.galleryrating .imgItem{
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #666666;
    float: left;
    margin: 5px;
    overflow: hidden;
    padding: 5px;
    width: 100px;
}
.galleryrating .imgItem .imgContainer{height:136px; overflow:hidden; }
.galleryrating .imgItem .ratingContainer{margin: 5px 0 0; }
.galleryrating .imgItem .ratingContainer .StarRating{ width:100%; height:20px;}
.galleryrating .imgItem .ratingContainer .ratingCount{ width:100%; }
.galleryrating .imgItem a{ font-weight:bold; }

/*Loading Layer*/
.loadingLayer { position: absolute; z-index: 1000; width: 100px; height: 134px; }
.loadingLayer .layerBg { position: absolute; z-index: 1100; background: black; filter: Alpha(Opacity=50); opacity: 0.5; }
.loadingLayer .layerImg { position: absolute; z-index: 1200; background: transparent url(/Images/common/ajaxLoader32x32.gif) no-repeat; background-position: center center; }
/*ListviewBig Loading Layer*/
.loadingLayerBig { position: absolute; z-index: 1000; width: 100%; height: 100%; min-height:200px;}
.loadingLayerBig .layerBg { position: absolute; z-index: 1100; background: black; filter: Alpha(Opacity=50); opacity: 0.5; }
.loadingLayerBig .layerImg { position: absolute; z-index: 1200; background: transparent url(/Images/common/ajaxLoader32x32.gif) no-repeat; background-position: center center; }

/*Comments SendMail*/
.IframeContent { font: 0.8em arial, sans-serif; color: #000; background-color:White;}
.IframeContent h1, .IframeContent h1 #labHeadText { font: 1.2em arial, sans-serif; font-weight: bold; margin: 5px 0; }
.IframeContent input, .IframeContent textarea { font-family: Arial, sans-serif; width: 240px; }

 /*Jquery Pagination*/
.ListView .pagination { width: 100%; font-weight: bold; float: left; clear: both; margin: 10px 0 10px 3px; }
.ListView .pagination a { text-decoration: none; border: solid 1px #666; background-color:#FFFFFF; color: #000000; }
.ListView .pagination a:hover { background-color: #D3D3D3; border: solid 1px #666;}
.ListView .pagination a, .pagination span { display: block; float: left; width: 2.0em; text-align: center; padding: 0.4em 0; margin-right: 5px; margin-bottom: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.ListView .pagination .prev, .pagination .next,
.ListView .pagination .current.prev, .pagination .current.next{background-image: url("/Images/standard/sprites/standardIcons.png"); background-repeat: no-repeat; border-color: #666;}
.ListView .pagination .current.prev, .pagination .current.next{background-color:#DCDCDC;}
.ListView .pagination .prev { background-position: -178px 3px; }
.ListView .pagination .next { background-position: -197px 3px; }
.ListView .pagination .current { color: #FFFFFF; border: solid 1px #666; background-color:#666; }
.ListView .pagination .current.prev { background-position: -178px -37px; }
.ListView .pagination .current.next { background-position: -197px -37px; }