/* -------------------------- */
/* GLOBAL RESET
/* -------------------------- */
*	{
	outline: 0;
	outline-style: none;
	outline-width: 0;
    text-decoration: none;
}
a, a img	{
	border: 0;
}

/* -------------------------- */
/* LAYOUT
/* -------------------------- */
body	{
	color: #666;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
  background:#bc8f64 url(../img/bg.jpg) repeat-x top left;
}

/* -------------------------- */
/* WEBSITE STRUCTURE
/* -------------------------- */
#frame	{
  width: 1295px;
  background:transparent url(../img/header.jpg) no-repeat top center;
}
.popup #frame {
  width: 95%;
  background-image: url(../img/sticker.png);
}
#page	{
  width: 1295px;
  background:transparent url(../img/background.png) repeat-y top center;
}
#header	{
  height: 250px;
  overflow: hidden;
}

#container	{
  width:936px;
  background:transparent;
}
#fcontainer	{
  width:700px;
  padding-left:225px;
  text-align: justify;
  background:transparent;
}
#content	{
  float: left;
  width: 684px;
  padding-top:16px;
  text-align: justify;
}

p.margin	{
  width: 50%;
}

#rightsidebar {
  float: right;
  width: 144px;
  margin-top:40px;
  text-align: center;
}

#rightsidebar a {
  font-size:11px;
  color:#a6651b;
}

#rightsidebar a:hover {
  color:#ea7500;
}

#rights {
  margin:55px 0 0 965px;
  text-align:right;
  position:absolute;
  color:#9f9f9f;
}


#sidebar	{
  float: left;
  width: 210px;
  height: 315px;
  text-align: left;
  margin-top: -195px;
  padding: 10px 10px 0 22px;
  background:transparent url(../img/menu.png) no-repeat top left;
}

#booking {
  margin: 8px -21px;
}


#sidebar h3 {
  font: 24px Century Gothic;
  color:#a8560e;
  margin: -5px 0 10px 0;
}

#sidebar .box   {
  height: 270px;
  width:200px;
  padding:0;
  margin:0 -5px;
}
#sidebar ul	{
  margin:0;
  padding:0;
  list-style-type:none;
}

#sidebar ul li	{
  padding:7px 15px;
  border-bottom: #cccccc 1px solid;
}

#sidebar ul li a    {
  font: 13px Arial;
  color:#7ea32d;
}

#sidebar ul li a:hover    {
  color:#a8560e;
}

#footer	{
  background:transparent url(../img/footer.png) no-repeat top center;
  height:100px;
  margin-left:0;
}
#footer a:link, #footer a:visited	{
	color: #3181BC;
}
#footer a:hover, #footer a:focus, #footer a:active	{
	color: #EF1F23;
}
#copyright	{
    padding-top:20px;
}

/* -------------------------- */
/* MENU LAYOUT
/* -------------------------- */
#menu	{
    margin-left:200px;
	height: 25px;
	overflow: hidden;
	padding-top: 7px;
}
#menu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li	{
	display: inline;
	padding: 0 15px;
    font-size:12px; 
    border-right:1px #d4a67b solid;
}
#menu a:link, #menu a:visited	{
	color: #f4f4f4;

}
#menu a:hover, #menu a:focus, #menu a:active	{
	color: #777777;
	background-color:#FFF;
	padding: 5px 10px;
	margin:-11px;
	border: 1px solid #f0f0f0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* -------------------------- */
/* FOOTER DUPLICATE MENU LAYOUT
/* -------------------------- */
#dubmenu	{
	height: 25px;
	overflow: hidden;
	padding-top: 60px;
}
#dubmenu ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
#dubmenu ul li	{
	display: inline;
	padding: 0 10px;
}
#dubmenu a:link, #dubmenu a:visited	{
  font-size:11px;
  color:#a6651b;
}
#dubmenu a:hover, #dubmenu a:focus, #dubmenu a:active	{
  color:#ea7500;
}

/* -------------------------- */
/* CLEAR FIX
/* -------------------------- */
.clear	{
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
}

/* -------------------------- */
/* IF WE HAVE ACCORDION, ITS HEADER
/* -------------------------- */
.accordion li h5	{
	cursor: pointer;
}

/* -------------------------- */
/* GLOBAL LINKS
/* -------------------------- */
a:link, a:visited	{
	color: #3181BC;
}
a:hover, a:focus, a:active	{
	color: #EF1F23;
}

/* -------------------------- */
/* HEADINGS
/* -------------------------- */
h1,h2,h3,h4,h5,h6	{
	font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
	margin: 5px 0px;
	padding: 0;
	text-align: left;
    text-decoration: none;
}
h1	{
	font-size: 24px;
}
h2	{
    font:20px Century Gothic;
    color:#91ae3f;
}
h3	{
	font-size: 22px;
}
h4	{
	font:18px Century Gothic;
    color:#a8560e;
}
h5	{
	font-size: 16px;
}
h6	{
	font-size: 14px;
}

/* -------------------------- */
/* IMAGES HANDLING
/* -------------------------- */
.photo	{
	border: 1px solid #bd804a;
}
.alignleft	{
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright	{
	float: right;
	margin: 3px 0px 10px 10px;
}

/* -------------------------- */
/* FORM ELEMENTS
/* -------------------------- */
form	{
	margin: 0;
	padding: 0;
}
fieldset	{
	border: 1px solid #ddd;
	padding: 5px 5px;
	text-align: left;
}
legend, label	{
	font-weight: bold;
}
label	{
	cursor: pointer;
}
legend	{

}
.forms, textarea, select	{
	border: 1px solid #ddd;
	line-height: 100%;
	padding: 2px 2px;
}
.button	{
	background: #999;
	border: 1px solid #777;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px;
}
.required	{
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}

/* -------------------------- */
/* ERROR, NOTICE, SUCCESS MESSAGES
/* -------------------------- */
.error	{
	background: #FFF2F5;
	border: 1px solid #FFD2DE;
	color: #9B0027;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}
.success, .ok, .okay	{
	background: #F3F8F1;
	border: 1px solid #C9DDC1;
	color: #89B47A;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}
.notice, .caption	{
	background: #F9F8E8;
	border: 1px solid #D6C27E;
	color: #B59A79;
	display: block;
	font-weight: bold;
	margin: 5px 0px;
	padding: 5px 5px;
}

.left {
float: left;
}
.right {
float: right;
}
/* -------------------------- */
/* SHADOWBOX LAYOUT (must be in js/shadowbox/ folder!)
/* -------------------------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	color: #555;
	font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0px 10px;
}
#sb-title-inner {
  border-top: 1px solid #ccc;
}
#sb-container {
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	text-align: left;
	top: 0;
	visibility: hidden;
	z-index: 999;
}
#sb-overlay {
	height: 100%;
	position: relative;
	width: 100%;
}
#sb-wrapper {
	position: absolute;
	visibility: hidden;
	width: 100px;
}
#sb-wrapper-inner {
	border: 5px solid #fff;
	height: 100px;
	overflow: hidden;
	position: relative;
}
#sb-body {
	height: 100%;
	position: relative;
}
#sb-body-inner {
	height: 100%;
	position: absolute;
	width: 100%;
}
#sb-player.html {
	height: 100%;
	overflow: auto;
}
#sb-body img {
	border: none;
}
#sb-loading {
	height: 100%;
	position: relative;
}
#sb-loading-inner {
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin-top: -12px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
#sb-loading-inner span {
	display: inline-block;
	padding-left: 34px;
}
#sb-body,#sb-loading {
	background-color: #E0E0E0;
}
#sb-title,#sb-info {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#sb-title,#sb-title-inner {
	line-height: 26px;
}
#sb-title {
    background: #fff;
}
#sb-title-inner {
	font-size: 16px;
}
#sb-info,#sb-info-inner {
	height: 20px;
	line-height: 20px;
}
#sb-info-inner {
	font-size: 12px;
}
#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}
#sb-nav a {
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 16px;
	margin-left: 3px;
	width: 16px;
}
#sb-nav-close {
	background-image: url(../js/shadowbox/close.png);
}
#sb-nav-next {
	background-image: url(../js/shadowbox/next.png);
}
#sb-nav-previous {
	background-image: url(../js/shadowbox/previous.png);
}
#sb-nav-play {
	background-image: url(../js/shadowbox/play.png);
}
#sb-nav-pause {
	background-image: url(../js/shadowbox/pause.png);
}
#sb-counter {
	float: left;
	width: 45%;
}
#sb-counter a {
	color: #fff;
	cursor: pointer;
	padding: 0 4px 0 0;
	text-decoration: none;
}
#sb-counter a.sb-counter-current {
	text-decoration: underline;
}
div.sb-message {
	font-size: 12px;
	padding: 10px;
	text-align: center;
}
div.sb-message a:link,div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}

/* -------------------------- */
/* SLIDESHOW LAYOUT
/* -------------------------- */
#slideshow	{
	float: right;
	height: 305px;
	position: relative;
	width: 488px;
}
#slideshow h5	{
	color: #fff;
	font-size: 16px;
	left: 20px;
	line-height: 1;
	position: absolute;
	top: 217px;
	z-index: 20;
}
#slideshow h5 strong	{
	color: #ccc485;
}
#slideshow div	{
	height: 305px;
	left: 0;
	opacity: 0.0;
	position: absolute;
	top: 0;
	z-index: 8;
}
#slideshow div.active	{
	opacity: 1.0;
	z-index: 10;
}
#slideshow div.last-active	{
	z-index: 9;
}
#slideshow div img	{
	border: 0;
	display: block;
	height: 305px;
	margin-bottom: 0px;
}

/* -------------------------- */
/* SOCIAL ICONS CODE
/* -------------------------- */
.addthis_toolbox	{
	border-top: 1px dotted #ccc;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

table td	{
	padding: 7px;
	text-align:left;
}
/* APPOINTMENTS */
#s6e_body {
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-align:center;
}

#s6e_body_content {
    margin: 0 auto;
    width:750px;
    text-align:left;
}

#s6e_body_content  p {
        font-size:80%;
}

#s6e_body_content  ul {
    font-size:80%;
}


#s6e_body_content  td {
        font-size:80%;
      }


#s6e_body_content th {
        font-size:80%;
      }


#s6e_body_content  a {
      color:#0000A0;
      }


#s6e_body_content a:link {
      color:#0000A0;
      }


#s6e_body_content  a:visited {
      color:#0000A0;
      }


#s6e_body_content a:hover {
      color:#0000A0;
      }


#s6e_body_content a:active {
      color:#0000A0;
      }


#s6e_body_content  input {
      }


#s6e_body_content   select {
      }


#s6e_body_content   option {
      }


  /* Jeder Text, der nicht in der Terminansicht zu sehen ist */
  /* All text which not appears in the calendar view */
  .text {
        font-size:80%;
      }


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


  /* Tabellenzelle 'Uhrzeit' */
  /* Table cell 'Time'*/
  .time {
      font-weight: bold;
      background-color:#1E3E55;
      color:#fff;
      text-align: center;
      font-size:90%;
      }


  /* Tabellenzellen mit Datum, Tabellenkopf der Eventliste   */
  /* Table cells which are containing the date, table head of the event list*/
  .date {
      background-color:#071927;
      color: #fff;
      text-align: center;
        font-size:80%;
      }


  /* Tabellenzellen mit den Termin-Uhrzeiten (linke Spalte)*/
  /* Table cells which are containing the appointment times (left column) */
  .app {
      background-color:#1E3E55;
      color:#ffffff;
      text-align:right;
      font-size:80%;
      white-space: nowrap;
      padding-left:5px;
      padding-right:5px;
   }


  /* Tabellenzellen fuer Wochenende, Pausen und Geschaeftsschluss */
  /* Table cells for weekend, breaks, close of business */
  .weekend {
      background-color:#999;
      color:#FFFFFF;
      text-align: center;
  }
  .weekend a {
      color:#FFFFFF;
  }


  /* Tabellenzellen mit reservierten Terminen */
  /* Table rows with scheduled/reserved Appointments */
  .res {
      background-color:#69A3B7;
      color:#CCFFFF;
      font-size: 9px;
      text-align:center;
      }
  .res1 {
      background-color:#B37375;
      color:#FFFFFF;
      text-align:center;
      font-size: 9px;
      }
  .res2 {
      background-color:#FFEECE;
      color:#FFFFFF;
      text-align:center;
      font-size: 9px;
      }

  /* Links in den Tabellenzellen mit reservierten Terminen */
  /* Links inside of the scheduled appointment table cells */
  .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;
      }

  /* Zum Teil reservierte Termine z.B. 3/10 */
  /* Partly reserved appointments e.g. 3/10 */
  .partly_reserved {
      background-color:#FFF4EF;
      color:#000000;
      text-align:center;
  }
  .partly_reserved a {
      color:#C07A00;
      text-decoration:none;
      }


  .partly_reserved a:link {
      color:#C07A00;
      text-decoration:none;
      }


  .partly_reserved a:visited {
      color:#C07A00;
      }


  .partly_reserved a:hover {
      color:#000000;
      text-decoration:underline;
      }


  .partly_reserved a:active {
      color:#000000;
      }


  /* Tabellenzellen mit Admin-Terminen */
  /* Table rows with admini appointments */
  .admin_res {
      background-color:#FFEECE;
      color:#000000;
      text-align:center;
      }


  /* Links in den Tabellenzellen mit Admin-Terminen */
  /* Links inside of the admin appointment table cells */
  .admin_res a {
      color:#C07A00;
	  text-decoration:none;
      }


  .admin_res a:link {
      color:#C07A00;
	  text-decoration:none;
      }


  .admin_res a:visited {
      color:#C07A00;
      }


  .admin_res a:hover {
      color:#000000;
	  text-decoration:underline;
      }


  .admin_res a:active {
      color:#000000;
      }


  /* Tabellenzellen mit freien Terminen */
  /* Table cells for unscheduled/free appointments */
  .free {
      background-color:#C0E3F7;
      text-align: center;
      }


  /* Radio-Buttons in Tabellenzellen mit freien Terminen */
  /* Radio buttons in table cells for unscheduled/free appointments */
  .free input {
      background-color:#F1F3FF;
      }


  /* Tabellenzellen und Text im Detail-PopUp-Fenster */
  /* Table cells and text in detail pop up window */
  .popup_text {
      color:#001060;
      background-color:#EFEFEF;
      }


  /* Fett gedruckter Text im Detail-PopUp-Fenster*/
  /* Bold text inside the detail pop up window */
  .popup_bold {
      font-weight: bold;
      color:#001060;
      background-color:#EFEFEF;
      }


  /* Tabellenzellen und Text in der Terminliste */
  /* Table cells and text in appointment list */
  .eventlist_text {
      color: #000000;
      }


  .eventlist_text a {
      color: #000000;
      }


  .eventlist_text a:link {
      color: #000000;
      }


  .eventlist_text a:visited {
      color: #000000;
      }


  .eventlist_text a:hover {
      color: #ffffff;
      }


  .eventlist_text a:active {
      color: #000000;
      }


  /* Textformatierung des E-Mail-Formulars */
  /* Text of the e-mail form */
  .mailform {
      font-weight:bold;
      }



  /* Auswahlfelder oberhalb der Kalenderansicht im Userbereich*/
  /* Select fields above the calendar view */
	#control_bar {
	    border:1px solid #fff;
	    background-color:#A4DEE9;
	}

	#control_bar form {
	    display:inline;
	}

  .selectiontableoutside {
      }


  .selectiontableinside {
      }



  .numberoptions {
      text-align:right;
  }


  	/* Navigation oberhalb des Auswahlmenues */
  	/* Navigation bar on top of the page */
  	.navibar {
  		margin:0px 0px 10px 0px;
    	font-weight:bold;
         text-align: center;
		padding:15px;
        font-size:10px;
        color:#B3C43A;
  	}

	.navibar a:link {
       color:#B3C43A;
       font-weight:none;
        text-decoration:none;
	}

	.navibar a:visited {
       color:#99A92F;
        text-decoration:none;
	}

	.navibar a:hover {
       color:#A7540E;
		text-decoration:underline;
	}
    .navibar a:active {
       color:#B3C43A;
        text-decoration:none;
    }


	.navibarcontainer {
		width:650px;
	}


.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:#EAEDFF;
	}

	.timerange input {
		text-align:right;
		padding:1px 10px 1px 10px;
	}



	/* Abgesagte Termine */
	/* Canceled appointments*/
  	.canceled,
  	.canceled td{
		text-decoration:line-through;
	}

	/* Active appointments */
	.active {
	}


	/* Liste Termingruende */
	/* Reason list below appointment overview*/
	.reasons {
        margin-top:20px;
		padding:3px;
		border:1px solid #eee;
		background-color:#25485E;
        color: #fff;
		width:100%;
	}


	/* Details PopUp, Profile */
	.details td {
		background-color:#DCE8F1;
	}


/* 	Kalenderansicht
	Calendar view */
.calendar {
    border:1px solid #000000;
    padding:3px;
    background-color:#EAEDFF;
	width:270px;
	height:265px;
}

.calendar caption{
    font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
}

.formtable {
  background:#E9F6FC;
  border: 1px solid #fff;
}


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

.formtable input[type="text"],
.formtable input[type="password"],
.formtable select,
.formtable textarea {
	width:350px;
}

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

/* Hilfetexte, die im Popup erscheinen */
/* Help texts appearing in popup windows */
.helptext li {
	margin-bottom:15px;
}

.print_row {
	background-color:#1200C0;
  	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 {
}
.reservationbutton {
    font-weight:bold;
	padding:5px;
	margin:10px 0 15px 0;
}

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


.myappointments_table_head {
	background-color:#668CA6;
    font-size: 10px;
    color: #fff;
}
.myappointments_table_head a {
    font-size: 10px;
    color: #fff;
}
.myappointments_table_light_row {
	background-color:#ffffff;
    font-size: 10px;
}

.myappointments_table_dark_row {
	background-color:#f9f9f9;
    font-size: 10px;
}

.time_zone {
   font-size:70%;
   color:#AF0000;
   margin-top:8px;
   margin-bottom:8px;
}

#next_available_appointment {
   font-size:90%;
   margin-top:3px;
   margin-bottom:5px;
   font-weight:bold;
}
#next_available_appointment input {
   margin-left:15px;
}

#appointment_area_select_menu select {
	display:block;
	margin:5px 10px 10px 10px;
}

#appointment_area_select_menu input {
	margin:0 10px 0 10px;
}

#calendar_grid {
	margin-top:8px;
}




.megamenu {
    position: absolute;
    display: none;
    left: 0;
    top: 10px;
    background: #fff;
    border: 2px solid #C07C3D;
    padding: 10px;
    font: normal 12px Verdana;
    z-index: 100;
}
.megamenu h3 {
    color: #A9A9A9;
}
.megamenu .column{
    width: 350px; /*width of each menu column*/
    margin: 10px 5px 20px 0;
}
.megamenu .column ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.megamenu .column ul li{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    display: block;
    width: 162px;
    float: left;
    border-bottom: 1px dotted #eee;
}
.megamenu .column  a{
    text-decoration: none;
    color: #7EA32D;
}
.megamenu .column a:hover{
  color:#C07C3D;
}