/*********************************************************
                           BASICS
**********************************************************/


body {
  background-color: #7A9DC0;
  background-image: url('gfx/bg/bgmainsportboot.gif');
  background-repeat: repeat-y;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  line-height: 1.6em;
}

h1 {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #BAA8AE;
  font-size: 1.9em;  
}

h2 {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #ACC1D6;
  font-size: 1.6em;  
  text-align: right;
  margin: 0 0 8% 10%;
}

h3 {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #B88BA4;
  font-size: 1.4em;
  letter-spacing: 0.25em;
  padding-top: 5%;  
}

h4 {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #ACC1D6;
  font-size: 1.4em;
}

h5 {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #BAA8AE;
  font-size: 1.1em;
  font-weight: bold;
}

h6 {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 1.1em;
  letter-spacing: 0.25em;
}

p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
}

a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  color: #616177;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  color: #8D6D6E;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  color: #999;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  color: #8D6D6E;
  background-color: transparent;
  text-decoration: underline;
}

#inhalt ul { font-size: 1.1em; list-style: url(gfx/navi/listitem_sb.gif); }


/*********************************************************
                 EBENEN DEFINITIONEN
**********************************************************/

#navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 208px;
  height: 408px;
  background-image: url('gfx/bg/bg_sportboot.jpg');
  background-repeat: no-repeat;
  }

#logocontainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 356px;
  heigth: 152px;
  background: transparent;
  color: #000;
}

#navcontainer {
  position: absolute;
  top: 153px;
  left: 0;
  width: 200px;
  background: transparent;
  color: #000;
  font-size: 1.0em;
}

#inhalt {
  position: absolute;
  top: 100px;
  left: 300px;
  width: 450px;
  height: 100%;
  margin-right: 1%;
  background-color: transparent;
  color: #000;
  font-size: 0.9em;
  
}

/**********************************************************
                 NAVIGATION
***********************************************************/

  #navcontainer ul
{
padding: 1.0em 0.15em 1.0em 0.25em;
list-style-type: none;
text-align: right;
font-size: 11px;
}

#navcontainer ul li a
{
background: transparent url('gfx/navi/out_sb.gif') 100% 50% no-repeat;
padding-right: 20px;
font: normal Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #616177;
line-height: 2.1em;
}


#navcontainer ul li a:hover
{
background: transparent url('gfx/navi/over_sb.gif') 100% 50% no-repeat;
color: #90727C;
}

#navcontainer ul li a#current
{
background: transparent url('gfx/navi/over_sb.gif') right no-repeat;
color: #90727C;
}

/********************************************************************
                          TABELLEN
********************************************************************/

.tabelle {
 border-collapse: separate;
 width: 100%;
 height: auto;
 border: 1px solid #7A9DC0;
 border-spacing: 5px;
}

.kopf {
 width: auto;
 border: 1px solid #FFF;
 background-color: #8C7C89;
 color: #FFF;
}

.zelle {
 width: auto;
 border: 1px dashed #7A9DC0;
 border-collapse: separate;
 padding: 1%;
 text-align: center;
 font-size: 0.9em;
}


/********************************************************************
                        VERSCHIEDENES
*********************************************************************/

.adresse {
margin: 0 0 0;
padding: 0.25em 1.0em 0 0;
text-align: right;
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #334A4D;
line-height: 1.4em;
}

.footer {
padding: 10px 10px 5% 0;
text-align: center;
border-top: 1px solid #334A4D;
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #334A4D;
font-size: 0.9em;
}

.hint {
line-height:100%;
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #334A4D;
font-size: 0.9em;
}

.kasten {
border: 0.1em solid #AED0D1;
background-color: #D0DCE8;
margin: 1.5em;
padding: 1.0em;
color: #334A4D;
}

.abstand {
margin-bottom: 14%;
}

/*******************************************************************************
                             FORMULARE
******************************************************************************/

.input {
 border: 1px solid #000;
 background-color: #D9E5F0;
}
.input:focus { background-color: #FFF; color: #000; }

.button {
 border: 1px solid #000;
 background-color: #D9E5F0;
 color: #000;
}
p.formular {
 margin: 0;
}