/**************************************************************************
* Allgemeine Definitionen fuer ASC-Berlin
**************************************************************************/
body { background-color:#DEF3FA; }

div, p {
  position:absolute;
  margin:0px;
  padding:0px;
  overflow:visible;
  border:0px solid;
  color:#EDEDED;
  text-align:left;
  font-family:Verdana,Arial,Sans-Serif;
  font-size:11px;
  line-height:16px;
}

a {
  margin:0px;
  padding:0px;
  color:#EDEDED;
  text-decoration:none;
}
a:hover {
  color:#7FD8F1;
}

span {
  margin:0px;
  padding:0px;
}

img {
  position:absolute;
  margin:0px;
  padding:0px;
  border:0px solid;
}

ul {
  position:static;
  margin:0px;
  padding:0px;
  border:0px;
  list-style-type:none;
}

ul li {
  margin:0px;
  padding:0px;
  border:0px;
  margin-bottom:4px;
  font-size:11px;
  line-height:16px;
}

input, input.files, select, textarea {
  border:1px solid #4C6C78;
  color:#000000;
  font-family:Verdana,Arial,Sans-Serif;
  font-size:11px;
  line-height:13px;
  background-color:#EDEDED;
}  

input.files {
  height:20px;
  padding:3px;
}

input.sendButton {
  margin:1px;
  border:0px;
  cursor:pointer;
}

input.textlong {
  width:412px;
  padding:3px;
}

input.chkbox {
  margin:0px;
  margin-top:4px;
  padding:0px;
}

textarea {
  width:412px ;
  height:200px ;
  padding:3px;
  line-height:16px;
}

textarea.textareasmall {
  width:412px ;
  height:48px ;
  padding:3px;
}

/****** Textformatierungen ******/
span.txtabsatz {
  position:static;
  width:0px;
  height:8px;
  display:block;
  font-size:0px;
  line-height:0px;
}

span.txtabsatz.txtabgross {
  height:20px;
}

span.txtklein {
  font-size:10px;
  line-height:14px;
}

span.txtslash {
  margin-left:1px;
  margin-right:1px;
}

span.txtbstrich {
  margin-left:1px;
  margin-right:1px;
}

span.txtmultiplik {
  margin-left:2px;
  margin-right:3px;
}

span.txtleerzschmal {
  margin-left:-1px;
  margin-right:-1px;
}

/****** Container fuer Schattenraender und Inhalte ******/
div.basis { 
  position:relative;
  margin-top:5px;
  width:1001px;
  height:auto;
}

div.inhalt_schatten {
  position:static;
  width:100%;
  height:auto;
  background-repeat:repeat-y;
}

div.schatten_lr {
  position:relative;
  width:6px;
  height:100%;
  float:left;
  display:inline;
  background-repeat:no-repeat;
}
div.schatten_lr.schat_kopfl { background-image:url(kopf/k-schatten_l.gif); }
div.schatten_lr.schat_kopfr { background-image:url(kopf/k-schatten_r.gif); }
div.schatten_lr.schat_fussl { background-image:url(fuss/f-schatten_l.gif); }
div.schatten_lr.schat_fussr { background-image:url(fuss/f-schatten_r.gif); }

div.schatten_u {
  position:relative;
  width:100%;
  height:6px;
  font-size:0px;
  line-height:0px;
  background-image:url(schatten_u.gif);
  background-repeat:repeat-x;
}
div.schatten_u img {
  top:0px;
  height:6px;
}
div.schatten_u img.schat_lu { left:0px; }
div.schatten_u img.schat_ru { left:967px; }

div.inhaltcontainer {
  position:relative;
  width:989px;
  height:auto;
  background-color:#37748B;
}

/****** Kopf der Webseite ******/
div.inhalt_schatten.is_kopf { height:107px; }

div.inhaltcontainer.kopf {
  height:100%;
  float:left;
  display:inline;
}

div.inhaltcontainer.kopf div.kecke_ro { 
  top:0px;
  left:969px;
  width:20px;
  height:10px;
  background-image:url(kopf/k-ecke_ro.gif);
  background-repeat:no-repeat;
}

div.inhaltcontainer.kopf img.klogo {
  top:40px;
  left:17px;
  width:48px;
  height:50px;
}

div.inhaltcontainer.kopf img.klogoboot {
  top:10px;
  left:589px;
  width:376px;
  height:97px;
}

/****** Menue ******/
div.inhalt_schatten.is_menue { background-image:url(schatten_lr.gif); }

div.inhaltcontainer.menue { 
  margin-left:6px;
  padding-top:17px;
  padding-bottom:1px;
  background-color:#6DC8E3;
  background-image:url(menue/hg_wasser.jpg);
  background-repeat:no-repeat;
}

div.hauptmenue {
  height:25px;
  margin-bottom:3px;
}

div.hauptmenue.hmlinks {
  position:relative;
  left:0px;
  width:100%;
}

div.hauptmenue.hmrechts { 
  position:absolute;
  top:17px;
  left:789px;
  width:200px;
}

div.untermenue {  
  position:relative;
  width:100%;
  height:24px;
  /*margin-top:3px;*/ /* funktioniert im IE6 und 7 an dieser Stelle nicht - mit margin-bottom im Hauptmenue klappts! */
  margin-bottom:3px;
}

div.untermenue.umlinks {
  left:0px;
}
div.untermenue.umlinks.uml0 { left:0px; }
div.untermenue.umlinks.uml1 { left:84px; }
div.untermenue.umlinks.uml2 { left:168px; }
div.untermenue.umlinks.uml3 { left:252px; }
div.untermenue.umlinks.uml4 { left:336px; }
div.untermenue.umlinks.uml5 { left:420px; }
div.untermenue.umlinks.uml6 { left:504px; }

div.untermenue.umrechts {
  right:0px;
}
div.untermenue.umrechts.umr0 { right:0px; }
div.untermenue.umrechts.umr1 { right:84px; }

a.hmbutton {
  position:relative;
  top:0px;
  width:81px;
  height:25px;
  display:block;
  text-decoration:none;
  overflow:hidden;
}
a.hmbutton:hover { border:0px; }
a.hmbutton.hmblinks { 
  float:left;
  margin-right:3px;
}
a.hmbutton.hmbrechts { 
  float:right;
  margin-left:3px;
}

a.hmbutton img {
  position:static;
  width:81px;
  height:25px;
  display:block
}
a.hmbutton img.hmbimg_h { display:none; }
a.hmbutton:hover img.hmbimg_h { display:block; }


a.umbutton {  
  position:relative;
  top:0px;
  width:107px;
  height:24px;
  display:block;
  overflow:hidden;
}
a.umbutton:hover { border:0px; }
a.umbutton.umblinks {
  float:left;
  margin-right:3px;
}
a.umbutton.umbrechts {
  float:right;
  margin-left:3px;
}
a.umbutton img {  
  position:static;
  width:107px;
  height:24px;
  display:block;
}
a.umbutton img.umbimg_h { display:none; }
a.umbutton:hover img.umbimg_h { display:block; }

/* Fussmenue */
a.fmbutton {
  position:absolute;
  top:0px;
  height:15px;
  padding-top:1px;
  display:block;
  color:#EDEDED;
  text-decoration:none;
  background-position:1px 5px;
  background-repeat:no-repeat;
}

a.fmbutton#fmb0 {
  left:22px;
  padding-left:14px;
  background-image:url(b_linkpfeil_vor_n.gif);
}
a.fmbutton#fmb0:hover {
  background-image:url(b_linkpfeil_vor_h.gif);
}
a.fmbutton#fmb1 { left:81px; }
a.fmbutton#fmb2 { 
  left:161px;
  width:100px;
}

a.fmbuttonsel {
  position:absolute;
  top:0px;
  height:15px;
  padding-top:1px;
  display:block;
  color:#7FD8F1;
  text-decoration:none;
  background-position:1px 5px;
  background-repeat:no-repeat;
}

a.fmbuttonsel#fmbsel0 {
  left:22px;
  padding-left:14px;
  background-image:url(b_linkpfeil_vor_h.gif);
}
a.fmbuttonsel#fmbsel1 { left:81px; }
a.fmbuttonsel#fmbsel2 { 
  left:161px;
  width:100px;
}


a.fmbutton.fmbuttonsel { 
}

a.fmbutton:visited {  color:#EDEDED; }
a.fmbutton:hover {  color:#7FD8F1; }

/****** Inhalte ******/
div.inhalt_schatten.is_inhalt { background-image:url(schatten_lr.gif); }
div.inhaltcontainer.inhalt { margin-left:6px; }

div.inhaltcontainer.inhalt div.abstand {
  position:relative;
  width:100%;
  font-size:0px;
  line-height:0px;
  background-color:#6DC8E3;
  background-repeat:no-repeat;
}
div.inhaltcontainer.inhalt div.abstand.ab4 {
  height:4px;
  background-image:url(inhalt/abstand4.jpg);
}
div.inhaltcontainer.inhalt div.abstand.ab13 {
  height:13px;
  background-image:url(inhalt/abstand13.jpg);
}
div.inhaltcontainer.inhalt div.abstand.ab17 {
  height:17px;
  background-image:url(inhalt/abstand17.jpg);
}

div.inhaltcontainer.inhalt div.floatabschluss {
  position:static; 
  /*border:1px solid #FFFF00;*/
  height:0px;
  float:none; 
  clear:both;
  font-size:0px;
  line-height:0px;
}

/****** Fuss ******/
div.inhalt_schatten.is_fuss { height:30px; }

div.inhaltcontainer.fuss {
  height:100%;
  float:left;
  display:inline;
  background-image:url(inhalt/abstand4.jpg);
  background-position:0px 0px;
  background-repeat:no-repeat;
}

div.inhaltcontainer.fuss div.fecke_ru { 
  top:20px;
  left:969px;
  width:20px;
  height:16px;
  background-image:url(fuss/f-schattenecke_ru.gif);
  background-repeat:no-repeat;
}

div.inhaltcontainer.fuss div.ftext {
  top:8px;
  left:704px;
  width:265px;
  height:10px;
}


/**************************************************************************
* Seitenabhaengige Definitionen fuer ASC-Berlin
**************************************************************************/

/***********************
* Allgemeine Definitionen fuer alle Seiten
***********************/
div.seiten_inhalt {
  position:static;
  width:100%;
  height:auto;
  background-color:#37748B;
}

div.seiten_inhalt_l {
  position:static;
  width:495px;
  float:left;
  display:inline;
}

div.seiten_inhalt_l img.sil_ueschrift {
  position:static;
  margin-top:33px;
  margin-left:1px;
  margin-bottom:12px;
  display:block;
}

div.seiten_inhalt_l img.sil_ueschrift.silue_unterlaenge {
  margin-bottom:9px;
}


div.seiten_inhalt_l p.sil_text {
  position:static;
  margin-left:1px;
}

div.seiten_inhalt_m {
  position:static;
  width:329px;
  float:left;
}


div.seiten_inhalt_r {
  position:static;
  width:494px;
  height:auto;
  float:right;
}

div.seiten_inhalt_r div.sir_overflowBegrenzung {
  position:static;
  width:auto;
  height:auto;
  overflow:hidden;
}

div.seiten_inhalt_r img.sir_ueschrift {
  position:static;
  margin-top:33px;
  margin-bottom:12px;
  display:block;
}

div.seiten_inhalt_r p.sir_text {
  position:static;
  width:307px;
}

div.seiten_inhalt_r img.sir_foto {
  position:static;
  margin-top:38px;
  margin-right:0px;
  margin-bottom:5px;
  display:block;
  float:right;
}

div.seiten_inhalt_r span.txtklein.sir_fototext_r {
  position:static;
  text-align:right;
  margin-left:auto;
  margin-right:11px;
  float:none;
  clear:both; /* waere hier auch float:right, so rutschen bei zu kleinen Bildern die Unterschriften ueber die Bilder! */
  display:block;
}

div.seiten_inhalt_r span.txtklein.sir_fototext_l {
  position:static;
  text-align:left;
  margin-left:11px;
  margin-right:auto;
  display:block;
}

/****** Fotoleiste ******/
div.seiten_fotoleiste {
  position:relative;
  width:100%;
  padding-bottom:10px;
  text-align:right;
  background-color:#37748B;
}

div.seiten_fotoleiste div.sf_fotos {
  position:relative;
  margin-top:13px;
  margin-left:3px;
  padding:0px;
  float:right;
  text-align:right;
}

div.seiten_fotoleiste img.sf_fotobild {
  position:relative;
  margin:0px;
  padding:0px;
  border:1px solid #254E5E;
  display:block;
}

div.seiten_fotoleiste span.txtklein.sf_fototext {
  position:static;
  margin-top:4px;
  margin-right:11px;
  display:block;
}


/****** Linkbereich (Kombination aus Ueberschrift und Fotos ******/
div.seiten_inhalt_l div.uebersicht_linkbereich {
  position:static;
  width:auto;
  height:124px;
  margin-left:15px;
  overflow:visible;
}
  
div.uebersicht_linkbereich a {
  position:relative;
  width:auto;
  height:101px;
  color:#EDEDED;
  text-decoration:none;
}
div.uebersicht_linkbereich a:hover {
  color:#7FD8F1;
}

div.uebersicht_linkbereich a span {
  position:relative;
  left:-15px;
  padding-left:14px;
  display:inline;
  font-weight:bold;
  line-height:15px;
  background-position:0px 4px;
  background-image:url(b_linkpfeil_vor_n.gif);
  background-repeat:no-repeat;  
}
div.uebersicht_linkbereich a:hover span {
  background-image:url(b_linkpfeil_vor_h.gif);
}

div.uebersicht_linkbereich a img {
  position:static;
  height:99px;
  margin-top:8px;
  margin-right:3px;
  float:left;
  border:1px solid #254E5E;
}
div.uebersicht_linkbereich a:hover img {
  border:1px solid #4CACCB;
}

/****** Zuruecklink zur vorherigen Seite/der Uebersicht ******/
a.zuruecklink {
  position:relative;
  left:-13px;
  width:120px;
  padding-left:14px;
  display:block;
  color:#EDEDED;
  font-size:11px;
  line-height:15px;
  text-decoration:none;
  background-position:0px 5px;
  background-image:url(b_linkpfeil_zurueck_n.gif);
  background-repeat:no-repeat;
}
a.zuruecklink:hover {
  color:#7FD8F1;
  background-image:url(b_linkpfeil_zurueck_h.gif);
}

/****** Galerie-Fotoleiste ******/
div.galeriefotoleiste {
  position:static;
  width:100%;
  height:163px;
  background-color:#37748B;
}

div.galeriefotoleiste p.gfl_ueschrift {
  top:10px;
  left:83px;
  line-height:15px;
}

div.galeriefotoleiste div.gfl_fotobereich {
  top:33px;
  left:84px;
  width:710px;
  height:101px;
  overflow:hidden;
}

div.galeriefotoleiste div.gfl_fotobereich div.gflf_fotos {
  position:relative;
  top:0px;
  left:0px;
  width:2000px;
  height:101px;
  overflow:hidden;
}

div.galeriefotoleiste a {}
div.galeriefotoleiste a:hover { border:0px solid; } /* fuers mouseover beim IE6 */

div.galeriefotoleiste div.gfl_fotobereich div.gflf_fotos a img.gflff_foto {
  position:static;
  width:auto;
  height:99px;
  float:left;
  margin-right:3px;
  border:1px solid #254E5E;
}
div.galeriefotoleiste div.gfl_fotobereich div.gflf_fotos a:hover img.gflff_foto {
  border:1px solid #4CACCB;
}
div.galeriefotoleiste div.gfl_fotobereich div.gflf_fotos img.gflff_foto_h {
  position:static;
  width:auto;
  height:99px;
  float:left;
  margin-right:3px;
  border:1px solid #4CACCB;
}

a.zuruecklink.zl_galeriefotoleiste {
  position:absolute;
  top:138px;
  left:69px;
}

div.galeriefotoleiste div.gfl_scrollbuttons {
  top:138px;
  left:618px;
  width:176px;
}

div.galeriefotoleiste div.gfl_scrollbuttons a {
  position:absolute;
  top:0px;
  color:#EDEDED;
  font-size:11px;
  line-height:15px;
  text-decoration:none;
  background-repeat:no-repeat;
}
div.galeriefotoleiste div.gfl_scrollbuttons a:hover {
  color:#7FD8F1;
}
div.galeriefotoleiste div.gfl_scrollbuttons a.gflsb_zurueck {
  left:0px;
  width:96px;
  background-position:81px 5px;
  background-image:url(b_linkpfeil_zurueck_n.gif);
}
div.galeriefotoleiste div.gfl_scrollbuttons a.gflsb_zurueck:hover {
  background-image:url(b_linkpfeil_zurueck_h.gif);
}
div.galeriefotoleiste div.gfl_scrollbuttons a.gflsb_vor {
  left:98px;
  width:58px;
  padding-left:21px;
  background-position:6px 5px;
  background-image:url(b_linkpfeil_vor_n.gif);
}
div.galeriefotoleiste div.gfl_scrollbuttons a.gflsb_vor:hover {
  background-image:url(b_linkpfeil_vor_h.gif);
}

div.galeriefotoleiste a img.gfl_karte {
  top:33px;
  left:833px;
  width:129px;
  height:99px;
  border:1px solid #254E5E;
}
div.galeriefotoleiste a:hover img.gfl_karte {
  border:1px solid #4CACCB;
}
div.galeriefotoleiste img.gfl_karte_h {
  top:33px;
  left:833px;
  width:129px;
  height:99px;
  border:1px solid #4CACCB;
}

/****** Download-Bereich ******/
div.downloadbereich {
  position:relative;
  width:100%;
  height:auto;
  padding-bottom:24px;
}

div.downloadbereich img.download_ueberschrift {
  position:static;
  margin-top:21px;
  margin-bottom:12px;
  margin-left:84px;
  display:block;
}

div.downloadbereich ul {
  margin-left:69px;
}

div.downloadbereich ul li {
  margin-bottom:1px;
  font-size:11px;
  line-height:15px;
}

div.downloadbereich ul.downloadb_grAbstand li {
  margin-bottom:9px;
  font-size:11px;
  line-height:15px;
}

div.downloadbereich ul li a span.dokumentformat {
  margin-left:8px;
  font-weight:bold;
}

/****** Vorladen der (Menue-)Grafiken ******/
div.vorladen {
  position:static;
  width:0px;
  height:0px;
}

div.vorladen img {
  width:0px;
  height:0px;
}


/****** Verlinkungen mit Pfeil und kleiner Schrift ******/
a.pfeillink {
  padding:0px;
  padding-left:14px;
  color:#EDEDED;
  text-decoration:none;
  background-position:0px 4px;
  background-image:url(b_linkpfeil_vor_n.gif);
  background-repeat:no-repeat;
}
a.pfeillink:hover {
  color:#7FD8F1;
  background-image:url(b_linkpfeil_vor_h.gif);
}

a.pfeillink_txtklein {
  padding-left:13px;
  display:inline;
  font-size:10px;
  line-height:14px;
  background-position:0px 4px;
  background-image:url(b_linkpfeil_vor_n.gif);
  background-repeat:no-repeat;
}
a.pfeillink_txtklein:hover {
  border:0px solid;
  color:#7FD8F1;
  background-image:url(b_linkpfeil_vor_h.gif);
}

a.pfeillink span.pflink_einzug {
  margin-left:10px;
}  

/***********************
* Aktuell
***********************/
div.aktuell_collage {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:248px;
  background-color:#37748B;
}

img.aktuell_imgcol {
  position:absolute;
  top:7px;
  z-index:2;
}

img.aktuell_imgcol.akt_col00 { 
  top:0px;
  right:0px;
  width:270px;
  height:248px;
  z-index:1; 
}
img.aktuell_imgcol.akt_col01 { left:0px; }
img.aktuell_imgcol.akt_col02 { left:84px; }
img.aktuell_imgcol.akt_col03 { left:252px; }
img.aktuell_imgcol.akt_col04 { left:420px; }
img.aktuell_imgcol.akt_col05 { left:588px; }
img.aktuell_imgcol.akt_col06 { left:676px; }
img.aktuell_imgcol.akt_col07 { left:813px; }

div.seiten_inhalt.si_aktuell {
  height:auto; /*340px;*/
  min-height: 340px;
  background-image:url(inhalt/aktuell/hg_illucat.gif);
  background-repeat:no-repeat;
}

div.seiten_inhalt_l.sil_aktuell {
  width:578px;
  margin-left:68px;
}


div.seiten_inhalt_l img.sil_ueschrift.silue_aktuellwillk { 
  margin-bottom:9px;
  margin-left:16px;
}

div.seiten_inhalt_l p.sil_text.silt_aktuell {
  margin-left:15px;
}

div.seiten_inhalt_l img.sil_ueschrift.silue_aktuelltermine { 
  margin-top:27px;
  margin-bottom:14px;
  margin-left:16px;
}

div.seiten_inhalt_l ul.aktuell_terminliste {
  
}
div.seiten_inhalt_l ul.aktuell_terminliste li {
  position:relative;
  height:13px;
  margin-bottom:11px;
  line-height:13px;
}

div.seiten_inhalt_l ul.aktuell_terminliste span.akttermliste_punktlinie {
  padding-right:111px;
  background-position:3px 9px;
  background-image:url(punktlinie.gif);
  background-repeat:repeat-x;
}
div.seiten_inhalt_l ul.aktuell_terminliste a:hover span.akttermliste_punktlinie {
  cursor:pointer;
  background-image:url(punktlinie_h.gif);
}
div.seiten_inhalt_l ul.aktuell_terminliste span.akttermliste_datum { 
  position:absolute;
  top:0px;
  left:15px;
  padding-right:4px;
  cursor:pointer;
  background-color:#37748b;
}
div.seiten_inhalt_l ul.aktuell_terminliste span.akttermliste_thema {
  margin-left:2px;
}


/***********************
* Club
***********************/

/****** Club ******/
div.seiten_inhalt.si_club, div.seiten_inhalt.si_mitglied_werden { padding-bottom:45px; }

div.seiten_inhalt_l.sil_club, div.seiten_inhalt_l.sil_mitglied_werden {
  width:574px;
  margin-left:82px;
}

div.seiten_inhalt_r.sir_club, div.seiten_inhalt_r.sir_mitglied_werden { width:320px; }


/****** Club/Vorstand ******/
div.seiten_inhalt.si_vorstand { padding-bottom:103px; }

div.seiten_inhalt_l.sil_vorstand { 
  margin-left:83px;
  width:409px;
}

div.seiten_inhalt_l ul.silul_clubvorstand {
  margin-top:-3px;
  margin-left:1px;
}
div.seiten_inhalt_l ul.silul_clubvorstand b { margin-right:6px; }

div.seiten_inhalt_l p.sil_text.silt_clubvorstand { 
  width:380px;
  margin-top:16px;
}

div.seiten_inhalt_r.sir_vorstand { width:497px; }


/****** Club/Historie ******/
div.seiten_inhalt.si_historie { padding-bottom:39px; }

div.seiten_inhalt_l.sil_historie { 
  margin-left:83px;
  width:572px;
}

div.seiten_inhalt_r.sir_historie { 
  width:310px; 
  margin-top:29px;
}

div.seiten_inhalt_r img.sir_foto.sirf_clubhistoriefoto {
  margin-top:9px;
  margin-bottom:4px;
}

/****** Club/Mitglied_werden ******/
div.seiten_inhalt.si_clubmitglied { padding-bottom:41px; }

div.seiten_inhalt_l.sil_clubmitglied { 
  margin-left:81px;
  width:562px;
}

div.seiten_inhalt_l.p.sil_text.silt_clubmitglied { 
  margin-left:3px;
}

div.seiten_inhalt_r.sir_clubmitglied { 
  width:311px;
}


/***********************
* Boote
***********************/
/****** Boote-Uebersicht ******/
div.seiten_inhalt.si_boote {
  background-position:bottom left;
  background-image:url(inhalt/hg_illu_fische.png);
  background-repeat:no-repeat;
}

div.seiten_inhalt div.siboote_sibhg { /* Hintergrundgrafik Stropp */
  position:static;
  width:100%;
  background-repeat:no-repeat;
  background-image:url(inhalt/boote/hg_illu_stropp.gif);
}

div.seiten_inhalt_l.sil_boote {
  width:750px;
  margin-bottom:26px;
  margin-left:68px;
}

div.seiten_inhalt_l img.sil_ueschrift.silue_boote {
  margin-top:30px;
  margin-bottom:0px;
  margin-left:15px;
}

div.seiten_inhalt_l div.bootfakten {
  position:static;
  width:364px;
  height:323px;
  margin-left:1px;
  margin-right:10px;
  padding-top:9px;
  float:left;
  display:inline;
  overflow:hidden;
}

div.bootfakten table.bootfak_daten {
  position:static;
  margin:0px;
  padding:0px;
  margin-top:6px;
  margin-left:14px;
  border:0px solid;
  border-collapse:collapse;
  border-spacing:0px;
}

div.bootfakten table.bootfak_daten td.bfd_mass {
  width:40px;
  text-align:right;
}
div.bootfakten table.bootfak_daten td.bfd_einheit {
  padding-left:4px;
}

div.bootfakten p.bootfak_text {
  position:static;
  margin-top:16px;
  margin-left:14px;
}

div.seiten_inhalt_r.sir_boote { /* sorgt fuer die Mindesthoehe, damit Stropp-Illustration auch bei nur wenigen Booten sichtbar bleibt */
  width:10px;
  height:694px;
}

/****** Boot-Details ******/
div.seiten_inhalt.si_bootdetails {
  background-position:bottom left;
  background-image:url(inhalt/hg_illu_seegras.png);
  background-repeat:no-repeat;
}

div.seiten_inhalt_l.sil_bootdetails {
  width:524px;
  margin-bottom:46px;
  margin-left:82px;
}

div.seiten_inhalt_l div.bootdetail_name {
  position:static;
  margin-left:1px;
}

div.seiten_inhalt_l div.bootdetail_kurzcheck {
  position:static;
  width:500px;
  margin-top:16px;
  margin-left:1px;
}

div.seiten_inhalt_l div.bootdetail_kurzcheck ul {
  margin-top:8px;
  margin-bottom:16px;
  margin-left:3px;
}
div.seiten_inhalt_l div.bootdetail_kurzcheck ul li {
  padding-left:9px;
  background-position:0px 7px;
  background-image:url(stichpunkt_grau.gif);
  background-repeat:no-repeat;
}

div.seiten_inhalt_l p.sil_text.silt_bootdetailtext {
  margin-top:0px;
  margin-left:1px;
  width:500px;
}

a.zuruecklink.zl_bootdetail {
  margin-top:26px;
}

div.seiten_inhalt_r.sir_bootdetails {
  width:383px;
  margin-top:33px;
  margin-bottom:38px;
  overflow:hidden;
}

div.seiten_inhalt_r img.sir_foto.sirf_bootdetailfoto {
  margin-top:0px;
  margin-bottom:8px;
  margin-right:8px;
  float:left;
}


/***********************
* Seereisen
***********************/
/****** Seereisen-Uebersicht ******/
div.seereisen_inhalt {
  position:static;
  width:100%;
  height:695px;
  background-color:#37748B;
  background-image:url(inhalt/seereisen/seereisen.jpg);
  background-repeat:no-repeat;
}


div.seiten_inhalt_l.sil_seereisen {
  width:100%;
  margin-bottom:20px;
}

div.seiten_inhalt_l img.sil_ueschrift.silue_seereisen {
  margin-top:30px;
  margin-bottom:12px;
  margin-left:83px;
}

div.seiten_inhalt_l div.seereisefakten {
  position:static;
  width:100%;
  margin-bottom:23px;
}

div.seereisefakten div.seereisefakten_l {
  position:static;
  width:544px;
  margin-left:69px;
  float:left;
  display:inline;
}

div.seereisefakten_l p {
  position:static;
  width:492px;
  margin-top:6px;
  margin-left:14px;
}

div.seereisefakten_l ul {
  width:490px;
  margin-top:16px;
  margin-left:14px;
}

div.seereisefakten_l ul li {
  margin-bottom:0px;
}

div.seereisefakten div.seereisefakten_r {
  position:static;
  width:376px;
  float:right;
}

div.seereisefakten_r a {
  width:auto;
  height:102px;
  color:#EDEDED;
  text-decoration:none;
}
div.seereisefakten_r a:hover {
  color:#7FD8F1;
}

div.seereisefakten_r a span {
  margin-left:2px;
  font-weight:bold;
  line-height:15px;
}

div.seereisefakten_r a img {
  position:static;
  width:129px;
  height:100px;
  margin-top:8px;
  margin-left:1px;
  border:1px solid #254E5E;
}
div.seereisefakten_r a:hover img {
  border:1px solid #4CACCB;
}

div.seereisefakten div.seereisefakten_abschluss {
  position:static;
  width:100%;
  height:0px;
  font-size:0px;
  line-height:0px;
  float:none;
  clear:both;
}

/****** Seereise-Details ******/
div.seiten_inhalt_l.sil_seereisedetail {
  width:524px;
  margin-bottom:39px;
  margin-left:82px;
}

div.seiten_inhalt_l p.seereisedetail_ueschrift {
  position:static;
  margin-top:30px;
  margin-bottom:9px;
  margin-left:1px;
  font-weight:bold;
  line-height:15px;
}

div.seiten_inhalt_l p.sil_text.silt_seereisedetail {
  width:504px;
}

a.zuruecklink.zl_seereisedetail {
  margin-top:20px;
}

div.seiten_inhalt_r.sir_seereisedetail {
  width:383px;
  margin-bottom:12px;
}

div.seiten_inhalt_r img.sir_foto.sirf_seereisedetail {
  margin-top:33px;
  float:none;
}

/***********************
* Kontakt
***********************/
div.seiten_inhalt_l.sil_kontakt {
  position:relative;
  margin-top:33px;
  margin-left:84px;
  width:501px;
}

div.seiten_inhalt_l img.sil_kontaktkartegross {
  position:absolute;
  top:0px;
  width:501px;
  height:406px;
  display:block;
}

div.seiten_inhalt_l a.sil_kontaktkarteschliessen {
  position:absolute;
  top:6px;
  left:425px;
  width:70px;
  height:15px;
  display:block;
  font-size:10px;
  line-height:14px;
  color:#4F5054;
  text-decoration:none;
  background-position:55px 0px;
  background-image:url(b_schliessen_n.gif);
  background-repeat:no-repeat;
}
div.seiten_inhalt_l a.sil_kontaktkarteschliessen:hover {
  color:#EDEDED;
  background-image:url(b_schliessen_h.gif);
}

div.seiten_inhalt_r.sir_kontakt {
  margin-top:33px;
  margin-bottom:45px;
  width:333px;
}

div.seiten_inhalt_r img.sir_ueschrift.sirue_kontaktanschrift {
  margin-top:10px;
}

div.seiten_inhalt_r div.sir_kontaktanfahrtsskizze {
  position:relative;
  margin-top:155px;
  margin-bottom:29px;
  margin-left:1px;
}

div.sir_kontaktanfahrtsskizze a.pfeillink_txtklein.sirka_pfeillink {
  margin-left:4px;
}

div.sir_kontaktanfahrtsskizze a.pfeillink_txtklein img {
  top:-140px;
  left:0px;
  width:157px;
  height:138px;
}

div.sir_kontaktanfahrtsskizze a.pfeillink_txtklein span {
  display:none;
}
div.sir_kontaktanfahrtsskizze a.pfeillink_txtklein:hover span {
  position:absolute;
  top:-140px;
  left:0px;
  width:157px;
  height:138px;
  display:block;
  cursor:pointer;
  background-image:url(inhalt/kontakt/karte_klein_rahmen_h.gif);
  background-repeat:no-repeat;
}

span.txtabsatz.sirka_txtabsatz { height:2px; }

div.seiten_inhalt_r img.sir_ueschrift.sirue_kontaktanfahrt {
  margin-top:0px;
}

/* Kontaktformular im Bereich Kontakt */

div.kontaktformular {
  border:1px solid #244C5B;
  background-color:#4495B3;
  display:block;
  overflow:visible;
  margin-left:0px;
  margin-top:0px;
  padding-top:12px;
  padding-left:17px;
  width:482px;
  height:392px;
}

div.kontaktformular div.starttext {
  position:static;
  padding-top:0px;
  line-height:14px ;
  height:30px;
}

div.kontaktformular table { 
/*  position:relative; */
  padding:0px; margin:0px; 
  margin-top:1px;
  border-spacing:0px;
  border-collapse:collapse;
  width:100%;
  border:0px solid gray;
}

div.kontaktformular td { 
  position:relative; /* Um die Fehlermeldungstexte per z-index über die nachfolgenden Warndreiecke legen zu können */
  font-size:11px;
  heigth:10px;
  padding:0px; padding-top:5px; padding-bottom:2px;
  border:0px solid red;
  line-height:13px;
}
  
div.kontaktformular form {
  margin:0px;
  padding:0px;
  border:0px solid red;
}

div.kontaktformular input, div.kontaktformular textarea {
  display:block;
  float:left;
  margin:0px;
  margin-top:1px;
  padding:0px;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:5px;
  width:346px; height:14px;
  font-family:Verdana, sans-serif; font-size:11px;
  line-height:13px;
  background-color:#EDEDED;
  border:1px solid #4C6C78;
}

div.kontaktformular input.error, div.kontaktformular textarea.error, div.kontaktformular span.error/*div.kontaktformular .error*/ { 
  background-color:#E9B58E;
}

input.hidden {
  float:none;
  display:hidden;
}

div.kontaktformular input#kontakt {
  display:block;
  width:87px;
  height:18px;
  float:right;
  border:0px;
  padding:0px;
  margin:0px;
}

div.kontaktformular textarea {
  height:178px;
  background-image:url(inhalt/kontakt/textarea_hg.gif);
  padding-top:2px; padding-bottom:2px;
}

div.kontaktformular a.error {
  position:absolute;
  display:block;
  width:auto;
  height:auto;
  right:0px;
  margin-right:4px;
  margin-left:auto;
  /*z-index:1;
/*  background-color:transparent ;
  border:0px solid green; */
}

div.kontaktformular a.error img { 
  position:relative; 
  margin-right:0px;
  right:1px;
  margin-left:auto;
  /* border:0px solid black; */
  top:1px;
  z-index:1;
}

div.kontaktformular a.error span.error { display:none; }
div.kontaktformular a.error:hover { border:0px; }
div.kontaktformular a.error:hover span.error {
  display:block;
  color:black; 
  position:absolute;
  left:-1px;
  top:23px;
  width:210px;
  height:auto;
  border:1px solid #244C5B;
  padding:8px;
  padding-top:5px;
  padding-bottom:5px;
  line-height:14px;
  z-index:2;
}

/***********************
* Termine
***********************/

div.seiten_inhalt_l.sil_termine, div.seiten_inhalt_l.sil_termine_min_height {
  width:585px; /*568px;*/
  margin-bottom:30px;
  margin-left:57px;
  /*background-color:red ;*/
}

div.seiten_inhalt_l.sil_termine_min_height {
  height:382px;
}

div.seiten_inhalt_l img.sil_ueschrift.silue_termine {
  margin-left:26px;
  margin-bottom:16px;
}

div.seiten_inhalt_l table.termine_tabelle {
  position:relative;
  width:585px;
  margin:0px;
  padding:0px;
  border:0px solid;
  border-collapse:collapse; /* fuehrt beim IE nicht nur zum Zusammenfallen der Innenrahmen, sondern sorgt auch
                               dafuer, dass die Rahmen von leeren Zellen ueberhaupt angezeigt werden! */
  border-spacing:0px;
  line-height:23px; /* in Tabellen am besten nur mit line-height und nicht mit der height einer Zelle arbeiten 
                       andernfalls interpretiert der IE immer 1Px mehr Hoehe, als die anderen Browser! 
                       Wehrmutstropfen: wie immer gilt fuer den IE - ist die Schriftgroesse ungerade muss auch
                       die Zeilenhoehe ungerade sein, ansonsten steht die Schrift immer 1Px tiefer als in den
                       anderen Browsern */
}

/* table.termine_tabelle tr.termtab_ersteZeile td {
  border-top:1px solid #244C5B;
} */

table.termine_tabelle td { 
  padding-left:5px;
  border-bottom:1px solid #244C5B;
  border-top:1px solid #244C5B;
  color:#EDEDED; 
  font-size:11px;
  background-color:#3C819B;
}

table.termine_tabelle tr.termtab_link td { background-color:#3C819B; }
table.termine_tabelle tr.termtab_link:hover td { background-color:#49A4C3; }
table.termine_tabelle tr.termtab_link:hover td a { color:#7FD8F1; }

table.termine_tabelle tr.termtab_zukunftlink td { background-color:#4495B3; }
table.termine_tabelle tr.termtab_zukunftlink:hover td { background-color:#49A4C3; }
table.termine_tabelle tr.termtab_zukunftlink:hover td a { color:#7FD8F1; }

table.termine_tabelle tr.termtab_detailslink td { background-color:#49A4C3; }
table.termine_tabelle tr.termtab_detailslink:hover td { background-color:#49A4C3; }
table.termine_tabelle tr.termtab_detailslink:hover td a { color:#7FD8F1; }

table.termine_tabelle tr.termtab_zukunft td { background-color:#4495B3; }

table.termine_tabelle tr td.termtab_ersteSpalte { 
  width:12px;
  padding:0px;
  padding-left:8px;
  border-right:1px solid #244C5B; 
  background-color:#3C819B ;
}

table.termine_tabelle tr td.termtab_ersteSpalte a {
  background-color:transparent;
}

table.termine_tabelle tr td span {
  position:static;
  display:block;
  background-image:url(inhalt/termine/b_linkpfeil2.gif);
  background-repeat:no-repeat;
  background-position:0px 9px;
}
table.termine_tabelle tr.termtab_detailslink td span { background-image:url(inhalt/termine/b_linkpfeil_h2.gif); }
table.termine_tabelle tr:hover td span {
  background-image:url(inhalt/termine/b_linkpfeil_h2.gif);
}


table.termine_tabelle tr td.termtab_datumSpalte { width:177px; }

table.termine_tabelle tr td.termtab_zeitSpalte { width:70px; }

table.termine_tabelle tr td.termtab_rechterRand { 
  width:3px;
  padding:0px;
  border:1px solid #244C5B; 
  border-top:0px; 
  border-bottom:0px; 
  background-color:#37748B;
}
table.termine_tabelle tr:hover td.termtab_rechterRand { background-color:#37748B; }

table.termine_tabelle td a {
  display:block;
}


div.seiten_inhalt_r.sir_termine {
  width:334px;
  padding-top:65px;
  padding-bottom:50px;
}

div.seiten_inhalt_r table.termine_details { 
  position:static;
  width:312px;
  margin:0px;
  padding:0px;  
  border:0px solid;
  border-collapse:collapse;
  border-spacing:0px;
}

table.termine_details td {
  padding:10px;
  padding-top:11px;
  color:#EDEDED;
  border:1px solid #244C5B;
  background-color:#4495B3;
} 

table.termine_details td.termdet_rechterRand {
  border:1px solid #244C5B; 
  border-top:0; border-bottom:0; 
  background-color:#37748B;
  padding:0;
  width:3px;
}

table.termine_details td div.termdet_ueschrift {
  position:static;
  font-weight:bold;
  margin-bottom:8px;
}


div.blaettern {
  position:relative; 
  border:0px solid red;
  padding:0px;
  height:14px;
  margin-top:3px;
  margin-right:25px; /*8px*/
  margin-left:auto;
  margin-bottom:10px;
  width:148px;
  font-size:10px;
  color:#EDEDED;
}

div.blaettern span.blaettern_aktuell {
  position:absolute;
  left:87px;
  font-weight:bold;
}

div.blaettern img.blaettern_zwLinie_vorgaenger, div.blaettern img.blaettern_zwLinie_nachfolger {
  height:10px;
  width:1px;
  position:absolute;
  top:4px;
/*  padding-left:4px;
  padding-right:4px; */  
}

div.blaettern img.blaettern_zwLinie_vorgaenger { left:78px; }
div.blaettern img.blaettern_zwLinie_nachfolger { left:123px; }

div.blaettern a.blaettern_vorgaenger, div.blaettern a.blaettern_nachfolger {
  position:absolute;
  border:0px solid green;
  width:31px;
  display:block;
  text-decoration:none;
  background-repeat:no-repeat;
  height:15px;
}

div.blaettern a.blaettern_vorgaenger { 
  width:36px;
  left:18px;
  padding-left:13px;
  background-position:0px 6px;
  background-image:url(b_linkpfeil_zurueck_n.gif);
}
div.blaettern a.blaettern_vorgaenger:hover { background-image:url(b_linkpfeil_zurueck_h.gif); }

div.blaettern a.blaettern_nachfolger { 
  width:19px;
  left:135px;
  padding-right:14px;
  background-position:23px 6px;
  background-image:url(b_linkpfeil_vor_n.gif);
}
div.blaettern a.blaettern_nachfolger:hover { background-image:url(b_linkpfeil_vor_h.gif); }


/***********************
* Impressum
***********************/
div.seiten_inhalt_l.sil_impressum {
  width:576px;
  margin-bottom:70px;
  margin-left:82px;
}

div.seiten_inhalt_l p.sil_text.silt_impressum { 
  margin-bottom:16px;
}

/***********************
* Links
***********************/
div.seiten_inhalt_l.sil_links {
  width:336px;
  margin-left:69px;
  margin-bottom:30px;
}

div.seiten_inhalt_l img.sil_ueschrift.silue_links {
  margin-left:15px;
}

div.seiten_inhalt_m.sim_links {
  width:450px;
  margin-top:49px;
  margin-bottom:4px;
}

ul.links_liste li {
  position:relative;
  padding-left:14px;
  margin-bottom:12px;
  overflow:visible;
}

ul.links_liste li a span.linksl_pfeil { /* muss mit relativer Positionierung arbeiten, da bei "absolute" der Pfeil im IE 1px zu hoch haengt! 
                                           negative Margins scheinen hierbei zuverlaessig zu funktionieren */
  position:relative;
  top:4px;
  left:0px;
  margin-left:-14px;
  padding-right:10px;
  background-image:url(b_linkpfeil_vor_n.gif);
  background-repeat:no-repeat;
} 

ul.links_liste li a:hover span.linksl_pfeil {
  background-image:url(b_linkpfeil_vor_h.gif);
}

div.links_kleineUeberschrift {
  position:static;
  font-weight:bold;
  margin-top:18px;
  margin-bottom:8px;
  margin-left:14px;
}

/****************************************
* Intern, mit Downloads                 *
****************************************/
/* div.seiten_inhalt.si_intern */
div.seiten_inhalt.si_intern, div.seiten_inhalt.si_downloads {
  padding-bottom:25px;
}

div.seiten_inhalt_l.sil_intern {
  width:520px;
  margin-left:82px;
  padding-bottom:264px;
}

div.seiten_inhalt_l.sil_downloads {
  width:300px;
  margin-bottom:166px;
  /* TODO padding-bottom kann nur Provisorisch sein!! */
}

div.seiten_inhalt_l img.sil_ueschrift.silue_downloads {
  margin-left:84px;
}

div.seiten_inhalt_m.sim_downloads {
  width:295px;
  margin-top:49px;
}

div.seiten_inhalt_r.sir_downloads {
  width:300px;
  margin-top:49px;
  margin-right:94px;
}

div.downloads_kleineUeberschrift {
  position:static;
  font-weight:bold;
  margin-top:18px;
  margin-bottom:8px;
  margin-left:83px;
}