@charset "UTF-8";
/* CSS Document */
body {
background-color:#FFFFFF;
text-align:center;
/*min-width: 1026px;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin:-9px 0 0 0;
}
#page {
margin: 0px auto;
max-width: 1024px;
}
p.home {
padding:0% 3%;
margin-bottom:-.3em;
}
#container {
width: 100%;
margin: 9px 0px;
overflow: hidden;
max-width:1088px;
}
.colleft {
float:left;
width:16%;
margin: 2% 2% 1% 0%;
border:none;
}
.margintop {
margin-top:2%;
}
.colright {
float:right;
width: 26%;
margin: 0% 0% 1% 1%;
height:auto;
 }
#content {
float:left;
/*background-color:#fff;*/
color:#871212;
width:52%;
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
margin-left:2%;
/*background-color:#f4eaea;*/
}
.newsl_image {
float:left;
background-color:#DAA8A9;
color:#F2ECE4;
width:100%;
height:auto;
padding:0px 12px 6px 9px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}
.newsl_image2 {
float:left;
width:112%;
height:auto;
padding-top:9px;
}
#top {
background-color:#f4f0ea;
}

#wotm {
background-color:#32181B;
color:#F2ECE4;
width:auto;
height: Auto;
padding: 6px 12px 12px 18px;
font-family:"Trebuchet MS";
clear: right;
}
#icons {
background-color:#FFFFFF;
width:auto;
height:auto;
float:right;
}
img.icon {
width:24px;
height:24px;
margin:0 0 8px 9px;
float:left;
}
h2 {
font-size:1.4em;
font-weight:bold;
text-align:left;
color:#AF9F97;
}
h3 {
text-align:left;
font-weight:600;
font-size:1.2em;
line-height:1.45em;
}
.beige {
color:#AF9F97;
}
.sold {
background-image:url(../images/sold.png);
background-position:top;
background-repeat: no-repeat;
display:block;
width:auto;
}
.pclass {
font-weight:300;
font-size:12px;
color:#e8dbd4;
}
a {
font-weight:bold;
color: #751614;
text-decoration:none;
}

img {
width: 100%;
max-width:936px;
}
img.header {
overflow:auto;
width:100%;
}
.footer {
background-color:#f4f0ea;
clear:left;
margin:1em 0 0 0;
border-style:solid;
border-color:#f4f0ea;
border-width:2em;
}
h5 {
font-size:1.3em;
color:#666666;
}
.times {
font-size:1em;
font-weight:normal;
line-height:1.4em;
color:#3d3d3d;
}
a.map {
color:#666666;
}
@media only screen and (max-width: 1014px),
only screen and (max-device-width: 1014px)
{
#page {
margin: 0px auto;
max-width: 1000px;
}
img.header {
overflow:hidden;
width:1000px;
height:169px;
}
}
@media only screen and (max-width: 994px),
only screen and (max-device-width: 994px)
{
#page {
margin: 0px auto;
max-width: 980px;
}
img.header {
overflow:hidden;
width:980px;
height:166px;
}
.colleft {
float:left;
width:163px;
margin: 2% 2% 1% 0%;
border:none;
}
.colright {
float:right;
/*width: 27%;*/
width:229px;
margin: 2% 0% 1% 0%;
height:auto;
 }
#content {
float:left;
/*background-color:#fff;*/
color:#871212;
/*width:467px;*/
width:52%;
/*width:47%;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#fefcce;gelb*/
}
.newsl_image {
padding:0px 12px 26px 9px;
}
/*.newsl_image2 {
float:left;
width:163px;
margin: 2% 2% 1% 0%;
height:auto;
padding-top:9px;
}*/
.pdfimg {
width:110px;
height:141px;
margin:auto;
}

}
@media only screen and (max-width: 895px),
only screen and (max-device-width: 895px)
{
#page {
margin: 0px auto;
max-width:881px;
}

img.header {
overflow:hidden;
width:800px;
height:136px;
}
.colleft {
float:left;
height:auto;
width:137px;
margin: 2% 0% 1% 0%;
border:none;
}
.colright {
float:right;
/*width: 30%;*/
width:204px;
margin: 2% 0% 1% 1%;
height:auto;
 }

#content {
float:left;
/*background-color:#fff;*/
color:#871212;
width:56%;
/*width:45%;
width:396px;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#f0fbd9;hell-gruen*/
}
.newsl_image {
float:left;
background-color:#DAA8A9;
color:#F2ECE4;
width:125px;
height:auto;
padding:0px 6px 26px 6px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}
.newsl_image2 {
float:left;
width:100%;
height:auto;
padding-top:9px;
}
.pdfimg {
width:110px;
height:141px;
margin:auto;
}
/*p {
font-size:11px;
}*/
h3 {
text-align:left;
font-weight:600;
font-size:1.2em;
line-height:1.3em;
}

}
@media only screen and (max-width: 842px),
only screen and (max-device-width: 842px)
{
#page {
margin: 0px auto;
max-width: 830px;
}

img.header {
overflow:hidden;
width:800px;
height:136px;
}
.colleft {
float:left;
width:125px;
margin: 2% 0% 1% 0%;
border:none;
}
.newsl_image {
width:108px;
padding:0px 12px 26px 9px;
}
/*.newsl_image2 {
float:left;
width:101%;
height:auto;
padding-top:9px;
}*/
.colright {
float:right;
/*width: 30%;*/
width:204px;
margin: 2% 0% 1% 1%;
height:auto;
 }
#content {
float:left;
/*background-color:#fff;*/
color:#871212;
width:54%;
/*width:45%;
width:396px;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#e5f4fc;hellbalau*/
}
#wotm {
background-color:#32181B;
color:#F2ECE4;
width:92%;
height: Auto;
padding: 6px 9px 9px 9px;
font-family: "Trebuchet MS";
}
.pdfimg {
width:110px;
height:141px;
margin:auto;
}
/*p {
font-size:11px;
}*/
h3 {
text-align:left;
font-weight:600;
font-size:1.2em;
line-height:1.3em;
}
}
@media only screen and (max-width: 795px),
only screen and (max-device-width: 795px)
{
#page {
margin: 0px auto;
width: 795px;
}

img.header {
overflow:hidden;
width:800px;
height:136px;
}
p {
font-size:.9em;
}
.colleft {
float:left;
width:119px;
margin: 2% 1% 1% 0%;
border:none;
}
.newsl_image {
width:102px;
padding:0px 12px 26px 9px;
}
.colright {
float:right;
width:204px;
margin: 2% 0% 1% 0%;
height:auto;
 }
#content {
float:left;
/*background-color:#fff;*/
color:#871212;
/*width:420px;*/
width:56%;
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#f0e5fc;hell-lila  this one works; it has a set page width, not max-width*/
}
#wotm {
background-color:#32181B;
color:#F2ECE4;
width:92%;
height: Auto;
padding: 6px 9px 9px 9px;
font-family:"Trebuchet MS";
}
}

@media only screen and (max-width: 583px),
only screen and (max-device-width: 583px)
{
#page {
margin: 0px auto;
width: 575px;
}
img.header {
overflow:hidden;
width:468px;
height:79px;
}
#page {
margin: 0px auto;
width: 575px;
}
p {
font-size:11px;
}
.colleft {
float:left;
width:125px;
margin: 2% 2% 1% 0%;
border:none;
}

.colright {
width:95%;
float:left;
height:auto;
 }
#content {
float:left;
/*background-color:#fff;*/
color:#871212;
/*width:420px;*/
width:72%;
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#f0e5fc;hell-lila  this one works; it has a set page width, not max-width*/
}
.sold {
background-image:url(../images/sold2.png);
background-position:left;
background-repeat: no-repeat;
width:auto;
}
}

@media only screen and (max-width: 406px),
only screen and (max-device-width: 406px)
{
#page {
margin: auto;
max-width: 406px;
text-align:center;
}
img.header {
overflow:hidden;
max-width:395px;
width:90%;
height:67px;
margin-left:-60px;
}
#container {
width: 98%;
margin: auto;
overflow: hidden;
max-width:406px;
text-align:center;
}
.colleft {
width:395px;
border:none;
margin:auto;
}
.col {
	width: 98%;
	margin: 1% 2%;
}
.colright {
width:98%;
max-width:395px;
margin: 2% 0% 1% 2%;
 }
 #content {
float:left;
/*background-color:#fff;*/
color:#871212;
width:78%;
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.3em;
line-height:1.6em;
text-align:left;
border:none;
}
.newsl_image {
background-color:#DAA8A9;
color:#F2ECE4;
width:75%;
height:auto;
margin:auto;
padding:0px 6px 6px 9px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}
.pdfimg {
width:110px;
height:141px;
margin:auto;
}
#wotm {
background-color:#32181B;
color:#F2ECE4;
width:92%;
height: Auto;
padding: 6px 9px 9px 9px;
font-family:"Trebuchet MS";
}
.sold {
background-image:url(../images/sold2.png);
background-position:left;
background-repeat: no-repeat;
width:auto;
}
}