@media all
{
/* Browser-Reset */
*{margin:0;padding:0}
option{padding-left:.4em}
select{padding:1px}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
html * { font-size: 100.01%; }
body{font-size:100.01%;color:#000;text-align:left;padding: 1em 0; }

/* Standardschriftgroesse von 10 Pixeln - Bilder skalierbar */
body, img {
font-family: Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%; line-height:1.25em; color: #333; }

#main {width:600px; margin:1em auto; border: 3px solid #FFDD7C; padding:1em; font-size:1.3em; line-height:1.37em;}
#main p {text-align:left;}

textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; }

  /* ?berschriften */
  h1,h2,h3 {
    font-family: Candara, Segoe UI, Tahoma, Verdana, Verdana, sans-serif;
    letter-spacing:-.2px;  font-weight:500;
    color:#222; background:transparent;
  }
  h4,h5,h6 {
    font-family: Segoe UI, Tahoma, Verdana, Verdana, sans-serif;
    letter-spacing:-.2px;  font-weight:500;
    color:#222; background:transparent;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 130%; margin:0 0 .1em 0;} 
  h2 { font-size: 200%; line-height:1.25em; margin:0 0 .5em 0; padding:.2em 0 0 0;}
  h3 { font-size: 160%; line-height:1.25em; margin:0 0 .5em 0; padding:.2em 0 0 0;} 
  h4 { font-size: 110%; font-weight:900; margin:.5em 0 .7em 0} 
  h5 { font-size: 150%; }
  h6 { font-size: 140%; }
  
  /* Abs?tze  */
  p, td, ol, ul { line-height: 1.55em; margin: 0 0 .8em 0; font-size:1em; }
  
  /* Listen */
  ul, ol, dl {  padding:0; margin:0 0 0 1.6em; }
  li { padding:0; margin:0 0 .3em 0;}
  ul li { list-style-type: url(images/listpoint.png); padding:0; }

  /* Definitionslisten */
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  blockquote, cite,q{ background:#FFDD7C; padding:.5em; margin:0 2em 1em 2em; font-weight:500; font-variant:oblique;}  
  blockquote p {padding:0; margin:0;}
  strong,b { font-weight: bold; }
  em,i { font-style: italic; }
  small {font-size:82.5%; line-height:1.4em;}
  .links {text-align:left;}
  .rechts {text-align:right;}
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }
  .small { font-size:100%; line-height:110%}

  /* Links */
  a { color: #036; background:transparent; text-decoration:underline; }
  a:visited  { color: #036; }
  a:focus,
  a:hover,
  a:active { color:#4D87C7; text-decoration:none; }
  
  /* Tabellen */
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em;  }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td {  }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { }
  
  /* Layout-Tabelle */

div#control_bar { height:30px; text-align:left; margin:0 8px;}
        div#control_bar form {}
        div#control_bar #appointment_area_select_menu {}
        div#control_bar #month-dropdown {float:left;}
        div#control_bar #select-month {float:left;}
        div#control_bar #year-dropdown {}
        div#control_bar #browse-start {float:right;}
        div#control_bar #browse-other {float:right;}
        div#control_bar #browse-other #zurueck {float:right;}
        div#control_bar #browse-other #vorwaerts {float:right;}

	div#calendar_grid {width:100% !important; padding:0 !important;}
        div#calendar_grid table {width:97% !important; padding:0 !important;}

  /* Jeder Text, der nicht in der Terminansicht zu sehen ist */
  .text { color:#000000; }

  /* Fett gedruckter Text */
    .bold { font-weight: bold; color:#000000; }

  /* Tabellenzelle 'Uhrzeit' */
  .time { font-weight: bold; background-color:; color:#009; text-align: center; }

 /* Tabelle in Wochenansicht */
	div#calendar_grid { border:0px solid #CC8704; padding:10px 0; width:97%; }
	div#calendar_grid table{ border-collapse:collapse; width:100%;}
	div#calendar_grid td { border:1px solid #ABABAB; }

  /* Farberklärungen */   
 .legend .weekend, .legend .free, .legend .res {margin:1px 0; padding:1px 0;}
  .legend .weekend span { background-color:#DFDDDD; border:1px solid #BBB; }

  .legend .free span { background-color:#B0FE9F; border:1px solid #BBB; }
  .legend .res span {  background-color:#FE8787; border:1px solid #BBB; }

  /* Tabellenzellen mit Datum, Tabellenkopf der Eventliste   */
  .date { background-color:; color: #000000; font-weight:900; text-align: center; }

  /* Tabellenzellen mit den Termin-Uhrzeiten (linke Spalte)*/
  .app {  background-color:; color:#000000; font-weight:900; text-align:right;  }

  /* Tabellenzellen fuer Wochenende, Pausen und Geschaeftsschluss */
  td.weekend { background:#DFDDDD; }

  /* Tabellenzellen mit reservierten Terminen */
  td.res, td.admin_res {  background-color:#FE8787; color:#000000; text-align:center; border:1px solid #BBB; }
  

  /* Links in den Tabellenzellen mit reservierten Terminen */
  .res a {  color:#C07A00; text-decoration:none; }
  .res a:link {  color:#C07A00;  text-decoration:none;  }
  .res a:visited {  color:#C07A00;  }
  .res a:hover {  color:#000000;  text-decoration:underline; }
  .res a:active {  color:#000000; }

  /* Tabellenzellen mit freien Terminen */
  div.legend {width:400px; text-align:left; margin:1em; }
  td.free { background-color:#B0FE9F;  text-align: center;  }

   p span.free {border:1px solid #BBB;}

  /* Radio-Buttons in Tabellenzellen mit freien Terminen */
  .free input {  background-color:#B0FE9F; }

  /* Tabellenzellen und Text im Detail-PopUp-Fenster */
  .popup_text { color:#001060; background-color:#EFEFEF; }

  /* Fett gedruckter Text im Detail-PopUp-Fenster*/
  .popup_bold { font-weight: bold;  color:#001060;  background-color:#EFEFEF;  }

div#reserve-reason { text-align:left; font-weight:900; padding:.5em 8px; }
div#appointment-reason-list { text-align:left; font-weight:900; padding:.5em 8px; }
div.confirm-app { text-align:left; padding:.5em 8px; }


  /* Textformatierung des E-Mail-Formulars */
  .mailform {  font-weight:bold;  }


  	/* Navigation oberhalb des Auswahlmenues */
  	.navibar { margin:0px 0px 10px 0px; font-weight:bold; padding:10px 6px; width:100%;}
	.navibar a {	text-decoration:underline; color:#000; }
	.navibar a:hover {text-decoration:none;	}
	.navibarcontainer {width:100%;}


.topmenu a:link { font-weight: bold; color: #6F6F6F; }
.topmenu a:visited { font-weight: bold; color: #6F6F6F; }
.topmenu a:hover { font-weight: bold; color: #000000; }

	.timerange {font-weight:bold;	line-height:23px; border:1px solid #000000; margin-top:5px;	padding:5px;	background-color:#FDED93; }
	.timerange input {	text-align:right;	padding:1px 10px 1px 10px;}

	/* Abgesagte Termine */
  	.canceled {text-decoration:line-through;}

	/* Active appointments */
	.active {	}
	
	/* Liste Termingruende */
	.reasons {  margin-top:15px; padding:5px 0; width:100%;}

	/* Details PopUp, Profile */
	.details td {}

/* 	Kalenderansicht */
.calendar {    border:1px solid #000000;    padding:3px;    background-color:#FDED93;	width:100%;	height:265px;}
.calendar caption{    font-weight:bold;	padding:5px 0px 5px 0px;	text-align:center;}

table.formtable {text-align:left;}
.formtable input[type="text"],
.formtable input[type="submit"],
.formtable input[type="password"],
.formtable select,
.formtable textarea {	margin-left:10px;}

.formtable input[type="radio"],
.formtable input[type="checkbox"] {	margin-left:10px; 	text-align:left;}

/* Hilfetexte, die im Popup erscheinen */
.helptext {font-size:130%; padding:1em; }
.helptext li {	margin-bottom:15px;}
.helptext li:first-line {font-weight:900;}

.print_row {	background-color:#FDED93;  	color:#ffffff;	text-align:center;}
.print_row a {    color:#FFFFFF;}

.install_label {	width:250px;	font-weight:bold;	vertical-align:top;	text-align:right;	padding-right:10px;}

/* Farbe Terminhintergruende bassierend auf dem Termingrund */
.reason1 {    background-color:#000000;	color:#FFFFFF;	text-align:center;}
.reason1 a {	color:#FFFFFF;}

.grid_tooltip td {	font-size:11px;}
.reservationbutton {    font-weight:bold;	padding:5px;}

.error_message_item {    font-weight:bold;	color:#FF0000;}

.myappointments_table_head {	background-color:#FFFFDD;}
.myappointments_table_light_row {	background-color:#F1F3FF;}
.myappointments_table_dark_row {	background-color:#FDED93;}

}