﻿  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */

table.display {
	/*margin: 0 auto;*/
	/*clear: both;
	width: 80%;*/
	border-color: #6f402c;
	
}
table.display thead th {
	/*padding: 3px 18px 3px 10px;
	border-bottom: 1px solid #6f402c;*/
	/*font-weight: bold;*/
	cursor: pointer;
	 * cursor: hand;
}


table.display tfoot th {
	/*padding: 3px 18px 3px 10px;
	border-top: 1px solid #6f402c;
	font-weight: bold;*/
}

table.display tr.heading2 td {
	/*border-bottom: 1px solid #6f402c;*/
}

table.display td {
	/*padding: 3px 10px;*/
}






/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

tr.odd {
	background-color: white;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	/**margin-top: -1px;*/
}

.top, .bottom {
	/*padding: 15px;*/
	background-color: #F5F5F5;
	/*border: 1px solid #6f402c;*/
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	/*margin: 0.5em 0;*/
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	/*border-bottom: 2px solid #6f402c;
	border-top: 2px solid #6f402c;*/
	
}

td.details {
	background-color: #d1cfd0;
	/*border: 2px solid #6f402c;*/
	
}
/*
.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}*/
/* Markierung, falls der angezeigte tag heute ist */
td.today{
	background-color: #f9f1ac;
	text-align:center;   
    border-bottom-color:#6600ac;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-right-color:#660033;
    border-right-style:solid;
    border-right-width:thin;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
	}
th.today{
	background-color: #f9f1ac;
	text-align:center;   
    border-bottom-color:#660033;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-right-color:#660033;
    border-right-style:solid;
    border-right-width:thin;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
	}
/* Markierung, falls der angezeigte tag ein samstag oder sonntag ist */
td.weekend{
	background-color: #d9d0d0;
	text-align:center;   
    border-bottom-color:#660033;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-right-color:#660033;
    border-right-style:solid;
    border-right-width:thin;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
	}

th.weekend{
	background-color: #d9d0d0;
	text-align:center;   
    border-bottom-color:#660033;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-right-color:#660033;
    border-right-style:solid;
    border-right-width:thin;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
	}
/*Makierte Zeile*/
.highlighted{
	background-color: f0f044;
}
.tablecontent{
  text-align:left;   
  border-bottom-color:#660033;
  border-bottom-style:solid;
  border-bottom-width:thin;
  border-right-color:#660033;
  border-right-style:solid;
  border-right-width:thin;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 0px 3px 0px;
  
}






/*
 * Sorting classes for columns
 */
/* For the standard odd/even *//*
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;*/
}


  
  /*......................................................................................................... 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::          
		  
		  Datei: layout/css/layout.css
		  
          ***************************************
          *   Projekt: Einhorn-Haus             *
          *   Autorin: Michaela Hanemann, 2010  *
          *   Kontakt: kontakt@webdesign-mh.de  *
          ***************************************
          Beschreibung: 
		  
		  Template Design
		            

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 
............................................................................................................ 
..........................................................................................................*/


/********   Allgemein ********************/

body  
{
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   background: #e4e3e3;
   height: 100%;
   margin: 0; 
   padding: 0;
   text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
   color: #000000;
 }
 
.thrColFix #mainContent 
{
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 3px 0  190px ;
}

.thrColFix #mainContent_admin 
{
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 20px 0  20px ;
   font-size:11px;
   line-height:20px;
}

#mainContent_admin h1
{
   font-size: 25px;
   color:#444444;
   font-weight:100;
   text-transform:uppercase;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
}

#mainContent_admin h2
{
   font-size: 11px;
   color:#000000;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
}
	 
#mainContent_admin h3
{
   font-size: 14px;
   color:#6f402c;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
}

#mainContent_admin h4
{
   font-size: 11px;
   color:#6f402c;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:0px;
}

#mainContent_admin h5
{
   font-size: 14px;
   color:#6f402c;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:0px;
   text-decoration:underline;
}
	 
#mainContent_admin a
{
   color:#a56041;
   text-decoration:none;
   font-weight:bold;
}

#mainContent_admin a:hover
{
   text-decoration:underline;
}
	
.thrColFix #content 
{ 
   margin-right: 185px; 
   margin-left: 10px;
   font-size:11px;
   padding-right:20px;
   line-height:20px;
}	
	
#content h1
{
   font-size: 25px;
   color:#444444;
   font-weight:100;
   text-transform:uppercase;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
   padding-top: 1px;
}
	 
#content h2
{
   font-size: 11px;
   color:#000000;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
}
	 
#content h3
{
   font-size: 14px;
   color:#6f402c;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
}

#content h4
{
   font-size: 13px;
   color:#a56041;
   font-weight:bold;
   text-transform:uppercase;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   padding-bottom:1px;
}
	 
#content a
{
   color:#a56041;
   text-decoration:none;
   font-weight:bold;
}

#content a:hover
{
   text-decoration:underline;
}
 
/****** Schattenrahmen **********************/

.thrColFix #container 
{ 
   width: 905px;  
   min-height: 1500px;
   height: auto !important;
   height: 100%;
   margin-bottom:0px;
   background:  url(../images/shadow.jpg) ;
   margin: 0 auto;
   text-align: left; 
   padding: 0px 0px 0px 13px; 
   border:none;	
} 
	
.thrColFix #container2 
{ 
    width: 600px;  
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 ; 
    padding: 0px 0px 0px 13px;
    margin-bottom:0px;
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    border:none;
	display: inline;
}  

/******* Head *****************/

.thrColFix #headbar 
{
   float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
   width: 899px; 	
   margin: 0 ; 
   border:none; 
   display: inline;
}

.thrColFix #menubar 
{
   float: left;  
   width: 899px;   
   height: 30px;
   background:  url(../images/menu.jpg);
   background-repeat:repeat-x;
   border-top-color:#888888;
   border-top-style:solid;
   border-top-width:1px;
   margin: 0; 	
   display:inline;
}
	

.thrColFix #headbar img 
{
	border:none; 
    display:inline;
}

.thrColFix #header_pic {
    float: right;
    width: 100%;
    height: 160px;
   padding: 0 5px 0 0; 
   display: inline;
   z-index:auto;
   margin: 0 ; 
   padding: 0;
}	

/*********** Sidebar ***********************/

.thrColFix 	#sidebar_title
{
   background-image:url(../images/sidebar_head.jpg);
   width: 170px;
   height:25px;
   margin:0;
   text-align:left;
   padding-left:15px;
   color:#FFFFFF;
   font-weight:bold;
   font:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding-top:5px;
   border-bottom-color:#6f402c;
   border-bottom-style:solid;
   border-bottom-width:1px;
   border-top-color:#6f402c;
   border-top-style:solid;
   border-top-width:1px;
}
	
	
.sidebar_title_small
{
   background-image:url(../images/sidebar_head.jpg);
   width: 175px;
   height:20px;
   margin:0;
   text-align:left;
   padding-left:10px;
   color:#FFFFFF;
   font-weight:bold;
   font:Arial, Helvetica, sans-serif;
   font-size:12px;
   padding-top:5px;
   border-bottom-color:#6f402c;
   border-bottom-style:solid;
   border-bottom-width:1px;
   border-top-color:#6f402c;
   border-top-style:solid;
   border-top-width:1px;
}
	
.thrColFix 	#sidebar_subtitle
{
   background-image:url(../images/sidebar_head.jpg);
   width: 170px;
   height:25px;
   margin:0;
   text-align:left;
   padding-left:15px;
   color:#FFFFFF;
   font-weight:bold;
   font:Arial, Helvetica, sans-serif;
   font-size:14px;
    padding-top:5px;
    border-bottom-color:#6f402c;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-color:#6f402c;
    border-top-style:solid;
    border-top-width:1px;
 }
	

/********** Sidebar 1 **********************/

.thrColFix #sidebar1 
{
   float: left;  
   width: 190px;
   width: 188px !important;  
   border: 1px #888888 solid;
   display: inline;
   background-image:url(../images/sidebar_back.jpg);
   padding:0 0 0 0;
   font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.thrColFix #table_header
{
  float: left;
  background-image:url(../images/sidebar_head.jpg);
  width: 188px;
  height:25px;
  margin:0;
  text-align:center;
  color:#FFFFFF;
  font-weight:bold;
  font:Arial, Helvetica, sans-serif;
  font-size:14px;
  padding-top:5px;
  border-bottom-color:#6f402c;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-top-color:#6f402c;
  border-top-style:solid;
  border-top-width:1px;
  margin-top:0px;
  vertical-align:top;
	  
  display: inline;
}

.thrColFix #sidebar1_menu 
{
  float: left;
  padding: 15px 10px 15px 10px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
  display: inline;
}
	
.thrColFix #sidebar1_menu a
{
   color:#ffffff;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size: 12px;
   width: 100px;
	
   text-decoration:none;
   padding-right: 5px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin:0;
   height: 15px;
}
	
.thrColFix #sidebar1_menu a:hover
{
   color:#f5a785;
}
	
.thrColFix #sidebar1_menu table 
{
   width: 160px;
}
.thrColFix #sidebar1_menu  td
{
	    
}
		
.no_boder
{
   border:none;
}

.boder
{
	border-bottom-color:#ffffff;
    border-bottom-style:solid;
    border-bottom-width:1px;
}
	
.table_space
{
    height: 30px;
    margin-top: 0px;
    padding-top:0px;
}

/********** Sidebar 2 **********************/

.thrColFix #sidebar2 
{
  	float: right; 
   	width: 185px; 
    margin-top:0px;
    border: 1px #888888 solid;
    display: inline;
    background-image:url(../images/sidebar_back.jpg);
    padding:0 0 10px 0;
}

#sidebar_counter
{
   text-align:center;
   padding-top:10px;
}
	
.counter_num
{
   background-image:url(../images/counter_back.jpg);
   height:15px;
   padding:1px;
   color: #6f402c;
}
	
#sidebar_galerie
{
  text-align:center;
  padding:0px;
}
	
.short_description
{
   font-size:11px;
   padding:5px;
   padding-left:20px;
   text-align:left;
   color: #FFFFFF;
}
	
#sidebar_galerie img
{
   padding:5px;
}

/************* Specials *************************/

#specials
{
    border-color:#6f402c;
    border-style:solid;
    border-width:1px;
    padding: 6px;
   line-height:25px;
}
	 
#specials img
{
   padding-left:10px;
   padding-right:10px;
}
	 
#specials table
{  
   width:470px;
}

#specials td
{
   width:50%;
}
	 
#details table
{
   width:490px;
   background-color:#eeeeee;
}
	 
#details td
{
   border-color:#FFFFFF;
   border-style:solid;
   border-width:1px;
}

/*************************** Main Menu *************************/

.thrColFix #menubar a 
{
  color:#888888;
  background-color:transparent;
  padding:13px 5px 0 5px  !important; /*oben rechts unten links*/
  padding:15px 5px 0 5px ; /*oben rechts unten links*/
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size: 10px;
  letter-spacing: 2px;
  margin:0;
  vertical-align:bottom;
  border:none;
}
.thrColFix #menubar a:hover 
{
   color:#000000;
   padding:13px 5px 0 5px  !important; /*oben rechts unten links*/
   padding:15px 5px 0 5px ; /*oben rechts unten links*/
   margin-top:0px;
   background-image:url(../images/menu_vertical_shadow.jpg);
   background-repeat:repeat-x;
   vertical-align:bottom;
   border:none;
}

/****************** History Menu *********************/

.thrColFix #history	
{
  float:left;
  padding: 10px 5px 10px 20px;
  float: left;
  width: 800px;
  vertical-align:middle;
  display:inline;
}

	  
#history a
{ 
  margin-top:20px; 
  color:#888888;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 25px;
   vertical-align:middle;
}

#history a:hover 
{  
  color:#a56041;
}

/***************************   Contact Form  ***************************************************************************/	

#contact_form_error
{
color:#af684b;
}

.contact_input
{
  background-color:#ebe9ea;
  border:none;
  width:300px;
}

.contact_input_selected
{
  background-color:#ebe9ea;
  border:#af684b;
  border:thin;
  border:solid;
  width:295px;
}

.contact_send
{
  background-color:#ebe9ea;
  border:none;
  width:100px;
}

.contact_send:hover
{
  background-color:#6f402c;
  color:#FFFFFF;
  border:none;
  width:100px;
}

/***********************  Gästebuch *********************************************************************/

.guestbook_input
{
   background-color:#ebe9ea;
   border:none;
   width:420px;
}

.guestbook_input_selected
{
   background-color:#ebe9ea;
   border:#af684b;
   border:thin;
   border:solid;
   width:435px;
}

.guestbook_submit
{
   background-color:#ebe9ea;
   border:none;
   width:130px;
   padding-left:5px;
   padding-right:5px;
}

.guestbook_submit:hover
{
   background-color:#6f402c;
   color:#FFFFFF;
   border:none;
   width:130px;
   padding-left:5px;
   padding-right:5px;
}

.error_message
{
    color:#af684b;
}


/***************** Float ********/

.fltrt 
{ /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
   float: right;
   margin-left: 8px;
   display: inline;
}

.fltlft 
{ /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
   float: left;
   margin-right: 8px;
   display: inline;
}

.clearfloat 
{ /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
} 	  

/***************************   Login Form  ***************************************************************************/	

#login_form
{
	text-align:right;
	border-bottom:#666666;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

#login_form_2
{
	text-align:left;

}

#login_form_error
{
	color:#af684b;
}

.login_input
{
  background-color:#ebe9ea;
  border:none;
  width:100px;
}

.login_input2
{
  background-color:#ebe9ea;
  border:none;
  width:200px;
}

.login_input_selected
{
  background-color:#ebe9ea;
  border:#af684b;
  border:thin;
  border:solid;
  width:295px;
}

.send 
{
  background-color:#ebe9ea;
  border:none;
  width:100px;
}



.send:hover 
{
  background-color:#6f402c;
  color:#FFFFFF;
  border:none;
  width:100px;
}

a:hover.send
{
  background-color:#6f402c;
  color:#FFFFFF;
  border:none;
  width:100px;
}


/********************** Admin *******************************************************/

.admin_table
{
  width:600px;  
}

.admin_td_color
{
 

  color:#6f402c;
  width:150px;
  border-bottom:#6f402c;
  border-bottom-style:solid;
  border-bottom-width:thin;
}



.admin_td
{
  color:#6f402c;
  width:50px;
  border-bottom:#6f402c;
  border-bottom-style:solid;
  border-bottom-width:thin;
}

.admin_input
{
  background-color:#ebe9ea;
  border:none;
  width:150px;
}

.admin_input2
{
  background-color:#ebe9ea;
  border:none;
}

.admin_dark 
{
  background-color:#6f402c;
  color:#FFFFFF;
  border:none;

  font-size:14px;
  padding: 3px 25px 3px 70px;
}

.send_big 
{
  background-color:#ebe9ea;
  border:none;
  width:200px;
}
.send_big:hover 
{
  background-color:#6f402c;
  color:#FFFFFF;
  border:none;
  width:200px;
}

.bottom_border

{
  border-top:#6f402c;
  border-top-style:solid;
  border-top-width:thin;
  padding-bottom: 10px;
}

.admin_form
{
  background-color:#ebe9ea;
  border:none;
  width:200px;
}
.admin_form_2
{
  background-color:#ebe9ea;
  border:none;
  width:100px;
}

.admin_input_number
{
  background-color:#ebe9ea;
  border:none;
  width:35px;
}

#mainContent_admin .send_a 
{
  background-color:#ebe9ea;
  border:none;
  color:#000000;
  font-weight:normal;
  padding: 3px 15px 2px 15px;
  width:180px;
}

#mainContent_admin .send_a:hover 
{
  background-color:#6f402c;
  font-style:normal;
  text-decoration:none;
  color:#FFFFFF;
  
}

.pic_house
{
   background-image:url(../images/house.gif);
   margin-bottom:0px;
   padding-left:30px;
   background-repeat:no-repeat;
}



.pic_flat
{
   background-image:url(../images/flat.gif);
   margin-bottom:0px;
   padding-left:30px;
   background-repeat:no-repeat;
}

.underliner
{
   border-bottom-color:#990033;
   border-bottom-style:solid;
   border-bottom-width:thin;
}

.underliner_light
{
   border-bottom-color:#ebe9ea;
   border-bottom-style:solid;
   border-bottom-width:thin;
}


/*** Booking ****/

.red
{
    color:#FF0000;
}
.yellow
{
    color:#fe9100;
}
.green
{
    color: green;
}
.grey
{
    color:#999999;
}

.red_dot  
{
   background-image:url(../images/red_dot.jpg);
   background-repeat:no-repeat;
   width:20px;
   height:20px;
   float:left;
}
.red_dot:hover
{
   background-image:url(../images/light_dot.jpg);
   background-repeat:no-repeat;
   width:20px;
   height:20px;
   
}
.yellow_dot  
{
   background-image:url(../images/yellow_dot.jpg);
   background-repeat:no-repeat;
   width:20px;
   height:20px;
   float:left;
}
.yellow_dot:hover
{
   background-image:url(../images/light_dot.jpg);
   background-repeat:no-repeat;
   width:20px;
   height:20px;
}
.green_dot  
{
   background-image:url(../images/green_dot.jpg);
   background-repeat:no-repeat;
   width:20px;
   height:20px;
   float:left;
}
.green_dot:hover
{
   background-image:url(../images/light_dot.jpg);
   background-repeat:no-repeat;
   width:20px;
   height:20px;
}

/************************  Search *************************************/

.inputs
{
   background-color:#eeeeee;
   border:none;
}   

.bg_color
{
   background-color:#eeeeee;
   border:none;
}

.bg_color2
{
   background-color:#FFFF99;
   border:none;
}

.search_table
{
  font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
}

.calendar_form
{
  cursor: pointer; 
  border: 1px solid #f7f7f7;
}

.checkboxen
{
  background-color:#f7f7f7;
}

.select_flats
{
  width: 100%;
  background-color:#f7f7f7;
  border-color:#f7f7f7;

}

.option_flats_titel
{
   font-weight:bold;
   color:#6f402c;
}

.reservation_free
{
   background-color:#66FF66;
   color:#000000;
   font-size:10px !important;
   font-size:10px;
   width:22px !important;
   width:22px;
   padding:0 0 0 0;
   vertical-align:middle;
}

.reservation_free:hover
{
   background-color:#CCFFFF;
}
.reservation_occupied
{
   background-color:#CCCCCC;
   font-size:10px !important;
   font-size:10px;
   width:22px !important;
   width:22px;
   padding:0 0 0 0;
   vertical-align:middle;
}
.reservation_impossible
{
   background-color:#CCFFFF;

   font-size:10px !important;
   font-size:10px;
   width:22px !important;
   width:22px;
   padding:0 0 0 0;
   vertical-align:middle;
}

.send_b 
{
  background-color:#ebe9ea;
  border:none;
  width:150px;
  text-align:center;
  color:#000000;
  font-size:12px;
  text-decoration:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  color:#000000;
  
  font-weight:normal;
  padding-left:20px;
  padding-right:20px;
  padding-top:2px;
  padding-bottom:2px;
}



.send_b:hover 
{
  background-color:#6f402c;
  color:#FFFFFF;
  border:none;
  width:150px;
  text-decoration:none;
  font-weight:normal;
  padding-left:20px;
  padding-right:20px;
  padding-top:2px;
  padding-bottom:2px;
}

.line_color
{
   color:#eeeeee;
   border:none;
}

/***************************** Reservations ***********************************/

.reservation_table  
{
   border-color:#660033;
   border-style:solid;
   border-width:thin;
   text-align:left;
}

.reservation_td
{
  text-align:center;   
  border-bottom-color:#660033;
  border-bottom-style:solid;
  border-bottom-width:thin;
  border-right-color:#660033;
  border-right-style:solid;
  border-right-width:thin;
  width:20px;
}

.reservation_td2
{
  text-align:left;   
  border-bottom-color:#660033;
  border-bottom-style:solid;
  border-bottom-width:thin;
  border-right-color:#660033;
  border-right-style:solid;
  border-right-width:thin;
  padding: 5px 5px 5px 5px ;
}

.reservation_bg_color
{
  text-align:center;   
   background-color:#eeeeee;
   border-bottom-color:#660033;
  border-bottom-style:solid;
  border-bottom-width:thin;
  border-right-color:#660033;
  border-right-style:solid;
  border-right-width:thin;
  width:20px;
}

.reservation_bg_color2
{
  text-align:center;   
   background-color:#FFFF99;
   border-bottom-color:#660033;
  border-bottom-style:solid;
  border-bottom-width:thin;
  border-right-color:#660033;
  border-right-style:solid;
  width:20px;
  border-right-width:thin;
}


.booking_pic_full_white
{
   width:9px;
   float:left;
   display:inline;
}

.booking_pic_full_red
{
   background-image:url(../images/booking_full_red.gif);
   width:9px;
   float:left;+
   display:inline;
}

.booking_pic_full_green
{
   background-image:url(../images/booking_full_green.gif);
   width:9px;
   float:left;
   display:inline;
}

.booking_pic_full_yellow
{
   background-image:url(../images/booking_full_yellow.gif);
   width:9px;
   float:left;
   display:inline;
}

.booking_pic_full_red_mid
{
   background-image:url(../images/booking_full_red.gif);
   width:2px;
   float:left;
   display:inline;
}

.booking_pic_full_green_mid
{
   background-image:url(../images/booking_full_green.gif);
   width:2px;
   float:left;
   display:inline;
}

.booking_pic_full_yellow_mid
{
   background-image:url(../images/booking_full_yellow.gif);
   width:2px;
   float:left;
   display:inline;
}

.booking_pic_full_white_mid
{
   width:2px;
   float:left;
   display:inline;
}
.booking_pic_full_grey
{
   background-image:url(../images/booking_full_grey.gif);
   width:9px;
   float:left;
   display:inline;
}
.booking_pic_full_grey_mid
{
   background-image:url(../images/booking_full_grey.gif);
   width:2px;
   float:left;
   display:inline;
}

.pdf_mail_content
{
 text-align:right;
 width:90%;
}

/********************** Preise ***********/

.price_table td
{
  font-size:11px;
  padding-left:20px !important;
  padding-left:4px; 
}


/* Inline-Editfelder für Admin Interface */
.booking_prepay_inline input {
    float: left;
}
