/* CSS Stil für die Webseiten von
 *    http://www.freiburg-reisen.de
 * Autor: Dr. Jürgen Vollmer, Karlsruhe,
 *         <Juergen.Vollmer@informatik-vollmer.de>
 * (C)2007 Dr. Jürgen Vollmer
 * $Id: caf.css,v 1.57 2008/04/30 17:14:09 vollmer Exp $
 */

/******************************************************************************
 * Diverse Layout
 *****************************************************************************/
body {
 font-family   : sans-serif;
}

div.rumpf {
  clear:         both;    /* firefox braucht das wohl */
  display:       block;
  margin-left:   auto;
  margin-right:  auto;
  width:         800px;  /* siehe auch div#menu::width */
/*  border:  solid yellow 1px;*/
}

h1 {
 text-align    : center;
 clear         : left;
 font-weight   : bolder;
 font-size     : 200%;
 font-style    : normal;
 margin-bottom : 0px;
}

h2 {
 text-align  : center;
 clear       : left;
 font-weight : normal;
 font-size   : 100%;
 font-style  : normal;
 margin-top  : 0px;
}

.indent {
/*  text-indent: 1em; */
}

.alert {
 color       : yellow;
}

.todo {
 font-size   : large;
 font-weight : bolder;
 color       : red;
}

img {
  vertical-align: text-bottom;
  border-style:   none;
}

th {
  font-size:   large;
  font-weight: bold;
}

dt {
  font-size:   large;
  font-weight: bold;
}

caption {
  text-align : left;
}

table.center {
  margin:auto;
  text-align : left;
}

td.preisliste table tr.head1 td {
  font-weight:    bold;
  text-align:     left;
/*  border:  solid yellow 1px; */
}

td.preisliste table tr.head td {
  font-weight:    bold;
  text-align:     left;
  padding-top:    20px;
/*  border:  solid yellow 1px; */
}

table.ausstattung {
  width:          95%;
  text-align:     left;
}
table.ausstattung tr {
  vertical-align: top;
}

table.anreise {
  clear:   both;    /* firefox braucht das wohl */
}
table.anreise td {
  vertical-align: top;
}

/******************************************************************************
 * Container für wechselende Bilder in der Apartment-Seite
 *****************************************************************************/
div.apartment {
  height   : 160px;
  position : relative;
  clear    : left;
  width    : 205px;
/*  border   : solid 1px red;*/
}
/*
div.apartment img {
   border : solid 1px;
}
*/
/******************************************************************************
 * default color values, to be set in  "$color.css"
 *****************************************************************************/
body a:link    {text-decoration:none; }
body a:visited {text-decoration:none; }
body a:focus   {text-decoration:none; }
body a:hover   {text-decoration:none; }
body a:active  {text-decoration:none; }

/******************************************************************************
 * Layout der Adresszeile
 *****************************************************************************/
address {
 font-style:  normal;
 font-size:   x-small;
 text-align:  center;
 margin-top:  20px;
 padding-top: 2px;
/* border-top:  solid 1px;*/
}

/******************************************************************************
 * SLIDESHOW, siehe ../scripts/slideshow.js
 *****************************************************************************/
#slideshow {
 height:500px; /* hier Hoehe der Slideshow-Bilder angeben,
	        * kann auch wird direkt im <div> tag angegeben werden
	        */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
}
#slideshow img.start {
 display:block;
}

/******************************************************************************
 * extern Links mit Häckchen markieren?
 *****************************************************************************/
a.extern:link,
a.extern:visited,
a.extern:focus,
a.extern:hover,
a.extern:active,
a.extern {
/*
 * background-image:     url(../images/extern.gif);
 * background-repeat:    no-repeat;
 * background-position:  0 5px;
 * padding-left:         15px;
 */
 text-decoration:      underline;
}

a.nomark {
 text-decoration: none;
 color:           black;
}

/******************************************************************************
 * Info-Tabelle
 *****************************************************************************/
table.info {
  clear:   both;    /* firefox braucht das wohl */
  padding: 0px;
  margin:  auto;
  width:   85%;
/*  border:  solid red 1px;*/
}

table.info td {
  vertical-align: top;
}

/******************************************************************************
 * Layout des Menus
 * siehe http://www.htmldog.com/articles/suckerfish/dropdowns/
 *****************************************************************************/
div#menu {
  font-style:   normal;
  font-size:    small;
  text-align:   center;
  display:      block;
  width:        720px;
  height:       6ex;
  margin-top:   1ex;
  margin-left:  auto;
  margin-right: auto;
  padding:      0px;
  clear:        both;
/*  border:       dotted  red 1px;*/
}
div#menu ul {
  z-index:      99;
  float:        left;
  list-style:   none;
  line-height:  0.8;
  font-weight:  bold;
  padding:      0px;
  margin-left:  auto;
  margin-right: auto;
/*  border:       solid black 1px;*/
}
div#menu li {
  float:         left;
  padding-left:  0.5ex;
}
div#menu li ul {
  text-align:   left;
  position:     absolute;
  left:         -999em;
  height:       auto;
  width:        20ex;
  font-weight:  normal;
  margin:       0;
}
div#menu li li {
  padding-left:  0.5ex;
  width:         19.5ex;  /* = div#menu li ul::width - padding-left (0.5px) */
}
div#menu a {
  display:         block;
  text-decoration: none;
  padding:         0.25em 0.2em;
}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li.sfhover ul,
div#menu li li.sfhover ul,
div#menu li li li.sfhover ul {
	left: auto;
}

/*****************************************************************************/

.small {
 font-size     : small;
}

.large {
 font-size     : large;
}

.left {
 text-align    : left;
}

.right {
 text-align    : right;
}

.center {
 text-align : center;
}

.bold {
 font-weight : bolder;
}

.normal {
 font-weight : normal;
}

.bolder {
 font-size   : xx-large;
 font-weight : bolder;
}

/*****************************************************************************/