/*   http://www.walter-yachtcharter.com   */
/*   Version fuer Nicht-MSIE-Browser*/

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


BODY {
    BACKGROUND: url(grafik/bg.jpg) #fff;
    background-repeat:no-repeat;
    background-attachment:fixed;
    COLOR: #000;
    FONT-FAMILY: 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.gif) #fff;
    COLOR: #000;
    FONT-FAMILY: 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.danke {
    BACKGROUND:  #fff;
    COLOR: #000;
    FONT-FAMILY: 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{
  background-color: transparent;
  padding: 0px;
  border:  0px solid #401F00;
  margin: 0px 0 0 0px;
  position:absolute;
  top: 0px;
  left:0px;
  width: 100%;
  height: 98%;
}


#logo{
    position: absolute;
    left: 0px;
    top: 0px;
    width:220px;
    height: 220px;
    padding: 0px 0px 0px 0px;
}

#linkespalte{
    position: absolute;
    left: 0px;
    top: 0px;
    width:220px;
    height: 470px;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    /*BACKGROUND: #747B83;*/

}

#inhalt-home{
    position: absolute;
    left: 221px;
    top: 0px;
    width:770px;
    height: 630px;
    BACKGROUND: url(grafik/cassiopeia2.jpg) #fff;
    background-repeat:no-repeat;
    border: solid 0px #401F00;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    /*overflow: auto;*/
    color:#000;
    /*BACKGROUND: #EBF7C7;*/
}

#boot2008{
   position: absolute;
   left: 40px;
   top: 350px;
   border: solid 0px #f00;
   width:670px;
   height: 100px;
   padding: 10px;
}
#boot2008 a{
   color:#fff;
   font-size:2.5em;
   text-decoration: none;
   font-weight: bold;
}
#boot2008 a:hover{
   color:#f00;
   font-size:2.5em;
   font-weight: bold;
}
#boot2008 a b.15000{font-size:2.5em;
}

h1.boot{ font-size: 1.5em;
  line-height:1.0em;
  margin-bottom:20px;
  color: #000088;
 text-align:center;
  margin-top: 10px;}

h1.boot2008{
   color:#000088;
   font-size:2.0em;
   font-weight: bold;
   text-align: left;
}

#inhalt{
    position: absolute;
    left: 221px;
    top: 0px;
    width:765px;
    height: auto;
    text-align:center;
    border-left: solid 0px #401F00;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    /*overflow: auto;*/
    color:#000;
    /*BACKGROUND: #EBF7C7;*/
}

#inhalt-text{
    margin-left: 20px;
    margin-right: 20px;
    color: #000088;
    font-size: 0.9em;
   line-height:1.3em;
   text-align:left;
  }

#inhalt-agb{
    margin-left: 20px;
    margin-right: 20px;
    color: #000088;
    font-size: 0.9em;
   line-height:1.3em;
   text-align:justify;
  }

#inhalt-yacht{
    margin-left: 20px;
    margin-right: 20px;
    width:500px;
    color: #000088;
    font-size: 0.9em;
  line-height:1.3em;
  }
#inhalt-bilder{
    margin-left: 20px;
    margin-right: 20px;
    color: #000088;
    font-size: 0.8em;
    line-height:1.0em;
    width: 700px;
    text-align: center;
    border:0px dashed red;
  }

.inhalt-bilder
{
padding-bottom: 20px;
margin-top: 10px;
color: #000088;
text-decoration: none;
font-weight:bold;

}



/*############ Navigation ###############*/
#navigation{
    position: absolute;
    left: 0px;
    top: 220px;
    width:220px;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-bottom: 10px;

}


#navlist
{
padding: 0 1px 0px 0px;
margin-left: 0;
font: bold 0.9em Verdana, sans-serif;
background: #000088;
width: 220px;
border-bottom: 1px solid gray;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #efefef;
border-right: 1em solid #efefef;
background: #efefef;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #448; }

#navlist li a:hover
{
border-color: #2B6298;
color: #FFF;
background: #2B6298;
}

#navlist li a.aktuell:link, #navlist a.aktuell:visited, #navlist a.aktuell:hover
{
border-color: #efefef;
color: #FFF;
background: #2B6298;
}

/*############ Navigation Ende ###############*/

#adresse{
 color:#000088;
  font-size: 0.8em;
 text-align:left;
 margin-left:1.0em;
 margin-top:1em;

}
#laender{
 margin-top:1em;
}

h1{
  font-size: 1.5em;
  line-height:1.0em;
  margin-bottom:50px;
  color: #000088;
 text-align:center;
  margin-top: 10px;
}

h1.routen{
  font-size: 1.5em;
  line-height:1.0em;
  margin-bottom:10px;
  color: #000088;
 text-align:center;
  margin-top: 10px;
}


h1.bilder{
  font-size: 1.5em;
  line-height:1.0em;
  margin-bottom:20px;
  color: #000088;
 text-align:center;
  margin-top: 10px;
}
h1.home{
  FONT-FAMILY:  Arial, Helvetica,sans-serif;
  font-size: 1.1em;
  margin-bottom:2px;
  color: #448;
  margin-left: 100px;
  margin-top: 50px;
  text-align:left;
  font-weight: 100;
  line-height:1.3em;
}

h2{
  font-size: 1.2em;
  line-height:1.2em;
  margin-bottom:10px;
  color: #000088;
 text-align:left;
  margin-top: 10px;
}
h2.mitte{
  font-size: 1.2em;
  line-height:1.2em;
  margin-bottom:10px;
  color: #000088;
 text-align:center;
  margin-top: 10px;
}

ul{
  margin-left: 15px;
}
a:link, a:visited{
  color: #048;
  text-decoration:underline;
}
a.imtext:link, a.imtext:visited{
  color: #000088;
  text-decoration:none;
}

a.imtext:hover{
  color: #000088;
  text-decoration:underline;
}
.blau
{
border: 1px solid #000088;
margin-top:10px;
margin-bottom:5px;
}

img.blau2
{
border: 1px solid #000088;
margin-top:0px;
margin-bottom:5px;
}

img.blau3
{
border: 2px solid #000088;
margin-top:0px;
margin-bottom:5px;
}

img.links {
border: 1px solid #000088;
margin-right:10px;
}

#t_Lignano{
  position: absolute;
  left: 30px;
  top: 350px;
  width:20px;
  height:10px;
}
#t_Porec{
  position: absolute;
  left: 90px;
  top: 405px;
  width:20px;
  height:10px;
}
#t_Rovinj{
  position: absolute;
  left: 100px;
  top: 425px;
  width:20px;
  height:10px;
}
#t_Veruda{
  position: absolute;
  left: 140px;
  top: 455px;
  width:20px;
  height:10px;
}
#t_Unije{
  position: absolute;
  left: 190px;
  top: 465px;
  width:20px;
  height:10px;
}
#t_Rab{
  position: absolute;
  left: 275px;
  top: 420px;
  width:20px;
  height:20px;
}
#t_Molat{
  position: absolute;
  left: 255px;
  top: 495px;
  width:20px;
  height:10px;
}
#t_Kornaten{
  position: absolute;
  left: 275px;
  top: 520px;
  width:20px;
  height:10px;
}
#t_Trogir{
  position: absolute;
  left: 420px;
  top: 500px;
  width:20px;
  height:10px;
}
#t_Milna{
  position: absolute;
  left: 480px;
  top: 500px;
  width:20px;
  height:10px;
}
#t_Hvar{
  position: absolute;
  left: 440px;
  top: 545px;
  width:20px;
  height:10px;
}
#t_Vis{
  position: absolute;
  left: 430px;
  top: 575px;
  width:20px;
  height:10px;
}
#t_Lastovo{
  position: absolute;
  left: 530px;
  top: 590px;
  width:20px;
  height:10px;
}
#t_Korcula{
  position: absolute;
  left: 535px;
  top: 555px;
  width:20px;
  height:10px;
}
#t_Dubrovnik{
  position: absolute;
  left: 635px;
  top: 555px;
  width:20px;
  height:10px;
}
#t_Venedig{
  position: absolute;
  left: 25px;
  top: 400px;
  width:20px;
  height:10px;
}
#t_Brijuni{
  position: absolute;
  left: 115px;
  top: 440px;
  width:20px;
  height:10px;
}
#t_Krka{
  position: absolute;
  left: 415px;
  top: 480px;
  width:200px;
  height:10px;
}
#t_Mljet{
  position: absolute;
  left: 595px;
  top: 565px;
  width:200px;
  height:10px;
}
#t_Zadar{
  position: absolute;
  left: 300px;
  top: 435px;
  width:200px;
  height:10px;
}
#t_Split{
  position: absolute;
  left: 420px;
  top: 490px;
  width:200px;
  height:10px;
}
#t_Umag{
  position: absolute;
  left: 80px;
  top: 385px;
  width:200px;
  height:10px;
}
#t_Pula{
  position: absolute;
  left: 160px;
  top: 425px;
  width:50px;
  height:10px;
}
#t_Cres{
  position: absolute;
  left: 225px;
  top: 415px;
  width:50px;
  height:10px;
}
a.touren_rot, a.touren_rot:link,a.touren_rot:visited
{
  color:#f00;
  font-size:0.8em;
  text-decoration:none;
  font-weight:bold;
}
 a.touren_rot2:hover
{text-decoration:underline; }
a.touren_rot2, a.touren_rot2:link,a.touren_rot2:visited
{
  color:#f00;
  font-size:0.8em;
  text-decoration:underline;
  font-weight:bold;
}
 a.touren_rot2:hover
{text-decoration:none;
 color:#000;
 }


a.touren_gruen, a.touren_gruen:link,a.touren_gruen:visited
{
  color:#0f0;
  font-size:0.8em;
  text-decoration:none;
  font-weight:bold;
}
 a.touren_gruen:hover
{text-decoration:underline; }

a.touren_gruen2, a.touren_gruen2:link,a.touren_gruen2:visited
{
  color:#0f0;
  font-size:0.8em;
  text-decoration:underline;
  font-weight:bold;
}
 a.touren_gruen2:hover
{text-decoration:none; color:#000;}



a.touren_blau, a.touren_blau:link,a.touren_blau:visited
{
  color:#00f;
  font-size:0.8em;
  text-decoration:none;
  font-weight:bold;
}
 a.touren_blau:hover
{text-decoration:underline; }
a.touren_blau2, a.touren_blau2:link,a.touren_blau2:visited
{
  color:#00f;
  font-size:0.8em;
  text-decoration:underline;
  font-weight:bold;
}
 a.touren_blau2:hover
{text-decoration:none; color:#000; }

td{vertical-align:top;
}
td.flagge{
vertical-align:middle;
padding-bottom:10px;
}
td.bilder{
vertical-align:bottom;
padding-bottom:5px;
}
tr.farbe1{background-color: #DFDFDF; }
tr.farbe2{background-color: transparent; }

table.preise{font-size:0.8em;
  line-height:1.3em;

  padding-left:2px;
  padding-bottom:1px;

}

b.t_blau {
  color:#00f;
  font-size:0.8em;
  font-weight:bold;
}
b.t_rot {
  color:#f00;
  font-size:0.8em;
  font-weight:bold;
}
b.t_gruen {
  color:#0f0;
  font-size:0.8em;
  font-weight:bold;
}