/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/column2-bg.gif);}
html body{ height:100%;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.cont {*height:1000px;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.25em; color:#787878;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong{ color:#FFFFFF;}

.column-1{ background:url(images/column1-bg.gif);}
/* ============================= main layout ====================== */

.imgindent {margin:0 10px 0 0; float:left;}
.padding1{ padding-top:17px;}
.padding2{ padding-left:20px;}
.padding3{ padding-top:10px;}
.padding4{ padding-left:30px;}
.margin1{ margin-top:2px;}

/* ============================= column-1 ====================== */
.column-1 .cont{ padding:18px 23px 45px 22px;  }
.column1-border-top{ background:url(images/column1-border.gif) top repeat-x; }
.column1-border-bot{ background:url(images/column1-border.gif) bottom repeat-x; border-right:solid 2px #c0c0c0; position:relative;}
.date{ font-size:0.833em; position:relative; color:#929292; background:url(images/date-bg.gif) no-repeat 0 8px; padding:4px 0 0 15px; margin:0 5px 0 27px;}
/*.logo{ padding-top:34px;}*/

.column-1 ul{ font-family:"Times New Roman", Times, serif; padding:35px 0 300px 0;}
.column-1 ul li{ background:url(images/unline1.gif) bottom repeat-x; line-height:3.333em; padding-left:34px;  }

.column-1 ul li a span{ line-height:1em; color:#e2e2e2; font-size:2.167em;  padding-right:7px; vertical-align:middle; }
.column-1 ul li a{ color:#393939; text-decoration:none; text-transform:uppercase; }
.column-1 ul li a:hover, .column-1 ul li a:hover span{ color:#fb8800;}
.column-1 ul li a.active span{ color:#fb8800;}
.column-1 ul li a.active{ color:#fb8800;}
.column-1 ul .last{ background:none;}

.contacts{  position:absolute;  bottom:0; margin:0 0 57px 20px; text-transform:uppercase; font-family:"Times New Roman", Times, serif;  color:#393939; width:170px;*left:0px;}
.contact1{ padding-bottom:20px; margin-bottom:20px; background:url(images/unline1.gif) bottom repeat-x; }

.contact1 div, .contact2 div{ color:#fb8800; white-space:nowrap;}

.contacts .phone2{ float:right;}

/* ============================= header ====================== */
#header{ background:url(images/column2-bg.gif)}
.header-top-bg{ height:55px; background:url(images/header-top-bg.gif) no-repeat;}
#header img{ margin:0 0 0 20px;}

.small-menu{ float:right; padding:21px 18px 12px 0;}
.small-menu li{ border-right:solid 1px #615e63;  padding:0 13px; float:left; }
.small-menu li a{ font-size:0.833em; color:#6a6a6a; display:inline-block; padding-bottom:1px; text-decoration:none;}
.small-menu li a:hover{ text-decoration:underline;}
.small-menu a.aktiv{ font-size:0.833em; color:#FB8800; display:inline-block; padding-bottom:1px; text-decoration:none;}
.small-menu .rss{  border:none; padding-right:0;}


.gallery-buttons{ font-size:0.833em; background:url(images/gal-buttons-bg.gif); height:28px; margin:0 19px 0 20px; padding:12px 52px 0 20px;}
.gallery-buttons .list{ float:right;}
.gallery-buttons .list li{ float:left}
.gallery-buttons .list li a{ display:inline-block; padding:0 4px 0 5px; margin-right:3px; color:#747474; border:solid 1px #383838; text-decoration:none; }
.gallery-buttons .list li a:hover{ background:#fb8800; color:#FFFFFF;}
.gallery-buttons .list li a.active{ background:#fb8800; color:#FFFFFF;}
.gallery-buttons .text{ float:left; background:url(images/gall-button-bg.gif) right no-repeat; padding-right:30px;}

/* ============================= content ====================== */
.column-2 .cont{ padding:32px 35px 40px 40px; }
.column-2{ background:url(images/footer-bg.gif);}
#content{ background:url(images/column2-bg.gif);}
.col-2{ margin-left:52px;}
.column-2 .title{ font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#FFFFFF; font-size:1.667em; margin-bottom:18px;}
.column-1 .title{ font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#1e1e1e; font-size:1.667em; margin-bottom:18px;}

.link, .link4{ background:url(images/link-bg.gif) top repeat-x; margin-top:17px; padding-top:22px;}
.link a, .link4 a{ display:inline-block; background:url(images/list-bg.gif) left no-repeat; font-weight:bold; padding-left:10px; text-decoration:none;}
.link a:hover, .link4 a:hover{ text-decoration:underline;}
.link4{ margin-top:35px;}

.link3{ margin-top:17px; }
.link3 a{ display:inline-block; background:url(images/list-bg.gif) left no-repeat; font-weight:bold; padding-left:10px; text-decoration:none;}
.link3 a:hover{ text-decoration:underline;}

.link5 { background:url(images/link-bg.gif) top repeat-x; margin-top:17px; padding-top:22px;clear:both}
.link5 a,  a{ display:inline-block; background:url(images/list-bg.gif) left no-repeat; font-weight:bold; padding-left:10px; text-decoration:none;}
.link5 a:hover,{ text-decoration:underline;}

#content .list li{ background:url(images/list-bg.gif) no-repeat 0 3px; padding:0 0 15px 10px; margin-right:15px; white-space:nowrap; display:inline }
#content .list li a{ font-weight:bold; text-decoration:none;}
#content .list li a:hover{ text-decoration:underline;}
#content .list .last{ padding-bottom:0;}

.unline2{ background:url(images/unline2.gif) bottom repeat-x; padding-bottom:23px; margin-bottom:20px;}

.dark{ background:url(images/dark-bg.gif);}
.light{ background:url(images/light-bg.gif);}
.dark, .light{ font-weight:bold; padding:3px 0 4px 17px; margin-right:3px; position:relative }
.dark span, .light span{ position:absolute; margin-left:114px; font-weight:normal;}

.list2 li{ line-height:1.667em;}
.list2 li a{ font-weight:bold; text-decoration:none;}
.list2 li a:hover{ text-decoration:underline;}

.list3 li{ background:url(images/list-bg.gif) no-repeat 0 3px; padding:0 0 3px 10px; }
.list3 li a{ font-weight:bold; text-decoration:none;}
.list3 li a:hover{ text-decoration:underline;}

.list4 li{ display:inline; line-height:2em;padding-right:5px;width:250px; }
.list4 li a{ font-weight:bold; text-decoration:none;}
.list4 li a:hover{ text-decoration:underline;}
.list4 li a em { font-weight:normal; text-decoration:none; font-style:normal}

/* ============================= page2 ====================== */
#page2 .row-2 .col-2{ width:305px; margin-left:20px;}

/* ============================= page4 ====================== */
#page4 .row-1 .col-2{ width:300px; margin-left:23px;}

/* ============================= page6 ====================== */
#page6 #content .col-1{ width:280px; }
#page6 #content .col-2{ margin-left:65px;  width:280px; }

/* ============================= page7 ====================== */
#page7 #content .col-2{ margin-left:33px; width:290px;}

/* ============================= page8 ====================== */
#page8 .row-2 .col-1{ width:320px}
#page8 .row-2 .col-2{ width:250px; margin-left:40px;}
#page8 .row-2 .col-1 .col-1{ width:88px}
#page8 .row-2 .col-1 .col-2{ margin-left:10px; width:220px}

.phone{ float:right; padding-right:45px;}

/* ============================= page9 ====================== */
#page9 #content a{ color:#f8b361;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-bg.gif);}
.footer-text{ padding:23px 0 0 40px;}

/* ============================= forms ============================= */
#Form .select { display:block; height:42px;}
#Form input{ width:266px; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#55595e;}
#Form select{ font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#55595e; }
#Form .select1{ width:270px;}
#Form .select2{ width:120px;}
#Form .col-1{ width:120px;}
#Form .col-2{ width:120px; margin-left:30px;}

#Form .link2{ background:#fb8800; float:right; margin:12px 0 18px 0;}
#Form .link2 a{ font-size:0.833em; text-decoration:none; display:block; padding:3px 12px 2px 10px; text-transform:uppercase;}
#Form .link2 a:hover{ color:#000000;}
#Form .form-text{ text-align:right; float:right;}
#Form .form-text a{ color:#fb8800;}

#ContactForm label{ display:block; height:25px;}
#ContactForm input{ background:url(images/contact-form-bg.gif); border:solid 1px #a4a4a4; font-family:Tahoma, Geneva, serif; font-size:0.917em; color:#a4a4a4; padding:2px 2px 3px 4px; width:254px; }
#ContactForm textarea{ background:url(images/contact-form-bg.gif); border:solid 1px #a4a4a4; font-family:Tahoma, Geneva, serif; font-size:0.917em; color:#a4a4a4; padding:2px 2px 3px 4px; width:254px; overflow:hidden; height:85px;}

/*index.php*/
#objektegesamt {
	display:block;
	height:240px;
	margin:0 5px;
	width:624px;
}

#city {
	float:left;
	height:220px;
	overflow:auto;
	width:400px;
	display:block;
}
#district {
	float:right;
	height:220px;
	overflow:auto;
	width:200px;
	display:block;
}
#topangebote {
	height:500px;
	overflow:auto;
}
#estate{
	height:500px;
	width:500px;
	overflow:auto;
	
	*width:800px;
}
/*Objektdetail*/
#image {
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	overflow:hidden;
	text-align:center;
	width:520px;
}
#bilddetail {
	float:left;
	margin-left:6px;
	margin-top:10px;
	overflow-x:hidden;
	overflow-y:scroll;
	text-align:center;
	width:86px;
}
#angebotvon {
	float:left;
	margin-left:5px;
	margin-top:10px;
	height:400px;
	width:200px;
}
#kontakt {
	float:right;
	margin-top:10px;
	width:350px;
	height:400px;
}
#ContactForm .smallinput { width: 10px;}