/* allgemeine Einstellungen*/

*{margin:0;padding:0}
* html body *{overflow:visible}
html{height:100%;margin-bottom:1px}
body{font-family: Arial, Helvetica, sans-serif;font-size:0.9em; color: #555555; background:#fff;text-align:left;}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:0em;line-height:1.1em; text-transform: uppercase;}
dt{font-weight:700}
dd{margin:0 0 1em .8em}
blockquote{margin:0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after{content:""}

a:link { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C; 
}
a:visited { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C; 
}
a:hover { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C; 
}
a:active {
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C; 
}
.csc-header h1 {
  font-size: 1.2em;
  margin:10px 0 20px -18px;
  background-image:url(../images/ueberschrift22.jpg);
  background-position:right;
  background-repeat:no-repeat;
  width:1017px;
  height:22px;
  color: #46648C;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 0px;
}
.csc-header h2, .csc-textpicHeader h2 {
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image:url(../images/ueberschrifth2_01.jpg);
  background-repeat:no-repeat;
  width:1017px;
  height:20px;
  color: #46648C;  
  margin-left:-19px;
  font-weight: normal;
  padding-left: 0px;
  padding-bottom: 0px;
}

h1 {
  font-size: 1.2em;
  color: #46648C;
  font-weight: bold;
  padding-left: 0.7em;
  padding-bottom: 0.7em;
}

h2 {
  font-size: 1em;
  color: #46648C;  
  font-weight: bold;
  padding-left: 0.7em;
  padding-bottom: 0.7em;
}

h3 {
  font-size: 0.9em;
  color: #46648C;  
  font-weight: bold;
  padding-left:  0.7em;
  padding-bottom: 0.7em;
}

h4 {
  font-size: 0.9em;
  color: #46648C;  
  font-weight: bold;
  padding-left:  0.7em;
  padding-bottom: 0.7em;
}

h5 {
  font-size: 0.9em;
  color: #46648C;  
  font-weight: bold;
  padding-left:  0.7em;
  padding-bottom: 0.7em;
}

h6 {
  font-size: 0.9em;
  color: #46648C;  
  font-weight: bold;
  padding-left:  0.7em;
  padding-bottom: 0.7em;
}

/* link-styles */
.link { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 0.7em;
  line-height: 2.13em;
  text-align: left; 
  padding-left: 10px;
  border-bottom-color: #ffffff; 
  border-bottom-style: solid;
}

.hauptmenue { 
  background-color:#c6e3ff; 
  width:154px; 
  color: #000000;
}

.hauptmenuestart { 
  background-color:#46648C; 
  width:154px;
  height:22px;
  color: #ffffff; 
}

.bildmenue { 
  background-color:#99CCFF; 
  width:85px; 
}

/* text-styles */
.text{ 
  font-family: Arial, Helvetica, sans-serif; color: #46648c;
}
.logo { 
  font-size: 2.3em;
  line-height: 30pt; 
  font-weight: bold ; 
  color: #46648c; 
}
.logoklein { 
  font-size: 0.9em;
  line-height: 10pt; 
  color: #46648c; 
}
.bildunterschrift { 
  font-size: 0.8em;
  line-height: 15pt; 
  color: #46648C; 
  border-top-color: #ffffff; 
  border-top-style: solid;
}

.fett { 
  font-size: 9pt;
  line-height: 14pt; 
  font-weight: bold ; 
  color: #555555; 
}
.normal{ 
  font-size: 9pt;
  line-height: 14pt; 
  color: #555555; 
}
.klein{ 
  font-size: 7pt;
  color: #555555; 
}
.mitteilungklein{ 
  font-size: 11pt;
  font-weight: bold ; 
  color: #555555; 
}
.mitteilungfett{ 
  font-size: 14pt;
  font-weight: bold ; 
  color: #46648C; 
}
.erstesWortFett { 
   color: #46648c; 
   padding-left: 28px;
   font-weight: bold ;
}

.mitteilungnormal{ 
  font-size: 14pt;
  color: #46648C; 
}

/* Gesamthintergrund*/
#page{
  margin-top:8px;
}

#container {
  width:1000px;
  min-height:700px; 
  margin:3px auto 0 auto;
}

/* oberer Block mit Hintergrundbild*/
#oben{
  width:1000px;
  height:120px;
}

#obenrechts{
  float:right;  
  margin:0px auto 0 auto;
  width:816px;
  height:120px;
  background-image:url(../images/sportwelt-kopf-frau.jpg);
  background-position: right -1px;
  background-repeat: no-repeat;
}

#obenrechts.image{
  width:816px;
  height:120px;
}

#obenrechtsaussen{
  float:right;  
  width:15px;
  height:120px;
  background-color:#A2DB5B;
  border-left-color: #ffffff;
  border-left-style: solid;
}

#obenlinks{
  float:left;
  margin-left:0px;
  width:156px;
  height:120px;
  padding-left: 2px;
}

#obenlinksoben{
  float:left;
  margin-left:0px;
  width:164px;
  height:25px;
  background-color:#46648C;
}

/* Navigationsblock*/
#navigation{
  margin-top:2px;
  width:1000px;
  height:225px;
}

/* vertikale Position des Menüfeldes*/

#navigationlinks{
  float:left;
  width:164px;
  min-height:174px;
}

#navigation ul{
  list-style-type: none;
  margin:0em;
}
.navigation a:link { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C;
  display: block;
  height:100%;
  width:100%; 
}
.navigation a:visited { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C;
  display: block;
  height:100%;
  width:100%;
}
.navigation a:hover { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C;
  background-color:#A2DB5B;
  display: block;
  height:100%;
  width:100%;
}
.navigation a:active {
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C;
  display: block;
  height:100%;
  width:100%; 
}
#navigationlinksoben{
  float:left;
  margin-left:-16px;
  width:15px;
  height:22px;
  background-color:#A2DB5B;
  border-right-color: #ffffff;
  border-right-style: solid;
}

/* horizontale Position der Menüfelder Schwimmbad*/

.schwimmbaeder{
  float:right;
  width:816px;
  font-size: 0.7em;
  height:174px;
}

.badNavHeaderWrap {
  margin:0px 0px 2px 5px;
  padding:0; 
  width:131px; 
  height:108px; 
  border:0;
  float:left;
}

.badNavHeader {
  background-color:#99CCFF; 
  margin:0; 
  padding:0; 
  width:131px; 
  height:22px; 
  border:0;
  text-align: center;
  text-transform: uppercase;
  line-height: 2em;
}
.badNavImageLink {
  width:131px; 
  height:64px; 
}

.badNavHeader a:link { 
  text-decoration:none; 
  font-weight:bold; 
  color:#ffffff;
  display: block;
  height:100%;
}
.badNavHeader a:visited { 
  text-decoration:none; 
  font-weight:bold; 
  color:#ffffff;
  display: block;
  height:100%; 
}
.badNavHeader a:hover { 
  text-decoration:none; 
  font-weight:bold; 
  color:#46648C;
  background-color:#A2DB5B;
  display: block;
  height:100%;
}
.badNavHeader a:active {
  text-decoration:none; 
  font-weight:bold; 
  color:#ffffff;
  display: block;
  height:100%; 
}

.badNavImage {
  margin:0; 
  padding:0; 
  width:131px; 
  height:86px; 
  border:0;
}

.badNavImageCaption {
  padding:0; 
  width:131px; 
  height:22px; 
  border:0;
  text-align: center;
  position:relative;
  top:-20px;
}

.unten .badNavImage .badNavImageCaption {
  position:relative;
  top:-80px;
}


.schwimmbaeder li{
  list-style-type: none;
}

#schwimmbaederrechts{
  float:right;  
  width:15px;
  height:22px;
  background-color:#46648C;
  border-left-color: #ffffff;
  border-left-style: solid;
}

.bad{
  float:left;
  width:133px;
  height:86px;
  border-left-color: #ffffff;
  border-left-style: solid;
  border-bottom-color: #ffffff;
  border-bottom-style: solid;
  text-align: center;
}

.geoeffnet{
  background-color:#A2DB5B;
}

.geschlossen{
  background-color:#46648C;
}

.hoesch{
  background-color:#A2DB5B;
  background-image:url(../images/hoeschpk.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}

.hardenberg{
  background-color:#99CCFF;
  background-image:url(../images/hardenbergk.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}

.hombruch{
  background-color:#99CCFF;
  background-image:url(../images/hombruchk.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}

.stockheide{
  background-color:#99CCFF;
  background-image:url(../images/stockheidek.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}

.volkspark{
  background-color:#99CCFF;
  background-image:url(../images/volksparkk.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}

.wellinghofen{
  background-color:#A2DB5B;
  background-image:url(../images/wellinghofenk.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}
.wellinghofen2{
  background-color:#99CCFF;
  background-image:url(../images/wellinghofenk.jpg);  
  background-position: center bottom;
  background-repeat:no-repeat;
}

#schwimmbaederrechtsaussen{
  margin-top:22px;
  float:right;  
  width:15px;
  height:22px;
  background-color:#46648C;
}

/* Inhaltsbereich */

#content {
  width: 981px;
}

/* styles für die Überschriften*/
.mitteilung{
  float:right;
  width:1003px;
  height:30px;
}

.mitteilung_links{
  margin-left:-16px;
  float:left;
  width:15px;
  height:30px;
  background-color:#46648C;
}

.mitteilung_mitte{
  float:left;
  width:489px;
  height:30px;
  background-color:#A2DB5B;
  border-left-color: #ffffff;
  border-left-style: solid;
}

.mitteilung_rechts{
  float:left;
  width:488px;
  height:30px;
  background-color:#46648C;
  border-left-color: #ffffff;
  border-left-style: solid;
}

.mitteilung_aussen{
  float:left;
  width:15px;
  height:30px;
  background-color:#A2DB5B;
  border-left-color: #ffffff;
  border-left-style: solid;
}

.links{
  float:left;
  width:450px;
  margin-left:35px;
  margin-top:30px;
}

.rechts{
  float:right;
  width:500px;
  margin-top:10px;
}

.footer{
  margin-top:50px;
  margin-bottom:20px;
  text-align:left;
  font-size: 0.8em;  
}

/* inhaltselemente */
table.contenttable td, table.contenttable th {
  padding: 0 1em;
}

table.eintrittspreise td.td-0, table.eintrittspreise th.td-0 {
  text-align:left;
  font-weight: bold;
  padding: 0 1em 0 0;
}

table.eintrittspreise td, table.eintrittspreise th {
  text-align:right;
}

table.oeffnungszeiten td.td-0, table.oeffnungszeiten th.td-0 {
        text-align:left;
        font-weight: bold;
        padding: 0 0.2em 0 0;
        width: 13em;
}

table.oeffnungszeiten td.td-1, table.oeffnungszeiten th.td-1 {
  width: 18em;
}

p.bodytext, table {
  font-size: 0.91em;
  line-height: 1.3em;
  padding-bottom: 0.5em;
  padding-left: 0.8em;
}

dd.csc-textpic-caption {
  font-size: 0.83em;
}