/* ================================================================================================
      BÜRO WICHMANN - DEFAULT STYLESHEET
      Date  : DECEMBER 2008
      Author: Thierry Minet
   ============================================================================================= */

/* ------------------------------------------------------------------------------------------------
   Part 1 : STYLESHEET RESET & NORMALIZATION
   --------------------------------------------------------------------------------------------- */
body {
   font-size: 0.9em;
   line-height: 1.33;
   margin: 0;
}
/* ------------------------------------------------------------------------------------------------
   Part 2 : GENERAL WEBSITE LAYOUT & STYLING
   --------------------------------------------------------------------------------------------- */
body {
   font-family: Times, serif;
   color: #6c5a57; /* dark grey TEXT */
   background: white;
}
a {
   text-decoration: none;
   color: #6c5a57; /* dark grey TEXT */
}
a:hover,
a:focus {
   color: #2db8db; /* BW blue TEXT */
}
/* --------------------------------------------------------------------------------------------- */
#htPageWrapper {}
/* --------------------------------------------------------------------------------------------- */
.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}
/* --------------------------------------------------------------------------------------------- */
#htPageHeaderWrapper {
   position: fixed; /* !!! NOT supported by IE 6.0 !!! */
   top: 0;
   left: 0;
   z-index: 2;
   width: 100%;
   height: 185px;
   background: #94d3e8; /* BW blue BG */
}
#htPageHeader {}
#htPageHeader h1 {
   margin: 0;
}
#htPageHeader img {
   margin-top: 49px; /* = header height - image height - bottom margin */
   margin-left: 20px;
}
/* --------------------------------------------------------------------------------------------- */
#htNavigationMenuWrapper {
   position: fixed; /* !!! NOT supported by IE 6.0 !!! */
   top: 185px;
   left: 0;
   width: 200px;
   height: 100%;
   background: white;
}
#htNavigationMenu {
   font-size: 128%;
   margin-bottom: 70px;
}
#htNavigationMenu ul {
   padding: 0;
   margin: 35px 0 20px 42px;
}
#htNavigationMenu li {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
#htNavigationMenu ul ul {
   font-size: 75%;
   margin: 0 0 5px 1.1em;
}
#htNavigationMenu a {
   color: #b60142; /* BW red */
}
#htNavigationMenu a.t3NavigationLinkA,
#htNavigationMenu a.t3NavigationLinkC {
   color: #2db8db; /* BW blue TEXT */
}
#htNavigationMenu a:hover,
#htNavigationMenu a:focus {
   color: #2db8db; /* BW blue TEXT */
}
/* --------------------------------------------------------------------------------------------- */
#htPageContentWrapper {
   float: left; /* in order to contain the inner floats */
   width: 1050px;
   margin: 220px 0 0 200px;
}
.htPageContent {
   float: left;
   margin-right: 80px;
   margin-bottom: 70px;
}
.t3ContentBox {
   width: 425px;
   margin-bottom: 20px;
}
.t3ContentBox h2 {
   font-size: 128%;
   font-weight: normal;
   color: #2db8db; /* BW blue TEXT */
   margin: 0;
}
.t3ContentBox p {
   margin: 0;
}
/* --------------------------------------------------------------------------------------------- */
#htPageFooterWrapper {
   position: fixed; /* !!! NOT supported by IE 6.0 !!! */
   bottom: 0;
   left: 0;
   width: 100%;
   height: 50px;
   background: #b60142; /* BW red */
}
#htPageFooter {
   text-align: right;
   color: white;
}
#htPageFooter .t3FooterMessage {
   font-family: Arial, Helvetica, sans-serif;
   position: relative;
   top: -1.5em;
   text-align: left;
   font-size: smaller;
   font-style: italic;
   color: #bbbbba; /* light grey TEXT */
   background: transparent;
   margin-left: 42px;
}
/* ------------------------------------------------------------------------------------------------
   Part 3 : PAGE SPECIFIC LAYOUT & STYLING
   --------------------------------------------------------------------------------------------- */
/* horizontal layout */
.t3Horizontal #htNavigationMenuWrapper {
   width: 460px;
}
.t3Horizontal #htNavigationMenu {
   float: left;
   width: 180px;
}
.t3Horizontal #htSecondaryNavigationMenu {
   float: left;
   width: 280px;
   margin-bottom: 70px;
}

.t3Horizontal #htPageContentWrapper {
   width: 10000px;
   margin: 220px 0 0 460px;
}
.t3Horizontal .htPageContent {
   margin-bottom: 0;
}

.t3References {}
.t3References ul {
   padding: 0;
   margin: 35px 0 20px 22px;
}
.t3References li {
   list-style-type: none;
   padding: 0;
   margin: 0;
}
.t3References ul ul {
   padding: 0;
   margin: 0;
   margin-bottom: 10px;
}
.t3References h3 {
   font-size: 115%;
   font-weight: normal;
   color: #6c5a57; /* dark grey TEXT */
   padding: 0;
   margin: 0;
}

.t3References a {
   color: #6c5a57; /* dark grey TEXT */
}
.t3References a.t3ReferenceA,
.t3References a.t3ReferenceC {
   color: #2db8db; /* BW blue TEXT */
}
.t3References a:hover,
.t3References a:focus {
   color: #2db8db; /* BW blue TEXT */
}

.t3Horizontal .t3ContentBox {
   float: left;
   width: auto;
   margin-right: 20px;
   margin-bottom: 70px;
}
.t3Horizontal .t3ContentBox .csc-textpic-text {
   height: 85px; /* in order to ensure an even text box height above the reference pictures */
   padding-left: 30px;
}
/* --------------------------------------------------------------------------------------------- */
/* embedded Google map */
.t3Mapbox {
   text-align: right;
}
.t3Mapbox iframe {
   width: 350px;
   height: 350px;
   border: 1px solid #6c5a57;
   padding: 5px;
}
.t3Mapbox a {
   color: #6c5a57; /* dark grey TEXT */
   font-size: smaller;
   margin-right: 10px;
}
/* ------------------------------------------------------------------------------------------------
   Part X : IE PATCHES
   --------------------------------------------------------------------------------------------- */
/* defined in additional browser specific stylesheets */

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