/*********************************************************************/
/************ Body ***************************************************/
/*********************************************************************/

body {
    color: black; background-color: grey;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }


/*********************************************************************/
/************ allgemeine Seite ***************************************/
/*********************************************************************/

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1024px;
    background-color: #67743c;
/*    padding: 0.5em;*/
    border: 10px solid silver;
  }

  html>body div#Seite {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }


/*********************************************************************/
/************ Top Banner *********************************************/
/*********************************************************************/

  div#Top {
/*#    margin-left: 22em;*/
    height: 207px;
    width: 1024px;
/*    padding: 0 0em;*/
/*    border: 1px dashed silver;*/
    background-repeat: no-repeat;
    background-image: url(pics/top.jpg);
    background-position: center top;
  }


/*********************************************************************/
/************ Navigationsleiste **************************************/
/*********************************************************************/

  ul#Navigation {
    font-size: 0.91em;
    min-height: 300px;
    width: 188px;
    float: left;
    margin: 0; padding: 0;
/*    border: 1px dashed silver;*/
    background-image: url(pics/left.jpg);
    background-repeat: no-repeat;
    text-align: left;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; 
    margin-right: 2em; 
    padding: 0.3em;
    padding-left: 2em
  }
  ul#Navigation a {
    display: block;
    padding: 0.1em;
    padding-left: 1em;
    font-weight: bold;
  }
  
  ul#Navigation a#activepage {
  	color: #cccccc; 
    background-color: #47523c;
  }
  
  ul#Navigation a:link {
    color: #cccccc; 
  }
     
  ul#Navigation a:visited {
    color: #cccccc; 
  }
  ul#Navigation a:hover {
    color: black; 
    background-color: #57633c;
  }
  ul#Navigation a:active {
    color: white; 
    background-color: gray;
  }


/*********************************************************************/
/************ Inhalt *************************************************/
/*********************************************************************/

  div#Inhalt {
    margin-left: 188px;
    padding: 0 1em;
    padding-left: 1em;
    background-color: #ffffff;
    min-height: 300px;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt h1 {
    text-align: center;
    padding-top: 15px;
    font-size: 1.6em;
    margin: 0 0 1em;
  }
  div#Inhalt h1.start {
    text-align: center;
    padding-top: 15px;
    font-size: 1.6em;
    margin: 0 0 0em;
  }
  div#Inhalt h2 {
    font-size: 1.1em;
    margin: 1em 0 0em;
  }
  div#Inhalt h2.start {
    text-align: center;
    font-size: 1.0em;
    margin: 0.5em 0 0.5em;
  }

  div#Inhalt p {
    font-size:1em;
    margin: 0em;
    padding-top:     5px;
    padding-bottom:  5px;
    padding-left:   20px;
    padding-right:  20px;
  }
  div#Inhalt p.left {
    width: 450px;
    margin: 0em;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt p.right {
    width: 450px;
    margin: 0em;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: right;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt p.center {
    width: 99%;
  	clear: both;
    margin: 0em;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
/*    border: 1px dashed silver;*/
    }

  div#Inhalt p.start {
    width: 750px;
  	text-align: center;
    margin: 0em;
    float: left;
/*    border: 1px dashed silver;*/
    }
  div#Inhalt p.none {
    clear: both;
    float: none;
    padding: 0;
    margin: 0;
/*    border: 1px dashed silver;*/
  }

  div#Inhalt p.Kontakt {
    margin: 0em;
    padding: 0em;
    padding-left: 30px; 
    font-size:0.9em;
    font-style: italic;
/*    border: 1px dashed silver;*/
  }

  div#Inhalt p.preise {
    margin: 0em;
    padding: 0em 0em 0em;
    padding-left: 20px; 
    font-size: 1em;
/*    border: 1px dashed silver;*/
  }

  div#Inhalt p#modified {
    float: right;
    margin: 0em;
    padding: 0em 0em 0em;
    padding-left: 20px; 
    font-size: 0.7em;
/*    border: 1px dashed silver;*/
  }
  
  div#Inhalt p.thumbnail {
    float: left;
    width: 250px;
    text-align: center;
    margin: 0em;
    padding: 10px 0 10px;
    font-size: 1em;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt p.picture {
    width: 99%;
    text-align: center;
    margin: 0em;
    padding: 10px 0 10px;
    font-size: 1em;
/*    border: 1px dashed silver;*/
  }

  div#Inhalt p.caption {
    width: 99%;
    text-align: center;
    margin: 0em;
    padding: 0px;
    font-size: 1em;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt p.piclink_links {
    width: 33%;
    float: left;
    text-align: left;
    margin: 0em;
    padding: 10px 10px 10px;
    font-size: 0.7em;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt p.piclink_center {
    width: 33%;
    float: left;
    text-align: center;
    margin: 0em;
    padding: 10px 10px 10px;
    font-size: 0.7em;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt p.piclink_rechts {
    width: 33%
    float: right;
    text-align: right;
    margin: 0em;
    padding: 10px 10px 10px;
    font-size: 0.7em;
/*    border: 1px dashed silver;*/
  }


  div#Inhalt ul.left {
    width: 445px;
    margin: 0em;
    margin-left: 5px;
    padding: 0px;
    padding-left: 20px;
    float: left;
    list-style-type: disc;
    list-style-position: outside;
/*    border: 1px dashed silver;*/
  }
  div#Inhalt table.preise {
    margin: 0 20px 0.5em;
    padding: 0em;
    font-size:1em;
/*    border: 1px dashed silver;*/
  }
  
  div#Inhalt img.left {
    font-size:1em;
    float: left;
    margin: 10 px;
/*    border: 1px dashed silver;*/
  }

  div#Inhalt img.right {
    font-size:1em;
    float: right;
    margin: 20 px;
    padding: 20 px;
/*    border: 1px dashed silver;*/
  }

  div#Inhalt img.map {
    float: left;
    margin: 10 px;
/*    border: 10px dashed silver;*/
    border: 0
  }

/*********************************************************************/
/*************** Verfuegbarkeit **************************************/
/*********************************************************************/

table#verfuegbarkeit {
    margin: 1em 20px 0;
    padding: 0px;
/*    font-family: Courier, monospace;*/
    font-family: Helvetica,Arial,sans-serif;
    font-size:8pt;
    border: 1px solid black;
    border-collapse: collapse;
    empty-cells: hide;
  }

table#verfuegbarkeit td{
/*	color: #909090;*/
	color: #000000;
    margin: 0 0px 0;
    text-align: center;
    padding: 2px;
    border: 1px solid black;
  }

table#verfuegbarkeit td.done{
	width: 1em;
	color: #b0b0b0;
   	background-color: #b0b0b0;
}

table#verfuegbarkeit td.besetzt{
/*	background-color: #ff0000;*/
	width: 1em;
/*	color: #909090;*/
/*	background-color: #67743c;*/
	color: #c8c8c8;
	background-color: #c8c8c8;
  }

table#verfuegbarkeit td.frei{
	width: 1em;
	background-color: #ffffff;
  }

table#verfuegbarkeit td.wechsel_frei_besetzt_links{
	width: 0.7em;
	background-color: #ffffff;
	border-right: 0px;
	padding-right: 0;
  }
table#verfuegbarkeit td.wechsel_frei_besetzt_rechts{
	width: 0.7em;
/*	background-color: #67743c;*/
	background-color: #c8c8c8;
	border-left: 0px;
	padding-left: 0;
}
table#verfuegbarkeit td.wechsel_besetzt_frei_links{
	width: 0.7em;
/*	background-color: #67743c;*/
	background-color: #c8c8c8;
	
	border-right: 0px;
	padding-right: 0;
}
table#verfuegbarkeit td.wechsel_besetzt_frei_rechts{
	width: 0.7em;
	background-color: #ffffff;
	border-left: 0px;
	padding-left: 0;
}

table#verfuegbarkeit td.headline{
    font-family: Helvetica,Arial,sans-serif;
   	color: #000000;
	background-color: #a0a0a0;
   	padding: 3px;
}

table#verfuegbarkeit td span.weekend {
/*	color: #ff0000;*/
	font-style: italic;
	font-weight: bold;
}



/*********************************************************************/
/************ Fusszeile **********************************************/
/*********************************************************************/
  
  div#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: left;
    background-color: #67743c;
    /*border: 1px solid silver;*/
  }