/*
   pspage.css == version 05.00
   Bssis styles zur darstellung der webpage

   (c)2010 peter schorn, peter@schorn-molitor.de
   Version: 5.00  12.02.2015

frame ----------------------------------------------------
Farben:
border:              3px solid DarkKhaki;
background all:      LightYellow (#FFFFE0-255 255 224);
background header:   Khaki (#F0E68C-240 230 140);
background menu:     DarkKhaki (#BDB76B-189 183 107);
background navi:     PaleGoldenrod (#EEE8AA-238 232 170);
background footer:   DarkKhaki;
background headline: Khaki;
alternativ: 				 FireBrick(#B22222-178 34 34) / #dd6644;
----------------------------------------------------------------------------- */


body {
  font-family:        'Lucida Sans', Arial, sans-serif;
  font-size:          0.9em;
  line-height:        1.2em;
  color:              Black;
  background:         LightYellow;
}

 
/* blocks size -------------------------------------------------------------- */
div#frame     {position:relative;
               height:820px;             width:960px;
               margin:        0px;
               border:        3px solid DarkKhaki;}
header        {top:0px;   height:120px; left:0px;   width:940px;
               padding:       0px;
               padding-right: 20px;}
start         {top:120px; height:655px; left:0px;   width:920px;
               padding:       0px;
               padding-top:   20px;
               padding-left:  20px;
               padding-right: 20px;}
menu          {top:120px; height:35px;  left:0px;   width:940px;
               padding:       0px;
               padding-right: 20px;}
navigation    {top:155px; height:630px; left:0px;   width:130px;
               padding:       0px;
               padding-top:   10px;
               padding-left:  10px;}
main          {top:155px; height:620px; left:140px; width:780px;
               padding:       0px;
               padding-top:   20px;
               padding-left:  20px;
               padding-right: 20px;}
footer        {top:790px; height:30px;  left:0px;   width:940px;
               padding:       0px;
               padding-left:  10px;
               padding-right: 10px;}

header, menu, start, navigation, main, footer {
  position:           absolute;
  margin:             0px;
  border:             none;
  overflow:           hidden;
  background:         LightYellow;
}

adminheader, adminmenu, adminmain, actionline {
	position:						relative;
	display:						block;
	width:							940px;

	margin:							0px;
	padding:						5px;
	border:							none;
  overflow:       		hidden;
  background:			    LightYellow;
	text-align:					left;
}

header, adminheader {
  font-family:        'Tempus Sans ITC', 'Eras Medium ITC', 'Lucida Sans', Arial, sans-serif;
  border-bottom:      none;
  background:         Khaki;
}
menu, adminmenu {
  z-index:            3;
  overflow:           visible;
  background:         DarkKhaki;
}
navigation {
  background:         PaleGoldenrod;
}
footer {
  background:         DarkKhaki;
}

adminmain {
  height:             545px;
}
actionline {
	height:		          30px;
	padding-top:				10px;
	background:		      LightGrey;
}

/* -------------------------------------------------------------------------- */
/* all tables --------------------------------------------------------------- */
table {
  table-layout:       fixed;
  width:              100%;
  margin:             0px;
  padding:            0px;
  border:             0px;
  border-spacing:     0px;
  border-collapse:    collapse;
}
table td {
  text-align:         left;
  vertical-align:     top;
  border:             0px solid Blue;
}

img {
  border:             none;
}

span.marked {
  color:              red;
  font-weight:        bold;
  font-size:          90%;
}

table .wid30  { width: 30px; }
table .wid40  { width: 40px; }
table .wid60  { width: 60px; }
table .wid85  { width: 85px; }
table .wid100 { width: 100px; }
table .wid110 { width: 110px; }
table .wid120 { width: 120px; }
table .wid130 { width: 130px; }
table .wid140 { width: 140px; }
table .wid150 { width: 150px; }
table .wid160 { width: 160px; }
table .wid180 { width: 180px; }
table .wid200 { width: 200px; }
table .wid220 { width: 220px; }
table .wid240 { width: 240px; }
table .wid260 { width: 260px; }
table .wid280 { width: 280px; }
table .wid300 { width: 300px; }
table .wid320 { width: 320px; }
table .wid350 { width: 350px; }
table .wid380 { width: 380px; }
table .wid400 { width: 400px; }
table .wid500 { width: 500px; }
table .wid600 { width: 600px; }


/* adminmain table cmdline ---------------------------------------------------*/
main table button,
main table img,
adminmain table button,
adminmain table img {
  cursor:             pointer;
}

table.cmdline {
	background:		      LightGrey;
}

table.cmdline td {
	vertical-align:	  middle;
  text-align:		    left;
}
table.cmdline td.langflag {
}
table.cmdline td.scroll {
	padding-top:				10px;
	padding-left:				10px;
}
table.cmdline td a {
  text-decoration: none;
  cursor:          pointer;
}


/* table headers ------------------------------------------------------------ */
main table td.markedtext,
adminmain table td.markedtext {
  text-align:         right;
  vertical-align:     middle;
  color:              red;
  font-weight:        bold;
  font-size:          90%;
}

main table td.tableheader,
adminmain table td.tableheader {
  height:             40px;
  vertical-align:     middle;
  font-weight:        bold;
}

main table td.properheader {
  padding-left:       10px;
  vertical-align:     middle;
  font-weight:        bold;
}
main table td.propercolumn {
  padding-left:       10px;
}
main table td.buttonfield {
  text-align:         right;
}
main table button {
  width:              120px;         /* breite des button */
  height:             30px;
  background-image:   linear-gradient(PaleGoldenrod, DarkKhaki);
  border:             1px solid darkkhaki;
  font-size:          80%;
  text-align:         left;
}
main table img {
  vertical-align:     text-top;
}


/* table headline ----------------------------------------------------------- */
main table.headline,
adminmain table.headline {
  padding:            0px;
  margin:             0px;
}
main table.headline td,
adminmain table.headline td {
  height:             30px;
  background:         Khaki;
  font-weight:        bold;
  text-align:         center;
  vertical-align:     middle;
  font-size:          110%;
}
 
main table.headline td.iconleft {
  width:              50px;
  text-align:         right;
}
main table.headline td.iconright {
  width:              50px;
  text-align:         left;
}


/* main home project -------------------------------------------------------- */
main table.home {
  width:              504px;
}
main table.project div.photo,
main table.home div.photo {
  position:           relative;
  top:                0px;
  left:               0px;
  width:              500px;
  height:             374px;
}

main table.project td.controlwidth,
main table.home td.controlwidth {
  width:              100px;
}
main table.project td.phototext,
main table.home td.phototext {
  height:             30px;
  text-align:         left;
  vertical-align:     middle;
  font-weight:        bold;
}
main table.project td.photocontrol,
main table.home td.photocontrol {
  padding-top:        5px;
  text-align:         right;
}

main table.project img#photo0,
main table.project img#photo1,
main table.home img#photo0,
main table.home img#photo1 {
  position:           absolute;
  top:                0px;
  left:               0px;
  max-width:          500px;
  max-height:         374px;
  cursor:             auto;
}
main table.project img.stat11,
main table.home img.stat11 {
  z-index:            1;
  opacity:            1;
  -khtml-opacity:     1;
  filter:             alpha(opacity=100)\9;
  cursor:             auto;
}
main table.project img.stat02,
main table.home img.stat02 {
  z-index:            2;
  opacity:            0;
  -khtml-opacity:     0;
  filter:             alpha(opacity=0)\9;
  cursor:             auto;
}

main table.home img#startfilm,
main table.home img#stopfilm {
  display:            none;
}


/* main project ------------------------------------------------------------- */
main table.project td.photocolumn {
  width:              504px;
}
main table.project  img.icons {
  max-width:          40px;
  max-height:         40px;
}


/* main photo --------------------------------------------------------------- */
main table.photo {
  display:            inline;
  width:              310px;
}
main table.photo td {
  border:             0px solid DarkKhaki;
}
main table.photo td.caption {
  height:             20px;
  font-weight:        bold;
}
main table.photo td.picture {
  max-width:          300px;
  max-height:         300px;
}
main table.photo img.picture {
  max-width:          300px;
  max-height:         300px;
}


/* main properties ---------------------------------------------------------- */
main table.properties {
  width:              760px;
}

main table.properties td {
  padding-bottom:     5px;
  border-bottom:      1px solid DarkKhaki;
}

main table.properties td.propkey {
  width:              130px;
  font-weight:        bold;
}


/* main info----------------------------------------------------------------- */
main iframe.pdf {
  height:             620px;
  width:              100%;
  margin-top:         -18px;
}

main table.info {
  width:              95%;
}
main table.info iframe#weather365 {
  height:             136px;
  width:              172px;
}
main table.info td {
  padding-top:        10px;
  padding-left:       10px;
}
main table.info td.fotos_left {
  width:              350px;
  text-align:         left;
}
main table.info td.fotos_right {
  width:              350px;
  text-align:         right;
}

main table.info td.headerleft {
  text-align:         left;
  font-weight:        bold;
}
main table.info td.headerright {
  text-align:         right;
  font-weight:        bold;
}
main table.info td.cellleft {
  text-align:         left;
}
main table.info td.cellright {
  text-align:         left;
}

main table.info td.footertext{
  font-size:          80%;
}

/* main .contacts ----------------------------------------------------------- */
adminmain table.adminput {
}
adminmain table.adminput tr {
  height:             27px;
}

main table.contacts {
  text-align:         left;
}
main table.contacts tr {
  height:             27px;
}
main table.contacts img {
  vertical-align:     text-top;
}

/* main table month --------------------------------------------------------- */
main div.showmonth,
adminmain div.showmonth{
  float:              left;
  margin-right:       10px;
  width:              auto;
  display:            block;
  height:             180px;
}
main div.hidemonth,
adminmain div.hidemonth{
  float:              left;
  margin-right:       10px;
  width:              auto;
  display:            none;
  height:             180px;
}

/* tablemonth calendar attributes ------------------------------------------- */
table.tablemonth {
  width:              auto;
  background:         #E8E8E8;
  color:              black;
  border:             1px solid white;
  border-collapse:    collapse;
}
table.tablemonth td {
  width:              25px;
  border:             1px solid white;
  padding:            0;
  text-align:         center;
  font-size:          80%;
  line-height:        1.2em;
}

table.tablemonth td.tableheader {
  font-size:          90%;
}
table.tablemonth td.tablefooter {
  padding-left:       5px;
  padding-top:        5px;
  text-align:         left;
}
table.tablemonth td.legende {
  width:              245px;
  padding-left:       7px;
  text-align:         left;
}

table.tablemonth td.mainseason    {background:#ccc;}  /* grau; */
table.tablemonth td.externbooked  {background:#ecc;}  /* rosa */

table.tablemonth td.exhausted     {background:#0ff;}  /* hellblau */
table.tablemonth td.canceled      {background:#8ff;}  /* heller blau  */
table.tablemonth td.owner         {background:#ff0;}  /* gelb */
table.tablemonth td.owner_1,
table.tablemonth td.owner_2       {background:#ff8;}  /* gelb, hell */
table.tablemonth td.myrequest     {background:#0f0;}  /* grün */
table.tablemonth td.myrequest_1,
table.tablemonth td.myrequest_2   {background:#8f8;}  /* grün, hell */
table.tablemonth td.request       {background:#fa0;}  /* orange */
table.tablemonth td.request_1,
table.tablemonth td.request_2     {background:#fc4;}  /* orange, hell */
table.tablemonth td.booked        {background:#f66;}  /* rot */
table.tablemonth td.booked_1,
table.tablemonth td.booked_2      {background:#f99;}  /* rot, hell */
table.tablemonth td.outstands     {background:#6b6;}  /* dunkelgrün */
table.tablemonth td.closed        {background:#ba0;}  /* oliv */

table.tablemonth td.overbooked    {background:#f4f;}  /* magenta */
table.tablemonth td.overbooked_1  {background:#f7f;}  /* magenta, hell */
table.tablemonth td.bookerror     {background:#55f;}  /* blau */
table.tablemonth td.bookerror_1   {background:#88f;}  /* hell blau */


/* header ------------------------------------------------------------------- */
header table td.logo,
adminheader table td.logo {
  width:              200px;
}
header table td.logotext,
adminheader table td.logotext {
  text-align:         right;
  vertical-align:     middle;
  font-size:          2.0em;
  line-height:        1.2em;
  font-weight:        bold;
}
header .markedText,
adminheader .markedText  {
  font-weight:        bold;
}


/* menu --------------------------------------------------------------------- */
menu button,
adminmenu button {
  font-size:          90%;
  background:         none;
  border:             none;
}
menu li:hover,
adminmenu li:hover {
  background:         Khaki;
}
menu button.highlight {
  background:         Khaki;
}
menu li.highlight,
adminmenu li.highlight {
  background:         Khaki;
}
menu li li,
adminmenu li li {
  background:         DarkKhaki;
}
menu table {
  height:             30px;
}
adminmenu table {
  height:             50px;
}
menu table td,
adminmenu table td {
  text-align:         right;
  vertical-align:     bottom;
}
menu table td.language,
adminmenu table td.language {
  width:              50px;
  text-align:         left;
  vertical-align:     middle;
}


/* navigation --------------------------------------------------------------- */
navigation table img#de,
navigation table img#en,
navigation table img#nl {
  display:            none;
  cursor:             pointer;
}

navigation button {
  background-image:   linear-gradient(PaleGoldenrod, DarkKhaki);
  border:             none;
  font-size:          80%;
}
navigation button:hover {
  background:         Khaki;
}

navigation button.highlight {
  background:         Khaki;
  border:             0px solid DarkKhaki;
}

navigation table {
  width:              100%;
}
navigation table td {
  text-align:         left;
}
navigation table img {
  vertical-align:     middle;
}
navigation table .loginname {
  font-size:          80%;
  font-weight:        bold;
}
navigation table td.logo {
  /* text-align:      center;*/
  vertical-align: 		middle;
}
navigation table td.cmds {
  text-align:         right;
}


/* footerline --------------------------------------------------------------- */
footer li:hover {
  background:         Khaki;
}
footer table.footermenu {
  height:             25px;
}
footer table.footermenu td {
  vertical-align: 		bottom;
  font-size:          80%;
  font-weight:        bold;
  padding:            0px;
}

/* -------------------------------------------------------------------------- */
/* ########################################################################## */