body {height:100%; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#3c3c3c;}

.bg_design {position:fixed; bottom:0; right:0; width:800px; height:694px; background:url(img/bg_design.jpg) bottom right no-repeat; z-index:-1}

img {border:0}

a {text-decoration:none; color:#b2171b}
a:hover {text-decoration:underline}

h2 {font-size:32px; color:#777; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
#container h2 {margin-left:-2px;}

h2 a {}

#left_bar {position:fixed; top:0; height:100%; width:260px; background:#ededed; border-right:1px solid #ccc;}

.padding_box {position:absolute; margin:0; left:0; margin-top:140px; width:261px; z-index:5;}
.padding_box a {color:#353535; text-decoration:none;
-webkit-transition-property: padding-left;
-webkit-transition-duration: .1s;
-webkit-transition-timing-function: ease-in-out;

-moz-transition-property: padding-left;
-moz-transition-duration: .1s;
-moz-transition-timing-function: ease-in-out;

-o-transition-property: padding-left;
-o-transition-duration: .1s;
-o-transition-timing-function: ease-in-out;
}
.padding_box a:hover {color:#95070a; text-decoration:none; padding-left:5px;
-webkit-transition-property: padding-left;
-webkit-transition-duration: .1s;
-webkit-transition-timing-function: ease-in-out;

-moz-transition-property: padding-left;
-moz-transition-duration: .1s;
-moz-transition-timing-function: ease-in-out;

-o-transition-property: padding-left;
-o-transition-duration: .1s;
-o-transition-timing-function: ease-in-out;
}

.padding_box p {
padding:10px 5px 10px 20px; margin:0;
border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#ededed;
}

.padding_box p:hover {
background:#e5e5e5;
}

#bg1 {position:absolute; top:0; margin-top:0; background:#555 url(img/bg.jpg) repeat-x; width:100%; height:230px;}

#bg2 {position:relative; height:auto; width:auto; margin-top:80px; background:url(img/bg2.jpg) repeat-y; z-index:2}


#telmail {position:absolute; top:0; height:40px; width:468px; background:url(img/telmail.jpg); z-index:1}

#menu {position:absolute; height:20px; width:auto; right:20px; top:50px; text-align:right; font-size:14px;}
#menu a {color:#353535; text-decoration:none}
#menu a:hover {color:#95070a; text-decoration:none}

#social_media {position:absolute; width:200px; height:40px; text-align:right; top:0; right:20px; z-index:3}
a.xing {position:relative; display:inline-block; width:48px; height:40px; background:url(img/social_media.png) 48px 0px; margin-right:5px}
a.xing:hover {position:relative; display:inline-block; width:48px; height:40px; background:url(img/social_media.png) 48px -40px}
a.facebook {position:relative; display:inline-block; width:48px; height:40px; background:url(img/social_media.png) 0 0px; margin-right:5px}
a.facebook:hover {position:relative; display:inline-block; width:48px; height:40px; background:url(img/social_media.png) 0 -40px}
a.youtube {position:relative; display:inline-block; width:48px; height:40px; background:url(img/social_media.png) 96px 0px;}
a.youtube:hover {position:relative; display:inline-block; width:48px; height:40px; background:url(img/social_media.png) 96px -40px}

#filters {position:relative; width:auto; height:auto; margin-left:0px; top:10px; vertical-align:top;}

#cat_wrap {margin-left:260px;}
.cat_title {position:absolute; text-align:center; color:#eee; width:100%; vertical-align:top;
font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}

.cat_title p {display:inline-block; margin:0; padding:0}

.box_dib_logo {position:absolute; display:inline-block; height:104px; width:274px; top:-7px; left:0; z-index:1}
.cat_dib_logo {position:absolute; width:281px; height:132px; background:url(img/dib_logo.jpg) 0 0; z-index:1}
.cat_dib_logo_on {position:absolute; width:281px; height:132px; background:url(img/dib_logo.jpg) 0 -132px; z-index:0}

.box_logo {position:relative; display:inline-block; width:120px; height:147px; z-index:1}
.cat_logo {position:absolute; width:120px; height:147px; background:url(img/cat.png) -15px 0; z-index:1}
.cat_logo_on {position:absolute; margin-top:-450px; width:120px; height:147px; background:url(img/cat.png) -15px -150px; z-index:0}

.box_print {position:relative; display:inline-block; width:140px; height:147px; z-index:1}
.cat_print {position:absolute; width:150px; height:147px; background:url(img/cat.png) -155px 0; z-index:1}
.cat_print_on {position:absolute; margin-top:-450px; width:140px; height:147px; background:url(img/cat.png) -155px -150px; z-index:0}

.box_web {position:relative; display:inline-block; width:140px; height:147px; z-index:1}
.cat_web {position:absolute; width:150px; height:147px; background:url(img/cat.png) -305px 0; z-index:1}
.cat_web_on {position:absolute; margin-top:-450px; width:140px; height:147px; background:url(img/cat.png) -305px -150px; z-index:0}

.box_film {position:relative; display:inline-block; width:140px; height:147px; z-index:1}
.cat_film {position:absolute; width:150px; height:147px; background:url(img/cat.png) -450px 0; z-index:1}
.cat_film_on {position:absolute; margin-top:-450px; width:140px; height:147px; background:url(img/cat.png) -450px -150px; z-index:0}

.box_foto {position:relative; display:inline-block; width:140px; height:147px; z-index:1}
.cat_foto {position:absolute; width:150px; height:147px; background:url(img/cat.png) -605px 0; z-index:1}
.cat_foto_on {position:absolute; margin-top:-450px; width:140px; height:147px; background:url(img/cat.png) -605px -150px; z-index:0}

.box_illu {position:relative; display:inline-block; width:150px; height:147px; z-index:1}
.cat_illu {position:absolute; width:150px; height:147px; background:url(img/cat.png) -750px 0; z-index:1}
.cat_illu_on {position:absolute; margin-top:-450px; width:150px; height:147px; background:url(img/cat.png) -750px -150px; z-index:0}

.box_folie {position:relative; display:inline-block; width:150px; height:147px; z-index:1}
.cat_folie {position:absolute; width:150px; height:147px; background:url(img/cat.png) -900px 0; z-index:1}
.cat_folie_on {position:absolute; margin-top:-450px; width:150px; height:147px; background:url(img/cat.png) -900px -150px; z-index:0}

#container {position:relative; margin:0 0 0 280px; padding:10px}

.element {width:200px; height:200px; margin-right:80px;}

.element img {width:170px; height:170px;}

#bottom {}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.qtip-content {
font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:11px;
}