/*
Theme Name: BruNP
Theme URI: http://www.brunp.de/
Description: Theme designed by Bruno Ljustina
Version: 1.0
Author: Alexander Steinhöfer
Author URI: http://www.lx-s.de/
*/

html, body  {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
}

body { /* aeb2b5 */
   background: #eee url('./images/page_spotlight.jpg') scroll no-repeat center;
   color: #000;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.80em;
}

#page {
   background-image: url('./images/page_bg_shadow.png');
   background-repeat: no-repeat;
   padding: 19px;
   width: 927px; /* 965 - 2 * 19 */
   height: 812px; /* 850 - 2 * 19 */
   margin: 0 auto;
}

.wrapper {
   padding-left: 50px !important;
   padding-right: 50px !important;
}

.contentWrapper {
   padding-left: 76px !important;
   padding-right: 80px !important;
}

#nav {
   background-image: url('./images/nav_bg.png');
   background-repeat: repeat-x;
   height: 100px;
   margin-top: 37px;
}

   #nav #logo {
      float: left;
      margin-top: -15px;
      padding: 0 0 0 40px;
      
   }

   #nav #links {
      float: right;
      padding-top: 80px;
   }

   #nav #links ul {
      list-style-type: none;
      line-height: 1.05em;
      margin: 0;
      padding: 0 36px 0 0;
   }

      #nav #links ul li {
         padding-left: 30px;
         float: left;
      }

      #nav #links ul li a {
         display: block;
         color: #000;
      }

      #nav #links ul li.current_page_item a {
         font-weight: bold;
      }

#content {
   background-image: url('./images/content_bg.png');
   background-repeat: repeat-x;
   padding-top: 32px;
   height: 492px /* 524 - 32 */
}

   #content p {
      line-height: 1.4em;
   }

   #content p.quote {
      font-size: 1.1em;
      line-height: 1.6em;
   }

   /* Contact */
   .contactForm {
      width: 342px;
      margin-right: -20px;
   }

   /* Portfolio */
   ul#portfCats {
      margin-top: 0;
      padding-top: 0;
      list-style-type: none;
   }

   ul#portfCats li {
      float: left;
      width: 75px;
      margin-right: 30px;
      text-align:center;
   }

   ul#portfCats li img {
      margin-top: 5px;
   }

   .rosterContainer {
      position:relative;
      overflow: hidden;
      width: 812px;
      height: 100%;
      margin-left: 15px;
      margin-top: -15px;
   }

   .rosterContainer .rosterItems {
   	width:20000em;
      position:absolute;
      clear:both;
   }

   .roster {
      float: left;
      width: 835px;
      height: 480px;
   }

   .roster .row {
      width: 100%;
      height: 126px;
      margin: 0 22px 0 0;
   }

      .roster .row .item {
         background-image: url('images/portfolio/rosterItem_bg.png');
         background-repeat: no-repeat;
         width: 247px;
         height: 109px; /*245px × 106px*/
         padding: 7px 0 0 7px;
         margin: 0 10px 0 0;
         float: left;
      }

      .roster .row img, .row img, .item .kunde{
         width: 240px;
         height: 102px;
      }

      .roster .row .item .kunde img {
         display: none;
      }

   /* Detailansicht */

   #projektInfo {
      display: none;
      position: absolute;
      top: 224px;
      left: 50%;
      margin-left: 75px;
      background-image: url('images/portfolio/textbox_bg.png');
      width: 282px; /* 312 - 2*15 */
      height: 387px; /* 417 - 2*15 */
      padding: 15px;
      font-size: 0.9em;
   }

      #projektInfo .content {
         height: 372px;
      }

         #projektInfo .content a {
            color: #b70f0d;
         }

      #projektInfo .content h2 {
         margin: 0 0 15px 0;
      }

      #projektInfo h2 {
         color: #fff;
         background-color: #617c9f;
         font-size: 0.9em;
         padding: 1px 0 1px 3px;
         margin: 0;
      }

      #projektInfo h2 a, #projektInfo h2 a:hover {
         color: #fff;
         text-decoration: none;
      }

   #projectLargePicContainer {
      background-image: url('images/portfolio/detail_bg.png');
      width: 808px;
      height: 454px;
      padding: 5px;
   }

   #projectLargePic {
      width: 808px;
      height: 454px;
   }

      #projectLargePic img:hover {
         cursor: pointer
      }

   #projImgLargeOverlay {
      border: 2px solid #525252;
      background: #000 url('images/loading.gif') scroll no-repeat center center;
      top: 0px;
      left: 0px;
      width: 400px;
      height: 300px;
      padding: 10px;
      position: absolute;
      display: none;
      text-align: center;
   }

   #closeLargeOverlay {
      display: block;
      text-align: right;
      height: 20px;
      margin-bottom: 4px;
      color: #fff;
   }

   #projFlash {
      display: none;
   }

   #projectThumbs {
      position: relative;
      margin-top: -14px;
      height: 129px;
      overflow: hidden;
      width: 100%;
   }

      #prevTop .disabled, #prevBottom .disabled, #nextTop .disabled, #nextBottom .disabled, #ffPrevBottom .disabled, #ffNextBottom .disabled{
         display: none;
      }
      /* active item */
      #projectThumbs .active {
         /*border:1px solid #000;
         z-index:9999;
         position:relative;*/
      }

      #projectThumbs .items {
         width:5000em;
         position: absolute;
         clear:both;
      }

      #projectThumbs .items img {
         float: left;
         cursor: pointer;
         background-image: url('images/portfolio/thumb_bg.png');
         background-repeat: no-repeat;
         width: 185px;
         height: 104px;
         padding: 5px;
         margin: 0 12px 0 0;
      }

   #projektInfoShowLink {
      text-align: right;
      padding: 5px 15px 0 0;
      font-size: 0.9em;
   }

   /* Navigation */
   .prevProjImg, .nextProjImg {
      cursor: pointer;
   }

   #nextTop, #prevTop {
      position: absolute;
      top: 411px;
      left: 50%;
   }

   #nextTop {
      margin-left: 420px;
   }
   #prevTop {
      margin-left: -450px;
   }

   #nextBottom , #prevBottom, #ffNextBottom, #ffPrevBottom {
      position: absolute;
      top: 700px;
      left: 50%;
   }
   #ffNextBottom, #ffPrevBottom {
      top: 760px;
   }
   #nextBottom, #ffNextBottom {
      margin-left: 420px;
   }
   #prevBottom, #ffPrevBottom {
      margin-left: -450px;
   }
   .next, .prev, .nextPage, .prevPage {
      cursor: pointer;
   }

#footer {
   height: 129px;
   padding: 20px 0 50px 74px !important;
}

#projectDetailFooter {
   height: 129px;
   padding: 20px 0 0 0;
}

.clear {
   clear: both;
}

/* Links */
a, a:hover, a:visited, a:link {
   text-decoration: none;
   color: #000;
}

a img {
   border: 0;
}

/* Input */
input, textarea {
   border: 1px solid #bcbcbc;
}

/* Word Press*/
img.centered,
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
}

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
}

.alignright {
   float: right;
}

.alignleft {
   float: left;
}

img#wpstats{
   display:none
}