/**
 * CSS-STYLESHEET FUER PROMOBIL
 */

/**
 * ALLGEMEINER RESET
 */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

.c {
  clear: both;
}

.x {
  display: none !important;
}


/**
 * ODC-Logo
 */
#odc {
 left: 2px;
 top: -20px;
 position: absolute;
}




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

.fett {
  font-weight: bold;
}

.nofloat {
  float: none;
}



/*
  HEADER
*/
#header {
  background: url(../grafik/bg_header.png) no-repeat;
  height: 80px;
  margin: 0;
}

#header ol, #header li {
	list-style-type: none;
}

#header ul, #header ol, #header li {
	margin: 0;
	padding: 0;
}

#header img {
  float: left;
}

#header #logo {
	z-index: 1000;
	position: absolute;
	top: 15px;
	left: 15px;
}

/* Auftritte (Klettern, Caravaning, Kanu ...) */
#header #auftritte {
  float: right;
  /* padding: 0 15px 0 0; */
  margin-right: 15px;
  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(../grafik/auftritt1_normal.png) no-repeat 0 0;
}

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

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

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

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

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

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

#header #auftritte #auftritt8 .auftritt_logo {
  background: url(../grafik/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 #auftritt2 .auftritt_text1,
#header #auftritte #auftritt3 .auftritt_text1,
#header #auftritte #auftritt3 .auftritt_text2,
#header #auftritte #auftritt4 .auftritt_text1,
#header #auftritte #auftritt4 .auftritt_text2,
#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(../grafik/mb_normal.png) no-repeat;
}

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

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

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

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

#header #auftritte #auftritt4 .auftritt_text2 {
  background: url(../grafik/kanu_normal.png) no-repeat;
}

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

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

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

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

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

#header #auftritte #auftritt1 .auftritt_text1: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;
}



/*
  FOOTER
*/
#footer {
  background: url(../grafik/footer_oben.png) no-repeat left top;
  color: #FFFFFF;
  margin: 10px 0 0 0;
  padding: 0;
  width: 797px;
  height: 25px;
}

#footer-unten {
  background: url(../grafik/footer_unten.png) no-repeat left top;
  clear: both;
  margin: 0 0 8px 0;
  padding: 0;
  /* padding: 0 0 9px 0; */
}

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

#footer .footer_logo img {
  display: block;
}

#footer ul {
  list-style-type: none;
  float: right;
  padding: 7px 25px 0 0;
  margin: 0;
}

#footer ul li {
  float: left;
  font-size: 11px;
  margin: 0 0 0 21px;
}

#footer a {
  color: #FFFFFF;
  text-decoration: none;
}

.mps_index {
  font-size: 11px;
  line-height: 1.5;
  padding: 0 50px 20px 50px;
  text-align: center;
}

.mps_index a {
  color: #990000;
  text-decoration: none;
}

.ueber_footer {
  clear: both;
  color: #990000;
  font-size: 11px;
  text-align: center;
}

.ueber_footer a {
  color: #990000;
  text-decoration: none;
}