/*.galerie{padding:1em 0 0; }
.galerie a{display: inline-block; width:11%; text-align:center; padding:1em 1%; vertical-align:middle; }*/
a.galerie{display:block; background:#7f8db2; background-position: 0% 100%;}
a:hover.galerie{background:#20335d url('../images/plus.png') no-repeat; background-position: 100% 100%;}
.galerie img {float: left; width: 100px; height: 100px; margin-right: 3%;}
.galerie .img{float: left; width: 100px; height: 100px; margin-right: 3%; }
.galerie h2{font-family: 'ConduitITCLight', Arial, Helvetica, sans-serif; color:#ffffff; text-align:left; font-size: 115%; padding: 3% 3% 0 3%; line-height:1em;}
#mbOverlay {position: fixed; z-index: 9998; top: 0; left: 0; width: 120%; height: 170%; background-color: #ffffff; cursor: pointer;}
#mbOverlay.mbOverlayOpaque {background: transparent url(80.png) repeat;}
#mbOverlay.mbOverlayAbsolute {position: absolute;}
#mbOverlay.mbMobile {position: absolute; background-color: transparent;}
#mbBottom.mbMobile {line-height: 24px; font-size: 16px;}
#mbCenter {position: absolute; z-index: 9999; left: 50% !important; background-color: #20335d;}
#mbCenter{min-width: 95%; min-height: 600px;}
#mbMedia{min-width: 100%; min-height: 600px;}
#mbMedia iframe{min-height: 600px;}
#mbCenter.mbLoading {background: #ffffff; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;}
#mbMedia {position: relative; left: 0; top: 0; line-height: 20px; font-size: 12px; color: #fff; text-align: left; background-position: center center; background-repeat: no-repeat;}
#mbBottom {text-align: center; color: #999; padding: 0;}
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {display: inline; color: #fff; font-size: 1.3em; font-family: 'ConduitITCLight', Arial, Helvetica, sans-serif;}
#mbNumber {color: #58585A; font-size: 0.8em; text-align:center; padding-top:0;}
#mbCaption {display: block; color: #999; line-height: 0; font-size: 0.8em;}
#mbPrevLink, #mbNextLink, #mbCloseLink {float: right; outline: none; font-weight: normal;}
#mbPrevLink{float: left;}
#mbPrevLink b, #mbNextLink b, #mbCloseLink b {font-weight: bold; text-decoration: underline;}
#mbPrevLink big, #mbNextLink big {padding: 0 0.5em; font-size: 1.8em; font-weight: bold;}
#mbBottom a, #mbBottom a:link, #mbBottom a:visited {text-decoration: none; color:#c9cadc; font-size:1em; text-align:center;}
#mbBottom a:hover {color:#fff;}
#mbTitle a{padding:0}
#mbBottom a#mbCloseLink{position:absolute; top:-27px; right:-27px; /*background:url(../images/close_pop.png) no-repeat;*/ /*text-indent:-100000px;*/
    padding:0; width:32px; height:32px; background: #20335d; transform: rotate(45deg); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
#mbBottom a#mbCloseLink big{transform: rotate(-45deg);  display: block; font-size:2.5em;   margin: 4px; font-family: 'ConduitITCMedium', Arial, Helvetica, sans-serif;}
#mbBottom a:link.#mbCloseLink{color: #cccccc;}
#mbError {position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active, #mbError a:focus {color: #d00; font-weight: bold; text-decoration: underline;}
@media print, screen and (max-width:800px){
	.galerie a{	width:22%; }
}
@media print, screen and (max-width:480px){
	.galerie a{	width:30%; }
}
@media print, screen and (max-width:360px){
	.galerie a{	width:47%; }
}