/* DATEI: basic.css 
PROJEKT: www.beyerimmobilien.com */

body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;	
text-align: center;
color: #000000;
background-color: #EEEEEE;
width: 100%;
margin: 0;
padding: 0;
}

.breaker {
clear: both;
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}

.small {
font-size:11px;
}

.img {
border: none;
}

.raquo {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}

.raquo_current {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}

.more {
text-align: right;
border: 0;
padding: 0;
margin: 0;
}

.more a { 
color: #3D7D82;
text-decoration: none;
}

.more a:hover span, #submit a:hover span, #reset a:hover span {
color: #000000;
}

.more a:hover {
color: #000000;
}

a.more-link {
color: #3D7D82;
text-decoration: none;
background-image: url(../img/raquo.gif);
background-repeat:no-repeat;
padding-left: 10px;
text-transform: uppercase;
}

a.more-link:hover {
color: #000000;
background-image: url(../img/raquo_hover.gif);
}

a { 
color:#3D7D82;
text-decoration:none;
}

a:hover {
color:#000000;
text-decoration:none;
}

p {
line-height: 150%;
margin: 7px 0 7px 0;
}

p.align-right {
float: right;
}

td {
vertical-align: top;
}

/* ------------- Page Setup ------------------- */

#main {
width: 1000px;
margin: 30px auto;
padding: 0;
text-align: left;
background-color: #FFFFFF;
}

/* ------------- Header ------------------- */

#headerContainer {
width: 100%;
height: 160px;
background-color: #FFFFFF;
}

#headerLogo {
padding: 10px 0 0 30px;
margin: 0;
width: 270px;
height: 110px;
overflow: hidden;
text-align: left;
float: left;
}

#headerLogo img {
border: 0;
}


#headerNav {
padding: 0;
margin: 0;
width: 670px;
height: 130px;
overflow: hidden;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
float: right;
vertical-align: bottom;
color: #3D7D82;
}

#headerNav ul { 
list-style-type: none;
margin: 0;
padding: 0;
}

#headerNav li { 
height: 1em;
padding: 30px 30px 0 5px;
margin: 0;
float:left;
text-align: left;
border-left: 1px solid #BDBEC0;
}

#headerNav li.current { 
color: #000000;
border-left: 1px solid #000000;
}


#headerNav li a { 
display: block;
color: #3D7D82;
text-decoration:none;
}

#headerNav li a:hover {
color:#000000;
}

#headerNav li a.current { 
color:#000000;
text-decoration:none;
}

/* ------------- Unternavigation ------------------- */

#subNavContainer {
font-family: Helvetica, sans-serif;
width: 270px;
background-color: #FFFFFF;
text-align: left;
padding: 0 30px 30px 30px;
margin: 0;
float: left;
}

#subNav {
margin: 0;
padding: 0;
overflow: hidden;
font-size: 11px;
}

#subNav ul { 
list-style-type: none;
margin: 0;
padding: 0;
}

#subNav li { 
padding: 0;
margin: 0 0 5px 0;
}

#subNav li a { 
color: #3D7D82;
text-decoration: none;
}

#subNav li a:hover span {
color: #000000;
}

#subNav li a:hover {
color: #000000;
}

#subNav li a.current { 
color: #000000;
text-decoration: none;
}

/* ------------- Contentbereich ------------------- */

#contentContainer1 {
padding: 0 30px 0 0;
margin: 0 auto;
width: 640px;
background-color: #ffffff;
text-align: left;
float: left;
}

#contentContainer2 {
margin: 0 auto;
padding: 0;
}

#content_narrow {
width: 440px;
}


#contentContainerStart {
padding: 25px 30px 0 30px;
margin: 0;
width: 940px;
background-color: #ffffff;
float: left;
text-align: center;
}

#topContent {
padding: 0 0 35px 0;
margin: 0;
text-align: center;
}

#topContent .objectItem {
text-align: left;
width: 550px;
margin: 0 auto;
padding: 0;
border: 0;
}

#topContent .objectItem h2 {
margin:0;
padding: 0 0 10px 0;
font-size: 14px;
}

#topContent .objectItem h2 a { color: #000; }
#topContent .objectItem h2 a:hover { color: #000; }

#topContent .objectItemImg {
margin: 0;
padding: 0 30px 0 0;
}

#topContent .objItemData {
padding: 0;
margin: 0 0 10px 0;
color: #000000;
}

#bottomContent {
border-top: 1px solid #BDBEC0; 
padding: 20px 0 20px 0;
margin: 20px 0 0 0;
}

#bottomContent .objectItem {
margin: 0;
padding: 0 20px 0 20px;
border: 0;
}

#bottomContent .startBoxMiddle .objectItem {
border-left: 1px solid #BDBEC0; 
}

#bottomContent .startBoxRight .objectItem {
border-left: 1px solid #BDBEC0; 
}

#bottomContent .objectItem h2 {
margin:0;
padding: 0 0 10px 0;
font-size: 14px;
}

#bottomContent .objectItem h2 a { color:#000; }
#bottomContent .objectItem h2 a:hover { color:#000; }

.startBoxLeft {
width: 300px;
text-align: left;
float: left;
}

.startBoxMiddle {
width: 300px;
text-align: left;
float: left;
}

.startBoxRight {
width: 300px;
text-align: left;
float: right;
}

/* ------------- Footer ------------------- */

#footerContainer {
float: left;
margin: 0;
width: 950px;
padding: 10px 25px 10px 25px;
color: #BDBEC0;
text-align: left;
text-transform: uppercase;
background-color: #EEEEEE;
}

#footerContainer a {
color: #3D7D82;
padding: 0 5px 0 5px;
}

#footerContainer a:hover {
color:#000000;
}

#footerLeft {
float:left;
}

#footerRight {
float:right;
text-align: right;
}

/* ------------- Objekte ------------------- */

/* -- Objekt Liste ------ */

.objectItemTeaserBox {
position: relative;
}

.objectItemTeaser {
position: absolute;
bottom: 0;
}

#objectList {
padding: 0;
margin: 0;
}

.objectItem {
border-bottom: #cccccc 1px solid;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}

.objectItem h2 {
margin:0;
padding: 0 0 15px 0;
font-size: 14px;
font-weight: bold;
color: #000000;
}

.objectItem h2 a { color: #000; }
.objectItem h2 a:hover { color: #000; }

.objectItemImg {
float: left;
margin-right: 15px;
margin-left: 0;
}

.objectItem .objectItemImg {
float: left;
margin-right: 15px;
margin-left: 0;
width: 160px;
height: 101px;
background: #ccc;
overflow:hidden;
}

.objectItemStart {
margin: 0 0 15px 180px;
padding: 0;
position: relative;
width: 550px;
}

.objectItemStart .objectItemImg {
float: left;
margin:0;
width: 330px;
}

.objectItemStart .objectItemText {
position: absolute;
bottom: 0;
right:0;
width: 220px;
text-align: left;
}

.objectItemStart .objectItemText h2 {
margin:0;
padding: 0 0 15px 0;
font-size: 14px;
font-weight: bold;
color: #000000;
}

.objectItemStart .objectItemText h2 a { color: #000; }
.objectItemStart .objectItemText h2 a:hover { color: #000; }

.objectItemImg img {
border: none;
}

.objItemData {
padding: 0;
margin: 0;
color: #3D7D82;
}

.objItemText {
margin: 0;
padding: 0;	
}

/* -- Objekt Details------ */

#objectSingle {
}

#objectSingleGallery {
margin-bottom: 35px;
}

#objectSingleGallery td.img {
background-color: #ff9900;
}

#objectSingleLeft {
float: left;
width: 365px;
}

#objectSingleRight {
float: right;
width: 365px;
}

.submit {
border: none;
background-color: #ff9900;
color: #000000;
font-weight: bold;
padding: 5px 10px 5px 10px;
margin-top: 10px;
font-size: 11px;
}

.detailsTitle {
}

.detailsDescr {
width: 460px;
margin: 0 auto;
padding: 0;
float: left;
}

.detailsLinks {
width: 160px;
margin: 0;
padding: 0;
float: right;
}

.detailsLinks ul {
list-style-type: none;
padding: 0;
margin: 0;
text-transform: uppercase;
}

.detailsLinks ul li { padding: 0 0 0 12px; background: url(../img/detailsLinks_dot.gif) no-repeat left top; }

.detailsLinks a:hover span, .detailsFooterLinksRechts a:hover span {
color: #000000;
}

.detailsTable table td {
border-bottom: 1px solid #BDBEC0;
padding: 5px 0 5px 0;
margin: 20px;
}

.detailsTable table {
width: 460px;
/*border-spacing: 7px 0;*/
/* empty-cells: hide; */
}

.detailsTable table td h2 {
padding: 0;
margin: 20px 0 0 0;
font-size: 1em;
}

table.detailsTable1 td.key { width: 80px; }
table.detailsTable2 td.key { width: 160px; }
table.detailsTable1 td.data { width: 130px; }
table.detailsTable2 td.data { width: 290px; }
.detailsTable table td.spacer1 { width: 10px; border-bottom: none; }
.detailsTable table td.spacer2 { width: 20px; border-bottom: none; }

.key {
color: #3D7D82;
}

.detailsFooterLinks {
width: 460px;
padding: 20px 0 40px 0;
}

.detailsFooterLinksLinks {
float: left;
}

.detailsFooterLinksRechts {
float: right;
}

.detailsAllImages img {
border: none;
padding: 3px 3px 0 0;
}

.detailsImage img {
border: none;
padding: 0 0 5px 0;
}

/* ------------- Formulare ------------------- */

#contactform {
margin:0 0 50px 0;
width: 310px;
border: 0;
}

#contactform table.form, #contactform table.subtable {
table-layout: fixed;
width: 100%;
border-spacing: 0 10px;
empty-cells: hide;
}

.required {
font-size: 11px;
}

input, textarea, select, .chkbox {
border: #ccc 1px solid;
font-size: 11px;
color: #000000;
}

#interest {
margin-bottom:15px;
}

#name, #vorname, #strasse, #plz_ort,  #tel, #email, #www, #nachricht, #referer, #handelspotionen, #submit, #firstname, #lastname, #birthday, #zip_city,  #gender, #size, #weight, #address, #telephone, #subject, #experiences, #notice, #land, #mobil, #anrede, #titel, #stadtteile, #zimmer, #wohnflaeche, #preis, #objektart, #zumzur {
margin: 0;
}

.title {
width: 150px;
float: left;
font-weight: normal;
font-size: 11px;
color: #333333;
}

.titlelong {
width: 300px;
float: left;
font-weight: normal;
font-size: 11px;
color: #333333;
}

.title_error {
width: 150px;
float: left;
font-weight: normal;
font-size: 11px;
color: #cc0000;
}

#vorname input, #mobil input  {
width: 130px;
font-family: Arial, sans-serif;
} 

#name input, #tel input, select, #firstname input, #lastname input, #birthday input, #size input, #weight input, #address input, #zip_city input, #telephone input, #subject input, #experiences textarea {
width: 135px;
font-family: Arial, sans-serif;
}

#titel, #vorname, #mobil, #zumzur {
margin-left: 15px;
}

#stadtteile input, #strasse input, #email input, #nachricht textarea, #land input {
width: 300px;
font-family: Arial, sans-serif;
}

#wohnflaeche input, #zimmer input, #preis input {
width: 70px;
}

#wohnflaeche input, #zimmer input {
margin-right: 10px;
}

#veranstaltung input {
width:290px;
}

#nachricht textarea {
width: 300px;
height: 150px;
font-family: Arial, sans-serif;
}

#plz_ort input.plz  {
width: 65px;
}

#plz_ort input.ort  {
width: 225px;
margin-left: 4px;
}

.chkbox {
width: 360px;
}

#back {
position: relative;
top: -27px;
left: 100px;
}

.formerror, .error {
color: #cc0000;
font-weight: normal;
padding: 0;
margin: 2em 0 0 0;
}

.formerror ul, .error ul {
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
}

/*
#submit a {
margin: 0;
border: 1px solid #BDBEC0;
padding: 0;
font-weight: normal;
color: #3D7D82;
background-color: #FFFFFF ;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
float: right;
}

#reset a {
margin: 0;
border: 1px solid #BDBEC0;
padding: 0;
font-weight: normal;
color: #3D7D82;
background-color: #FFFFFF ;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
float: left;
}
*/

#reset a, #submit a {
text-transform: uppercase;
}

/*.csc-firstHeader, csc-header csc-header-n1 {
padding: 0;
margin: 0 auto;
}*/

h1 {
margin: 30px 0 20px 0;
font-size: 14px;
}