body
{
   font-family:'arial','helvetica','sans';
   font-size:100%;
   background-color:#FFFFFF;
   border-width:0px;
   margin:0px;
}

table
{
   font-family:'arial','helvetica','sans';
   font-size:100%;
   border:0px;
}

h1 { font-size:large; }
h2 { font-size:medium; }
h3 { font-size:small; }

a:link { color:#000000; }
a:visited { color:#000000; }
a:active { color:#000000; }


/***   Box für das Titelbild jeder Seite - ANFANG ***/
#titelbildbox
{
    float:none;
    text-align:center;
    width:100%;
    padding:0px;
    margin:0px;
    border:0px;
}

#titelbildbox img
{
    width:1000px;
    height:184px;
    border:0px;
}
/***   Box für das Titelbild jeder Seite - ENDE ***/


/***   Tabellen für den Inhalt - ANFANG ***/
#rahmen
{
    width:1000px;
    float:none;
    border:0px;
    background: url(../images/rand-mitte.gif) repeat;
}
    
#inhalt
{
    table-layout:fixed;
    width:980px;
    float:none;
    border:2px #ff0000;
    border-spacing:0px;
    padding:0px;
    margin:0px;
    background: url(../images/nautik-bg01.jpg);
}
/***   Tabellen für den Inhalt - ANFANG ***/


/***   Box für den Footer - ANFANG ***/
#textFooter
{
   font-family:'arial','helvetica','sans';
   font-size:60%;
   color:#5a5a5a;
}
/***   Box für den Footer - ENDE ***/



#textNormal
{
   font-family:'arial','helvetica','sans';
   font-size:80%;
   color:#3a3a3a;
}




#pageTitel
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#6f0000;
}

#pageSubTitel
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#a70000;
}

#textBesonderheit
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#16399f;
   list-style-type:square;
}

#textKopf
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
}

#textLeistung
{
   font-weight:bold;
   font-family:'arial','helvetica','sans';
}

#Preis
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#6f0000;
}


#textHinweis
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#9c0000;
}

#Bild
{
   border-width:2px;
   border-style:inset;
   border-color:#a70000;
   width:250px;
   margin-right:30px;
}

.BildIndex
{
   border-width:2px;
   border-style:inset;
   border-color:#a70000;
   width:231px;
}

#BildSubIndex
{
   border-width:2px;
   border-style:inset;
   border-color:#a70000;
   width:200px;
   margin-left:20px;
}

#textTermine
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#ff0000;
   border: 1px dashed silver;
   padding: 0.1em;
}


#spanKurs
{
    margin-left:20px;
}

#spanSubMenu
{
    font-weight:bold;
    margin-right:50px;
}


#iTab
{
    border-width:1px;
    border-style:inset;
    border-color:#a70000;
    width:235px;
    margin-left:20px;
    color:#ffffff;
    background-color:#a70000;
    text-align:left;
}

#iTab th
{
    background-color:#a70000;
}

#iTab td
{
    font-weight:bold;
    background-color:#ffffff;
}


/*****************************************************************************/


/**********************************/
/* CSS für Navigation - ANFANG    */
/**********************************/
#navibox
{
    text-align:center;
    float:none;
    width:100%;
    padding:0px;
    margin:0px;
    border:0px;
}

#navi {
    margin: 0px;
    padding: 0px;
    width:100%;
    background-color:#a70000;
    border:0px;
}



#navi td {
    width: 105px;
    height:38px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#navi th {
    background-image: url(../images/menu-bg.jpg);
}

#navi a {
    display: inline;
    text-align: center;
    vertical-align: middle;
    width: 105px;
    height: 38px;
    color: #ffffff;
    text-decoration: none;
}

#navi a:hover {
    color: #bbbbbb;
}

#naviactive
{
    background-image:url(../images/menu-bg2.jpg);
}
.navitext
{
    background-image:url(../images/menu-bg.jpg);
}
/**********************************/
/* CSS für Navigation - ENDE      */
/**********************************/


/*****************************************************************************/


/**********************************/
/* CSS für PopupMenü - ANFANG     */
/**********************************/
#menu * {
margin: 0;
padding: 0;
}

#menu {
width: 233px;
padding: 0px;
margin-bottom: 20px;
border: 1px inset #16399f;
background: #ffffff;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: right;
}

#menu ul {
float: left;
background: #ffffff;
width: 233px;
list-style-type: none;
}



/*--definiert die Hauptüberschrift--*/
#menu h4 {
font-size: 1.0em;
text-align: left;
color: #ffffff;
border: 1px solid #003366;
background: #ff0000;
}
/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1.0em;
text-align: left;
color: #3a3a3a;
border: 1px solid #003366;
background: #ffff88;
}
/*--definiert die Untermenu-Blocküberschriften--*/
#menu h2 {
font-size: 1.0em;
text-align: left;
color: #ffffff;
border: 1px solid #003366;
background: #ff0000;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #888888;
text-align: left;
background: #ffffff;
color: #16399f;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
background: #bbbbbb;
color: #16399f;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: relative;
top: 0px;
left: 10px;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
font-size:1.0em;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 233px;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 233px;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: left;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background: #003366;
border: 1px solid #ccc;
}
/**********************************/
/* CSS für PopupMenü - ENDE       */
/**********************************/