/*   http://www.grand-banks.de   */
/*   Version fuer Nicht-MSIE-Browser*/

/* get rid of default margins/paddings */
* {
    padding: 0;
    margin:  0;
}


BODY {
    BACKGROUND: url(grafik/bg.gif) #fff;
    COLOR: #000;
    FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    /* 1em = 10px */
    font-size: 100.1%%;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
}
BODY.start {
    BACKGROUND: url(grafik/bg_start.gif) #000;
    background-repeat: no-repeat;
    COLOR: #fff;
    FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    /* 1em = 10px */
    font-size: 100.1%;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
}

#rahmen{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 1000px;
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 0px;
   PADDING-RIGHT: 0px;
   PADDING-TOP: 0px;

}
#kopfhome{
   BACKGROUND: url(grafik/schwarz.gif) #000;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 996px;
   height: 69px;
   COLOR: #fff;
}
#kopf{
   BACKGROUND: url(grafik/schwarz.gif) #000;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 996px;
   height: 69px;
   COLOR: #fff;
}
#logo{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 216px;
   height: 69px;
}

#logotext{
   position: absolute;
   top: 27px;
   left: 300px;
   width: 460px;
   height: 69px;
}

#flagge{
   position: absolute;
   top: 15px;
   left: 880px;
   width: 67px;
   height: 40px;
}

b.arial{FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 0.8em;
   line-height: 1.0em;
   margin-left:50px;
}
b.garamond{
   FONT-FAMILY: Garamond, Times, Times New Roman, serif;
}
#weisselinie1{
  position: absolute;
  top: 69px;
  left: 2px;
  width: 998px;
  height: 2px;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px;
}

#navi{
   position: absolute;
   top: 81px;
   left: 10px;
   width: 216px;
   height: 390px;
   font-size: 0.8em;
   font-weight: bold;
   line-height: 2.0em;

}
#adresse{
   position: absolute;
   top: 487px;
   left: 5px;
   width: 216px;
   height: 180px;
   line-height: 1.8em;
   font-size: 0.8em;
   line-height: 1.2em;
   COLOR: #fff;
}

#titelfoto{
   position: absolute;
   top: 71px;
   left: 216px;
   width: 600px;
   height: 404px;
}

#fotounten{
   position: absolute;
   top: 478px;
   left: 216px;
   width: 289px;
   height: 180px;
}

#fotountenrechts{
   position: absolute;
   top: 477px;
   left: 818px;
   width: 182px;
   height: 181px;
}

#vertretung{
   position: absolute;
   top: 490px;
   left: 520px;
   width: 270px;
   height: 180px;
   font-size: 0.8em;
   line-height: 1.2em;
}

#news{
   position: absolute;
   top: 75px;
   left: 820px;
   width: 170px;
   height: 400px;
   font-size: 0.8em;
   line-height: 1.2em;
   text-align: center;
}

#bootsklassen{
   position: absolute;
   top: 343px;
   left: 825px;
   width: 170px;
   height: 300px;
   font-size: 1.0em;
   line-height: 1.8em;
   width:168px;
   font-weight: bold;
   color: #fff;
}

#inhalt{
   position: absolute;
   top: 90px;
   left: 230px;
   width: 720px;
   color: #000;
   border: 0px solid red;
   font-size: 0.8em;
   line-height: 1.2em;
}

img.news{
   margin-right: 10px;
   margin-top: 10px;

}

h1.header{
   FONT-FAMILY: Garamond, Times, Times New Roman, serif;
   font-size: 1.4em;
   line-height: 1.8em;
}
h2.header{
   FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 0.7em;
   line-height: 1.0em;
}
h2.news{
   FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.0em;
   line-height: 1.0em;
   text-align:left;
}
h2.yachten{
   FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.0em;
   line-height: 1.0em;
   margin-bottom:5px;
}






a:link{
   text-decoration: none;
   COLOR: #fff;
}

a:hover{
   text-decoration: none;
   COLOR: #D60201;
}
a:visited{
   text-decoration: none;
   COLOR: #fff;
}



a:link.bootsklassen, a:visited.bootsklassen{
   text-decoration: none;
   COLOR: #000;
   padding-left: 5px;
   border-bottom: 2px solid black;
   display: block;
   background-color: #FDB550;
}

a:hover.bootsklassen{
   text-decoration: none;
   COLOR: #fff;
   padding-left: 5px;
   border-bottom: 2px solid black;
   display: block;
   background-color: #FDB550;
}

a:link.schwarz, a:visited.schwarz{
   text-decoration: underline;
   COLOR: #000;
}

a:hover.schwarz{
   text-decoration: underline;
   COLOR: #D60201;
}
a:link.unterstrichen, a:visited.unterstrichen{
   text-decoration: underline;
   COLOR: #fff;

}

a:hover.unterstrichen{
   text-decoration: underline;
   COLOR: #00FFDF;

}
#start_text{
 margin-left: 10px;
 margin-top: 10px;
}
ul{
  margin-left: 15px;
}

td.gebraucht{
   margin-bottom: 10px;
}
.trenner{
 margin-bottom: 10px;
 padding-left: 5px;
 background-color: #000;
 COLOR: #fff;
 FONT-FAMILY: Arial, Helvetica,sans-serif;
   font-size: 1.0em;
   line-height: 1.5em;
   width: 100%
}

#counter{
visibility:hidden;
position: absolute;
top:-1000;
left:-1000;
width:200px;
height:200px;
}

#slideshow {
 height:404px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}