/******************************************/
/* Standardwerte für alle Elemente setzen */
/******************************************/

* {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #222;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  border: none;
}

input, select, textarea { border: 1px solid #969696; padding: 2px; }

.button {
  font-weight: bold;
  border: 1px solid #969696;
  background: #dedede;
  min-width: 20px;
  overflow: visible;
  text-align: center;
  padding: 2px 4px 2px 4px;
}

.button:hover {
  background: #badcf0;
}

th, td { padding: 2px; }
th { font-weight: bold; }

div { display: block; }

strong, strong *, b, b * { font-weight: bold; }

em, em *, i, i * { font-style: italic; }

u, u * { text-decoration: underline; }



/*******************************************************/
/* Body, Seitenrahmen, Kopf, Inhaltsrahmen, Menü, Fuß */
/*******************************************************/

body {
  width: 100%;
  height: 100%;
  text-align: center;
  background: #f9f9f7 url(../img/Layout/body-background.png) top left repeat-x;
  overflow-y: scroll;
}

* html body {
  background: #fff;
  overflow-y: visible;
}

*+html body {
  overflow-y: visible;
}

* html document {
  overflow-y: scroll;
}

body * {
  text-align: left;
}

.right { text-align: right; }
.center { text-align: center; }

#wrapper-outside {
  width: 930px;
  overflow: visible;
  padding: 0;
  margin: 0;
  margin: 0 auto 0 auto;
  background: transparent url(../img/Layout/page-shadow-right.png) top right repeat-y;
}

#wrapper-inside {
  margin: 0 10px 0 0;
  background: transparent url(../img/Layout/page-shadow-left.png) top left repeat-y;
  
}

#page {
  margin: 0 0 0 10px;
  border: 5px solid #fff;
  background: #fff url(../img/Layout/menu-background.png) top left repeat-y;
  width: 900px;
}

*+html #page {
  
}

#page_bottom, #page_top {
  clear: both;
  height: 10px;
  margin: 0 auto 0 auto;
  width: 930px;
  line-height: 1px;
  font-size: 1px;
}

#page_bottom div, #page_top div {
  line-height: 1px;
  font-size: 1px;
}  

#page_bottom_center, #page_top_center {
  float: left;
  height: 10px;
  width: 910px;
  background: transparent url(../img/Layout/page-shadow-bottom.png) repeat-x;
}

#page_bottom_left, #page_bottom_right, #page_top_left, #page_top_right {
  float: left;
  width: 10px;
  height: 10px;
  background: transparent url(../img/Layout/page-shadow-bottom-left.png) no-repeat;
}

#page_bottom_right, #page_top_right {
  float: right;
  background: transparent url(../img/Layout/page-shadow-bottom-right.png) no-repeat;
}

#page_top_center { background-image: url(../img/Layout/page-shadow-top.png); }
#page_top_left { background-image: url(../img/Layout/page-shadow-top-left.png); }
#page_top_right { background-image: url(../img/Layout/page-shadow-top-right.png); }

#header {
  width: 900px;
  height: 127px;
  background: #004ea1 url(../img/Layout/head-background.jpg) top left no-repeat;
}

#content {
  float: right;
  width: 763px;
  border-top: 5px solid #fff;
  background: #fff;
}

#content-top {
  height: 27px;
  background: #ce0019;
}

* html #content-top {
  height: 28px;
}

#content-inner {
  padding: 0px 10px 0 10px;
}

#menu {
  width: 132px;
  border-top: 5px solid #fff;
}

#menu ul {
  /*padding: 18px 0 0 8px;*/
  list-style: none;
}

#menu li {
  display: block;
}

#menu a {
  display: block;
  color: white;
  padding: 6px 6px 6px 16px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #ad0015;
  letter-spacing: 1px;
  word-spacing: 1px;
}

#menu a:hover, #menu ul.menuitems li.menuitem0active a {
  background: #e0001b url(../img/Layout/menu-item-arrow.gif) 5px 50% no-repeat;
}

* html #menu li {
  height: 10px;
  line-height: 16px;
  font-size: 0;
}

* html #menu li a {
  height: auto;
}

/* Alle Untermenüs bis auf "Sport => ..." ab der 1.Ebene */

#menu ul.menuitems1, #menu ul.menuitems1 ul.menuitems2 {
  display: none;
}

#menu li.menuitem0active ul.menuitems1,
#menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 {
  display: block;
  position: absolute;
  top: 147px;
  width: 763px;
  left: 50%;
  margin: 0 0 0 -313px;
  background: #ce0019;
}

* html #menu li.menuitem0active ul.menuitems1 {
  margin: 0 0 0 -321px;
  margin: 0 0 0 -313px;
}

* html #menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 {
  top: -58px;
}

#menu li.menuitem0active ul.menuitems1 li,
#menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 li {
  float: left;
}
  
#menu li.menuitem0active ul.menuitems1 li a,
#menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 li a {
  padding: 6px 16px 6px 26px;
  border: none;
  border-right: 1px solid #ad0015;
  background: #ce0019;
}

#menu li.menuitem0active ul.menuitems1 li.menuitem1active a, #menu li.menuitem0active ul.menuitems1 li a:hover,
#menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 li.menuitem2active a,
#menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 li a:hover {
  background: #e0001b url(../img/Layout/menu-item-arrow.gif) 15px 50% no-repeat;
}



/* Alle direkten Untermenüs von "Sport" */

#menu #menu_item_11 ul.menuitems1 {
  position: relative;
  width: 132px;
  top: auto;
  left: auto;
  margin: 0;
}

#menu #menu_item_11 ul.menuitems1 li {
  float: none;
}

#menu #menu_item_11 ul.menuitems1 li a {
  padding: 6px 6px 6px 30px;
  border-bottom: 1px solid #ad0015;
  background: #ce0019;
}

#menu #menu_item_11 ul.menuitems1 li.menuitem1active a, #menu #menu_item_11 ul.menuitems1 li a:hover {
  padding: 6px 6px 6px 30px;
  border-bottom: 1px solid #ad0015;
  background: #e0001b url(../img/Layout/menu-item-arrow.gif) 19px 50% no-repeat;
}

/* Alle Untermenüs von "Sport", die sich auf 3ter Ebene befinden */

#menu #menu_item_11 ul.menuitems1 li.menuitem1active ul.menuitems2 {
  position: absolute;
  left: 137px;
  top: -56px;
  margin: 0;
}

#footer-sponsors {
  clear: both;
  border-top: 5px solid #fff;
  text-align: center;
  vertical-align: middle;
  background: #fff;
}

#footer {
  clear: both;
  border-top: 5px solid #fff;
  height: 28px;
  background: #ce0019;
}

#footer ul {
  clear: both;
  list-style: none;
  margin-left: 132px;
  height: 28px;
  border-left: 5px solid #fff;
}

#footer li {
  float: left;
}

#footer li a {
  float: left;
  padding: 6px 16px 6px 26px;
  border-right: 1px solid #ad0015;
  background: #ce0019;
  color: #fff;
  word-spacing: 1px;
  letter-spacing: 1px;
}

#footer li.menuitem0active a, #footer li a:hover {
  background: #e0001b url(../img/Layout/menu-item-arrow.gif) 15px 50% no-repeat;
}

/*******************************************/
/* Elemente innerhalb des Inhaltsbereiches */
/*******************************************/

#tinymce { width: auto; height: auto; background: #fff; }

#content *, #tinymce * {
  word-spacing: 1px;
  letter-spacing: 1px;
}

#content p, #tinymce p {
  line-height: 18px;
  padding: 0 0 8px 0;
}

#content a, #content a * {
  color: #ad0015;
}

#content a:hover, #content a:hover *{
  color: #ed0015;
  text-decoration: underline;
}

h1, h1 * {
  font-size: 28px;
  padding: 10px 0 10px 0;
}

h2, h2 * {
  font-size: 24px;
}

h3, h3 * {
  font-size: 20px;
}

h4, h4 * {
  font-size: 18px;
}

h5, h5 * {
  font-size: 16px;
}

h6, h6 * {
  font-size: 14px;
}

div.heading-red-left, div.heading-red-center, div.heading-red-right {
  font-style: italic;
  color: #ad0015;
  border-bottom: 1px solid #ad0015;
  margin: 15px 0 10px 0;
}

div.heading-red-center {
  text-align: center;
}

div.heading-red-right {
  text-align: right;
}

p.image-left img {
  float: left;
  margin: 4px 10px 4px 0;
}

p.image-right img {
  float: right;
  margin: 4px 0 4px 10px;
}




#news-right {
  float: right;
  width: 210px;
  margin: 5px -10px 5px 5px;
}

* html #news-right {
  margin-right: -5px;
}

#news-right * {
  font-size: 11px;
}

#news-right .event {
  background: #fdfdfd url(../img/layout/news-right-background.png) top left repeat-x;
  padding: 4px 4px 2px 4px;
  border: 1px solid #dedede;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin: 10px 0 0 0;
}

#news-right .date {
  font-style: italic;
  color: #ad0015;
}

#news-right .title {
  margin: 6px 0 4px 0;
  font-weight: bold;
}

#news-right .abstract, #news-right .abstract p {
  letter-spacing: 0;
  line-height: 14px;
}

#news-right .abstract p {
  margin: 0 0 4px 0;
  padding: 0;
}

#news-right .item-link {
  text-align: right;
}

#news-right .item-link a {
  letter-spacing: 0;
}


#news .date {
  font-style: italic;
  color: #ad0015;
  border-bottom: 1px solid #ad0015;
  margin: 15px 0 0 0;
}

#news .title {
  font-weight: bold;
  font-size: 16px;
  margin: 8px 0 8px 0;
}

#news .abstract p {
  line-height: 18px;
  padding: 0 0 8px 0;
}

#news .text img {
  float: left;
  margin: 4px 15px 4px 0;
}

#news .text p {
  line-height: 18px;
  padding: 0 0 8px 0;
}

#news .file, #news .link {
  clear: both;
  line-height: 18px;
  padding: 0 0 8px 0;
}

#news .item-link, #news .list-link {
  text-decoration: none;
  clear: both;
  margin: 0 0 20px 0;
}

.no-results {
  font-style: italic;
  color: #ad0015;
  margin: 15px 0 15px 0;
} 

.navigation {
  list-style: none;
  background: orange;
  margin: 10px 0 10px 0;
}

.navigation li {
  float: left;
  height: 18px;
  width: auto;
  margin: 0 10px 0 0;
}

.navigation .navigation-last { margin: 0; }

.navigation a {
  display: block;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.navigation-position { padding: 1px 0 0 0; }

.navigation a span { visibility: hidden; display: none; }

.navigation-first { width: 22px; background: transparent url(../img/Layout/navigation-first.gif) top left no-repeat; }
.navigation-previous { width: 13px; background: transparent url(../img/Layout/navigation-previous.gif) top left no-repeat; }
.navigation-next { width: 13px; background: transparent url(../img/Layout/navigation-next.gif) top left no-repeat; }
.navigation-last { width: 22px; background: transparent url(../img/Layout/navigation-last.gif) top left no-repeat; }

.navigation .disabled { opacity: 0.4; }
*+html .navigation .disabled { filter: Alpha(opacity=40); }
* html .navigation .disabled { filter: Alpha(opacity=40); }


.hippo-list {
  width: 760px;
  height: 400px;
  margin: 10px 0 10px -10px;
  border: 1px solid silver;
}

* html .hippo-list { width: 758px; }