/*
Theme Name: Subseq
Theme URI: http://www.2freaks.de/
Description: Subseq designed by 2freaks, programmed by Alexander Steinhöfer
Version: 1.0
Author: 2freaks - raum für gesaltung
Author URI: http://www.2freaks.de/
*/

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

body {
   background-color: #fff;
   color: #000;
   font-family: Arial;
   font-size: 13px;
}

/* Link Styles */
a, a:hover {
   text-decoration: none;
   color: #003670;
}

a img {
   border: none;
}

/* Text */

h1 {
   color: #B58D4F;
   font-size: 1em;
   margin-bottom:0em;
}
p {
   margin-top:0.9em;
   font-size:1.3em;
   line-height:1.5em;
   color:#333;
}

/* Structure */

#balken {
   position: absolute;
   background-color: #f2f5f7;
   height: 162px;
   width: 100%;
   top: 120px;
   z-index: 1;
}
   

#page {
   position: absolute;
   top: 0;
   left: 50%;
   width: 780px;
   margin-left: -390px;
   z-index: 100;
}

#header {

}
   #header #navTop {
      width: 100%;
      text-align: right;
      font-size: 0.75em;
      padding-top: 5px;
      font-weight: bold;
   }

   #header #navTop a {
      margin-left: 20px;
      text-transform: uppercase;
      border-top: 2px solid #fff;
   }

   #header #navTop a:hover, #header #navTop  a.current_page_item{
      border-top: 2px solid #D9C5A2;
   }
   
   #header #logo {
      text-align: center;
      width: 100%;
      padding: 5px 0 22px 0;
      
   }
   
   #header #headerImg {
      position: absolute;
      width: 100%;
      height: 132px; /* 162 - padding */
      top: 116px;
      padding: 30px 0 0 0px;
      overflow:none;

      margin-top:4px;
   }
   
      #header #headerImg p {
         color: #003365;
         text-transform: uppercase;
         margin-left:15px;
         margin-bottom: 6px;
         margin-top: 0;
         width: auto;
         font-size: 1.1em;
         font-weight:bold;
         /* Transparency */
         /*opacity: 0.75; / * CSS3 * /
         -moz-opacity:0.75; / * Mozilla Firefox < 3.0 * /
         -khtml-opacity: 0.75; / * Safari * /*/
      }

      #header #headerImg p span {
         background-image: url('./images/header_text_bg.png');
         padding: 2px 3px;
         color: #a98c4a;/*color: #003365;*/
      }


#contentContainer {
   margin-top: 190px;
   background-image: url('./images/contentContainer_bg.gif');
   background-repeat: repeat-y;
}

   #contentContainer #navMain {
      /*float: left;*/
      position: absolute;
      width: 240px;
      /*background-image: url('./images/main_nav_bg.jpg');
      background-repeat: repeat-y;
      background-position: right;*/
   }
   
   #contentContainer #navMain a {
      color: #000;
      display: block;
      padding: 4px 0 3px 17px;
      font-size: 0.88em;
      text-transform: uppercase;
   }

   #contentContainer #navMain a.hasChilds {
      color: #a98c4a;
   }

   #contentContainer #navMain a.childItem1 {
      padding-left: 34px;
      color: #000;
   }
   #contentContainer #navMain a.childItem1:hover, #contentContainer #navMain a.childItem1:focus, #contentContainer #navMain a.childItem1.current_page_item, #contentContainer #navMain a.childItem1:hover span.navSubTitle, #contentContainer #navMain a.childItem1:focus span.navSubTitle {
      background-color: #a98c4a;
      color: #fff;
   }

   #contentContainer #navMain a span.navSubTitle {
      color: #000;
      font-size: 0.68em;
   }

   #contentContainer #navMain a:hover, #contentContainer #navMain a:hover span.navSubTitle,
   #contentContainer #navMain a.current_page_item, #contentContainer #navMain a.current_page_item span.navSubTitle{
      background-color: #a98c4a;
      color: #fff;
   }
   
   #contentContainer #navMain a.childItem2 {
      margin-left: 34px;
      padding: 5px 0 4px 2px;
      font-size: 0.65em;
      border-bottom:1px dotted #a98c4a;
   }
   #contentContainer #navMain a.childItem2 span.slashes {
      color: #fff;
   }
   #contentContainer #navMain a.childItem2:hover, #contentContainer #navMain a.childItem2:focus{
      color: #000;
      background-color: transparent;
   }
   #contentContainer #navMain a.childItem2:hover span.slashes, #contentContainer #navMain a.childItem2:focus span.slashes, #contentContainer #navMain a.childItem2.current_page_item span.slashes {
      color: #000;
   }
   #contentContainer #navMain a.childItem2.current_page_item, #contentContainer #navMain a.childItem2.current_page_item span.slashes {
      color: #a98c4a;
      background-color: transparent;
   }
   
   #contentContainer #content {
      /*float: left;*/
      position: relative;
      left: 240px;
      padding-left: 20px;
      width: 520px; /* 540 - padding-left */
   }
   
   #contentContainer #content {
      font-size: 0.7em;
   }
   
   #contentContainer #content h1 {
      font-size: 1.5em;
      text-transform:uppercase;
   }
   
/* Columns */
.col2Left {
   float: left;
   width: 244px; /* 254px - 10px(space) */
   clear: both;
}
.col2Right {
   float: right;
   width: 266px;
   overflow: visible;
}
* html div.col2Left {
   float: left;
   width: 244px; /* 254px - 10px(space) */
   clear: both;
}
* html div.col2Right {
   float: right;
   width: 266px;
}

div.col2Left a.wpGallery, div.col2Right a.wpGallery {
   margin-top: 15px;
}



/* Wordpress Styles */

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

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

img.alignleft {
   padding: 0px;
   margin: 0 7px 2px 0;
   display: inline;
}
div.alignleft {
   clear: both;
}

.alignright {
   float: right;
}

/* Utility */
div.clear, p.clear {
   clear: both;
}
div.fullcol {
   clear:both;
   width: 100%;
   margin-bottom: 10px;
}

div.contactForm input.textinput {
   width: 203px;
}
* html div.contactForm div.col2Right {
   width: 49%;
}
div.contactForm input.longtextinput {
   width: 90%;
}
div.contactForm textarea.longtextarea {
   width: 90%;
   height:120px;
}


/* jQuery.lightbox fixes */
div#jquery-overlay {
   z-index: 2000 !important;
}
div#jquery-lightbox {
   z-index: 2001 !important;
}
div#lightbox-container-image-data-box {
   overflow: hidden;
}

/* wpGallery Frames */
div a.wpGallery {
   background: url('./images/border_big.gif');
   width: 500px;
   height: 305px;
   display: block;
   padding: 10px 10px 34px 10px;
   margin-bottom: 10px;

}
div a.wpGallery img {
   max-width: 500px;
   max-height: 305px;
   /*margin-top: -20px !important; /* reverts offset producet by wpEnlargeLabel */
}
* html div a.wpGallery img {
   width: 500px;
   height: 305px;
}
div a.wpGallery div.wpEnlargeLabel {
   top: 312px;
   position: relative;
   display: block;
   left: 15px;
   height: 20px;
   width: 480px;
   color: #947416;
   text-align: left;
   text-decoration: none;
   font-size: 11px;
}

div.col2Right a.wpGallery {
   background: url('./images/border_small.gif');
   width: 256px;
   height: 156px;
   padding: 5px 5px 22px 5px;
   margin-bottom: 5px;
}
div.col2Right a.wpGallery img {
   max-width: 256px;
   max-height: 156px;
}
* html div.col2Right a.wpGallery img {
   width: 256px;
   height: 156px;
}
div.col2Right a.wpGallery div.wpEnlargeLabel {
   top: 163px;
   width: 236px;
}