.align-center { text-align: center }

body {
    font-family: Trebuchet MS, sans-serif;
    font-size: 62.5%;
	}

p {
	font-size: 1.2em;
	}

div#wrap {
	margin: auto;
	width: 975px;
	}
	
div#leftWrap {
	width: 261px;
	float: left;
	margin-top: 9px;
	}
	
div#mainWrap {
	width: 433px;
	float: left;
	margin-top: 9px;
	}
	
div#rightWrap {
	width: 280px;
	float: left;
	margin-top: 25px;
	}
	
div#logo {
	width: 261px;
	border-bottom: 1px dotted #d5d1b8;
	float: left;
	}
	
/*### Navi ###################################################################*/

ul#menu {
	float: left;
		}

ul#menu li {
	border-bottom: 1px dotted #d5d1b8;
	width: 261px;
	}

ul#menu li a {
	color: #78745d;
	font-size: 1.2em;
	padding: 6px 0px 7px 20px;
	display: block;
	}
	
ul#menu li.liActive a {
	background-color: #ebeae3;
	}
	
ul#menu li a:hover {
	background: #f4f3ec url(/fileadmin/layout/hover.jpg) no-repeat right;
	}
	
/*### Infobox ################################################################*/

div#infoBox {
	background-color: #727063;
	float: left;
	width: 261px;
	padding-bottom: 10px;
	}
	
div#infoBox h1 {
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
	padding: 10px 20px 0px 20px;
	}
	
div#infoBox p {
	color: #fff;
	padding: 0px 20px 0px 20px;
	}
	
div#infoBox a {
	text-decoration: underline;
	color: white
	}

div#infoBox dl.csi-image {
	margin: 0px;
	}
	
/*### Content ################################################################*/

div#content {
	background: #fff url(/fileadmin/layout/h1background.jpg) repeat-x top;
	float: left;
	width: 433px;
	}

div#content h1.csc-firstHeader {
	font-size: 1.8em;
	padding: 5px 0px 23px 20px;
	font-weight: normal;
	color: #fff;
	}
	
div#content p {
	padding: 0px 20px 10px 20px;
	color: #727063;
	float: left;
	}

div#content h1 {
	font-size: 1.8em;
	padding: 5px 0px 2px 20px;
	font-weight: normal;
	color: #727063;
	}

div#content ul {
	padding: 0px 20px 10px 34px;
	float: left;
	}

div#content ul li {
	font-size: 1.2em;
	color: #727063;
	list-style-type: disc;
	margin-bottom: 5px;
	}

div#content a {
	color: #727063;
	text-decoration: underline;
}	
	
/*### Seitentitel ############################################################*/

div#pageTitle {
	background-color: #ebeae3;
	height: 92px;
	border-bottom: 1px dotted #d5d1b8;
	}
	
div#pageTitle h1 {
	padding: 64px 0px 10px 20px;
	font-size: 1.8em;
	color: #727063;
	font-weight: normal;
	}
	
/* ### Subnavi ###############################################################*/

div#subNavi {
	float: left;
	}

ul#subMenu li {
	border-bottom: 1px dotted #d5d1b8;
	width: 280px;
	}

ul#subMenu li a {
	color: #78745d;
	font-size: 1.2em;
	padding: 6px 0px 7px 20px;
	display: block;
	}
	
ul#subMenu li.liActive a {
	background-color: #727063;
	color: #fff;
	}
	
ul#subMenu li a:hover {
	background: #f4f3ec url(/fileadmin/layout/hover.jpg) no-repeat right;
	color: #727063;
	}
	
/*### Teaser #################################################################*/

div#teaser {
	background-color: #ebeae3;
	float: left;
	padding-bottom: 10px;
	width: 280px;
	}
	
div#teaser h1 {
	color: #727063;
	font-size: 1.8em;
	font-weight: normal;
	padding: 10px 20px 0px 20px;
	}
	
div#teaser p {
	color: #727063;
	font-size: 1.2em;
	padding: 0px 20px 0px 20px;	
	}

div#teaser dl.csi-image {
	margin: 0px;
	}

div#teaser ul {
	padding: 0px 20px 0px 34px;
	}

div#teaser ul li {
	font-size: 1.2em;
	color: #727063;
	list-style-type: disc;
	margin-bottom: 5px;
	}
	
/*### Footer #################################################################*/

div#footer {
	background-color: #f4f3ec;
	border-top: 1px dotted #d5d1b8;
	width: 975px;
	float: left;
	margin-top: 15px;
	}
	
div#footer div#footerLeft {
	color: #727063;
	float: left;
	padding: 10px 0px 30px 20px;
	}
	
div#footer div#footerRight {
	float: right;
	padding: 10px 20px 30px 0px;
	}
	
ul#footerMenu li {
	display: inline;
	margin-left: 10px;
	}
	
ul#footerMenu li a {
	color: #727063;
	font-size: 1.2em;
	}
	
/*### Imagecontent ###########################################################*/

div#imgContent dl.csi-image {
	margin: 0px;
	}

/*### Angebot Template #######################################################*/

div.angebotWrap {
	background-color: #fff;
	float: left;
	padding-bottom: 10px;
	}

div.angebotHead {
	width: 280px;
	float: left;
	background-color: #EBEAE3;
	border-bottom: 1px dotted #d5d1b8;
	margin-bottom: 8px;
	}

div.angebotHead h1 {
	float: left;
	padding: 6px 5px 6px 20px !important;
	}

div.angebotHead h2 {
	font-size: 1.2em;
	color: #727063;
	padding-top: 10px;
	float: left;
	}

div.angebotListWrap {
	float: left;
	width: 280px;
	position: relative;
	margin-bottom: 10px;
	}

div.angebotBullet {
	float: left;
	width: 20px;
	text-align: right;
	}

div.angebotBullet img {
	margin: 6px 3px 0px 0px;
	}

div.angebotEintrag {
	float: left;
	width: 190px;
	}

div.angebotEintrag p {
	padding: 0px !important;
	}

div.angebotPreis {
	float: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
	}

div.angebotPreis h1 {
	padding: 0px !important;
	}

div.angebotBuchen {
	float: right;
	}

/*### BlockHeader ############################################################*/

div.blockHeader {
	width: 433px;
	background-color: #f4f3ec;
	float: left;
	border-top: 1px dotted #d5d1b8;
	margin-bottom: 14px;
	height: 34px;
	}

div.blockHeaderLeft {
	float: left;
	}

div.blockHeaderRight {
	float: right;
	margin-right: 20px;
	}

/*### Kontaktformular ########################################################*/

table.kontakt {
	width: 393px;
	}

div#content form h2 {
	padding: 0px 20px 5px 0px;
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #727063;
	}

div#content textarea {
	float: left;
	display: block;
	width: 383px;
	margin: 0px 20px 10px 20px;
	font-size: 1.2em;
	font-family: Trebuchet MS, sans-serif;
	color: #333;
	}

div.infomaterial {
	margin: 0px 20px 0px 20px;
	}

h2.ihrenachricht {
	margin: 10px 0px 0px 20px;
	}

form {
	float: left;
	display: block;
	font-size: 1.2em;
	color: #727063;
	}

form span {
	font-size: 1.2em;
	}

form input.kontakt {
	font-size: 1.2em;
	width: 110px;
	}

input.checkbox {
	margin-right: 5px;
	}

input.kontakt_submit {
	margin: 0px 0px 0px 20px;
	font-size: 1.2em;
	color: #333;
	}

input.checkbox {
	margin-bottom: 2px;
	}

td.beschriftung1, td.beschriftung2 {
	width: 353px;
	}

input.kontakt {
	color: #333;
	font-family: Trebuchet MS, sans-serif;
	font-size: 1.2em;
	}

div#content h2 {
	padding: 0px 20px 5px 20px;
	float: left;
	width: 100%;
	font-size: 1.2em;
	color: #727063;
	}

span.kontakt_fehler {
	color: #c30000;
	}

span.fehlermeldung {
	margin-left: 20px;
	}

div#content span.danke {
	margin-left: 20px;
	font-size: 1.2em;
	color: #727063;
	}

/*### Korrekturen #########################################################*/

dl.csc-textpic-image {
	margin: 0px !important;
	padding: 0px;
	}

div#content table {
	margin-left: 20px;
	float: left;
	}

div#content table td p{
	padding: 3px 0px 3px 0px;
	margin: 0px;
	}

div.tx_lumogooglemaps_pi1_sidebar {
	display: none;
	}

div.row label {
	margin-left: 20px;
	float: left;
	}

div.input-desc {
	float: left;
	}

div.zimmer-desc {
	margin: 0px 0px 7px 20px;
	font-weight: bold;
	font-size: 1.2em;
	}

input#anreise {
	width: 85px;
	margin: 0px 3px 0px 3px;
	}

div.row {
	width: 420px;
	float: left;
	}

div.row input {
	float: left;
	}

input#dauer {
	width: 20px;
	margin: 0px 10px 0px 3px;
	}

input#arrangement {
	width: 317px;
	margin: 0px 20px 0px 3px;
	}

input#ez, input#dz, input#dreibz, input#vierbz {
	width: 92px;
	margin-bottom: 7px;
	}

label.zimmerlabel {
	width: 90px;
	}

input.button {
	margin-left: 20px;
	}

div#teaser a {
	color: #727063;
	text-decoration: underline;
	}

form span.error {
    color:#BF0000;
}

#buchungsanfrage label.error {
    color:#BF0000;
}

#buchungsanfrage div.error {
    color:#BF0000;
}

div#buchungsanfrage div.errorMsg {
    color:#BF0000;
    font-size:1.2em;
    font-weight:normal;
    padding:5px 10px 2px 20px;
}

div#buchungsanfrage label.checkbox {
    width:300px;
}

div#buchungsanfrage label.wuensche {
    width:300px;
}
/*
Flash code
To validate XHTML 1.0 Transitional, this is one hack First, you have to create the following classes in jour CSS .imgcachee to hide the first alternative image or text (which is for IE only) in other browsers .contenu to hide the second object  in IE */

img.imgcache {display:none;}

/*** hides the second object from all versions of IE ***/
* html object.content {
  display: none;
}

*html img.imgcache {
  display:inline;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.content/**/ {
  display: inline;
}

* html img.imgcache/**/ {
  display: none;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.content {
  display/**/: none;
}

* html img.imgcache {
  display/**/: inline;
}


/*### Angaben für den Buchungsprozess #######################################*/

div#buchungsanfrage label {
  width: 150px;
  margin-bottom:5px;
}

div#buchungsanfrage label.zimmerlabel {
  width: 86px;
}

div#buchungsanfrage input, div#buchungsprozessverfuebarkeit input{
  font-size: 1.2em;
  color: #727063;
  margin-bottom:5px;
}



div#buchungsanfrage input#arrangement{
  width: 210px;
}

div.seitedaten form {
	border: 0px solid white;
}

div.seitedaten form input.checkbox{
	margin-left: 20px;
}

div.seitedaten form fieldset{
	border: 0px solid white;
}


div.seitedaten div.row div.left, div.seitedaten div.row div.right  {
	clear: both;
}

div.tx_lumogooglemaps_pi1_infobox {
	font-size:1.2em;
}

div#gmapDirHead {
	font-size:1.2em !important;
}

/*### Sprachauswahl ##################################*/

div#lang {
	text-align: right;
	height: 15px;
}

div#lang img {
	display: none;
	}

/*### Newsletterkasten ##################################*/
div.newsletteranmeldung {
	padding: 9px;
}
div.newsletteranmeldung h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #727063;
	padding-bottom: 3px;
}
.fett {
	font-weight: bold;
}

div.newsletteranmeldung-aufforderung {
	width: 262px;
	}
	
/* fixes fuer wicked css code */
th p {
	padding: 0 !important;
	float: none;
	text-align: left;
}
td, th {
	vertical-align: top;
	padding-right: 3px;
}