/* ================================================================================================
      NICOLAS HOFMANN – STEUERBERATUNGSGESELLSCHAFT MBH - DEFAULT STYLESHEET
      Date  : JULY 2010
      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, 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: #5c5a58;
   background: #686867;
}
p {
   font-size: 97%;
}
a {
   text-decoration: none;
   color: #8f947b;
}
a:hover, a:focus {
   text-decoration: underline;
}
ul, ol {
   margin-left: 20px;
}
/* --------------------------------------------------------------------------------------------- */
.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}
.htClearFloats {
   clear: both;
}
/* --------------------------------------------------------------------------------------------- */
#htPageWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   width: 1160px;
   background: #f7f6f4;
   margin: 0 auto;
}

/* PAGE HEADER ================================================================================= */
#htHeaderWrapper {
   height: 210px;
   background: #b8b98c;
}
/* LOGO ---------------------------------------------------------------------------------------- */
#htHeader {
   padding-top: 65px;
   padding-left: 83px;
}

/* PAGE DATA =================================================================================== */
#htData {
   overflow: hidden; /* in order to contain the inner floats */
   font-size: 110%;
   padding: 40px 40px;
}

/* MAIN NAVIGATION MENU ------------------------------------------------------------------------ */
#htMainNavigation {
   background: #efefea;
}
#htMainNavigation ul.t3NavigationLevel1 {
   margin-left: 40px;
}
#htMainNavigation ul.t3NavigationLevel1 li {
   display: inline-block;
   position: relative;
   list-style-type: none;
}
#htMainNavigation ul.t3NavigationLevel1 a {
   display: inline-block;
   text-transform: UPPERCASE;
   color: #706e6d;
   padding: 7px 16px 5px 16px;
}
#htMainNavigation ul.t3NavigationLevel1 a.t3NavigationLinkA,
#htMainNavigation ul.t3NavigationLevel1 a.t3NavigationLinkC {
   color: #5c5a58;
   font-weight: bold;
}
#htMainNavigation ul.t3NavigationLevel1 a:hover,
#htMainNavigation ul.t3NavigationLevel1 a:focus {
   color: #5c5a58;
   text-decoration: none;
}
#htMainNavigation ul.t3NavigationLevel2 {
   display: none;
   position: absolute;
   z-index: 9;
   background: #f7f6f4;
   padding: 4px 0 9px 0;
   margin-left: 0;
}
#htMainNavigation ul.t3NavigationLevel1 > li:hover ul.t3NavigationLevel2 {
   display: block;
}
#htMainNavigation ul.t3NavigationLevel2 li {
   display: block;
   white-space: nowrap; /* = flexible width w/o unspecified line-breaks */
   list-style-type: none;
   padding: 0 16px 0 16px;
}
#htMainNavigation ul.t3NavigationLevel2 a {
   display: block;
   font-size: 97%;
   text-transform: none;
   color: #92918f;
   padding: 5px 0 5px 0;
   border-bottom: 1px solid #8f947b;
}
#htMainNavigation ul.t3NavigationLevel2 a.t3LastLink {
   border-bottom: 0;
}
#htMainNavigation ul.t3NavigationLevel2 a.t3NavigationLinkA,
#htMainNavigation ul.t3NavigationLevel2 a.t3NavigationLinkC {
   color: #5c5a58;
   font-weight: bold;
}
#htMainNavigation ul.t3NavigationLevel2 a:hover,
#htMainNavigation ul.t3NavigationLevel2 a:focus {
   color: #5c5a58;
   text-decoration: none;
}

/* PAGE CONTENT -------------------------------------------------------------------------------- */
#htContentWrapper {
   overflow: hidden; /* in order to contain the inner floats */
}
#htContent {
   overflow: hidden; /* in order to contain the inner floats */
   background: url(../grafiken/bg.gif);
   margin-top: 9px;
}
/* PAGE CONTENT LEFT (normal) ------------------------------------------------------------------ */
#htContent #htColumn1Wrapper {
   float: left;
   width: 660px;
   min-height: 622px;
}
#htContent #htColumn1 {
   overflow: hidden;
   background: #efefea;
   padding: 40px 55px 0 56px;
   margin-right: 10px;
/* FIREFOX PATCH */
   border-top: 1px solid #f7f6f4; /* necessary to be level with htColumn2 */
}
#htContent #htColumn1 h2 {
   font-size: 135%;
   letter-spacing: 1px;
   color: #8f947b;
   font-weight: normal;
   margin-bottom: 21px;
}
#htContent #htColumn1 .t3ContentBox {
   margin-bottom: 40px;
}
#htContent #htColumn1 .t3ContentBox h3 {
   font-size: 100%;
   font-weight: bold;
}
#htContent #htColumn1 .t3ContentBox p {
   line-height: 1.6;
   margin-bottom: 24px;
}
#htContent #htColumn1 .t3ContentBox ul {
   line-height: 1.6;
   margin-bottom: 24px;
}
#htContent #htColumn1 .t3ContentBox p + ul {
   margin-top: -18px;
}
#htContent #htColumn1 .t3ContentBox li {
   list-style: square;
}

/* PAGE CONTENT RIGHT -------------------------------------------------------------------------- */
#htContent #htColumn2Wrapper {
   float: left;
   width: 420px;
}
#htContent #htColumn2 {
   color: #848280;
/* FIREFOX PATCH */
   border-top: 1px solid #f7f6f4; /* necessary to remove unwanted white-space above htColumn2 */
}
#htContent #htColumn2 .t3ContentBox {
   margin-bottom: 10px;
}
#htContent #htColumn2 .t3LastContentBox {
   margin-bottom: 0;
}
#htContent #htColumn2 .t3ContentBox dl.csc-textpic-image {
   margin: 0;
}
#htContent #htColumn2 .t3ContentBox .csc-textpic-above .csc-textpic-text {
   padding-top: 12px;
}
#htContent #htColumn2 .t3ContentBox .csc-textpic-text p {
   color: #92918f;
   font-style: italic;
   margin: 0 16px 12px 16px;
}

/* PAGE FOOTER ================================================================================= */

/* ------------------------------------------------------------------------------------------------
   Part 3 : SPECIAL CONTENT LAYOUT & STYLING (sorted alphabetically)
   --------------------------------------------------------------------------------------------- */
#htContent #htColumn2 .t3ContentBox .t3NewsBoxWrapper {
   overflow: hidden;
   background: #efefea;
   padding: 16px;
}
#htContent #htColumn2 .t3ContentBox .t3NewsBox {
   color: #8f947b;
   background: #f7f6f4;
   min-height: 255px;
   border: 1px solid #8f947b;
   padding: 22px 22px 4px 22px;
}
#htContent #htColumn2 .t3ContentBox .t3NewsBox h3 {
   font-size: 125%;
   text-transform: UPPERCASE;
   font-weight: normal;
   margin-bottom: 16px;
}
#htContent #htColumn2 .t3ContentBox .t3NewsBox p {
   margin-bottom: 18px;
}
#htContent #htColumn2 .t3ContentBox .t3NewsBox b {
   color: #848280;
}

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

/* ------------------------------------------------------------------------------------------------
   Part 5 : PAGE SPECIFIC WEBSITE STYLING & LAYOUT
   --------------------------------------------------------------------------------------------- */
/* AKTUELLES */
body.t3NewsLayout #htContent #htColumn1 h2 {
   margin-bottom: 41px;
}

body.t3NewsLayout #htContent #htColumn1 .t3ContentBox {
   margin-bottom: 40px;
}
body.t3NewsLayout #htContent #htColumn1 .t3FirstContentBox,
body.t3NewsLayout #htContent #htColumn1 .t3MiddleContentBox {
   padding-bottom: 12px;
   border-bottom: 1px solid #8f947b;
}
body.t3NewsLayout #htContent #htColumn1 .t3ContentBox p.csc-header-date {
   color: #8f947b;
   margin-bottom: 2px;
}
body.t3NewsLayout #htContent #htColumn1 .t3ContentBox h3 {
   margin-bottom: 21px;
}

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