body {
  margin: 0px;
/*  margin-right: 61px;*/
  padding: 0px;
  background-color: #E1E6EE;
  font-family: "Verdana","Arial","Helvetica",sans-serif;
/*  font-size: 12px; */
  font-size: 0.9em;
  border: none;
  color: #000;
  background-image: url(pics/rechts.png);
  background-position: right top;
  background-repeat: repeat-y;
/*  box-sizing: border-box; 
  -moz-box-sizing: border-box; */
}
td, th {
  font-size: 1.0em;
}
ul{padding-left:1em;}
li{margin-left:1em;}
a {
  color: #3890CD;
  text-decoration: underline;
}

h1, h2, h3, h4{
  margin: 0px;
/*  margin-top: 0.5em; */
  padding: 0.2em;
  padding-left: 0.4em;
/*  margin-left: -1.0em;
  padding-left: 1.0em; */
  background-color: #F3F8FF;
}

#content h1.contentTitle {
  border: 2px #C7D6EE solid;
  border-bottom: none;
}
h1 {
  margin-top: 90px;
	font-size: 1.3em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1.0em;
}

hr {
  height: 1px;
  border: none;
  border-bottom: 2px solid #3890CD;
}

div.clear {
  clear: both;
  line-height: 1px;
  height: 1px;
}
br.clear {
  clear: both;
  background-color: transparent;
  display: block;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}
br[clear=all] {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  display: block;
}

ul.lngSelector {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-top: 1px solid #3890CD;
  text-align: center;
  padding-top: 3px;
}
ul.lngSelector li {
  list-style: none;
  display: inline;
}
ul.lngSelector li img {
  border: none;
}

#content {
/*   margin: 80px 1.0em 1.0em 11.5em; */
  margin: 78px 1.0em 1.0em 0.0em;
  border-left: 13.0em #C7D6EE solid;
  padding-left: 1.0em;
}

#content.largeContent {
  margin-right: 81px;
}

#left {
  position: absolute;
  width: 13.0em;
  top: 78px;
  left: 0px;
  padding-left: 0em;
/*  border-right: 2px #3890CD solid; */
  background-color: #C7D6EE;
  padding-top: 12px;
}

#right {
  position: absolute;
  width: 200px;
  top: 80px;
  right: 20px;  
  border: 4px solid red;
  background-color: red;
}

#header {
  z-index: 1;
  margin: 0px;
  position: absolute; 
  width: 100%;
  height: 78px;
  top: 0px;
  left: 0px;
/*   border-bottom: 2px solid #3890CD; */
  background-image: url(pics/back_header.gif);
  background-position: left top;
  background-repeat: repeat-x;
        
}
#header img#img_logo {
  border: none;
  margin-left: 0px;
  margin-top: 0px;
}

#footer {
  text-align: left;
  border-top: 1px solid #3890CD;
  margin-top: 20px;
  font-size: 0.6em;
}
#poweredbypapaya {
  text-align: right;
  margin-top:0.5em;
}

/* standard content */
#content span.contentSubtitle {
  display: block;
  font-size: 0.8em;
}

#content div.topicText {
  margin: 0px;
  padding: 0.2em 0.5em 0.2em 0.5em;
  padding-bottom: 10px;
  border: 2px solid #C7D6EE;
  border-top:none;
  background-color: #FFF;
}

#content div.subTopics {
  clear: both;
  margin-top: 0px;  
}
#content table.subTopicLine tr {
  vertical-align: top;
}
#content table.subTopicLine {
  border: none;
}
#content td.topicSpacer {
  padding: 6px;
  border: none;
}
#content .subTopic {
/*   border-top: 2px dotted #3890CD; */
  border: 2px solid #C7D6EE;
  margin: 0px; 
  margin-top: 0.5em;
  background-color: #FFF;
}
#content .subTopic .contentTeaser{
   padding: 0.1em 0.5em 0.0em 0.5em;
}

#content .subTopic .contentSubTopicTitle span{
   font-size: 0.75em;
}


/* image in content */
#content div.topicImageLeftBreakNone {
  float: left; 
  margin-right: 10px; 
  width: auto; 
  height: 100%;
  background-color: #FFFFFF;
  padding: 3px 3px 0px 3px;
  border: 2px solid #C7D6EE; 
}
#content div.topicImageRightBreakNone {
  float: right; 
  margin-left: 10px; 
  width: auto; 
  height: 100%;
  background-color: #FFFFFF;
  padding: 3px 3px 0px 3px;
  border: 2px solid #C7D6EE; 
}
#content div.topicImageLeftBreakSide {
  float: left;
  margin-right: 0.5em; 
  margin-bottom: 0.5em; 
  width: auto;
  background-color: #FFFFFF;
  padding: 3px 3px 0px 3px;
  border: 2px solid #C7D6EE; 
}
#content div.topicImageRightBreakSide {
  float: right; 
  margin-left: 10px; 
  margin-bottom: 10px; 
  width: auto;
  background-color: #FFFFFF;
  padding: 3px 3px 0px 3px;
  border: 2px solid #C7D6EE; 
}
#content div.topicImageCenter {
  margin-bottom: 10px;
  background-color: #FFFFFF;
  padding: 3px 3px 0px 3px;
  border: 2px solid #C7D6EE; 
}

/* special links */

a.more {
  display: block;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  color: #3890CD;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 15px;
  padding-left: 10px;
  background-image: url(pics/more.gif);
  background-repeat: no-repeat;
  background-position: right ;
}

a.search {
  display: block;
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 1.0em;
  color: #3890CD;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 13px;
  padding-left: 10px;
  background-image: url(pics/more.gif);
  background-repeat: no-repeat;
  background-position: right;
}

a.back {
  display: block;
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 1.0em;
  color: #3890CD;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 13px;
  padding-left: 10px;
  background-image: url(pics/more.gif);
  background-repeat: no-repeat;
  background-position: right;
}
div#vfb_or{
z-index:2;
width: 123px;
height: 159px;
position: absolute;
top: 0px;
right: 0px;
background-image: url(pics/rechtsoben.gif);
background-repeat: no-repeat;

}

.Sparte .Sportart{
  margin-left: 1.0em;
}
.Sparte .Veranstaltungsort{
  margin-bottom: 0.5em;
  margin-left: 0.5em;
}
.Sparte .Wochentag{
  margin-left: 1.0em;
}
.Sparte .KursAngebot{
  margin: 2px;
  border: 2px solid #3890CD;
}
.Sparte .GruppenAngebot{
  margin: 2px;
  border: 2px solid #3890CD;
}
.Sparte .kaHead{
  background-color: #F3F8FF;
  border-bottom: 1px solid #3890CD;
  padding: 0em 0.5em 1px 0.2em;
  text-align: right;
}
.Sparte .kaHead .Kuerzel{
  display:inline;
  float:left;
  margin: 0em 0.5em 0em 0em;
}


.Sparte .KursAngebot .kaAngebot{
  padding: 0em 0.2em 0em 0.2em;
  
}



.Sparte .kaZusatzinfo{
  background-color: #F3F8FF;
  margin-top: 1px;
  padding: 0em 0.2em 2px 0.2em;
  text-align: right;
}
.Sparte .KursAngebot .kaZusatzinfo{
  text-align:left;
}
.Sparte .GruppenAngebot .kaZusatzinfo .Sportlehrer{
  display:inline;
  float:left;
  margin: 0em 0.5em 0em 0em;
}
.Sparte .GruppenAngebot .kaZusatzinfo .Tel{
  display:inline;
  margin: 0em 0.2em 0em 0.5em;
}


form#kurssuche table{
  width: 98%;
}
form#kurssuche select{
  width: 100%;
}


#content table {
  margin: 0.5em;
  border-collapse: collapse;
  border: 2px solid #C7D6EE;
}
#content table td {
  padding: 0.1em 0.2em 0.1em 0.2em;
}

#content .contentText {
  background-color: #FFF;
}

.abgesagt {
filter:alpha(opacity=50); /* Internet Explorer */
-moz-opacity: 0.50; /* alte Mozilla Browser */
opacity: 0.50; /* Firefox3 und Opera */
}
.ausgebucht {
filter:alpha(opacity=50); /* Internet Explorer */
-moz-opacity: 0.50; /* alte Mozilla Browser */
opacity: 0.50; /* Firefox3 und Opera */
}

div.Sportart {display:block; cursor:pointer;background-color: #FFE5E5;padding-left:25px;}
div.Sportart h2 {border-top: 1px solid #D8B2B2;}
div.Sportart { background-image:url(dreieck.png);
                 background-position: 0px 4px;
                 background-repeat:no-repeat;}
div.Sportart div {display:none;background-color: #FFFFFF;}
* html div.Sportart div {display:block;} /* Internet Explorer (IE6,IE7,IE8) ist zu blöd zum ein und ausklappen der Angebote */
div.click div {position:relative; display:block;}