body {
	background-color:#2c2a25;2

}

#logo {
	top: 55px;
	left: 850px;
	background-image: url('/fileadmin/img/hotelarte/logo.png');
	background-repeat:no-repeat;
}



#firstnavigation,#secondnavigation,#thirdnavigation {
	background-image: url('/fileadmin/img/klinik/navlevelebalken.gif');
	background-repeat: no-repeat;
}


#firstlevel li a:hover, #firstlevel li.navact a ,#secondlevel li a:hover, #secondlevel li.navact a ,#thirdlevel li a:hover, #thirdlevel li.navact a {
	color: #84c4c2;
}

#firstlevel li.navact ,#secondlevel li.navact ,#thirdlevel li.navact  {
	background-image: url(/fileadmin/img/artemedic/nav_square.gif);
}

#standardcontent{
	background-image:url(/fileadmin/img/hotelarte/backgrounds/x.png);
}

#searchbox .searchbox {
	background-color:#776e6c;
	border:2px solid #776e6c;
}
#searchbox .searchboxbutton {
	background-color:#776e6c;
	border:1px solid #776e6c;
}
#content .standardbutton, .tx-indexedsearch-searchbox-button, .news-search-form-submit {
	background-color:#776e6c;
}

#leftcontent h1 a {
	margin:0;
	color:#c5c3c3;
	font-size: 1em;
}
#leftcontent h1 {
	margin:0;
	color:#867d6a;
	font-size: 1em;
}

div#changelanguage {

}	


/************************************************
        KALKULATOR STYLES
************************************************/ 

div.calculator input, div.calculator select {
  border: 1px solid #CCC;
  background: #FFF;
}

div.calculator span.clear {
  display: block;
  clear: both;
}

div.calculator input.button {
  background: #84C4C2;
  color: #FFF;
  border: 1px solid #FFF;
}

ul.chairs{
  list-style: none;
  padding: 0;
  margin: 0;
  height: 500px;
}

ul.chairs li {
  float: left;
  padding: 10px;
  background: url(http://arte.pallas-holding.ch/fileadmin/img/hotelarte/backgrounds/x.png);
  margin-right: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  height: 130px;
}

ul.chairs li img {
  display: block;
  margin-bottom: 5px;
}

ul.chairs li a {
  display: block;
  color: #84C4C2;
  text-decoration: none;
  font-weight: bold;
  width: 95px;
}

ul.chairs li input {
	background: none; 
	border: none;
}

ul.chairs li a:hover {
  text-decoration: underline;
}

ul.raum-auswahl {
  list-style: none;
  margin: 0;
  padding: 0;
}


ul.raum-auswahl li span {
  display: block;
  float: left;
}

ul.raum-auswahl li {
  float: left;
  clear: both;
  padding: 3px 0px 3px 0px;
  border-bottom: 1px solid #CCC;
}

ul.raum-auswahl li.header {
  font-weight: bold;
  border-bottom: 3px solid #CCC;
  border-top: 1px solid #CCC;
  background: url(http://arte.pallas-holding.ch/fileadmin/img/hotelarte/backgrounds/x.png);
}

ul.raum-auswahl li span.radio {width: 25px;}
ul.raum-auswahl li span.room {width: 255px;}
ul.raum-auswahl li span.person {width: 100px; margin-right: 10px; text-align: right;}
ul.raum-auswahl li span.price {width: 60px; text-align: right; padding-right: 5px;}

ul.raum-auswahl li a {text-decoration: none; color: #84C4C2;}
ul.raum-auswahl li a:hover {text-decoration: underline;}



ul.extras {
  list-style: none;
  margin: 0;
  padding: 0;
}


ul.extras  li span {
  display: block;
  float: left;
}

ul.extras li {
  float: left;
  clear: both;
  padding: 3px 0px 3px 0px;
  width: 455px;
  border-bottom: 1px solid #CCC;
}

ul.extras li.header {
  font-weight: bold;
  border-bottom: 3px solid #CCC;
  border-top: 1px solid #CCC;
  background: url(http://www.konferenzhotel.ch/fileadmin/img/hotelarte/backgrounds/x.png);
}

ul.extras li span.anzahl { width: 50px;}
ul.extras li span.desc { width: 350px;}
ul.extras li span.price {width: 50px; text-align: right; padding-right: 5px;} 

ul.verpflegung li {
  display: block;
  height: 20px;
  padding: 3px 0px 3px 0px;
}

ul.verpflegung {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.verpflegung li input {
  float: left;
  margin-right: 10px;
  background: none;
  border: none;
}

ul.verpflegung li label {
  float: left;
  display: block;
}

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}


ul.menu  li span {
  display: block;
  float: left;
}

ul.menu li {
  clear: both;
  float: left;  
  display: block;
  padding: 3px 0px 3px 0px;
  border-bottom: 1px solid #CCC;
  width: 455px;
}

ul.menu li.header {
  font-weight: bold;
  border-bottom: 3px solid #CCC;
  border-top: 1px solid #CCC;
  background: url(http://www.konferenzhotel.ch/fileadmin/img/hotelarte/backgrounds/x.png);
}

ul.menu li span.radio input {
	background: none;
	border: none;
}

ul.menu li span.radio { width: 30px;}
ul.menu li span.desc { width: 200px;}
ul.menu li span.price { width: 100px; text-align: right;}
ul.menu li span.price-total { width: 120px; text-align: right;}

ul.name-email {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.name-email li {
  margin-bottom: 10px;

}

ul.name-email li label {
  display: block;
  float: left;
  width: 60px;
}
ul.name-email li input {
  width: 200px;
}

ul.name-email li textarea{
  width: 200px;
  border: 1px solid #CCC;
  background: #FFF;
}


ul.overview, 
ul.ordered-extras, 
ul.ordered-menu, 
ul.overview-total {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: lefT;
}

ul.overview {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	height: 70px;
	width: 460px;
}

ul.overview label{
	display: block;
	float: left;
	font-weight: bold;
	width: 100px;
}

ul.total li{
	float: left;
	clear: both;
	width: 460px;
}

ul.total span.desc {
	display: block;
	float: left;
	width: 400px;
}


ul.total span.price {
	width: 55px;
	padding-right: 5px;
	display: block;
	float: left;
	text-align: right;
}

ul.total li.total {
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	margin-top: 3px;
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
	background: url(http://www.konferenzhotel.ch/fileadmin/img/hotelarte/backgrounds/x.png);
}

ul.calc-formular label {
	width: 130px !important;
}


ul.rooms li input {
	background: none; 
	border: none;
	margin-right: 5px;
}

ul.rooms {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}