/* =============== */
/* = Site Design = */
/* =============== */

body {
  font-family: Arial, "sans-serif";
}

a {
  text-decoration: none;
  color: rgb(110, 122, 140);
}

a.external {
  padding-left: 20px;
  background: url(/images/outbound.gif) no-repeat;
}

p img.left {
  margin-bottom: 3em;
  margin-top: 3em;
}

td {
  vertical-align: top;
}

h1, h3 {
  font-size: 1.2em;
  margin-bottom: 1.4em;
  color: rgb(71, 71, 72);
  font-weight: bold;
}

ul {
  margin: 0;
}

form.table-style label {
  width: 300px;
  display: block;
  float: left;
}

form.table-style .right-label label{
  float: none;
  width: 400px;
}

form.table-style .right-label input{
  float: left;
}



.hint {
  color: #aaa;
  margin-top: 50px;
}

.container {
  padding-top: 330px;
  background: url(/images/header-bg.jpg) no-repeat;
  width:1200px;
  margin:0 auto;
}

  .middle-col {
    overflow: hidden;
  }

#footer {
  background: url(/images/footer-bg.png) repeat-x;
  padding-top: 4px;
  height: 50px;
}

#footer ul#footer-nav {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  height: 2em;
}

#footer ul li {
  float: left;
  margin-left: 10px;
}

.links {
  margin-left: 10px;
}

.even {
  background-color: #E5E5E5;
}

.odd {
  background-color: white;
}

.span-28 {
  width: 1120px;
}

.comparison {
  padding: 10px;
}
.comparison table td {
  width: 230px;
}

.with-hint h2 {
  display: inline;
}

.with-hint p {
  font-size: 0.8em;
}

/* ============ */
/* = RedCloth = */
/* ============ */

.redcloth ul, .redcloth-preview ul {
  list-style-type: disc;
  margin-left: 2em;
}

.redcloth p, .redcloth-preview p {
  margin: 0;
}

.redcloth-preview {
  width: 400px;
  height: auto;
}

/* ============== */
/* = Navigation = */
/* ============== */

#navigation {
  margin-left: 10px;
}

#navigation li {
  margin-bottom: 4px;
  min-height: 2em;
  background: url(/images/nav_trenner.jpg) bottom no-repeat;
}

#navigation li.sub {
  background: none;
}

#navigation li a, #navigation > li {
  font-size: 1em;
  font-weight: bold;
}

#navigation > li {
  line-height: 2em;
}

/* ======== */
/* = Cart = */
/* ======== */

#cart {
  width: 227px;
  background: url(/images/merkzettel-middle.png);
}
#cart-top h3 {
  padding-top: 14px;
  padding-left: 14px;
  color: rgb(71, 71, 72);
  font-size: 1em;
  font-weight: bold;
}

#cart-top {
  background: url(/images/merkzettel-top.jpg);
  height: 41px;
}

#cart-bottom {
  background: url(/images/merkzettel-bottom.jpg);
  height: 33px;
}

#cart p {
  padding-left: 20px;
  padding-right: 10px;
  width: 190px;
}

/* ======================== */
/* = Columns in City-List = */
/* ======================== */

.leftcol {
  float: left;
  width: 165px;
}

.rightcol {
  float: left;
  width: 375px;
}

/* ============== */
/* = base entry = */
/* ============== */

.base-entry {
  overflow: hidden;
}

.base-entry h2 {
  font-size: 1.4em;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.base-entry h2 .cart-link {
  float: right;
}

.base-entry td {
  padding: 0px;
}

.base-entry td.first {
  width: 14em;
}

.admin {
	overflow: hidden;
	background: black;
	color: white;
}

.admin a {
	color: white;
}

.base-entry ul.links li, .admin .links li {
  float:left;
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
}

/* =============== */
/* = detail page = */
/* =============== */

ul.horizontal {
  width: 100%;
  margin: 0px;
  overflow: hidden;
}

ul.horizontal li {
  float: left;
  margin-left: 10px;
}

.link-list {
  background: rgb(199, 218, 215);
  padding: 10px;
}


/* =========== */
/* = contact = */
/* =========== */

#map-canvas {
  width: 540px;
  height: 540px;
}

ul#legend {
  margin: 10px 0px;
  overflow: hidden;
}

ul#legend li {
  float: left;
  vertical-align: middle;
}

ul#city-list {
  width: 700px;
  margin-left: 0px;
}

ul#city-list h3 {
  margin: 6px 0px;
}


/* ========= */
/* = Forms = */
/* ========= */

#appartment_aufteilung {
  width: 60em;
}

/* ================== */
/* = cart = */
/* ================== */

.cart-link {
  display: inline;
}

/* ================= */
/* = Eventkalender = */
/* ================= */

.events .header td {
  font-weight: bold;
}

/* ============================== */
/* = Super Special Extra Wishes = */
/* ============================== */
#page_body {
  width: 100%;
}


#contact_anmerkungen {
  width: 658px;
}

/* =========== */
/* = gallery = */
/* =========== */



.gallery > * {
  float: left;
  margin-right: 10px;
  border: 1px solid #999;
  padding: 5px;
  height: 140px;
  width: 160px;
}

.gallery.editable > * {
  height: 160px;
}

.gallery .image {
  height: 120px;
  margin-bottom: 5px;
}

.gallery img {
  border: 1px solid #ddd;
}
/* ========== */
/* = teaser = */
/* ========== */

.teaser {
  border: 1px solid #ddd;
  width: 200px;
  margin: auto;
  padding: 10px;
  text-align: center;
  margin-top: 10px;
}


#admin {
	height: 30px;
	color: white;
	background: black;
	width:1200px;
  margin:0 auto;
}

#admin a {
	color: white;
}

#admin ul {
	height: 30px;
	padding: 5px 0px;
	list-style: none;
}

#admin li {
	float: left;
	margin-left: 10px;
}

#admin li.right {
	float: right;
	padding-right: 20px;
}

.clear {
  clear:both;
}

.hmrv {
  margin-top: 30px;
  margin-left: 30px;
}

.horizontal.images li {
  margin-left: 0px;
  margin-right: 7px;
}

textarea {
  font-family: "Andale Mono", monospace;
  font-size: 12px;
}

#contact, #phone {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 30px 0px;
}

.divider {
  text-align: center
}

#weather {
  margin-left: 30px;
  margin-top: 30px;
}

.with-subtitle {
  margin-bottom: 0px;
}