/******************************************************************************/
/* Buttons mit Hover-Effekt                                                   */
/******************************************************************************/

.form_button
{
  border-color     : #D7CFCF;
  background-color : #6D6D6D;
  height           : 22px;
  line-height      : 22px;
  border           : 1px solid #D7CFCF;
  text-align       : center;
  margin           : 0px 2px 0px 2px;
  padding          : 0px 2px 0px 2px;
  display          : inline-block;    
}

.form_button:hover, .form_button_hover
{
  border-color     : #035259;
  background-color : #CEDEE7;
  height           : 22px;
  line-height      : 22px;
  border           : 1px solid #035259;
  text-align       : center;
  margin           : 0px 2px 0px 2px;
  padding          : 0px 2px 0px 2px;
  display          : inline-block;    
}

.form_button_aktiv
{
  border-color     : #6D6D6D;
  color            : #6D6D6D;
  background-color : #D7CFCF;
  height           : 22px;
  line-height      : 22px;
  border           : 1px solid #6D6D6D;
  text-align       : center;
  font-family      : Trebuchet MS, Verdana, Arial, sans-serif;
  font-size        : 13px;
  margin           : 0px 2px 0px 2px;
  padding          : 0px 2px 0px 2px;
  display          : inline-block;    
}

.form_button a
{
  color           : #D7CFCF;
  font-family     : Trebuchet MS, Verdana, Arial, sans-serif;
  font-size       : 13px;
  text-decoration : none;
}

.form_button:hover a
{
  color           : #035259;
  font-family     : Trebuchet MS, Verdana, Arial, sans-serif;
  font-size       : 13px;
  text-decoration : none;
}

.button
{
  min-width       : 150px;
}

.langer_button
{
  min-width       : 450px;
}

.grosser_button
{
  min-width       : 300px;
}

.kleiner_button
{
  min-width       : 80px;
}

.kleinster_button
{
  min-width       : 50px;
}

.seitenzahl
{
  min-width       : 32px;
}

/******************************************************************************/
/* auf mehrere Seiten verteilen                                               */
/******************************************************************************/

div.mehrere_seiten
{
    width      : 100%; 
    height     : 52px; 
    text-align : center;
    margin     : 0 auto 10px auto;
    clear      : both;
}

div.mehrere_seiten .zeige_seite
{
    width      : 100%; 
    text-align : center;
    margin     : 0 0 10px 0;
}

/******************************************************************************/
/* Fotogalerie                                                                */
/******************************************************************************/

div.fotogalerie
{
    float      : left; 
    width      : 144px; 
    height     : 156px; 
    padding    : 6px; 
    text-align : center;
    position   : relative;
}

div.fotogalerie_neue_fotos
{
    float      : left; 
    width      : 144px; 
    height     : 264px; 
    border-top : 1px solid #035259; 
    padding    : 6px; 
    text-align : center;
}

div.fotogalerie_sitemap
{
    float      : left; 
    width      : 144px; 
    height     : 204px; 
    padding    : 6px; 
    text-align : center;
    position   : relative;
}

div.fotogalerie_ecards
{
    float      : left; 
    width      : 160px; 
    height     : 160px; 
    padding    : 6px; 
    text-align : center;
}

/******************************************************************************/
/* Liste Reiseberichte                                                        */
/******************************************************************************/

.rb_teaser_wrapper a, .rb_teaser_wrapper a:hover
{
  color             : #035259 !important;
  display           : block;
}

.rb_teaser_wrapper
{
    width           : 722px; 
    height          : 117px; 
    margin          : 0; 
    padding         : 0;
}

.rb_teaser_wrapper_first
{
    border-top      : 1px solid #035259;
}

.rb_teaser_imagebox
{
    width           : 240px; 
    height          : 116px; 
    margin          : 0; 
    padding         : 0; 
    border-bottom   : 1px solid #785957; 
    border-left     : 1px solid #785957; 
    float           : left; 
    text-align      : center;
    background      : #CEDEE7;
}

.rb_teaser_imagebox a
{
    width           : 240px; 
    height          : 99px; 
    margin          : 0; 
    padding         : 17px 0 0 0;
}

.rb_teaser_textbox
{
    width           : 479px; 
    height          : 116px; 
    margin          : 0; 
    padding         : 0; 
    border-bottom   : 1px solid #785957; 
    border-left     : 1px solid #785957; 
    border-right    : 1px solid #785957; 
    float           : right;
    background      : #CEDEE7;
}

.rb_teaser_textbox h2
{
    width           : 479px; 
    height          : 28px;
    margin          : 0; 
    padding         : 0; 
}

.rb_teaser_textbox h2 a
{
    width           : 459px; 
    height          : 20px;
    margin          : 0; 
    padding         : 3px 10px 5px 10px; 
    overflow        : hidden;
}

.rb_teaser_textbox a.teaser
{
    height          : 88px; 
    width           : 459px; 
    margin          : 0; 
    padding         : 0 10px 0 10px; 
    overflow        : hidden; 
    font-size       : 12px;
    line-height     : 14px;
    text-decoration : none; 
}

.rb_teaser_wrapper:hover div
{
  background        : #C7CCD7;
}

.rb_trennlinie
{
  border-top       : 2px solid #035259;
  margin           : 20px 0 10px 0;
  padding          : 10px 0 0 0;
  clear            : both;
  font-size        : 15px;
  font-style       : italic;
}

.rb_visited_outer
{
    margin          : 0 0 20px 0;
    float           : left;
    width           : 100%;
}

.rb_visited
{
    min-width       : 150px;
    height          : 25px;
    line-height     : 25px;
    float           : left;
    margin          : 0 2px 2px 0;
    border          : 0px none;
    text-align      : center;
    white-space     : nowrap;
}
.rb_visited a
{
    text-decoration : none;
}