/* CSS FILE FOR HOMEFACTORY */

/* b6952c */

/* GLOBAL */
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #575756;
}
body{
	background-image: url(../img/structure/bg_global.jpg);
	background-repeat: no-repeat;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}

img{
	display: block;
}
p, ul.inText{
	line-height: 18px;
	margin-bottom: 24px;
}

span{
	display: block;
	border-bottom: 1px solid #575756;
	margin-top: 20px;
}

table{
    border-collapse: collapse;
    width: 100%;
}
td{
    width: 50%;
    padding: 20px 0px;
}
.clear{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.bgGS{
	background-color: #575756;
	box-shadow: 3px 5px 10px #333;
}
.bR7R{
	border-right: solid 7px #b6952c;
}
.bR7G{
	border-right: solid 7px #575756;
}
.bgRS{
	background-color: #b6952c;
	box-shadow: 3px 5px 10px #333;
}
.bgW{
	background-image: url(../img/structure/bg_box.png);
}
.bR7G{
	border-right: solid 7px #575756;
}
.bR2GD{
	border-right: dotted 2px #575756;
}
.red{
	color: #b6952c;
}
.mT24{
	margin-top: 24px;
}
.mT0{
	margin-top: 0px;
}
.small{
	font-size: 10px;
}
.invisible{
    display: none
}

/* STRUCTURE */
#page{
	position: relative;
	z-index: 2;
}
#header{
	height: 263px;
	background-image: url(../img/structure/bg_head.png);
	background-repeat: repeat-x;
	background-position: top left;
	position: relative;
}
#wrapper{
	width: 953px;
	margin: 0px auto;
}
#sidebar{
	width: 245px;
	float: left;
}
#content{
	width: 668px;
	float: left;
	margin: 24px 0px 0px 40px;
}
.boxHeader{
	background-image: url(../img/structure/bg_folder.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 18px;
}
.boxContent{
	background-image: url(../img/structure/bg_box.png);
	background-repeat: repeat;
	background-position: top left;
	padding: 12px 0px 24px 0px;
	margin-bottom: 24px;
}
#footer{
	height: 28px;
	border-left: solid 245px #575756;
	margin: 44px 0px 0px;
}

/* HEADER */
#header .inside{
	width: 953px;
	height: 256px;
	margin: 0px auto;
	position: relative;
}
#logo{
	width: 245px;
	height: 256px;
	border-bottom: solid 7px #b6952c;
	background-color: #fff;
	background-image: url(../img/structure/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	position: relative;
	z-index: 9;
}
#slideshow{
	width: 708px;
	height: 256px;
	border-bottom: solid 7px #b6952c;
	float: left;
	position: relative;
	z-index: 11;
}
#bTop, #bBottom{
	width: 50%;
	height: 7px;
	background-color: #b6952c;
	position: absolute;
	z-index: 10;
}
#bBottom{
	bottom: 0px;
	right: 0px;
}
#facebook{
	width: 70px;
	height: 79px;
	background-color: #b6952c;
	text-align: center;
	padding-top: 0px;
	position: absolute;
	right: -86px;
	z-index: 15;
	box-shadow: 5px 5px 10px #333;
}
#facebook img{
	display: inline;
}

/* SIDEBAR */
#navigationMain{
	background-color: #575756;
	padding: 54px 0px 12px 54px;
	margin-bottom: 44px;
}
#navigationMain li{
	width: 184px;
	height: 28px;
	background-color: #fff;
	border-left: solid 7px #b6952c;
	border-right: solid 7px #b6952c;
	margin-bottom: 12px;
	box-shadow: 3px 3px 10px #555;
}
#navigationMain li.active, #navigationMain li:hover{
	background-color: #b6952c;
}
#navigationMain li.active a, #navigationMain li a:hover{
    color: #fff;
}
#navigationMain a{
	display: block;
	width: 160px;
	height: 22px;
	padding: 6px 0px 0px 24px;
}
.sidebarModule .inside{
	padding: 12px;
}
.contactPanel{
	width: 221px;
}
.contactPanel *{
	color: #fff;
}

/* HEADLINES */
h1{
	width: 207px;
	height: 147px;
	text-indent: -9999px;
	margin: 54px 0px 0px 19px;
}
h1 a{
	width: 100%;
	height: 100%;
	display: block;
}
h2{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 6px 0px 0px 12px;
	height: 22px;
}
.sidebarModule h2{
	width: 233px;
}
h2.mainHeadline{
	position: relative;
	left: -33px;
	width: 623px;
	padding-left: 78px;
}

h3{
    color: rgb(182, 149, 44);
    text-transform: uppercase;
    font-size: 14px;
    margin: 20px 0;
}

.inside h2{
	margin-bottom: 0px;
}

.engagement{
	overflow: scroll;
	height: 500px;
}

.engagement figure{
	display: inline-block;
	margin-right: 5px;
}

.engPic{
	display: block;
	overflow-x: scroll;
	height: 90px;
	width: 580px;
	margin-bottom: 15px;
}

.engagementHeadline{
	position: relative;
	width: 625px;
	padding-left: 43px;
}

#kontakt{
	margin-top: 0px;
}
.c1 h2{
	padding-left: 0px;
	text-transform: uppercase;
}
#immobilien h2{
	width: 222px;
}
.singleObject h2{
	width: 624px;
	padding-left: 44px;
}
.objectDescription h3{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 6px 0px 0px 12px;
	height: 22px;
	width: 233px;
}

.engagement p{
	padding-bottom: 20px;
	margin-bottom: 0px;
}

/* CONTENT */
.contentModule .boxContent{
	position: relative;
}
.contentModule .inside{
	padding: 0px 44px;
}
img.fLeft{
	float: left;
	margin: 4px 12px 8px 0px;
}
ul.inText{
	list-style: square;
	margin-left: 24px;
}
#claim{
	height: 64px;
	color: #b6952c;
	font-size: 24px;
	font-weight: bold;
	padding: 16px 0px 0px 44px;
}
.c1{
	width: 222px;
	float: left;
	text-align: center;
	margin-bottom: 24px;
}
.c1 img{
	display: inline;
}
.singleObject{
	width: 668px !important;
}
#objectSlider{
    border-bottom: solid 20px #b6952c;
}
#objectCategory .folder{
	width: 222px;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url(../img/structure/bg_folder_large_inactive.png);
	background-position: top left;
	float: left;
}
#objectCategory .active{
	background-image: url(../img/structure/bg_folder_large_active.png);
}
#objectCategory .folder a{
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	width: 218px;
	height: 21px;
	padding: 6px 0px 0px 44px;
}
#objectCategory .active a, #objectCategory .folder a:hover{
	color: #b6952c;
}
.objectGroup{
    width: 580px !important;
    margin: 0px auto;
    overflow: scroll;
}
.objectGroup .imageContainer{
    width: 160px;
    height: 92px;
    text-align: center;
    overflow: hidden;
    float: left;
    margin: 15px;
    border: solid 1px #ccc;
    position: relative;
}
.objectGroup .imageContainer .objectData{
    width: 775px;
}
.objectData h3{
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0px;
}
.objectGroup img{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.objectGroup a{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 92px;
    height: 92px;
    z-index: 3;
    text-indent: -9999px;
}
.objectGroup .caption{
    -webkit-transition: height 400ms, padding 400ms;
    position: absolute;
    bottom: 0px;
    height: 0px;
    background: rgba(182, 149, 44, 0.85);
    text-align: center;
    width: 160px;
    color: #fff;
    z-index: 2;
    padding: 0px 0px;
}
.objectGroup .imageContainer:hover .caption{
    height: 16px;
    padding: 2px 0px;
}
#partner h3{
    color: rgb(182, 149, 44);
    text-transform: uppercase;
    font-size: 14px;
}
#partner img{
    display: inline;
}

/* FOOTER */
#footer ul{
	height: 22px;
	width: 647px;
	background-image: url(../img/structure/bg_box.png);
	background-repeat: repeat;
	background-position: top left;
	border-left: solid 7px #b6952c;
	border-right: solid 7px #b6952c;
	padding: 6px 0px 0px 54px;
}
#footer li{
	display: inline;
	border-right: dotted 1px #575756;
	padding: 0px 24px;
}
#footer li.last{
	border-right: 0px;
}
#footer a:hover{
	color: #b6952c;
}

/* FORM */
.formCol{
	width: 164px;
	margin-right: 24px;
	float: left;
}
fieldset{
	margin-bottom: 16px;
	padding-top: 8px;
}
legend{
    font-weight: bold;
}
.subject label{
	display: block;
	width: 148px;
	float: left;
	margin-bottom: 8px;
}
.subject .checkbox{
	margin-right: 4px;
}
form .text, textarea, .spamPrevent, select{
	width: 158px;
	height: 18px;
	padding: 2px;
	border: solid 1px #575756;
	display: block;
	margin-bottom: 8px;
	margin-top: 4px;
}
textarea{
	height: 120px;
	width: 346px;
	margin-bottom: 24px;
}
select{
	height: 24px;
	width: 164px;
}
label{
	cursor: pointer;
}
.spamPrevent{
	display: inline;
	width: 122px;
	margin: 0px 8px;
}
.math{
	background-color: #fff;
	padding: 4px 32px;
	margin-right: 8px;
	border: solid 1px #575756;
}
.submit{
	cursor: pointer;
	background-color: #b6952c;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 8px 32px;
	margin: 16px 0px;
	border: 0px;
}
.success, .error{
	width: 320px;
	padding: 16px;
	margin-bottom: 16px;
	line-height: 18px;
        background-color: #b6952c;
        border: solid 1px #575756;
}
.success li, .error li{
	color: #fff;
}

/* SPECIAL */
#objectSlider .anythingWindow{
	border: none;
}
#objectSlider .anythingSlider{
	padding: 0px;
}
#objectSlider .anythingSlider{
	padding-bottom: 0px;
}
#objectSlider .anythingControls .start-stop, #objectSlider .thumbNav{
	display: none;	
}
#objectSlider .anythingSlider .arrow{
    z-index: 9999999;
}
#objectSlider .anythingSlider .arrow a {
	height: 46px;
	margin: -23px 0 0 0; /* half height of image */
	width: 23px;
	text-align: center;
	outline: 0;
        background: transparent no-repeat;
        
        cursor: pointer;
}
#objectSlider .anythingSlider .forward a:hover, #objectSlider .anythingSlider .forward a.hover, #objectSlider .anythingSlider .forward a { background-image: url(../img/structure/btn_right.png); background-position: 0px 0px; }
#objectSlider .anythingSlider .back a:hover, #objectSlider .anythingSlider .back a.hover, #objectSlider .anythingSlider .back a { background-image: url(../img/structure/btn_left.png); background-position: 0px 0px; }

/* CLEARFIX */
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}