/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
  background-color: #e1ddd9;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;
  padding:0px;
  margin:0px;
}
a {
  color: #00e;
  text-decoration: none;
}
a:visited {color:#00a;}
a:hover { text-decoration: underline; color: #00f; }
a:active { color:#00f; }
#avail {
  font-size: 9pt;
  color: #000;
  padding: 10px;
  float: left;
}
#avail small {
  color:#444;
}
.available {
    background: #00AA00;
}

.not_available {
    background: #FF0000;
}

.sel_available {
    background: #71A7E3;
}

.sel_not_available {
    background: #FF0000;
}
#banner ul {
  font-size: 11px;
  text-transform:uppercase;
  background-color: #CCCCFF;
  border-top:1px solid #564b47;
  border-bottom:1px solid #564b47;
  padding:5px 15px;
  margin:0px;
  list-style-type: none;
  text-decoration: none;
  text-align: center;
}
#banner a {
  font-weight: bold;
}
#banner li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}
#banner li.selected {
}
#banner img {
  margin: 0px;
  padding: 0px;
}
#banner h1 {
  font-size: 11px;
  text-transform:uppercase;
  background-color: #CCCCFF;
  border-top:1px solid #564b47;
  border-bottom:1px solid #564b47;
  padding:5px 15px;
  margin:0px;
  margin-top: 10px;
}
#footer h1 {
  font-size: 11px;
  text-transform:uppercase;
  background-color: #CCCCFF;
  border-top:1px solid #564b47;
  border-bottom:1px solid #564b47;
  padding:5px 15px;
  margin:0px;
  margin-bottom: 10px;
}
#right ul {
  padding-left: 25px;
  font-size: 14px;
  margin: 0;
  margin-top: 10px;
}
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}
.floatleft {
  float: left;
  margin: 0 10px 10px 0;
  border: 1px solid #666;
  padding: 2px;
}
.floatright {
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #666;
  padding: 2px;
}
.gallery-tn-border-s {
  float: left;
  width: 165px;
  height: 133px;
}
.gallery-thumbnail {
  float: left;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

/* ----------container to center the layout-------- */
#container {
width: 919px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }


/* ----------outer and inner----------------- */

#outer{ 
border-left: 0px; /* color of the left column  */ 
border-right: solid 200px #eee; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 padding-top: 5px;
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px; 
padding: 5px;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }