/* ================================================================================================
      OBERSTDORFER DRACHEN- UND GLEITSCHIRMFLIEGER E.V. - DEFAULT STYLESHEET
      Date  : FEBRUARY 2009
      Author: Thierry Minet
   ============================================================================================= */

/* ------------------------------------------------------------------------------------------------
   Part 1 : STYLESHEET RESET & NORMALIZATION
   --------------------------------------------------------------------------------------------- */

html {
   overflow-y: scroll; /* enforces a vertical scroll bar */
}

body {
   font-size: 11px;
   line-height: 1.3;
   margin: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
   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
   --------------------------------------------------------------------------------------------- */

body {
   font-family: Verdana;
   color: #283A66; /* dark-blue */
   background: #000033;
}
h3 {
   margin-bottom: 5px;
}
p {
   margin-bottom: 5px;
}
ul {
   margin-left: 15px;
   margin-bottom: 5px;
}
a {
   font-weight: bold;
   text-decoration: none;
   color: #990000; /* dark-red */
}
a:hover,
a:focus {
   text-decoration: underline;
   color: red;
}

/* ------------------------------------------------------------------------------------------------
   Part 3 : DEFAULT WEBSITE LAYOUT
   --------------------------------------------------------------------------------------------- */

#htPageWrapper {
   width: 1000px;
   margin: 0 auto;
}

.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}

.htClearFloats {
   clear: both;
}

/* --------------------------------------------------------------------------------------------- */

.htColumn1Wrapper,
.htColumn2Wrapper,
.htColumn3Wrapper {
   float: left;
}
.htColumn1,
.htColumn2,
.htColumn3 {}

/* HEADER -------------------------------------------------------------------------------------- */

#htPageHeaderWrapper {}
#htPageHeader {
   overflow: hidden; /* in order to contain the inner floats */
   background: white;
}
#htPageHeader .htColumn1Wrapper {
   width: 200px;
}
#htPageHeader .htColumn1 {
   height: 200px;
   text-align: center;
}
#htPageHeader .htColumn1 img {}

#htPageHeader .htColumn2Wrapper {
   width: 800px;
}
#htPageHeader .htColumn2 {
   height: 200px; /* necessary to show the background image */
}

/* CONTENT ------------------------------------------------------------------------------------- */

#htPageContentWrapper {
   background: white url("../bilder/bg.gif") repeat-y scroll top left;
}
#htPageContent {
   overflow: hidden; /* in order to contain the inner floats */
}
#htPageContent .htColumn1Wrapper {
   width: 200px;
}
#htPageContent .htColumn2Wrapper {
   width: 600px;
}
#htPageContent .htColumn3Wrapper {
   width: 200px;
}
#htPageContent .htColumn1 {
   padding: 20px;
}
#htPageContent .htColumn2 {
   padding: 20px;
}
#htPageContent .htColumn3 {
   padding: 20px;
}

.t3ContentBox {
   padding: 0;
   border: 0;
   margin-bottom: 10px;
}
.t3ContentBox h3 {}
.t3ContentBox p {}

.csc-frame-frame1 {
   padding: 10px;
   border: 1px solid red;
   margin-bottom: 10px;
}

.csc-frame-frame2 {
   color: red;
   background: #ffff77;
   padding: 10px;
   border: 1px solid red;
   margin-bottom: 10px;
}

/* FOOTER -------------------------------------------------------------------------------------- */

#htPageFooterWrapper {
   background: white url("../bilder/bg.gif") repeat-y scroll top left;
}
#htPageFooter {
   overflow: hidden; /* in order to contain the inner floats */
   background: transparent;
}
#htPageFooter .htColumn1Wrapper {
   width: 200px;
}
#htPageFooter .htColumn2Wrapper {
   width: 600px;
}
#htPageFooter .htColumn3Wrapper {
   width: 200px;
}
#htPageFooter .htColumn1,
#htPageFooter .htColumn2,
#htPageFooter .htColumn3 {
   padding: 5px;
}
#htPageFooter .htColumn2 {
   text-align: center;
}
#htPageFooter .htColumn3 p.t3Copyright {
   text-align: right;
   color: gray;
   padding-right: 15px;
   margin: 0;
}

/* ------------------------------------------------------------------------------------------------
   Part 4 : WEBSITE NAVIGATION LAYOUT & STYLING
   --------------------------------------------------------------------------------------------- */

/* MAIN NAVIGATION ----------------------------------------------------------------------------- */
#t3MainNavigation {
   font-size: 13px;
   margin: 20px 0;
}
#t3MainNavigation ul {
   padding: 0;
   margin: 0;
}
#t3MainNavigation li {
   list-style-type: none;
}
#t3MainNavigation .t3NavigationLevel2 li,
#t3MainNavigation .t3NavigationLevel3 li {
   font-size: 12px;
   margin-left: 11px;
}
#t3MainNavigation a {
   display: block;
   padding: 2px 2px 2px 4px;
}
#t3MainNavigation .t3NavigationLevel1 a {
   font-weight: bold;
}
#t3MainNavigation .t3NavigationLevel2 a,
#t3MainNavigation .t3NavigationLevel3 a {
   font-weight: normal;
}
#t3MainNavigation a.t3NavigationLinkA,
#t3MainNavigation a.t3NavigationLinkC {
   color: #283A66; /* dark-blue */
}
#t3MainNavigation a:hover,
#t3MainNavigation a:focus {
   color: red;
   background: #eeffff; /* light-blue */
}

/* SECONDARY NAVIGATION ------------------------------------------------------------------------ */

#t3SecondaryNavigation {
   padding: 0;
   margin: 0;
}
#t3SecondaryNavigation li {
   display: inline;
   list-style-type: none;
}
#t3SecondaryNavigation a {
   font-size: 12px;
   font-weight: normal;
   padding: 2px 5px;
}
#t3SecondaryNavigation a.t3NavigationLinkA,
#t3SecondaryNavigation a.t3NavigationLinkC {
   color: #283A66; /* dark-blue */
}
#t3SecondaryNavigation a:hover,
#t3SecondaryNavigation a:focus {
   color: red;
}

/* ------------------------------------------------------------------------------------------------
   Part 5 : SPECIAL CONTENT LAYOUT & STYLING
   --------------------------------------------------------------------------------------------- */

/* SEARCH BOX ---------------------------------------------------------------------------------- */

#t3SearchBox {
   text-align: center;
}
#t3SearchBox input.t3SearchInput {
   width: 80px;
}

/* SEARCH RESULTS ------------------------------------------------------------------------------ */

.csc-searchResultInfo {
   width: 100%;
   border: 1px dotted #d4e0e5;
   margin-bottom: 10px;
}
.csc-searchResultHeader {
}
.csc-searchResult {
   padding-bottom: 5px;
   border-bottom: 1px dotted #d4e0e5;
   margin-bottom: 10px;
}

/* LATEST NEWS --------------------------------------------------------------------------------- */

.news-latest-item {
   overflow: hidden; /* in order to contain the inner floats */
   margin-bottom: 20px;
}
.news-latest-date {
   font-size: smaller;
}
.news-latest-item h3 {
   font-size: 106%;
}
.news-latest-item img {
   float: right;
   margin: 0 0 5px 5px;
}
.news-latest-morelink {
   clear: both;
   text-align: right;
   font-size: smaller;
}

/* NEWS LIST ----------------------------------------------------------------------------------- */

.news-list-item {
   padding-bottom: 5px;
   border-bottom: 1px dotted #283A66;
   margin: 10px 0;
}
.news-list-date {
   font-size: smaller;
   margin-bottom: 3px;
}
.news-list-item h3 {}
.news-list-item img {
   float: left;
   margin: 0 5px 5px 0;
}
.news-list-morelink {
   clear: both;
   font-size: smaller;
}

/* SINGLE NEWS --------------------------------------------------------------------------------- */

.news-single-item {
   overflow: hidden; /* in order to contain the inner floats */
}
.news-single-timedata {
   margin-bottom: 3px;
}
.news-single-item h3 {
   color: #990000; /* dark-red */
}
.news-single-item h4 {
   margin-bottom: 5px;
}
.news-single-item ul,
.news-single-item ol {
   position: relative;
   left: 2em;
}
.news-single-img {
   float: left;
}
.news-single-img img {
   margin: 0 10px 5px 0;
}
.news-single-backlink {
   clear: both;
}

/* NEWSTICKER ---------------------------------------------------------------------------------- */

.tickerspace {
   margin-bottom: 10px;
}

.tickerspace  a {
   color: blue;
}

/* SMOOTHGALLERY ------------------------------------------------------------------------------- */

.tx-rgsmoothgallery-pi1 {
   margin-bottom: 10px;
}

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