/* ================================================================================================
      THIERRY MINET - WEBSITE DEVELOPMENT - DEFAULT STYLESHEET
      Date  : JUNE 2009
      Author: Thierry Minet
   ============================================================================================= */

/* ------------------------------------------------------------------------------------------------
   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, 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: 2px 0;
}
object, embed {
   padding: 0;
   margin: 0;
}

/* ------------------------------------------------------------------------------------------------
   Part 2 : DEFAULT WEBSITE STYLING & LAYOUT
   --------------------------------------------------------------------------------------------- */

body {
   font-family: Arial;
   font-size: small;
   line-height: 1.4;
/*
   color: #7c7c7c;
*/
   color: #5c5c5b;
   background: white;
}
a {
   text-decoration: none;
   color: #7c7c7c;
}
a:hover,
a:focus {
   text-decoration: underline;
   color: #ec7e12;
}
/* --------------------------------------------------------------------------------------------- */
.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}
.htClearFloats,
.t3ClearFloats {
   clear: both;
}
/* --------------------------------------------------------------------------------------------- */
#htPageWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   width: 770px;
   background: white;
   margin: 0 auto;
}
#htPage {}

/* HEADER ====================================================================================== */
#htPageHeaderWrapper {
   height: 265px;
   background: #ededed;
}
#htPageHeader {
   position: relative;
   top: 24px;
   left: 20px;
}

/* MAIN NAVIGATION ============================================================================= */
#htMainNavigationMenuWrapper {}
#htMainNavigationMenu {
   margin: 3px 0;
}
#htMainNavigationMenu ul {
   margin-left: 28px;
}
#htMainNavigationMenu li {
   display: inline-block;
   list-style-type: none;
   margin-right: 2em;
}
#htMainNavigationMenu li a {
   display: inline-block;
/*   width: 100px; */
   font-size: 160%;
   letter-spacing: 1px;
   text-transform: lowercase;
}
#htMainNavigationMenu li a.t3ActiveNavigationLink,
#htMainNavigationMenu li a.t3CurrentNavigationLink {
   color: #ec7e12;
}

/* CONTENT ===================================================================================== */
#htPageContent {
   overflow: hidden; /* in order to contain the inner floats */
   background: white;
   padding: 12px;
   border: 2px solid #ededed;
}

#htPageContent #t3HeaderImage {
   height: 65px;
   margin-left: 1px;
   margin-bottom: 24px;
}

#htPageContent h2 {}
#htPageContent h3 {}
#htPageContent .t3ContentBox {
   font-size: 110%;
   margin-bottom: 1em;
}
#htPageContent .t3ContentBox .csc-frame-rulerAfter {
   padding-bottom: 1em;
   border-bottom: 1px solid #ededed;
}
#htPageContent .t3ContentBox .csc-frame-rulerBefore {
   padding-top: 1em;
   border-top: 1px solid #ededed;
}
#htPageContent .t3ContentBox .t3TextBox {
   padding: 0 1px 0 15px;
}
#htPageContent .t3ContentBox h4 {
/*
   font-family: "Arial Black";
*/
   font-size: 100%;
   font-weight: bold;
   margin-bottom: 6px;
}
#htPageContent .t3ContentBox h4 a {
   color: #5c5c5b;
}
#htPageContent .t3ContentBox h4 a:hover {
   color: #ec7e12;
}
#htPageContent .t3ContentBox h5,
#htPageContent .t3ContentBox h6 {
   font-size: 100%;
   font-weight: normal;
   margin-bottom: 6px;
}
#htPageContent .t3ContentBox p {
   margin-bottom: 6px;
}
#htPageContent .t3ContentBox a {
   color: #ec7e12;
}
#htPageContent .t3ContentBox .csc-textpic-caption {
   font-size: smaller;
   margin-top: 6px;
}
#htPageContent .t3ContentBox .t3TextBox ul {
   margin-left: 18px;
   margin-bottom: 6px;
}
#htPageContent .t3ContentBox .t3TextBox li {
   margin-bottom: 3px;
}
#htPageContent .t3ContentBox .t3TextBox .contenttable {
   width: 95%;
   padding: 0;
   border: 0;
   border-spacing: 0;
   margin: 0;
}
#htPageContent .t3ContentBox .t3TextBox .contenttable th {
   width: 40%;
}
#htPageContent .t3ContentBox .t3TextBox .contenttable th,
#htPageContent .t3ContentBox .t3TextBox .contenttable td {
   text-align: left;
   vertical-align: top;
   font-size: 90%;
   font-weight: normal;
   padding-bottom: 3px;
}
#htPageContent .t3ContentBox .t3TextBox .contenttable th p,
#htPageContent .t3ContentBox .t3TextBox .contenttable td p {
   margin: 0;
}
#htPageContent .t3ContentBox .t3TextBox .contenttable td a {
   color: #5c5c5b;
}
#htPageContent .t3ContentBox .t3TextBox .contenttable td a:hover {
   color: #ec7e12;
}

/* ALTERNATIVE PAGE LAYOUT & STYLING ----------------------------------------------------------- */
/* Layout 1 is used e.g. for the Referenzen page */
body.t3Layout1 #htPageContent {
   padding: 0;
   border: 0;
}
body.t3Layout1 #htPageContent .t3ContentBox .t3TextBox {
   padding: 18px 27px 12px 27px;
   border: 2px solid #ededed;
}
body.t3Layout1 #htPageContent .t3ContentBox .t3TextBox .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
   padding-right: 17px;
}

/* SECONDARY NAVIGATION ======================================================================== */
#htSecondaryNavigationMenuWrapper {
   background: #ededed;
}
#htSecondaryNavigationMenu {
   padding: 6px 0;
   margin-top: 12px;
}
#htSecondaryNavigationMenu ul {
   margin-left: 28px;
}
#htSecondaryNavigationMenu li {
   display: inline-block;
   list-style-type: none;
   margin-right: 1.5em;
}
#htSecondaryNavigationMenu li a {
   display: inline-block;
   font-size: 120%;
   letter-spacing: 1px;
   text-transform: lowercase;
}
#htSecondaryNavigationMenu li a.t3ActiveNavigationLink,
#htSecondaryNavigationMenu li a.t3CurrentNavigationLink {
   color: #ec7e12;
}

/* ------------------------------------------------------------------------------------------------
   Part 3 : SPECIAL CONTENT LAYOUT & STYLING (sorted alphabetically)
   --------------------------------------------------------------------------------------------- */

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

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

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