/**
 * CSS-STYLESHEET FUER TAUCHER.NET
 */

/**
 * ALLGEMEINER RESET
 */
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, br,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1em;
  text-align: left;
}

body {
  background: #FFF url(i/bg_body.png) repeat-x;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 100.01%;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a.noun {
  text-decoration: none;
}

a.noun:hover {
  text-decoration: underline;
}

code {
  font-family: "Courier New", Courier, monospace;
}

label {
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

textarea {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10pt;
}

.c {
  clear: both;
}

.x {
  display: none !important;
}





/**
 * HELPER KLASSEN
 */
.percent100 {
  width: 100%;
}



/**
 * ALLGEMEINE ELEMENTE
 */
#wrap {
  min-height: 506px;
  padding: 5px 0 0 0;
  position: relative;
  width: 1015px;
}

#content_wrapper {
  background: url(i/bg_content.png) right top repeat-y;
  margin: 0 0 0 5px;
  padding: 0 6px 0 0;
}

#content {
  background: #68BBFF;
  color: #000055;
}

#leaderboard {
  background: #D8D8CF;
}

#leaderboard_innen {
  text-align: center;
  width: 1024px;
}

#skyscraper {
  position: absolute;
  top: 29px;
  left: 1016px;
  z-index: 100;
}

#banner_innen {
  text-align: center;
  width: 200px;
}


/**
 * ODC-Logo
 */
#odc {
 left: 3px;
 position: absolute;
}





/**
 * META-NAVIGATION
 */
#meta ul {
  float: right;
}

#meta ul li {
  float: left;
  font-size: 0.6875em;
  padding: 6px 13px 0 2px;
}

#meta a {
  color: #00486B;
}





/**
 * HEADER
 */
#header {
  background: url(i/bg_header_neu.png) no-repeat;
  margin: 1px 0 0 3px;
}

#header img {
  float: left;
}

#header #logo {
 float: left;
 margin: 8px 0 0 0;
}

/* Auftritte (Klettern, Caravaning, Kanu ...) */
#header #auftritte {
  float: right;
  padding: 0 11px 0 0;
  width: 592px;
  position: relative;
  z-index: 1000;
}

#header #auftritte ul {
  width: 74px;
  position: absolute;
  top: 7px;
  z-index: 1000;
}

#header #auftritte ul li {
  float: left;
  display: block;
  width: 74px;
}

#header #auftritte #auftritt1 {
  left: 0px;
}

#header #auftritte #auftritt2 {
  left: 74px;
}

#header #auftritte #auftritt3 {
  left: 148px;
}

#header #auftritte #auftritt4 {
  left: 222px;
}

#header #auftritte #auftritt5 {
  left: 296px;
}

#header #auftritte #auftritt6 {
  left: 370px;
}

#header #auftritte #auftritt7 {
  left: 444px;
}

#header #auftritte #auftritt8 {
  left: 518px;
}

#header #auftritte ul .auftritt_logo {
  display: block;
  height: 44px;
  width: 74px;
}

#header #auftritte #auftritt1 .auftritt_logo {
  background: url(i/auftritt1_normal_neu.png) no-repeat 0 0;
}

#header #auftritte #auftritt2 .auftritt_logo {
  background: url(i/auftritt2_normal_neu.png) no-repeat 0 0;
}

#header #auftritte #auftritt3 .auftritt_logo {
  background: url(i/auftritt3_normal.png) no-repeat 0 0;
}

#header #auftritte #auftritt4 .auftritt_logo {
  background: url(i/auftritt4_normal_neu.png) no-repeat 0 0;
}

#header #auftritte #auftritt5 .auftritt_logo {
  background: url(i/auftritt5_normal.png) no-repeat 0 0;
}

#header #auftritte #auftritt6 .auftritt_logo {
  background: url(i/auftritt6_normal.png) no-repeat 0 0;
}

#header #auftritte #auftritt7 .auftritt_logo {
  background: url(i/auftritt7_normal.png) no-repeat 0 0;
}

#header #auftritte #auftritt8 .auftritt_logo {
  background: url(i/auftritt8_normal.png) no-repeat 0 0;
}

#header #auftritte #auftritt1 .auftritt_logo:hover,
#header #auftritte #auftritt2 .auftritt_logo:hover,
#header #auftritte #auftritt3 .auftritt_logo:hover,
#header #auftritte #auftritt4 .auftritt_logo:hover,
#header #auftritte #auftritt5 .auftritt_logo:hover,
#header #auftritte #auftritt6 .auftritt_logo:hover,
#header #auftritte #auftritt7 .auftritt_logo:hover,
#header #auftritte #auftritt8 .auftritt_logo:hover {
  background-position: 0 -44px;
}

#header #auftritte #auftritt1 .auftritt_text1,
#header #auftritte #auftritt1 .auftritt_text2,
#header #auftritte #auftritt2 .auftritt_text1,
#header #auftritte #auftritt3 .auftritt_text1,
#header #auftritte #auftritt3 .auftritt_text2,
#header #auftritte #auftritt4 .auftritt_text1,
#header #auftritte #auftritt5 .auftritt_text1,
#header #auftritte #auftritt6 .auftritt_text1,
#header #auftritte #auftritt7 .auftritt_text1,
#header #auftritte #auftritt7 .auftritt_text2,
#header #auftritte #auftritt8 .auftritt_text1 {
  display: none;
  height: 22px;
  width: 74px;
}

#header #auftritte #auftritt1 .auftritt_text1 {
  background: url(i/mb_normal.png) no-repeat;
}

#header #auftritte #auftritt1 .auftritt_text2 {
  background: url(i/rb_normal_neu.png) no-repeat;
}

#header #auftritte #auftritt2 .auftritt_text1 {
  background: url(i/an_normal.png) no-repeat;
}

#header #auftritte #auftritt3 .auftritt_text1 {
  background: url(i/pm_normal.png) no-repeat;
}

#header #auftritte #auftritt3 .auftritt_text2 {
  background: url(i/cara_normal.png) no-repeat;
}

#header #auftritte #auftritt4 .auftritt_text1 {
  background: url(i/od_normal.png) no-repeat;
}

#header #auftritte #auftritt5 .auftritt_text1 {
  background: url(i/taucher_normal.png) no-repeat;
}

#header #auftritte #auftritt6 .auftritt_text1 {
  background: url(i/kle_normal.png) no-repeat;
}

#header #auftritte #auftritt7 .auftritt_text1 {
  background: url(i/ps_normal.png) no-repeat;
}

#header #auftritte #auftritt7 .auftritt_text2 {
  background: url(i/ski_normal.png) no-repeat;
}

#header #auftritte #auftritt8 .auftritt_text1 {
  background: url(i/cav_normal.png) no-repeat;
}

#header #auftritte #auftritt1 .auftritt_text1:hover,
#header #auftritte #auftritt1 .auftritt_text2:hover,
#header #auftritte #auftritt2 .auftritt_text1:hover,
#header #auftritte #auftritt3 .auftritt_text1:hover,
#header #auftritte #auftritt3 .auftritt_text2:hover,
#header #auftritte #auftritt4 .auftritt_text1:hover,
#header #auftritte #auftritt4 .auftritt_text2:hover,
#header #auftritte #auftritt5 .auftritt_text1:hover,
#header #auftritte #auftritt6 .auftritt_text1:hover,
#header #auftritte #auftritt7 .auftritt_text1:hover,
#header #auftritte #auftritt7 .auftritt_text2:hover,
#header #auftritte #auftritt8 .auftritt_text1:hover {
  background-position: 0 -22px;
}





/* Hauptnavigation */
#header #mnavi {
  float: left;
  padding: 0 0 0 2px;
  width: 100%;
}

#header #mnavi li {
  background: url(i/mnavi.png) repeat-x;
  float: left;
  position: relative;
  z-index: 10;
}

#header #mnavi a {
  float: left;
  height: 34px;
}

#header #mnavi1 a {
  background: url(i/mnavi1.png) no-repeat;
  width: 124px;
}

#header #mnavi2 a {
  background: url(i/mnavi2.png) no-repeat;
  width: 126px;
}

#header #mnavi3 a {
  background: url(i/mnavi3.png) no-repeat;
  width: 125px;
}

#header #mnavi4 a {
  background: url(i/mnavi4.png) no-repeat;
  width: 126px;
}

#header #mnavi5 a {
  background: url(i/mnavi5.png) no-repeat;
  width: 126px;
}

#header #mnavi6 a {
  background: url(i/mnavi6.png) no-repeat;
  width: 125px;
}

#header #mnavi7 a {
  background: url(i/mnavi7.png) no-repeat;
  width: 125px;
}

#header #mnavi8 a {
  background: url(i/mnavi8.png) no-repeat;
  width: 133px;
}

#header #mnavi1 a:hover,
#header #mnavi2 a:hover,
#header #mnavi3 a:hover,
#header #mnavi4 a:hover,
#header #mnavi5 a:hover,
#header #mnavi6 a:hover,
#header #mnavi7 a:hover,
#header #mnavi8 a:hover {
  background-position: 0 -34px;
}

#header #mnavi1 .act,
#header #mnavi2 .act,
#header #mnavi3 .act,
#header #mnavi4 .act,
#header #mnavi5 .act,
#header #mnavi6 .act,
#header #mnavi7 .act,
#header #mnavi8 .act,
#header #mnavi1 .act:hover,
#header #mnavi2 .act:hover,
#header #mnavi3 .act:hover,
#header #mnavi4 .act:hover,
#header #mnavi5 .act:hover,
#header #mnavi6 .act:hover,
#header #mnavi7 .act:hover,
#header #mnavi8 .act:hover {
  background-position: 0 -68px;
}

#header #mnavi a span {
  display: none;
}

#header #mnavi ul {
  background: #ABD7FA url(i/snavi_schatten.gif) repeat-x;
  border-bottom: 1px solid #215483;
  border-left: 1px solid #77A3C6 ;
  border-right: 1px solid #215483;
  display: none;
  float: left;
  left: 0;
  padding: 10px 0 0 0;
  position: absolute;
  top: 28px;
  width: 123px;
  z-index: 10;
}

#header #mnavi #snavi7 {
  width: 109px;
}

#header #mnavi li ul li {
  background: none;
  font-size: 0.6875em;
  padding: 0 5px;
  width: 98px;
}

#header #mnavi li ul li a {
  background: none;
  color: #333;
  float: left;
  height: auto;
  padding: 0 0 10px 0;
  text-align: center;
  width: 100%;
}





/**
 * BREADCRUMB
 */
#bc {
  float: left;
  font-size: 0.6875em;
  padding: 4px 11px 10px 8px;
  width: 670px;
  margin: 0;
  border: none;
  text-align: left;
}

#bc span {
  color: #00486B;
  font-weight: bold;
}

#bc a {
  color: #00486B;
}





/**
 * SCHNELLSUCHE
 */
#quicksearch {
  float: right;
  margin: 0 5px 0 0;
  width: 300px;
}

#quicksearch fieldset {
  float: right;
}

#quicksearch .input {
  background: url(i/bg_input_quicksearch.gif) no-repeat 0 3px;
  float: left;
  padding: 4px 4px 0 0;
  width: 256px;
  height: 20px;
}

#quicksearch .button {
  float: left;
  margin: 3px 0 0 0;
  width: 40px;
}

#quicksearch input {
  background: none;
  border: none;
  float: left;
  font-size: 0.6875em;
  height: 14px;
  padding: 2px 0 0 2px;
  width: 252px;
}

#quicksearch button {
  background: url(i/quicksearch.gif);
  border: none;
  cursor: pointer;
  float: left;
  height: 18px;
  width: 40px;
}





/**
 * FOOTER
 */
#footer {
  background: url(i/bg_footer.png) left bottom no-repeat;
  color: #FFF;
  margin: 0 0 0 5px;
  padding: 0 0 8px 0;
}

#footer div {
 width: 100%;
}

#footer .footer_logo {
  float: left;
  padding: 7px 0 4px 12px;
}

#footer .footer_logo img {
  display: block;
}

#footer ul {
  float: right;
  padding: 7px 25px 4px 0;
}

#footer ul li {
  float: left;
  font-size: 0.6875em;
  margin: 0 0 0 25px;
}

#footer a {
  color: #FFF;
}



/* Topthema */
.topthema {
  background: url(http://www.taucher.net/i/bg_topthema.gif) repeat-y;
  border-bottom: 1px solid #000055;
  margin: 0 0 0 0;
  width: 468px;
  height: 160px;
}

.topthema .info {
  float: left;
  width: 16px;
}

.topthema .bild {
  float: left;
}

.topthema .small {
  font-size: 7pt;
}

.topthema .bild img {
  float: left;
}

.topthema .text {
  float: left;
  padding: 7px 0 5px 16px;
  width: 220px;
}

.topthema .tabl {
  float: left;
}


.topthema h1 {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 1.0625em;
  margin-top: 0px;
}

.topthema p {
  font-size: 0.6875em;
  line-height: 1.4;
  margin: 5px 10px 0 0;
}

.topthema span {
  color: #467900;
  font-weight: bold;
}

.topthema a,
.topthema span a {
  color: #000055;
}

.topthema .heft_top {
  width: 305px;
}

.topthema .text img {
  margin: 5px 0 0 0;
}


/* Fullwidth */
.fullwidth {
  background: url(http://www.taucher.net/i/bg_fullwidth.gif) repeat-y;
  border-bottom: 1px solid #000055;
  margin: 0 0 0 0;
  width: 627px;
}

.fullwidth .info {
  float: left;
  width: 16px;
}

.fullwidth .bild {
  float: left;
}

.fullwidth .small {
  font-size: 7pt;
}

.fullwidth .bild img {
  float: left;
}

.fullwidth .text {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  float: left;
  padding: 5px 0 5px 4px;
  font-size: 9pt;
}

.fullwidth .scrolltext {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 10pt;
  float: left;
  padding: 7px 0 5px 16px;
}

.fullwidth h1 {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12pt;
  margin-top: 0px;
}

.fullwidth p {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 9pt;
  padding: 7px 0 5px 16px;
}

.fullwidth span {
  color: #467900;
  font-weight: bold;
}

.fullwidth a,
.fullwidth span a {
  color: #000055;
}

.fullwidth .heft_top {
  width: 305px;
}

.fullwidth .text img {
  margin: 5px 0 0 0;
}


.spalte {
  background: url(http://www.taucher.net/i/bg_spalte.gif) repeat-y;
  border-bottom: 1px solid #000055;
  float: left;
  padding: 0 0 0 0;
  width: 152px;
  height: 160px;
}

.spalte h2 {
  font-size: 0.8125em;
  padding: 2px 5px;
}

.spalte a {
  color: #000055;
}

.spalte p {
  font-size: 0.625em;
  line-height: 1.4;
  padding: 1px 10px 8px 5px;
}

.spalte span {
  color: #467900;
  font-weight: bold;
}

.spaltetop1 {
  background: #FFF url(http://www.taucher.net/i/spalte.gif) no-repeat left top;
  font-weight: bold;
  font-size: 8pt;
  color: #FFFFFF;
  padding: 2px 10px 3px 10px;
}





.sphalf {
  background: url(http://www.taucher.net/i/bg_sphalf.gif) repeat-y;
  border-bottom: 1px solid #000055;
  float: left;
  padding: 0 0 0 0;
  width: 310px;
  height: 330px;
}

.sphalf h2 {
  font-size: 0.8125em;
  padding: 2px 5px;
  margin-top           : 1px;
  margin-bottom        : 1px;
}

.sphalf a {
  color: #000055;
}

.sphalf p {
  font-size: 0.625em;
  line-height: 1.4;
  padding: 2px 5px;
}

.sphalf span {
  color: #467900;
  font-weight: bold;
}

.sphalftop1 {
  background: #FFF url(http://www.taucher.net/i/sphalf.gif) no-repeat left top;
  font-weight: bold;
  font-size: 8pt;
  color: #FFFFFF;
  padding: 2px 10px 3px 10px;
}


.links {
  background: url(http://www.taucher.net/i/bg_links.gif) repeat-y;
  border-bottom: 1px solid #000055;
  alignment: center;
  padding: 0 0 0 0;
  width: 142px;
}

.links h2 {
  font-size: 0.8125em;
  padding: 2px 5px;
}

.links a {
  color: #000055;
}

.links p {
  font-size: 0.625em;
  line-height: 1.2;
  padding: 1px 10px 8px 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.links td {
  font-size: 7.5pt;
  line-height: 1.2;
}

.links span {
  color: #467900;
  font-weight: bold;
}

.linkstop1 {
  background: #FFF url(http://www.taucher.net/i/links.gif) no-repeat left top;
  font-weight: bold;
  font-size: 8pt;
  color: #FFFFFF;
  padding: 2px 10px 3px 10px;
}




.rechts {
  background: url(http://www.taucher.net/i/bg_rechts.gif) repeat-y;
  border-bottom: 1px solid #000055;
  alignment: center;
  padding: 0 0 0 0;
  width: 200px;
}

.rechts h2 {
  font-size: 0.8125em;
  padding: 2px 5px;
}

.rechts a {
  color: #000055;
}

.rechts p {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 7.5pt;
  line-height: 1.2;
  padding: 1px 10px 8px 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.rechts td {
  font-size: 7.5pt;
  line-height: 1.2;
}

.rechts span {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-weight: bold;
  font-size: 9pt;
}

.rechtstop1 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background: #FFF url(http://www.taucher.net/i/rechts.gif) no-repeat left top;
  font-weight: bold;
  font-size: 8pt;
  color: #FFFFFF;
  padding: 2px 10px 3px 10px;
}