* {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 17px;
  color: #FFF;
  border: none;
  padding: 0;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
  font-weight: 100;
  text-decoration: none;
  list-style-type: none;
  background-repeat: no-repeat
}

html, body {
  width: 100%
}

body {
  background-color: #FFF
}

strong {
  font-weight: bold
}

a {
  border: none;
  text-decoration: none
}

a:focus {
  outline: none
}


.copy a {
  border-bottom: 1px solid #FF9B00
}

a.active {
  color: #FF9B00 !important
}

h1 {
  position: absolute;
  left: 50%;
  margin-left: -466px;
  top: 35px;
  width: 359px;
  /* height: 46px; */
  height: 52px;
  text-indent: -9999px;
  background-image: url(../m/home_for_times.png)
}

h1.langen {
  position: absolute;
  left: 50%;
  margin-left: -466px;
  top: 35px;
  width: 359px;
  height: 52px;
  text-indent: -9999px;
  background-image: url(../m/header_langen.png)
}
h1.oberursel {
  position: absolute;
  left: 50%;
  margin-left: -466px;
  top: 35px;
  width: 359px;
  height: 52px;
  text-indent: -9999px;
  background-image: url(../m/header_oberursel.png)
}
h1.city {
  position: absolute;
  left: 50%;
  margin-left: -466px;
  top: 35px;
  width: 359px;
  height: 52px;
  text-indent: -9999px;
  background-image: url(../m/header_city.png)
}

#obody {
  width: 100%;
  min-width: 932px;
  min-height: 360px;
  background: #4B4B4B url(../m/bg.gif) repeat;
  margin-top: 136px;
  margin-bottom: 40px;
  position: relative;
  padding-top: 32px
}

#ibody {
  width: 933px;
  _width: 934px;
  min-height: 320px;
  position: relative;
  margin: 0 auto 0 auto;
  padding-bottom: 20px
}

#services div:after, #obody:after, #ibody:after {
  content: ".";
  visibility: hidden;
  height: 0;
  display: block;
  clear: both
}


#ibody .copy {
  width: 310px;
  height: 340px;
  background-image: url(../m/copy_foot.gif);
  background-position: bottom;
  float: left;
  margin: 0 0 0 1px;
  position: relative
}

.media {
  float: left;
  width: 620px;
  height: 340px;
  margin: 0 0 0 1px
}

.classes .media {
  width: 560px;
  _margin-left: 20px
}

.classes {
  width: 932px;
  height: 340px;
  position: relative;
  overflow: hidden
}

h2 {
  width: 270px;
  padding: 18px 20px 0 20px;
  line-height: 20px;
  background-image: url(../m/copy_head.gif);
  font-weight: bold;
  font-size: 12px
}

.classes h2 {
  width: 40px;
  height: 340px;
  padding: 0;
  text-indent: -9999px;
  background-color: 4B4B4B;
  float: left
}

#services h2 {
  width: 932px;
  height: 30px;
  padding: 0;
  margin-top: 1px;
  text-indent: -9999px;
  background-image: url(../m/services_2.png);
  position: static/*iex*/
}
#services h2.en {
	background-image: url(../m/navi/en/services.png);	
}

#services div div {
  width: 932px;
  background-color: #4B4B4B
}

#services>div {
  padding-bottom: 2px;
  background-image: url(../m/services_foot.gif);
  background-position: bottom;
  margin-top: -2px
}

p {
  background-color: #4B4B4B;
  display: block;
  float: none;
  width: 270px;
  padding: 52px 20px 0 20px;
  margin-top: -36px;
  min-height: 283px/*16*/
}

table.prices {
	background-color: #4B4B4B;
	display: block;
	float: none;
	width: 294px;
	position: absolute;
	left: 8px;
	top: 52px
}

div.tablePricesWrap {
  background-image: url(../m/copy_head.gif);
  background-repeat: no-repeat;
  padding: 3px 0 0 0;
}

  div.tablePricesWrapInner {
    background-color:#4B4B4B;
    width: 100%;
    height: 334px;
  }

table.prices td {
  padding: 20px 20px 0 0;
}

#services p {
  min-height: 0;
  margin: 0;
  padding: 0;
  width: 274px;
  min-height: 100px;
  padding: 0 38px 0 17px;
  float: left
}

ul {
  display: block;
  position: absolute
}

#services ul, .lage ul {
  position: static;
  width: 274px;
  float: left
}
	.lage ul {
	  min-height: 100px;
	}
#services ul ul {
  position: static;
  width: 220px;
  float: none;
  margin: 0 0 30px 0;
}

#services li, .lage li {
  padding-left: 19px;
  background-image: url(../m/li.gif);
  background-position: 0 8px;
  margin-bottom: 8px;
  clear:both
}

#services li {
  width: 96%;
}
#services li li {
  padding-left: 9px;
  background-image: url(../m/li.gif);
  background-position: 0 8px;
  margin-bottom: 0;
  width: 96%;
}

.lage ul {
  width: 270px
}

h3 {
  text-indent: -12px
}

#services ul:last-child {
  padding: 0 17px 0 38px
}

#services ul ul:last-child {
  padding: 0
}

ul#language {
  top: -136px;
  left: 50%;
  margin-left: 356px
}
ul#navi {
  top: -14px;
  left: 50%;
  margin-left: -466px
}

ul#tools {
  right: 50%;
  bottom: -23px;
  margin-right: -466px
}

ul#tools a:after {
  content: "|";
  margin: 0 5px
}

ul#tools li:last-child a:after {
  content: ""
}

ul#tools a {
  font-size: 9px;
  text-transform: uppercase;
  color: #4B4B4B
}

ul#language a {
	display: block;
	height: 24px;
	text-indent: -9999px;
	margin-right: 1px
}

#language a:hover, #language a.active {
  	background-position: 0 0;
}

#languageDe {
	background-image: url(../m/navi/de.gif);
  	width: 56px;
  	background-position: 0 -25px
}

#languageEn {
	background-image: url(../m/navi/en.gif);
  	width: 56px;
  	background-position: 0 -25px
}

ul#navi a {
  display: block;
  height: 27px;
  text-indent: -9999px;
  margin-right: 1px
}

#navi a:hover, #navi a.active {
  background-position: 0 -28px
}

ul li {
  float: left
}

/* german navigation */
#startseite {
  background-image: url(../m/button_start.png);
  width: 46px;
}
#button_oberursel {
  background-image: url(../m/button_oberursel.png);
  width: 76px;
}
#button_langen {
  background-image: url(../m/button_langen.png);
  width: 59px;
}
#button_city {
  background-image: url(../m/button_city.png);
  width: 64px;
}
#n01 {
  background-image: url(../m/appartements.png);
  width: 103px;
}
#n02 {
  background-image: url(../m/lage.png);
  width: 47px
}
#n03 {
  background-image: url(../m/preise.png);
  width: 55px
}
#n04 {
  background-image: url(../m/buchung.png);
  width: 73px
}
#n05 {
  background-image: url(../m/gewerbliche_kunden.png);
  width: 147px
}
/* english navigation */
#n01en {
  background-image: url(../m/navi/en/apartments.png);
  width: 97px;
}
#n02en {
  background-image: url(../m/navi/en/location.png);
  width: 80px
}
#n03en {
  background-image: url(../m/navi/en/pricing.png);
  width: 70px
}
#n04en {
  background-image: url(../m/navi/en/booking.png);
  width: 75px
}
#n05en {
  background-image: url(../m/navi/en/commercial.png);
  width: 157px
}

#player {
  position: absolute;
  left: 50%;
  bottom: -17px;
  margin-left: -466px;
  width: 73px;
  height: 7px;
}

#app01, #app02, #app03 {
  width: 870px;
  height: 340px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../m/class_foot.gif);
  background-position: 602px 337px
}

.classes h2, #services h2 {
  cursor: pointer
}

/* app class selection*/
#app01 h2 {
  background-image: url(../m/class01.png);
}
#app01 h2.active {
  background-image: url(../m/class01_f2.png);
}
#app02 h2 {
  background-image: url(../m/class02.png);
}
#app02 h2.active {
  background-image: url(../m/class02_f2.png);
}
#app03 h2 {
  background-image: url(../m/class03.png);
}
#app03 h2.active {
  background-image: url(../m/class03_f2.png);
}

#app01 h2.en {
  background-image: url(../m/navi/en/class01.png);
}
#app01 h2 .en .active {
  background-image: url(../m/navi/en/class01on.png);
}
#app02 h2.en {
  background-image: url(../m/navi/en/class02.png);
}
#app02 h2 .en .active {
  background-image: url(../m/navi/en/class02on.png);
}
#app03 h2.en {
  background-image: url(../m/navi/en/class03.png);
}
#app03 h2 .en .active {
  background-image: url(../m/navi/en/class03on.png);
}

.details {
  width: 248px;
  height: 340px;
  float: left;
  margin: 0 1px 0 1px;
  position: relative
}

.classes * {
  color: #000
}

.classes strong {
  padding: 14px 20px 20px 0;
  background-image: url(../m/class_head.gif);
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 12px
}

.classes p {
  width: 208px;
  height: 296px;
  background-color: #CDCDCD;
  margin-top: -48px;
  padding-top: 38px
}


.buchen,
.book-en {
  position: absolute;
  width: 71px;
  height: 27px;
  left: 87px;
  top: 285px;
  text-indent: -9999px
}
.buchen {
  background-image:url(../m/btn_buchen.gif);
}
.book-en {
  background-image:url(../m/buttons/book.png);	
}

.thumbs {
  position: absolute;
  left: 41px;
  top: 0px;
  width: 547px;
  height: 58px;
  padding-top:282px;
  padding-left: 13px;
  background-image: url(../m/bg_thumbs.png);
  background-position: bottom;
  z-index: 9999
}

.thumbs a {
  display: block;
  width: 65px;
  height: 45px;
  margin: 7px 2px 0 0;
  float: left;
  opacity: .5;
  filter: alpha(opacity=50);
}

.thumbs a:hover {
border: 1px solid #FF9B00;
  position: relative;
  left:-1px;
  top:-1px;
  margin-right:0px;
  float: left;
  opacity: 1;
  filter: alpha(opacity=100);
}

form {
  background-color: #4B4B4B;
  display: block;
  float: none;
  width: 270px;
  margin: 0 0 0 20px;
}

label {
  width:270px;
  display: block;
  float: left;
  clear: both;
  /*padding-bottom: 4px;*/
  height: 34px;
  position: relative
}

label.error {
  color: #FF9B00;
}

input[type='text'], select {
  width: 270px;
  color: #4B4B4B
}

select {
  background-color: #FFFFFF;
}

option, input {
  color: #4B4B4B
}

input.error {
  border: 1px solid #FF9B00;
}
div.error {
  color: #FF9B00;
  display: block;
  margin: 14px 0 10px 20px;
}