html,body,h1,h2,h3,h4,h5,h6,div,p,table,input {
  margin:0;
  padding:0;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  /* text-align:center; Takes care of horizontal alignment in Internet Explorer */
  color:#000;
  background:#fff url(/img/system/bg.gif) 0 0 repeat-x;
  overflow:auto;
  overflow:-moz-scrollbars-vertical;
  font-size:11px;
  line-height:17px;
}
/* ::: Elements ::: */
h1 {
  font-size:18px;
  font-weight:normal;
  padding-bottom:14px;
}
h2 {
  font-size:11px;
}
.plaintext {
  font-size:11px;
}
p {
  margin-bottom:16px;
}
a {
  color:#e95d0f;
  outline:0;
}
a:hover {
  color:#e95d0f;
}
img {
  border:0;
}

/* ::: standard ::: */
.error {
  color:#E95D0F;
}
.error span {
  display:block;
  padding-bottom:1em;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer,
.doublespacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
}
.spacer { height:16px; }
.halfspacer { height:8px; }
.quarterspacer { height:4px; }
.doublespacer { height:32px; }

.searchword {
  background-color:#333;
  color:#fff;
}
.wcag {
  display:none;
}
.wai {
  /*display:none;*/
}
.odd {
  background-color:#FFE69D;
}
.imgleft,
.imgleft div {
  float:left;
}
div.imgleft {
  width:25%;
  padding:0 1em .5em 0;
  display:table;
}
img.imgleft {
  margin:0 10px 5px 0;
}
.imgleft div {
 font-size:10px;
 margin-top:.5em;
}
.row {
  overflow:auto;
}

/* ::: Layout ::: */
#container {
  position:relative;
  width:910px;
  margin:17px auto 17px auto;

}
#logo {
  position:absolute;
  top:28px;
  left:34px;
  z-index:2;
}
#top {
  height:117px;
  background:url(/img/system/top.png) 0 0 no-repeat;
} 
#navi {
  position:absolute;
  top:88px;
  left:195px;
  z-index:97;
}

#center {
  background:url(/img/system/center.png) 0 0 repeat-y;
  padding:0 5px;
} 
#centerinner {
  position:relative;
  background:#ffe69d url(/img/system/centerinner.png) 0 0 repeat-x;
  border-bottom:1px solid #FFF;
}
#leftnavi {
  float:left;
  width:190px;
  min-height:160px;
  padding-bottom:445px;
  /*background:url(/img/keyvisual/keyvisual.jpg) 0 bottom no-repeat;*/
  padding-top:58px;
}
#keyvisual {
  position:absolute;
  bottom:0;
  width:190px;
  /*height:310px;
  background:url(/img/keyvisual/keyvisual.jpg) 0 bottom no-repeat;*/
}
#content {
  float:left;
  width:483px;
  padding:0 17px 10px 20px;
  background-color:#FFF;
}
#breadcrumb {
  height:24px;
  color:#9c9e9f;
  text-align:right;
  padding-top:16px;
  padding-bottom:22px;
}
#teaser {
  float:left;
  width:178px;
  padding: 64px 5px 0 5px;
}
#bottom {
  position:relative;
  height:96px;
  background:url(/img/system/bottom.png) 0 0 no-repeat;
} 
#metanavi {
  position:absolute;
  top:7px;
  left:194px;
}
#metanavi a {
  text-decoration:none;
  color:#000;
}
#powered {
  position:absolute;
  top:4px;
  left:572px;
}
#powered a {
  text-decoration:none;
  color:#000;
} 
#powered span {
  font-size:16px;
  line-height:20px;
  visibility: hidden;
}

/* ::: Navi ::: */
#navi ul {
  margin:0;
  padding:0;
  list-style:none;
}
#navi ul li {
  float:left;
  position:relative;
  z-index:98;
}
#navi ul li a {
  display:block;
  font-size:12px;
  line-height:16px;
  text-decoration:none;
  background:url(/img/system/navi-li.gif) 4px 10px no-repeat;
  padding:6px 11px 7px 15px;
  text-transform:uppercase;
  color:#000;
}
#navi ul li a:hover,
#navi ul li a.selected {
  border-left:5px solid #000;
  background:none;
  padding-left:10px;
}
#navi ul li a.first {
  background:none;
}
#navi ul li a.selected {
  font-weight:bold;
}
#navi ul ul {
  display:none; 
  position:absolute;
  left:0;
  z-index:99;
  border-bottom:1px solid #979797;
}
#navi ul li:hover ul {
  display:block;
}
#navi ul ul li {
  float:none;
  position:static;

}
#navi ul ul li a {
  background:#ffe69d;
  text-transform:none;
  border-top:1px solid #979797;
  white-space:nowrap;
  padding-left:15px;
  padding-right:15px;
  white-space:nowrap;

}
#navi ul ul li a:hover,
#navi ul ul li a.selected {
  border-left:none;
  background:#ffe69d url(/img/system/navi-li-li.gif) 0 0 no-repeat;
  padding-left:15px;
}

/* ::: Leftnavi ::: */
#leftnavi ul {
  margin:0 auto;
  padding:0;
  list-style:none;
  width:148px;
  border-bottom:1px solid #979283;
}
#leftnavi ul li {
  background:#ffe69d;
  border-top:1px solid #a1a09e;
}
#leftnavi ul li a {
  display:block;
  font-size:12px;
  line-height:16px;
  text-decoration:none;
  padding:6px 14px 7px 14px;
  color:#000;
}
#leftnavi ul li:hover a,
#leftnavi ul li.selected a {
  padding-left:9px;
  border-left:5px solid #000;
}
#leftnavi ul li.selected {
}
#leftnavi ul li.selected a {
  font-weight:bold;
  padding-left:14px;
}
#leftnavi ul ul {
}
#leftnavi ul ul li {
  background-color:#FFFFFF;
  border-top:1px solid #e5ddc6;
}
#leftnavi ul li.selected ul li {
  padding-left:0;
}
#leftnavi ul ul li a, 
#leftnavi ul li.selected ul li a,
#leftnavi ul li:hover ul li a  {
  padding-left:26px;
  border:none;
  font-size:11px;
  font-weight:normal;
}
#leftnavi ul li.selected ul li:hover a,
#leftnavi ul li.selected ul li.selected a {
  border-left:5px solid #f9b703;
  padding-left:21px;
}
#leftnavi ul li.selected ul li.selected a {
  font-weight:bold;
}
  
/* ::: breadcrumb ::: */
#breadcrumb a {
  font-size:12px;
  font-weight:bold;
  color:#9c9e9f;
  text-decoration:none;
}
#breadcrumb a.first,
#breadcrumb span.first {
  text-transform:uppercase;
}
#breadcrumb span {
  font-size:12px;
  font-weight:bold;
  color:#000;
}
#breadcrumb a.active {
  color:#000;
  font-weight:normal;
}
#breadcrumbline {
  font-size:0;
  line-height:0;
  height:1px;
  margin-top:5px;
  background-color:#a3a3a3;
}

/* ::: Content ::: */
#content a {
  font-weight:bold;
  text-decoration:none;
}
/* ::: Zoombox und Shadowbox hervorheben ::: */
a.zoombox,
a.shadowbox {
  position:relative;
  font-size:0; /* FF3 */
}
img.lupe {
  bottom:5px;
  position:absolute;
  right:5px;
}
.box {
  width:473px;
  height:133px;
  padding:10px;
  padding-right:0;
  background:url(/img/system/box.png) 0 0 no-repeat;
  margin-bottom:18px;
}
.box-small {
  float:left;
  width:223px;
  height:98px;
  padding:10px;
  padding-right:0;
  background:url(/img/system/box-small.png) 0 0 no-repeat;
  margin-bottom:18px;
  margin-right:17px;
}
.box-small-right {
  margin-right:0;
}
.box-inner-left {
  float:left;
  width:190px;
  margin:0 10px 5px 0;
}
.box-small .box-inner-left {
  width:90px;
}
.box-inner-left img.imgleft {
  margin:0;
}
.box-inner-right {
  float:left;
  width:263px;
}
.box-small .box-inner-right {
  width:113px;
}
a.pdflink {
  background:url(/img/system/pdf.png) 0 0 no-repeat;
  padding:12px 0 15px 48px;
  display:block;
  color:#000;
  text-decoration:none;
}

/* ::: Teaser ::: */
#teaser h2 {
  font-size:12px;
  font-weight:normal;
  text-transform:uppercase;
  padding:0 5px 12px 5px;
}
#teaser .plaintext {
  padding:0 5px 0 5px;
}
#teaser a {
  font-weight:bold;
}
#teaser div.line {
  height:1px;
  line-height:0;
  font-size:0;
  background-color:#a39c88;
  margin:0 0 15px 0;
}

.plaintext.verein,
.plaintext.breitensport,
.plaintext.fussball,
.plaintext.tennis,
.plaintext.tischtennis,
.plaintext.volleyball {
  min-height: 48px;
  padding-left: 48px !important;
}

.plaintext.verein {
  background: url("/img/newsicons/icon_start.png") no-repeat scroll 0 0 transparent;
}

.plaintext.breitensport {
  background: url("/img/newsicons/icon_laufen.png") no-repeat scroll 0 0 transparent;
}

.plaintext.fussball {
  background: url("/img/newsicons/icon_fussball.png") no-repeat scroll 0 0 transparent;
}

.plaintext.tennis {
  background: url("/img/newsicons/icon_tennis.png") no-repeat scroll 0 0 transparent;
}

.plaintext.tischtennis {
  background: url("/img/newsicons/icon_tischtennis.png") no-repeat scroll 0 0 transparent;
}

.plaintext.volleyball {
  background: url("/img/newsicons/icon_volleyball.png") no-repeat scroll 0 0 transparent;
}

/* ::: Forms ::: */
label {
  font-size:11px;
  width:130px;
  float:left;
  clear:both;
}
.captcha img {
  margin:0 0 12px 130px;
}
.captcha img,
.form .btn {
  margin:0 0 12px 130px;
}
.btn {
  padding:4px 10px;
  background-color:#f9b701;
  color:#fff;
  font-weight:bold;
  display:block;
  float:left;
}
.row,
.captcha {
  margin-top:3px;
  clear:both;
}
input.text,
textarea.text,
select {
  width:210px;
  /*float:left;*/
  font:11px/15px Verdana, Arial, Helvetica, sans-serif;
  margin:1px 0;
  color:#666;
  border:1px solid #999;
  background:#fff;
}
select {
  width:212px;
}
input.zipcode {
  width:45px;
  margin-right:4px;
}
input.city {
  width:159px;
}


/* ::: tabelle  ::: */
.tabelle {
  border:.1em solid #A39C88;
  border-collapse:collapse;
  table-layout:auto;
  width:100%;
}
.tabberlive .tabelle {
  width:100%;
}
.tabelle thead tr {
}
.tabelle thead tr th,
.tabelle tr.head td  {
  background:url(/img/system/table/bg.gif) repeat-x #FFE69D;
  font-weight:bold;
  text-align:left;
  padding:.5em .5em;
  border-right:.1em solid #A39C88;
}
.tabelle thead tr th span.innertext,
.tabelle tr.head td span.innertext {
  font-size:11px;
}
.tabelle thead tr td,
.tabelle tr.head td,
.tabelle tbody tr td,
.tabelle tr.body td {
  padding:.5em .5em .3em .5em;
  border-right:.1em solid #A39C88;
  border-top:.1em solid #A39C88;
  vertical-align:top;
  font-size:12px;
}
.tabelle tbody tr.headline td,
.tabelle tr.body.headline td {
  vertical-align:bottom;
}
.tabelle ul {
  margin-left:1.92em; /*23 in 12 wegen innerspan drumrum*/
}
.tabelle ul li {
  margin-left:0;
}
.tabelle tbody tr td.zentriert,
.tabelle tr.body td.zentriert,
.tabelle tbody tr td.zentriert span,
.tabelle tr.body td.zentriert span {
  text-align:center;
}
.tabelle tbody td.links,
.tabelle tr.body td.links,
.tabelle tbody tr.links td,
.tabelle tr.body.links td {
  text-align:left;
}
.tabelle tbody td.rechts,
.tabelle tr.body td.rechts,
.tabelle tbody tr.rechts td,
.tabelle tr.body.rechts td {
  text-align:right;
}

/* ::: onAccordion ::: */
/*.onAccordion,
.onAccordion * {*/
.onAccordion {
  border:0;
  margin:0;
  padding:0;
}
.onAccordion {
  margin-bottom:16px;
}
.hide {
  display:none;
}
.onAccHead {
  background:#ccc url(/img/icons/plusminus.png) no-repeat left 1px;
  cursor:pointer;
  padding:2px 10px 2px 18px;
  margin-top:8px;
}
.onAccordion .selected {
  background-color:#666;
  background-position:left -99px;
  color:#fff;
}
.onAccHead:hover {
  background-color:#ddd;
}
.onAccordion div h3 {
  padding:10px 10px 0 10px;
}
/*.onAccordion div p,
.onAccordion div div {
  padding:0 10px 0 10px;
}*/
.onAccordion div.onAccordionContent {
  padding:10px;
  border:1px solid #ccc;
  /*margin-bottom:-10px;*/
}
/* ::: jQuery ui-tabs ::: */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
  .ui-tabs-hide {
    display:none;
  }
}
@media print {
  .ui-tabs-nav {
    display:none;
  }
}
/* Skin */
.ui-tabs-nav {
  list-style:none;
  margin:0;
  padding:0 0 0 1px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display:block;
  clear:both;
  content:" ";
}
.ui-tabs-nav li {
  float:left;
  margin:0 0 0 -1px;
  min-width:84px; /* be nice to Opera */
}
.ui-tabs-nav a,
.ui-tabs-nav a span {
  display:block;
  padding:0 10px;
  background:transparent url(/img/system/tab.png) repeat-x scroll 0%;
}
.ui-tabs-nav a {
  margin:0; /* position:relative makes opacity fail for disabled tab in IE */
  padding-left:0;
  color:#464646;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  white-space:nowrap; /* required in IE 6 */
  outline:0; /* prevent dotted border in Firefox */
  border:1px solid #ebebeb;
  border-width:1px 1px 0;
  top:1px;
}
.ui-tabs-nav .ui-tabs-selected {
  margin-bottom:-4px;
}
.ui-tabs-nav .ui-tabs-selected a {
  position:relative;
  top:-3px;
  z-index:2;
  margin-top:0;
  color:#000;
}
.ui-tabs-nav a span {
  width:64px; /* IE 6 treats width as min-width */
  min-width:64px;
  height:18px; /* IE 6 treats height as min-height */
  min-height:18px;
  padding-top:6px;
  padding-right:0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
  width:auto;
  height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
  /*padding-bottom:1px;*/
padding-top:8px;
  padding-bottom:2px;
}
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
  background-position:100% -150px;
}
.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
  background-position:100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
  background-position:0 -50px;
}
.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
  background-position:0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor:text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
  cursor:pointer;
}
.ui-tabs-disabled {
/*  opacity:.4;
  filter:alpha(opacity=40);*/
}
.ui-tabs-panel {
  border:1px solid #ebebeb;
  padding:1em 8px;
  background:#fff; /* background color to avoid distorted fonts in IE while fading */
  background:#fff url(/img/gradient.png) no-repeat scroll right bottom;
}
.ui-tabs-loading em {
  padding:0 0 0 20px;
  background:url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display:inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, IE 6 will ignore rule */
  display:inline-block;
}

/* ADDICONS */
@media projection, screen {
  a.blank, a.pdf, a.doc, a.zip, a.mp3, a.print, a.totop, a.mailto{
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:18px;
    display:inline-block;
    padding:4px 18px 0 0;
  }
  a.totop {
    display:inline;
    padding:0 18px 0 0;
  }
  a.blank {background-image:url(/img/icons/new-win.gif);}
  a.pdf {background-image:url(/img/icons/files/pdf.gif);}
  a.doc {background-image:url(/img/icons/files/doc.gif);}
  a.xls {background-image:url(/img/icons/files/xls.gif);}
  a.zip {background-image:url(/img/icons/files/zip.gif);}
  a.mp3 {background-image:url(/img/icons/files/mp3.gif);}
  a.print {background-image:url(/img/icons/print.gif);}
  a.totop {background-image:url(/img/icons/arrow-up.gif);}
  a.mailto {background-image:url(/img/icons/mail.gif);}
}

/* checkboxes/radios */
/* don't change */
.chbxhide {
  left:-1000px;
  position:absolute;
}
label.chbx, label.rd {
  display:block;
  margin:5px 0;
  padding-left:25px;
}
label.chbx  {
  background:url(/img/icons/checkbox.png) no-repeat left top;  
}
label.rd  {
  background:url(/img/icons/radio.png) no-repeat;  
}
label.chkd {
  background-position:left -100px;
}
label:hover{
  color:#666;
}



#meinWettbewerb0 {
  position:absolute;
  top:240px;
  left:500px;
  z-index:100;
}
#mypos {height:612px;}

@media print {
#top,
#bottom,
#leftnavi,
#keyvisual,
#breadcrumb {
  display:none;
}
body,
#center,
#centerinner,
.box,
.box-small {
  background:none;
}
#container {
  margin:0;
  width:683px;
  position:static;
}
#center {
  padding:15px 0 0 0;
}
#content {
  padding-left:0;
}
#teaser {
  padding-right:0;
  padding-top:0;
}
#logo {
  position:static;
}
}



