/*  Galerie  *//*  Galerie  *//*  Galerie  *//*  Galerie  */





.galleryjobs {
background: #fff; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.13), 1px 1px 0px #f4f4f4; -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.13), 1px 1px 0px #f4f4f4; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.13), 1px 1px 0px #f4f4f4; width: 298px;
float: left;
margin-right: 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: solid 1px #c8c8c8;
margin-top: 0px;
}

.galleryjobs a {
display: block;
height: 35px;
line-height: 36px;
overflow: hidden;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e6e6e6;
border-top: solid 1px #bbb;
-webkit-box-shadow: inset 1px 1px 0px #fff;
-moz-box-shadow: inset 1px 1px 0px #fff;
box-shadow: inset 1px 1px 0px #fff;
text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
}


.recentcommentstitle {
color: #111;
display: block;
height: 28px;
line-height: 28px;
overflow: hidden;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #e6e6e6;
border: solid 1px #bbb;
-webkit-box-shadow: inset 1px 1px 0px #fff, 1px 1px 0px #fff;
-moz-box-shadow: inset 1px 1px 0px #fff, 1px 1px 0px #fff;
box-shadow: inset 1px 1px 0px #fff, 1px 1px 0px #fff;
text-shadow: 1px 1px 0px rgba(255,255,255,0.7);
font-family: DinRound, DinRound, sans-serif;
font-weight: bold;
font-size: 20px;
margin-top: 0px;
height: 52px;
line-height: 46px;
}

.galleryjobs a.title {
font-family: DinRound, DinRound, sans-serif;
font-weight: bold;
font-size: 20px;
margin-top: -1px;
height: 48px;
line-height: 46px;
}

.galleryjobs a:hover {
background: #ddd;
cursor: pointer;
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
}

.galleryjobs a:active {
top: 0;
background-color: #d5d5d5;
-webkit-transition: color 0ms;
-moz-transition: color 0ms;
}


.galleryjobs a strong {
width: 75%;
float: left;
font-weight: normal;
}

.galleryjobs a span {
float: right;
text-align: right;
color: #888;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 5px;
margin-left: -5px;
margin-right: -10px;
padding: 0 5px;
height: 22px;
line-height: 22px;
border: solid 1px #ccc;
-webkit-box-shadow: inset 1px 1px 0px #fafafa, 1px 1px 0px #fafafa;
-moz-box-shadow: inset 1px 1px 0px #fafafa, 1px 1px 0px #fafafa;
box-shadow: inset 1px 1px 0px #fafafa, 1px 1px 0px #fafafa;
}



.galleryjobs a:hover span {
background-color: #e6e6e6;
border: solid 1px #bbb;
color: #444;
-moz-transition: background-color 0s; 
-webkit-transition: background-color 0s; 
-o-transition: background-color 0s; 
transition: background-color 0s; 
-webkit-box-shadow: inset 1px 1px 0px #fafafa, 1px 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow: inset 1px 1px 0px #fafafa, 1px 1px 1px rgba(0,0,0,0.08);
box-shadow: inset 1px 1px 0px #fafafa, 1px 1px 1px rgba(0,0,0,0.08);
}



#infscr-loading {
position: fixed;
bottom: 35px;
left: 0;
right: 0;
height: 3px;
background: transparent url(/2011/data/images/horizontal-loading.gif);
z-index: 10;
overflow: hidden;
opacity: 1;
}

#infscr-loading img {
display: none;
}

.galleryitem {
width: 268px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
padding: 15px;
padding-bottom: 12px;
padding-top: 25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

text-shadow: 1px 1px 0px rgba(255,255,255,0.7);

-webkit-box-shadow: inset 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
box-shadow: inset 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);


border: solid 1px rgba(0,0,0,0.16);
background: #e6e6e6;

-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 600ms;
-moz-transition-property: -moz-box-shadow, background;
-moz-transition-duration: 600ms;
transition-property: box-shadow, background;
transition-duration: 600ms;


}

.galleryitem.noborder img {
border: none;
margin: 0;
padding: 0;
width: 300px;
height: 250px;

-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.galleryitem.noborder {
border: none;
margin: 0;
padding: 0;
margin-bottom: 30px;
overflow: visible;
}






.galleryitem.advice {
border: none;
margin: 0;
padding: 0;
overflow: visible;
width: 300px;
box-shadow: none;
margin-bottom: -30px;
}


.galleryitem.advice:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: transparent;
}




.galleryitem.advice img {
border: none;
margin: 0;
padding: 0;
width: 300px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
}

.galleryitem.advice iframe {
margin-bottom: 60px;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
}



.leadadvice iframe {
margin-bottom: -30px;
margin-top: 30px;
margin-left: 25px;
}


.leadadvice iframe {
border: solid 15px #fff;
margin-bottom: 30px;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
}








.galleryitem img {
display: block;
margin-bottom: 15px;
margin-top: -26px;
margin-left: -16px;
width: 270px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: solid 15px #fff;

-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
}

.galleryitem h4 {
display: inline;
}


.galleryitem:hover h4 {
border-color: transparent;
}


.galleryitem a {
display: block;
width: 100%;
}



.galleryitem.hover img {
border: solid 15px #191919;
}





.galleryitem:hover {


-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
box-shadow: inset 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
background: #ddd;

-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 00ms;
-moz-transition-property: -moz-box-shadow, background;
-moz-transition-duration: 00ms;
transition-property: box-shadow, background;
transition-duration: 00ms;

}



.galleryitem a img:hover {
border-color: #fff;
}



.galleryitem.hover img:hover {
border: solid 15px #222;
}



.galleryitem a:active {
top:0;
}


#shareframe {
margin-top: 28px; height: 31px; overflow: hidden;
}



.sharebutton {
display: inline-block; padding: 0 9px; height: 25px; overflow: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; font-weight: bold; font-size: 12px; line-height: 26px; color: #222;
border: solid 1px rgba(0,0,0,0.15);
-webkit-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.7), 1px 1px 0px rgba(255,255,255,0.7);
-moz-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.7), 1px 1px 0px rgba(255,255,255,0.7);
box-shadow: inset 1px 1px 0px rgba(255,255,255,0.7), 1px 1px 0px rgba(255,255,255,0.7);
}




.galleryitem:hover .sharebutton {
background-color: #e6e6e6;
border: solid 1px #b8b8b8;
-moz-transition: background-color 0s; 
-webkit-transition: background-color 0s; 
-o-transition: background-color 0s; 
transition: background-color 0s; 
-webkit-box-shadow: inset 1px 1px 0px #fff, 1px 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow: inset 1px 1px 0px #fff, 1px 1px 1px rgba(0,0,0,0.08);
box-shadow: inset 1px 1px 0px #fff, 1px 1px 1px rgba(0,0,0,0.08);
}




.galleryitem:hover .sharebutton {

}


.sharebutton span {
font-family: arial;
font-size: 13px;
}