html {
   height:100%;
}

body { 
  min-height: 101%;
   position: relative;
   margin:0px;
   font-family:Verdana,Arial,Helvetica,Sans-Serif; 
   font-size:76%;  /* avoids Mini-font bug in MS IE < 6.0 */
   text-align:center;
   color:#000;
   background-color:#FFF;
}

* {margin:0; padding:0; border:0; font-size: 1em;} 

#wrapper {
   width: 773px; /*800px;*/
   text-align: left;
   margin: auto;
}

#logo {
   height: 50px;
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/Logo_OC.gif) no-repeat;
   background-position: right top;
}

#contentTitle {
   margin-top: 5px;
   margin-bottom: 2px;
   text-align: center;
}

h1 {
   font-family: Verdana;
   font-size: 1.4em;
   font-weight: bold;
   color: #166BAB;
}

#bilderleisteHomepage {
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/BG-Bild-Startseite.jpg) no-repeat;
   /*height: 357px;*/
   height: 372px;
}

#bilderleisteHomepage h1 {
   position: relative;
   /*top: 180px;
   left: 170px;
   width: 280px;*/
   top: 120px;
   left: 260px;
   width: 280px;
}

#contentHomepage {
   text-align: center;
   font-size: 1.15em;
   font-weight: bold;
}

#contentHomepage img {
   position: relative;
   top: 23px;
}

/* >>> Top Navigation <<< */

#topNavigation {
   background-color: #B9D2E1;
   border-bottom: 2px solid #F87F05;
}

#topNavigation ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#topNavigation ul li {
   float: left;
   margin-bottom: 3px;
}

#topNavigation a {
   color: #166BAB;
   text-decoration: none;
   padding: 5px 25px 3px 25px;
   font-weight: bold;
   border-right: 2px solid #166BAB;
   display: block;
}

#topNavigation span,
#topNavigation a:hover,
#topNavigation a:active,
#topNavigation a:focus,
#topNavigation a.onPath {
   padding: 5px 25px 3px 25px;
   font-weight: bold;
   border-right: 2px solid #166BAB;
   display: block;
   background-color: #166BAB;
   color: #FFF;
}

/* >>> Sub Navigation <<< */

#subNavigation {
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/blaueleiste.gif) no-repeat;
   height: 31px;
}

#subNavigation ul {
   margin: 0;
   padding: 0;
   padding-top: 8px;
}

#subNavigation ul li {
   display: inline;
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/dreiweissepunkte.gif) no-repeat;
   padding-left: 15px;
   padding-right: 5px;
}

#subNavigation span,
#subNavigation a {
   color: #FFF;
   font-weight: bold;
   text-decoration: none;
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/pfeil_grau.gif) no-repeat;
   background-position: left center;
   padding-left: 10px;
   font-size: 0.9em;
}

#subNavigation span,
#subNavigation a:hover, 
#subNavigation a:active, 
#subNavigation a:focus {
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/pfeil_orange.gif) no-repeat;
   background-position: left center;
}


/* >>> Content <<< */

#content {
   width: 100%;
   background: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/contentBG.gif) repeat-y;
   position: relative; /* for Netscape to repeat bg */
}

#leftContent {
   float: left;
   width: 500px;
   padding: 35px 12px;
}

#rightContent {
   margin-left: 545px;
   padding: 35px 0;
   line-height: 1.4em;
   font-size: 0.9em;
}

#rightContent p {
   margin-bottom: 20px;
}

#leftContent {
   line-height: 1.5em;
}

#blockTitle {
   float:right; 
   position: relative;
   top: -57px;
}

.red {
   color: #F87F05;
   font-weight: bold;
   font-size: 1.0em;
}

.redbox {
   display:block;
   color: #F87F05;
   border: 1px solid #166BAB;
   font-weight: bold;
   font-size: 1.2em;
   padding: 10px;
   text-align: center;
}

.clearer {
   clear:both;
}

h2, h3, h4, h5, h6, p, td, th, table {
   font-size: 1.0em;
}

/* Links */
a, a:link, a:visited {
   color: #166BAB;
}
a:hover, a:active, a:focus {
   color: #F87F05;
}


#content ul {
   margin: 0;
   padding: 0;
   list-style-image: url(/C12571A8004BE764/RepositoryFile/Grafiken/$File/Pfeil_orange_content.gif);
}

#content ul li {
   margin-left: 20px;
}


/* >>> Mitgliederliste <<< */

.logoListe {
   float: left;
   text-align: center; 
   width: 150px;
   height: 100px;
}

/* >>> Formular <<< */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
   margin: 0;
   padding: 0;
   width: 480px; 
}

form label { 
   display: block;  /* block float the labels to left column, set a width */
   float: left; 
   width: 150px; 
   text-align: right; 
   color: #166BAB;
   padding: 0; 
   margin: 0 15px 10px 0; /* set top margin same as form input - textarea etc. elements */
}

form input {
   border-bottom: 1px solid #166BAB;
   width: 200px;
   margin: 0 0 10px 0; /* set top margin same as form input - textarea etc. elements */
   font-size: 12px;
   font-family: Arial;
}

form textarea {
   border: 1px solid #166BAB;
   width: 200px;
   height: 100px;
   font-size: 12px;
   font-family: Arial;
}

form input.submit {
   border: 1px solid #166BAB;
   width: 100px;
   padding: 2px;
   margin-top: 5px;
   margin-left: 165px;
}

form br {
clear: both;
}

/* add 3px margin for IE */
* html form input.submit {
   margin-left: 168px;
}

legend {
   display: none;
}

.validation {
   color: #F87F05;
   font-weight: bold;
   display: block;
   width: 370px;
   text-align: right;
   margin-bottom: 15px;
}

.invisible {
   position: absolute;
   top:-1000px;
   left: -1000px;
   font-size:10%;
}

.hidden {
   display:none;
}

#content h1,
#content h2,
#content h3,
#content p,
#content table,
#content ul{
  margin-bottom: 10px;
}

/*>>> Start tables >>> */
table.colored {  
   width: 100%;
   border:0px solid #FFFFFF;
   border-spacing: 0px;
   border-collapse: collapse;
}
table.colored caption,
caption {
   padding: 3px;
   background-color: #FFF; 
   border: 0px solid #FFF; 
   color: #000;
   text-align: left;
   font-weight: bold;
   padding-bottom: 15px;
}
table.colored th,
table.colored td {   
   padding: 3px;
   margin:0;
   border: 0px;
   border-right: 1px solid #EBEBEB;
   background-color: #EBEBEB;
   text-align: left;
   vertical-align: top;
}
table.colored tr.even td{
   background-color: #FFFFFF;
   border: 0px solid #FFFFFF;
}
table.colored th,
table.colored tr.even th {
   background-color: #E0E1E2; 
   font-weight: bold;
   border: 0px;
   border-right: 1px solid #E0E1E2;
}
table.colored th.empty,
table.colored td.empty {
   background-color: #FFFFFF;
   border: 0px solid #FFFFFF;
}

/* table cell width */
.px80 {width: 80px;}
.px90 {width: 90px;}
.px100 {width: 100px;}
.px110 {width: 110px;}
.px120 {width: 180px;}

/* Zeilentabelle */
table.line {  
   width: 100%;
   border:0px solid #FFFFFF;
   border-spacing: 0px;
   border-collapse: collapse;
}

table.line th,
table.line td {   
   padding: 3px;
   margin:0;
   border: 0px;
   border-right: 1px solid #FFF;
   background-color: #FFF;
   text-align: left;
   vertical-align: top;
}
table.line th,
table.line tr.even th {
   background-color: #FFF; 
   font-weight: bold;
   border: 0px;
   border-right: 1px solid #FFF;
color: #166BAB;
}

/* <<< End tables <<< */