body
{
   background-attachment:fixed;
   font-family:'arial','helvetica','sans';
   font-size:100%;
   background-color:#FFFFFF;
   border-width:0px;
   margin:0px;
   text-align:center;
   background-image: url(../images/nautik-bg02.jpg);
}

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

td { vertical-align:top; }

h1 { font-size:large; font-weight:bold; font-style:italic; font-family:'arial','helvetica','sans'; color:#6f0000; }
h2 { font-size:medium; font-weight:bold; font-style:italic; font-family:'arial','helvetica','sans'; color:#a70000; }
h3 { font-size:small;  font-weight:bold; font-style:italic; font-family:'arial','helvetica','sans'; color:#a70000; }

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


/* runde Ecken für Elemente */
.roundcorner
{
    /* diese Zeilen sind für die runden Ecken */
    behavior:url(border-radius.htc);
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
}


/***   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
{
    display:inline-block;
    width:880px;
    padding-left:60px;
    padding-right:60px;
    padding-top:30px;
    padding-bottom:0px;
    float:none;
    border:0px;
    background: url(../images/rand-mitte.gif) repeat;
}

#footer
{
    display:inline-block;
    width:1000px;
    height:174px;
    padding:0px;
    margin:0px;
    float:none;
    border:0px;
    background: url(../images/footer-segelschule-berlin.jpg);
    font-family:'arial','helvetica','sans';
    font-size:0.7em;
    color:#3a3a3a;
}
/***   Tabellen für den Inhalt - ANFANG ***/




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


.textBesonderheit
{
   font-weight:bold;
   font-style:italic;
   font-family:'arial','helvetica','sans';
   color:#16399f;
   list-style-image: url(../images/haken.png);

}

.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-size:1em;
   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 { border: 2px solid #eee; }
#textTermine a { font-weight:bolder; }
#textTermine td
{
   font-weight:normal;
   font-family:'arial','helvetica','sans';
   color:#a70000;
   padding: 0.1em;
}


.spanKurs
{
    margin-left:20px;
    display:inline-block;
    vertical-align:text-top;
}

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

.sidebar
{
    vertical-align:top;
    text-align:right;
    width:250px;
}

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

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

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


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

/***********************************/
/* CSS für TerminBox (TerminReader */
/***********************************/
.terminbox
{
    background-color:#ffff88;
    border: 1px solid #a70000;
    padding:5px;
    background-image: url(../images/segelschule-kurstermine-heute.jpg);
}

.terminbox#heute
{
    width:400px;
    font-size:1.2em;
    text-align:center;
    vertical-align:middle;
    padding:20px;
    margin:20px;
    float:none;
    display:auto;

}



/**********************************/
/* CSS für Navigation - ANFANG    */
/**********************************/
.navi {
    margin: 0;
    padding: 0;
    background-image: url(../images/menu-bg.jpg);
    overflow:auto;
    width:100%;
    background-color:#a70000;
}

.navi a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: 110px;
    height:39px;
    display:inline-block;
    color: #ffffff;
    text-align:center;
    vertical-align:middle;
    background-image: url(../images/menu-bg.jpg);
}

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

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


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

.facebookbadge
{
    text-align:right;
    position:relative;
}

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

#menu {
width: 250px;
padding: 0px;
position: relative;

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: 250px;
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: absolute;
top: 0px;
left: 40px;
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: 250px;
}

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

/*--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       */
/**********************************/


/* SLIDESHOW */
#slideshow {
  height:250px; /* hier Hoehe der Slideshow-Bilder angeben */
  width: 250px;
  position:relative;
  border-width:3px;
  border-style:inset;
  border-color:#DBEAFD;
  text-decoration:none;
}
#slideshow img {
 display:block;
 width: 250px;
 display:none;
 position:absolute;
 top:0; left:0;
}


.kontaktbox { padding-top:10px; padding-bottom:30px; }
.kontaktbox img[src*="telefon"] { height:40px; margin-right:15px; float: left; }
.kontaktbox img[src*="mail"] { height:20px; margin-right:7px; float: left; }
.kontaktbox p { display:block; }





.neu_hinweis
{
    color: #ff0000;
    font-weight: bold;
}