@charset "utf-8";

#navi{
float: left;
width: 146px;
margin-top: 30px;
margin-left: 40px;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #ffffff;
letter-spacing: 2px;
line-height: 24px;
}

div#navi li {
  list-style: none;
  margin-left: -35px;
  }

div#navi a {
text-decoration: none;
color: #ffffff;
  }

div#navi a:hover {
text-decoration: none;
color: #ffff00;
  }

div#navi span {
text-decoration: none;
color: #ffff00;
  }

#navi2 {
font-family: arial;
        font-weight: bold;
          text-decoration: none;
          margin-top: 1px;
                              line-height: 12px;
                              margin-left: -25px;
                              margin-bottom: 8px;
}

div#navi2 a{
  color: #ffffff;
font-family: arial;
text-align: left:
      font-weight: bold;
        font-size: 11px;
        letter-spacing:1px;
        font-weight: bold;
          text-decoration: none;
}

div#navi2 a:link { font-weight:bold; color:#ffffff; text-decoration:none; }
div#navi2 a:visited { font-weight:bold; color:#ffffff; text-decoration:none; }
div#navi2 a:hover { font-weight:bold; color:#ffff00; text-decoration:none; }
div#navi2 span { font-weight:bold; color:#ffff00; text-decoration:none; }

#navispacer {
width: 140px;
height: 10px;
}

#main_schmal {
float: left;
width:                420px;
margin-left: 70px;
padding-bottom: 50px;
margin-top: 140px;
font-family: arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
line-height:16px;

}

div#main_schmal h1 {
color: #ffff00;
font-weight: bold;
font-size: 22px;
letter-spacing:2px;
}

div#main_schmal h2 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:2px;
        }

div#main_schmal h3 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:1px;
        }

div#main_schmal a:link { font-weight:bold; color:#ffff00; text-decoration:none; }
div#main_schmal a:visited { font-weight:bold; color:#ffff00; text-decoration:none; }
div#main_schmal a:hover { font-weight:bold; color:#ffff00; text-decoration:underline; }
div#main_schmal span { font-weight:bold; color:#ffff00; text-decoration:none; }

div#main_schmal li {
margin-bottom:10px;
        }

#main_breit {
float: left;
width:                600px;
margin-left: 70px;
padding-bottom: 50px;
margin-top: 140px;
font-family: arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
line-height:16px;

}

div#main_breit h1 {
color: #ffff00;
font-weight: bold;
font-size: 22px;
letter-spacing:2px;
}

div#main_breit h2 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:2px;
        }

div#main_breit h3 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
margin-bottom: 1px;
margin-top: 5px;
        }


div#main_breit a:link { font-weight:bold; color:#ffff00; text-decoration:none; }
div#main_breit a:visited { font-weight:bold; color:#ffff00; text-decoration:none; }
div#main_breit a:hover { font-weight:bold; color:#ffff00; text-decoration:underline; }
div#main_breit span { font-weight:bold; color:#ffff00; text-decoration:none; }

div#main_breit li {
margin-bottom:10px;
        }

#main_mittel {
float: left;
width:                480px;
margin-left: 70px;
padding-bottom: 50px;
margin-top: 140px;
font-family: arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
line-height:16px;

}

div#main_mittel h1 {
color: #ffff00;
font-weight: bold;
font-size: 22px;
letter-spacing:2px;
}

div#main_mittel h2 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:2px;
        }

div#main_mittel h3 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:1px;
        }

div#main_mittel a:link { font-weight:bold; color:#ffff00; text-decoration:none; }
div#main_mittel a:visited { font-weight:bold; color:#ffff00; text-decoration:none; }
div#main_mittel a:hover { font-weight:bold; color:#ffff00; text-decoration:underline; }
div#main_mittel span { font-weight:bold; color:#ffff00; text-decoration:none; }


#box{
float: right;
width:                197px;
margin-right: 30px;
margin-top: 125px;
margin-bottom: 50px;
text-align: left;
font-family: arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
line-height:14px;
      }

div#box a:link { font-weight:bold; color:#0000ff; text-decoration:none; }
div#box a:visited { font-weight:bold; color:#0000ff; text-decoration:none; }
div#box a:hover { font-weight:bold; color:#0000ff; text-decoration:underline; }
div#box span { font-weight:bold; color:#0000ff; text-decoration:none; }

#box_headline {
color: #0000ff;
font-weight: bold;
font-size: 13px;
margin-left: 48px;
padding-top: 5px;
}

#box_text {
color: #0000ff;
font-weight: normal;
font-size: 11px;
padding: 15px;
}

div#box h1 {
color: #ffff00;
font-weight: bold;
font-size: 22px;
letter-spacing:2px;
}

div#box h2 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:2px;
        }

div#box h3 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
margin-bottom: 1px;
margin-top: 5px;
        }

#startbox1{
background-image:url('../images/backgrounds/startbox1.jpg');
background-repeat: repeat-x;
height: 99px;
margin-bottom: 20px;
    }

#startbox2{
background-image:url('../images/backgrounds/startbox2.jpg');
background-repeat: repeat-x;
height: 99px;
margin-bottom: 20px;
    }

#startbox3{
background-image:url('../images/backgrounds/startbox3.jpg');
background-repeat: repeat-x;
height: 99px;
margin-bottom: 20px;;
    }

#reisebox{
background-image:url('../images/backgrounds/reisebox.jpg');
background-repeat: repeat-x;
height: 99px;
margin-bottom: 20px;
    }



#tauchplaetze{
float: right;
width:                197px;
margin-right: 30px;
margin-top: 125px;
margin-bottom: 50px;
text-align: left;
font-family: arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
line-height:16px;
      }

div#tauchplaetze a:link { font-weight:bold; color:#ffff00; text-decoration:none; }
div#tauchplaetze a:visited { font-weight:bold; color:#ffff00; text-decoration:none; }
div#tauchplaetze a:hover { font-weight:bold; color:#ffff00; text-decoration:underline; }
div#tauchplaetze span { font-weight:bold; color:#ffffff; text-decoration:none; }

#tauchplaetze_headline {
color: #0000ff;
font-weight: bold;
font-size: 13px;
margin-left: 48px;
padding-top: 5px;
}

#tauchplaetze_text {
color: #0000ff;
font-weight: normal;
font-size: 11px;
padding: 15px;
}

div#tauchplaetze h1 {
color: #ffff00;
font-weight: bold;
font-size: 22px;
letter-spacing:2px;
}

div#tauchplaetze h2 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:2px;
        }

div#tauchplaetze h3 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
margin-bottom: 1px;
margin-top: 5px;
        }

#rechts{
float: right;
  width:                190px;
  margin-right: 30px;
    margin-top: 35px;
  text-align: left;
font-family: arial;
    color: #474444;
      font-weight: normal;
        font-size: 10px;
        line-height: 11px;
        letter-spacing:1px;
  }


div#rechts h1 {
   font-family: arial;
   font-size: 11px;
  font-weight: bold;
  color: #474444;
  margin-bottom: 3px;
  word-spacing: 1px;
}

div#rechts a {
  padding-left: 2px;
  font-weight: bold;
      color: #474444;
}
div#rechts a:link {
    color: #474444;
          text-decoration: none;
 }

div#rechts a:visited {
      text-decoration: none;
          color: #474444;
}

div#rechts a:hover {
color: #910b0e;
text-decoration: none;
}

div#rechts a:active {
  color: #910b0e;
      text-decoration: none;
}


#rand{
float: right;
width:                197px;
margin-right: 30px;
margin-top: 125px;
margin-bottom: 50px;
text-align: left;
font-family: arial;
color: #ffffff;
font-weight: bold;
font-size: 12px;
line-height:16px;
      }

div#rand a:link { font-weight:bold; color:#ffff00; text-decoration:none; }
div#rand a:visited { font-weight:bold; color:#ffff00; text-decoration:none; }
div#rand a:hover { font-weight:bold; color:#ffff00; text-decoration:underline; }
div#rand span { font-weight:bold; color:#ffff00; text-decoration:none; }

#rand_headline {
color: #0000ff;
font-weight: bold;
font-size: 13px;
margin-left: 48px;
padding-top: 5px;
}

#rand_text {
color: #0000ff;
font-weight: normal;
font-size: 11px;
padding: 15px;
}

div#rand h1 {
color: #ffff00;
font-weight: bold;
font-size: 22px;
letter-spacing:2px;
}

div#rand h2 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
letter-spacing:2px;
        }

div#rand h3 {
color: #ffff00;
font-weight: bold;
font-size: 12px;
margin-bottom: 1px;
margin-top: 5px;
        }





#bildrechts {
float: right;
margin-right: 0px;
margin-left: 20px;
margin-bottom: 10px;
border: 1px solid #ffffff;
}

#bildlinks {
float: left;
margin-right: 20px;
margin-left: 0px;
margin-bottom: 10px;
border: 1px solid #ffffff;
}

#bildmitte {
align: center;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid #ffffff;
}

#bildmitte_reise {
align: center;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid #ffffff;
width: 270px;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#trenner {
float:right;
width: 180px;
height: 30px;
}


#spacer100px {
float: left;
height: 100px;
width: 400px;
}

#spacer200px {
float: left;
height: 200px;
width: 400px;
}

#spacer300px {
float: left;
height: 300px;
width: 400px;
}

table {
  border-collapse: collapse;
  font: bold 12px arial, sans-serif;
  }

td, th {
  padding: 10px;
  spacing: 10px;
  border: 1px solid #ffff00;
  color: #ffffff;
  text-align: left;
  vertical-align: top;

  }

hr{ height: 0px; border: solid #ffff00 0px; border-top-width: 1px; margin-top: 20px; margin-bottom: 5px;}



#textrechts {
float: right;
margin-right: 0px;
margin-bottom: 10px;
width: 200px;
color: #ffff00;
}