/* ================================================================================================
      PLANUNGSBÜRO HOCHBAU - DEFAULT STYLESHEET
      Date  : OCTOBER 2009
      Author: Thierry Minet
   ============================================================================================= */

@font-face { font-family: AllerLt; src:url("../fonts/Aller_Lt.ttf"); font-style: normal; }
@font-face { font-family: AllerRg; src:url("../fonts/Aller_Rg.ttf"); font-style: normal; }
@font-face { font-family: AllerBdIt; src:url("../fonts/Aller_BdIt.ttf"); font-style: normal; }

/* ------------------------------------------------------------------------------------------------
   Part 1 : STYLESHEET RESET & NORMALIZATION
   --------------------------------------------------------------------------------------------- */
html {
   overflow-y: scroll; /* enforces a vertical scroll bar */
}

body {
   font-size: small;
   margin: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
   padding: 0;
   margin: 0;
}
img {
   padding: 0;
   border: 0;
   margin: 0;
}
form, fieldset {
   padding: 0;
   border: 0;
   margin: 0;
}
input, select, textarea {
   padding: 2px;
   margin: 0;
}
object, embed {
   padding: 0;
   margin: 0;
}

/* ------------------------------------------------------------------------------------------------
   Part 2 : DEFAULT WEBSITE STYLING & LAYOUT
   --------------------------------------------------------------------------------------------- */
body {
   font-family: Arial;
   line-height: 1.3;
   color: gray;
   background: white url("../grafiken/background-mosaic.gif") repeat scroll top left;
}
a {
   text-decoration: none;
   color: #93000e;
}
/* --------------------------------------------------------------------------------------------- */
.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}
.htClearFloats {
   clear: both;
}
/* --------------------------------------------------------------------------------------------- */
#htBodyLining {
   min-height: 515px;
   background: transparent url("../grafiken/background-strip-L.jpg") repeat-x scroll top left;
}
#htBodyLining.NarrowHeaderHeight {
   min-height: 346px;
   background: transparent url("../grafiken/background-strip-S.jpg") repeat-x scroll top left;
}

/* --------------------------------------------------------------------------------------------- */
#htPageWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   width: 965px;
   margin: 0 auto;
}
/* --------------------------------------------------------------------------------------------- */
.t3Column {
   float: left;
   width: 321px;
}
/* 1 COLUMN CONTENT LAYOUT */
body.t3Layout1 #htContent2Wrapper .t3Column2 {
   width: 963px;
}
/* 2 COLUMN CONTENT LAYOUT */
body.t3Layout2 #htContent2Wrapper .t3Column2 {
   width: 642px;
}
body.t3Layout2 #htContent2Wrapper .t3Column3 {
   width: 321px;
}
/* 3 COLUMN CONTENT LAYOUT */
body.t3Layout3 #htContent2Wrapper .t3Column1,
body.t3Layout3 #htContent2Wrapper .t3Column2,
body.t3Layout3 #htContent2Wrapper .t3Column3 {
   width: 321px;
}

/* PAGE HEADER ================================================================================= */
#htHeaderWrapper {
   position: relative;
   top: 1px;
   height: 143px;
   background: white url("../grafiken/background-mosaic.gif") repeat scroll top left;
}
#htHeader {}
/* LOGO ---------------------------------------------------------------------------------------- */
#htHeader #t3LogoWrapper {
   position: absolute;
   top: 41px;
   left: 51px;
   width: 290px;
}
/* MAIN NAVIGATION MENU ------------------------------------------------------------------------ */
#htHeader #t3MainNavigationMenu {
   position: absolute;
   bottom: 0;
   right: 0;
}
#htHeader #t3MainNavigationMenu li {
   list-style-type: none;
   display: inline;
   margin-right: 5px;
}
#htHeader #t3MainNavigationMenu li a {
   display: inline-block;
   width: 85px;
   font-weight: bold;
   color: gray;
   text-align: center;
   padding: 12px 0 17px 0;
}
#htHeader #t3MainNavigationMenu li a:hover {
   background: #a4111f;
}
#htHeader #t3MainNavigationMenu li a.t3ActiveNavigationLink,
#htHeader #t3MainNavigationMenu li a.t3CurrentNavigationLink {
   background: #93000e;
}
#htHeader #t3MainNavigationMenu li a:hover,
#htHeader #t3MainNavigationMenu li a.t3ActiveNavigationLink,
#htHeader #t3MainNavigationMenu li a.t3CurrentNavigationLink {
   color: white;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   -webkit-border-top-left-radius: 4px;
   -webkit-border-top-right-radius: 4px;
}

/* PAGE CONTENT 1 ============================================================================== */
#htContent1Wrapper {
   overflow: hidden; /* in order to contain the inner floats */
   position: relative;
   color: white;
   background: #93000e;
}
#htContent1 {
   height: 348px; /* needed for positioning of the background image */
}
#htContent1 .t3ContentBox {
   font-family: AllerLt;
   padding: 55px 35px 40px 65px;
}
#htContent1 .t3ContentBox .csc-textpic-text {
   width: 490px;
   padding-top: 30px;
}
#htContent1 .t3ContentBox .csc-textpic-text p {
   font-size: 215%;
   letter-spacing: 1px;
}
#htContent1 .t3ContentBox .csc-textpic-text p a {
   font-family: AllerBdIt;
   color: #321e13;
}
#htContent1 .t3ContentBox .csc-textpic-text blockquote {
   padding: 21px 0 0 0;
   margin: 0;
}
#htContent1 .t3ContentBox .csc-textpic-text blockquote p {
   font-size: 95%;
   font-style: italic;
   margin-bottom: 0.5em;
}
/* image width + border width 
#htContent1 .t3ContentBox .csc-textpic-image {
   width: 352px !important;
}
*/
#htContent1 .t3ContentBox .csc-textpic-imagewrap img {
   border: 6px solid white;
}
/* --------------------------------------------------------------------------------------------- */
.NarrowHeaderHeight #htContent1 {
   height: 177px; /* needed for positioning of the background image */
}
.NarrowHeaderHeight #htContent1 .t3ContentBox .csc-textpic-text {
   padding-top: 5px;
}
.NarrowHeaderHeight #htContent1 .t3ContentBox .csc-textpic-text p {
   font-size: 175%;
}
/* SUB NAVIGATION MENU ------------------------------------------------------------------------- */
#htContent1 #t3SubNavigationMenu {
   position: absolute;
   bottom: 85px;
   padding: 0 0 0 65px;
}
#htContent1 #t3SubNavigationMenu li {
   list-style-type: none;
   display: inline;
   margin-right: 25px;
}
#htContent1 #t3SubNavigationMenu li a {
   display: inline-block;
   width: 100px;
   text-align: center;
   font-weight: bold;
   color: white;
   background: #321e13;
   padding: 7px 10px 7px 10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}
#htContent1 #t3SubNavigationMenu li a:hover,
#htContent1 #t3SubNavigationMenu li a.t3ActiveNavigationLink,
#htContent1 #t3SubNavigationMenu li a.t3CurrentNavigationLink {
   color: #93000e;
}

/* PAGE CONTENT 2 ============================================================================== */
#htContent2Wrapper {
   overflow: hidden; /* in order to contain the inner floats */
   min-height: 320px;
   background: white;
}
#htContent2 {
   overflow: hidden; /* in order to contain the inner floats */
}
#htContent2 h2 {
   font-family: AllerLt;
   font-size: 175%;
   font-weight: normal;
   padding: 32px 0 24px 65px;
}
#htContent2 h3 {
   font-size: 150%;
   font-weight: normal;
   color: #93000e;
   padding: 24px 0 8px 17px;
   border-bottom: 1px solid #e2e8ec;
   margin: 0 32px 15px 48px;
}
#htContent2 .t3ContentBox {
   padding: 0 32px;
}
#htContent2 .t3ContentBox .csc-frame-rulerBefore {
   padding-top: 1.5em;
   border-top: 1px dotted #e2e8ec;
   margin-top: 1.5em;
}
#htContent2 .t3ContentBox .csc-frame-rulerAfter {
   border-bottom: 1px dotted #e2e8ec;
   margin-bottom: 1.5em;
}
#htContent2 .t3ContentBox .csc-frame-indent {
   padding-left: 17px; /* difference between Layout-1 & Layout-2-3 t3ContentBox padding */
}
/* 1 COLUMN CONTENT LAYOUT */
body.t3Layout1 #htContent2Wrapper .t3Column2 .t3ContentBox {
   padding-left: 48px;
}
/* 2 COLUMN CONTENT LAYOUT */
body.t3Layout2 #htContent2Wrapper .t3Column2 .t3ContentBox {
   padding-left: 65px;
   padding-right: 108px;
}
/* 3 COLUMN CONTENT LAYOUT */
body.t3Layout3 #htContent2Wrapper .t3Column1 .t3ContentBox {
   padding-left: 65px;
}
#htContent2 .t3TextBox {
   margin-bottom: 1.5em;
}
#htContent2 h4 {
   font-size: 160%;
   letter-spacing: 1px;
   font-weight: normal;
   color: #2f2f2f;
   margin-bottom: 1em;
}
#htContent2 h4 a {
   color: #2f2f2f;
}
#htContent2 h5 {
   font-size: 100%;
   font-weight: bold;
   color: #93000e;
   margin-bottom: 0.5em;
}
#htContent2 .t3TextBox p {
   line-height: 1.5;
   margin-bottom: 1em;
}
#htContent2 .t3TextBox ul {
   margin-left: 15px;
   margin-bottom: 1em;
}
#htContent2 .t3TextBox li {
   list-style-type: square;
   margin-bottom: 0.5em;
}
#htContent2 a.mail {
   color: gray;
}
#htContent2 embed {
   margin-bottom: 1.5em;
}

/* PAGE CONTENT 3 ============================================================================== */
#htContent3Wrapper {
   overflow: hidden; /* in order to contain the inner floats */
   min-height: 340px;
   color: white;
   background: #525252;
   border-bottom: 5px solid #5d5d5d;
}
#htContent3 {
   border-top: 7px solid #484848;
}
#htContent3 h5 {
   font-size: 160%;
   font-style: italic;
   font-weight: normal;
   padding: 25px 0;
   border-bottom: 1px solid white;
}
#htContent3 a.mail {
   color: white;
}

/* LATEST PROJECTS ----------------------------------------------------------------------------- */
#htContent3 #t3LatestProjectsWrapper {
   padding: 0 32px;
}
#htContent3 #t3LatestProjectsWrapper h5 {
   text-align: right;
}
#htContent3 #t3LatestProjectsWrapper #t3ProjectMenu li {
   overflow: hidden; /* in order to contain the inner floats */
   list-style-type: none;
   padding: 6px 0;
   border-bottom: 1px solid white;
}
#htContent3 #t3LatestProjectsWrapper #t3ProjectMenu .t3ProjectThumbnail {
   float: left;
   width: 75px;
}
#htContent3 #t3LatestProjectsWrapper #t3ProjectMenu .t3ProjectData {
   font-size: 95%;
   line-height: 1.5;
   padding-top: 6px;
   margin-left: 80px;
}
#htContent3 #t3LatestProjectsWrapper #t3ProjectMenu .t3ProjectData .t3ProjectDate {
   font-weight: bold;
}
#htContent3 #t3LatestProjectsWrapper #t3ProjectMenu .t3ProjectData a {
   color: white;
}
/* --------------------------------------------------------------------------------------------- */
#htContent3 .t3Column2 h5,
#htContent3 .t3Column3 h5 {
   margin-bottom: 12px;
}
#htContent3 .t3ContentBox {
   padding: 0 32px;
}
#htContent3 .t3TextBox p {
   font-size: 95%;
   line-height: 1.5;
   margin-bottom: 1em;
}
#htContent3 .t3ContentBox .csc-frame-rulerAfter {
   padding-bottom: 6px;
   border-bottom: 1px solid white;
   margin-bottom: 18px;
}
#htContent3 .t3ContentBox .csc-frame-rulerBefore {
   padding-top: 18px;
   border-top: 1px solid white;
   margin-top: 6px;
}

/* PAGE FOOTER ================================================================================= */
#htFooterWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   height: 55px;
   font-size: 95%;
   color: white;
   background: #321e13;
}
#htFooter {
   padding: 18px 32px 18px 45px;
}
/* COPYRIGHT NOTICE ---------------------------------------------------------------------------- */
#htFooter #t3Copyright {
   float: left;
   width: 425px;
}
#htFooter #t3Copyright span {
   margin-right: 10px;
}
#htFooter #t3Copyright a {
   color: white;
}
/* SECONDARY NAVIGATION MENU ------------------------------------------------------------------- */
#htFooter #t3SecondaryNavigationMenuWrapper {
   float: right;
   width: 425px;
   text-align: right;
}
#htFooter #t3SecondaryNavigationMenuWrapper span {
   margin-right: 10px;
}
#htFooter #t3SecondaryNavigationMenu {
   display: inline;
}
#htFooter #t3SecondaryNavigationMenu li {
   list-style-type: none;
   display: inline;
}
#htFooter #t3SecondaryNavigationMenu li a {
   font-size: 95%;
   color: white;
   text-align: center;
   padding: 0 5px;
}
#htFooter #t3SecondaryNavigationMenu li a:hover,
#htFooter #t3SecondaryNavigationMenu li a.t3ActiveNavigationLink,
#htFooter #t3SecondaryNavigationMenu li a.t3CurrentNavigationLink {
   color: #93000e;
}

/* ------------------------------------------------------------------------------------------------
   Part 3 : SPECIAL CONTENT LAYOUT & STYLING (sorted alphabetically)
   --------------------------------------------------------------------------------------------- */
/* CONTACT FORM -------------------------------------------------------------------------------- */
#htContent2 .t3FormBox form {
   font-size: 95%;
   line-height: 1.5;
   background: #ecedf1;
   padding: 24px 12px 12px 12px;
   border: 1px solid #d9dade;
   margin-bottom: 48px;
}
#htContent2 .t3FormBox fieldset div {
   margin-bottom: 12px;
}
#htContent2 .t3FormBox label {
   display: inline-block;
   vertical-align: top;
   width: 100px;
   font-weight: bold;
}
#htContent2 .t3FormBox input[type=text] {
   width: 330px;
   border: 1px solid #d9dade;
}
#htContent2 .t3FormBox fieldset#mailforminfo {
   margin-left: 105px;
}
#htContent2 .t3FormBox fieldset#mailforminfo legend {
   display: none;
}
#htContent2 .t3FormBox fieldset#mailforminfo label {
   font-weight: normal;
}
#htContent2 .t3FormBox fieldset#mailforminfo input[type=radio] {
   margin-right: 8px;
}
#htContent2 .t3FormBox fieldset#mailforminfo label {
   width: 310px;
}
#htContent2 .t3FormBox textarea {
   width: 330px;
   height: 175px;
   border: 1px solid #d9dade;
}
#htContent2 .t3FormBox input.csc-mailform-submit {
   display: inline-block;
   cursor: pointer;
   width: 92px;
   font-weight: normal;
   letter-spacing: 1px;
   color: white;
   background: #93000e;
   padding-bottom: 5px;
   border: 0;
   -moz-border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -webkit-border-radius: 2px;
   margin-left: 105px;
}
/* IMAGE GALLERY ------------------------------------------------------------------------------- */
.t3ImageGallery .csc-textpic-imagewrap {
   width: 899px !important;
}
.t3ImageGallery .csc-textpic-imagerow {
   overflow: hidden; /* in order to contain the inner floats */
   width: 899px !important;
}
.t3ImageGallery .t3ImageBox .csc-textpic .csc-textpic-image {
   margin-left: 36px;
}
.t3ImageGallery .t3ImageBox .csc-textpic .csc-textpic-caption {
   padding-top: 6px;
   padding-bottom: 9px;
}
/* PARTNERS IMAGE LINK ------------------------------------------------------------------------- */
#pbhPartnersBox {
   position: relative;
   width: 350px;
/* top: 48px; */
   right: 65px;
}
/* PROJECTS : CONTENT -------------------------------------------------------------------------- */
#htContent2 .t3TextBox .csc-frame-frame1 {
   padding: 0;
   border: 0;
   border-spacing: 0;
   margin: 0;
}
#htContent2 .t3TextBox .csc-frame-frame1 th {
   width: 70px;
   text-align: left;
   vertical-align: top;
   font-weight: normal;
}
#htContent2 .t3TextBox .csc-frame-frame1 td {
   text-align: left;
   vertical-align: top;
   font-weight: bold;
}
#htContent2 .t3TextBox .csc-frame-frame1 th p,
#htContent2 .t3TextBox .csc-frame-frame1 td p {
   margin: 0;
}
#htContent2 .t3TextBox .csc-frame-frame1 td ul {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}
#htContent2 .t3TextBox .csc-frame-frame1 td li {
   margin-bottom: 0.3em;
}
/* PROJECTS : LISTING -------------------------------------------------------------------------- */
#htContent2 #t3ListedProjectsWrapper .t3TextBox {
   padding-top: 12px;
   border-bottom: 1px solid #e2e8ec;
}
#htContent2 #t3ListedProjectsWrapper .t3MoreButtonWrapper {
   text-align: right;
   padding: 12px 12px 6px 0;
}
#htContent2 #t3ListedProjectsWrapper a.t3MoreButton {
   display: inline-block;
   cursor: pointer;
   width: 92px;
   font-weight: normal;
   letter-spacing: 1px;
   text-decoration: none;
   text-align: center;
   color: #93000e;
   padding: 5px 0;
   border: 1px solid #93000e;
   -moz-border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -webkit-border-radius: 2px;
}
/* PROJECTS : NAVIGATION BROWSER 1 ------------------------------------------------------------- */
#htContent2 #t3ProjectBrowser1Wrapper {
   text-align: center;
}
#htContent2 #t3ProjectBrowser1 {
   margin: 20px 0;
}
#htContent2 #t3ProjectBrowser1 li {
   list-style-type: none;
   display: inline;
}
#htContent2 #t3ProjectBrowser1 a.t3BrowseButton {
   display: inline-block;
   cursor: pointer;
   width: 92px;
   font-weight: normal;
   letter-spacing: 1px;
   text-decoration: none;
   text-align: center;
   color: white;
   background: #93000e;
   padding: 5px 0;
   border: 0;
   -moz-border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -webkit-border-radius: 2px;
   margin: 0 6px;
}
/* PROJECTS : NAVIGATION BROWSER 2 ------------------------------------------------------------- */
#htContent2 #t3ProjectBrowser2Wrapper {
   text-align: center;
   padding-top: 12px;
/*
   border-top: 1px solid #e2e8ec;
*/
   margin: 20px 48px;
}
#htContent2 #t3ProjectBrowser2Wrapper a {
   font-weight: bold;
   color: #93000e;
}
#htContent2 #t3ProjectBrowser2Wrapper a:hover {
   text-decoration: underline;
}
#htContent2 #t3ProjectBrowser2Wrapper a.t3BrowseButton {
   display: inline-block;
   cursor: pointer;
   width: 92px;
   font-weight: normal;
   letter-spacing: 1px;
   text-decoration: none;
   text-align: center;
   color: white;
   background: #93000e;
   padding: 5px 0;
   border: 0;
   -moz-border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -webkit-border-radius: 2px;
}

/* ------------------------------------------------------------------------------------------------
   Part 4 : EXTENSION SPECIFIC LAYOUT & STYLING (sorted by extension name)
   --------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------
   Part 5 : PAGE SPECIFIC WEBSITE STYLING & LAYOUT
   --------------------------------------------------------------------------------------------- */

/* ========================================================================================= EOF */