/* ================================================================================================
      BRUNO MAUL FOTOGRAFIE - ZEICHNEN MIT LICHT - DEFAULT STYLESHEET
      Date  : DECEMBER 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, 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: #666666;
   background: #242424;
}
a {
   text-decoration: none;
   color: #990000;
}
/* --------------------------------------------------------------------------------------------- */
.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}
.htClearFloats {
   clear: both;
}
/* --------------------------------------------------------------------------------------------- */
#htPageWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   width: 800px;
   background: #9d9ea4 url(../grafiken/background-top.png) no-repeat top left; 
   margin: 0 auto;
}

/* PAGE HEADER ================================================================================= */
#htHeaderWrapper {
   height: 229px;
}
#htHeader {}
/* LOGO ---------------------------------------------------------------------------------------- */
#htHeader #t3LogoWrapper {
   padding-top: 55px;
   padding-left: 59px;
}

/* PAGE DATA =================================================================================== */
#htDataWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   width: 750px;
   min-height: 450px;
   background: white;
   -moz-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -webkit-border-radius: 10px;
   margin: 0 auto;
}
#htData {
   overflow: hidden; /* in order to contain the inner floats */
   padding: 43px 62px 67px 33px;
}

/* MAIN NAVIGATION MENU ------------------------------------------------------------------------ */
#htMainNavigationWrapper {
   float: left;
   width: 150px;
}
#htMainNavigation {
   font-size: 110%;
   letter-spacing: 1px;
}

#htMainNavigation li {
   list-style-type: none;
   list-style-image: url(../grafiken/navigation-arrow-empty.png);
}
#htMainNavigation li.t3CurrentMenuItem {
   list-style-image: url(../grafiken/navigation-arrow.png);
}
#htMainNavigation li a {
   display: inline-block;
}
#htMainNavigation li a:focus,
#htMainNavigation li a:hover {
   text-decoration: underline;
}
#htMainNavigation li a.t3ActiveNavigationLink,
#htMainNavigation li a.t3CurrentNavigationLink {
   font-weight: bold;
}

#htMainNavigation #t3MainNavigationMenuLevel1 li {
   margin-bottom: 16px;
}
#htMainNavigation #t3MainNavigationMenuLevel2 li {
   margin: 11px 0;
}
#htMainNavigation #t3MainNavigationMenuLevel3 li {
   margin: 6px 0;
}
#htMainNavigation #t3MainNavigationMenuLevel1 li a {
   padding-left:  3px;
}
#htMainNavigation #t3MainNavigationMenuLevel2 li a {
   font-size: 95%;
   color: #242424;
   padding-left: 15px;
}
#htMainNavigation #t3MainNavigationMenuLevel3 li a {
   font-size: 90%;
   color: #545454;
   padding-left: 27px;
}

/* MAIN PAGE CONTENT --------------------------------------------------------------------------- */
#htContentWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   float: left;
   width: 500px;
   min-height: 345px;
   border-left: 1px dashed #990000;
}
#htContent {
   padding-left: 70px;
}
#htContent h2 {
   font-size: 200%;
   color: black;
   margin-bottom: 1em;
}
#htContent h3 {
   font-size: 150%;
   color: black;
   margin-bottom: 1em;
}
#htContent .t3ContentBox {
   margin-bottom: 1em;
}
#htContent .t3ContentBox h4 {
   font-size: 125%;
   color: #990000;
   margin-bottom: 1em;
}
#htContent .t3ContentBox .csc-textpic {
   overflow: hidden; /* in order to contain the inner floats */
}
#htContent .t3ContentBox .csc-default p,
#htContent .t3ContentBox .csc-textpic-text p {
   margin-bottom: 1em;
}
#htContent .t3ContentBox .csc-textpic .csc-textpic-imagewrap img {
   margin-bottom: 1em;
}
#htContent .t3ContentBox .csc-textpic-border .csc-textpic-imagewrap img {
   padding: 10px;
   border: 1px solid #9d9ea4;
}
#htContent .t3ContentBox table.csc-frame-frame2 {
   width: 100%;
   padding: 0;
   border: 1px solid #242424;
   border-collapse: collapse; /* because MSIE does not understand border-spacing */
   border-spacing: 0;
   margin: 0;
   margin-bottom: 1em;
}
#htContent .t3ContentBox table.csc-frame-frame2 tr {
   border: 1px solid #242424;
}
#htContent .t3ContentBox table.csc-frame-frame2 th {
   vertical-align: top;
   text-align: left;
   font-weight: bold;
   color: #aaaaaa;
   background: #242424;
   padding: 6px;
   border: 1px solid #242424;
   margin: 0;
}
#htContent .t3ContentBox table.csc-frame-frame2 td {
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 6px;
   border: 1px solid #242424;
   margin: 0;
}
#htContent .t3ContentBox table.csc-frame-frame2 td.align-center {
   text-align: center;
}
/*
#htContent .t3ContentBox table.csc-frame-frame2 td:first-child {
   background: blue;
}
*/
#htContent .t3ContentBox table.csc-frame-frame2 td {
   width: 20%;
   border: 0;
   border-right: 1px solid #242424;
}
#htContent .t3ContentBox table.csc-frame-frame2 td + td {
   width: 30%;
}
#htContent .t3ContentBox table.csc-frame-frame2 td + td + td {
   width: 50%;
   border: 0;
}
#htContent .t3ContentBox table.csc-frame-frame2 tr + tr td {
   border-top: 1px solid #242424;
}
#htContent .t3ContentBox table.csc-frame-frame2 th p,
#htContent .t3ContentBox table.csc-frame-frame2 td p {
   padding: 0;
   margin: 0;
}

/* PAGE FOOTER ================================================================================= */
#htFooterWrapper {
   height: 221px;
   background: transparent url(../grafiken/background-bottom.png) no-repeat top left; 
}
#htFooter {
   text-align: right;
   color: white;
   padding-top: 11px;
   padding-right: 33px;
}
/* COPYRIGHT NOTICE ---------------------------------------------------------------------------- */
#htFooter #t3Copyright {
   font-size: smaller;
}
#htFooter #t3Copyright a {
   color: white;
}

/* ------------------------------------------------------------------------------------------------
   Part 3 : SPECIAL CONTENT LAYOUT & STYLING (sorted alphabetically)
   --------------------------------------------------------------------------------------------- */
/* CONTACT, LOGIN & LOGOUT FORMS --------------------------------------------------------------- */
#htContent form {
   line-height: 1.5;
   background: white;
   margin-bottom: 12px;
}
#htContent form .csc-mailform-field {
   margin-bottom: 6px;
}
#htContent form label {
   display: inline-block;
   vertical-align: top;
   width: 100px;
   font-weight: bold;
}
#htContent form input[type=password],
#htContent form input[type=text] {
   width: 250px;
   border: 1px solid #9d9ea4;
}
#htContent form textarea {
   width: 250px;
   height: 125px;
   border: 1px solid #9d9ea4;
}
#htContent input.csc-mailform-submit {
   display: inline-block;
   cursor: pointer;
   width: 92px;
   font-weight: normal;
   letter-spacing: 1px;
   color: white;
   background: #990000;
   padding: 5px 0;
   border: 0;
   -moz-border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -webkit-border-radius: 2px;
   margin-top: 6px;
   margin-left: 105px;
}
/* UPLOADS ------------------------------------------------------------------------------------- */
#htContent .t3ContentBox table.csc-uploads {
   width: 100%;
   padding: 0;
   border-collapse: collapse; /* because MSIE does not understand border-spacing */
   border-spacing: 0;
   margin: 0;
}
#htContent .t3ContentBox table.csc-uploads td {
   vertical-align: top;
   text-align: left;
   margin: 0;
}
#htContent .t3ContentBox table.csc-uploads td.csc-uploads-icon {
   width: 150px;
   text-align: center;
   padding: 7px 0;
}
#htContent .t3ContentBox table.csc-uploads td.csc-uploads-fileName {
   padding: 7px 12px;
}
#htContent .t3ContentBox table.csc-uploads td.csc-uploads-fileSize {
   text-align: right;
   padding: 7px 0;
}

/* ------------------------------------------------------------------------------------------------
   Part 4 : EXTENSION SPECIFIC LAYOUT & STYLING (sorted by extension name)
   --------------------------------------------------------------------------------------------- */
/* VE_GUESTBOOK : GUESTBOOK ENTRY -------------------------------------------------------------- */
#htContent .tx-veguestbook-pi1 {
   color: #666666;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-result {
   margin-bottom: 1em;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-pagination {
   margin-bottom: 1em;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry {
   background: white;
   margin-bottom: 20px;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-header {
   font-size: 100%;
   font-weight: normal;
   color: white;
   background: #242424;
   padding: 5px;
   margin-bottom: 0;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-author {
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-author-email {
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-author-weburl {
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-message {
   padding: 5px;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-message-date {
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-message-text {
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-comment {
   font-style: italic;
   margin-top: 0.5em;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-comment-header {
   color: #242424;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-entry .tm-guestbook-comment-text {}

/* VE_GUESTBOOK : GUESTBOOK FORM --------------------------------------------------------------- */
#htContent .tx-veguestbook-pi1 .htGuestbookData .tx-guestbook-field label {
   text-align: right;
   width: 80px;
   margin-right: 10px;
}
#htContent .tx-veguestbook-pi1 .htGuestbookData .tx-guestbook-field input {
   width: 250px;
}
#htContent .tx-veguestbook-pi1 .htGuestbookData .tx-guestbook-field textarea {
   width: 250px;
   height: 5em;
}
#htContent .tx-veguestbook-pi1 .tx-guestbook-form-obligationfield {
   color: #990000;
}

#htContent .tx-veguestbook-pi1 .tm-guestbook-pagination a {
   color: #990000;
   text-decoration: none;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-pagination a:hover,
#htContent .tx-veguestbook-pi1 .tm-guestbook-pagination a:focus {
   text-decoration: underline;
}
#htContent .tx-veguestbook-pi1 .tm-guestbook-pagination .t3ActiveGuestbookPage {
   color: #990000;
   text-decoration: underline;
}
/* VE_GUESTBOOK : GUESTBOOK CAPTCHA & SUBMIT --------------------------------------------------- */
#htContent .tx-veguestbook-pi1 .htGuestbookSubmit .tx-guestbook-field label {
   text-align: right;
   width: 80px;
   margin-right: 10px;
}
#htContent .tx-veguestbook-pi1 .htGuestbookSubmit .tx-guestbook-field input#capture {
   width: 250px;
   margin-left: 90px;
}
#htContent .tx-veguestbook-pi1 .htGuestbookSubmit .tx-guestbook-field img {
   border: 1px solid #9d9ea4;
   margin-left: 91px;
   margin-top: -15px;
   margin-bottom: 5px;
}
#htContent .tx-veguestbook-pi1 .htGuestbookSubmit .tx-guestbook-field input.tx-guestbook-submit {
   display: inline-block;
   cursor: pointer;
   width: 92px;
   font-weight: normal;
   letter-spacing: 1px;
   color: white;
   background: #990000;
   padding: 5px 0;
   border: 0;
   -moz-border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -webkit-border-radius: 2px;
   margin-left: 90px;
}

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

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