/*
-----------------------------------------------
		www.bauchkimpel.de
		ein www.lichtsignale.de Design
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
		margin: 0;
	    padding: 0;
	    border: 0;
	    outline: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    font-weight: normal;
	    text-rendering: optimizeLegibility;
}

body {
	    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
	    display: block;
}

blockquote, q {
	    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	    content: "";
	    content: none;
}

a {
	    margin: 0;
	    padding: 0;
	    font-size: 100%;
	    vertical-align: baseline;
	    background: transparent;
}

table {
	    border-collapse: collapse;
	    border-spacing: 0;
}

input, select {
	    vertical-align: middle;
}

nav ul {
		list-style: none;
}

.invisible
{
	display:none;
}
/*
-----------------------------------------------
		www.bauchkimpel.de
		ein www.lichtsignale.de Design
----------------------------------------------- */


/*		B A S I C S
----------------------------------------------- */

.layout_full h1 {
		display: none;
}

body {
		color: #222;
		background: #f3efe4;
		font-family: "colfax-web", Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
}

strong {
		font-weight: 500;
}

a:link, a:visited {
		color: #d05406;
		text-decoration: none;
}

a:hover, a:active {
		color: #222;
}

*::-moz-selection {
		background-color: rgba(208,84,6,0.25);
}

*::selection {
		background-color: rgba(208,84,6,0.25);
}

:focus {
		outline: 0;
}

.affix {
		position: fixed !important;
		top: 31px;
}

a.trail {
	color: #222;
}

#ansprechpartner strong {
		font-size: 15px;
}

.ce_text hr {
		border: none;
		border-top: 1px solid #ccc;
		margin-bottom: 15px;
}


/*		W R A P P E R
----------------------------------------------- */

.uebersicht #wrapper {
	width: 1080px;
	margin: 0 auto !important;
}

.inhaltsseite #wrapper {
	width: 1050px;
	margin: 0 auto !important;
}


/*		H E A D E R
----------------------------------------------- */

.uebersicht #header {
		width: 1050px;
		margin: 60px 15px 0 15px;
}

.inhaltsseite #header {
		width: 1050px;
		margin: 60px 0 0 0;
}

#header h1 {
		font-size: 30px;
		font-weight: 500;
		float: left;
		width: 250px;
		margin-bottom: 20px;
}
		
#header .mod_navigation {
		width: 540px;
		float: right;
		position: relative;
		left: 15px;
		top: 5px;
}

#header .mod_navigation li {
		display: block;
		float: left;
		margin-right: 12px;
}

#header .mod_navigation li span {
		color: #222;
}



/*		S L I D E R
-----------------------------------------------*/

.uebersicht #bauen-und-makeln img {
		margin: 0 15px;
}

#sliderwrapper {
		position: relative;
		left: 15px;
		height: 395px;
		width: 1050px;
}

#objekt-zur-miete #sliderwrapper, #objekt-zum-kauf #sliderwrapper {
		left: 0;
}

#referenzen .slideshow_carousel {
		left: 0;
}

.slideshow_carousel {
		top: 45px;
}

#slider {
		width: 1050px !important;
		padding: 0 !important;
		position: absolute;
		left: 0;
		top: -46px;
		overflow: hidden;
}

#slider.thumbs {
		top: 0;
		width: 748px !important;
}

#slider.thumbs img {
		border-right: 1px solid #f3efe4 !important;
		border-left: 1px solid #f3efe4 !important;
}

#adv-custom-pager {
		position: absolute;
		top: 0;
		right: 0;
		width: 302px;
}

#adv-custom-pager img {
		position: relative;
		margin-bottom: -9px;
		z-index: 10;
}

#adv-custom-pager a:link, #adv-custom-pager a:visited {
		display: block;
		float: left;
		width: 150px;
		height: 70px;
		margin-left: 1px;
		margin-bottom: 1px;
		background: #d05406;
}

#adv-custom-pager a:link img, #adv-custom-pager a:visited img {
		opacity: 0.25;
}

#adv-custom-pager a:hover img, #adv-custom-pager a:active img {
		opacity: 0.5;
}

#adv-custom-pager .cycle-pager-active img {
		opacity: 1 !important;
		cursor: default;
}

#slider img {
		margin-right: 1px;
}

#alt-caption {
		width: 281px !important;
		height: 52px;
		position: absolute;
		left: 749px;
		top: 280px;
		background: #fff;
		font-size: 13px;
		line-height: 16px;
		padding: 9px 10px;
		text-align: left !important;
		z-index: 5000;
}

#alt-caption-carousel {
		width: 222px !important;
		height: 52px;
		position: absolute;
		left: 628px;
		top: 205px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		font-size: 13px;
		line-height: 16px;
		padding: 9px 10px;
		text-align: left !important;
		z-index: 5000;
}

#sliderprev {
		background: url(/files/media/slide-prev-o.png) 0 -2px repeat;
		width: 150px;
		height: 350px;
		text-align: center;
		text-indent: -9999px;
		position: absolute;
		left: 0;
		top: -46px;
		z-index: 1000;
}

#slidernext {
		background: url(/files/media/slide-next-o.png) 0 -2px repeat;
		width: 150px;
		height: 350px;
		text-align: center;
		text-indent: -9999px;
		position: absolute;
		right: 0;
		top: -46px;
		z-index: 1000;
}

#sliderprev:hover, #slidernext:hover {
		opacity: .75;
}

.ce_image figure {
		position: relative;
}

#start .ce_image figure, #article-20 .ce_image figure {
		margin-left: 15px;
		width: 1050px;
}

.ce_image figure figcaption {
		position: absolute;
		left: 777px;
		top: 250px;
		width: 222px !important;
		height: 52px;
		position: absolute;
		background: #fff;
		background: rgba(255,255,255,0.9);
		font-size: 13px;
		line-height: 16px;
		padding: 9px 10px;
		text-align: left !important;
		z-index: 5000;
}

#bauen-und-makeln .ce_image figure figcaption {
		left: 792px !important;
}


/*		L I G H T B O X
----------------------------------------------- */

#mbOverlay {
		background: #f3efe4;
}

#mbCenter {
		background: #fff !important;
		border-radius: 0 !important;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25) !important;
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25) !important;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25) !important;
}

#mbImage {
		-moz-box-shadow: 0 !important;
		-webkit-box-shadow: 0 !important;
		box-shadow: 0 !important;
}

#mbBottom {
		padding: 0 23px !important;
}

#mbTitle {
		color: #222 !important;
		font-family: "colfax-web", Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-size: 16px;
}

#mbNumber {
		display: none;
}

#mbCloseLink big, #mbNextLink big, #mbPrevLink big {
		color: #d05406 !important;
}

#mbCloseLink big:hover, #mbNextLink big:hover, #mbPrevLink big:hover {
		color: #222 !important;
}

#grundriss li {
		display: inline-block;
		float: left;
}

#grundriss ul {
		display: inline-block;
}

#grundriss ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] #grundriss ul {
	display: block;
}
 
* html #grundriss ul {
	height: 1%;
}


/*		O B J E K T F I L T E R
----------------------------------------------- */

#container2 {
		clear: both;
}


#filters {
		width: 540px;
		float: right;
		position: relative;
		top: 5px;
}

#filters li {
		display: block;
		float: left;
		margin-right: 12px;
		list-style: none;
}

.selected {
		color: #222 !important;
		cursor: default;
}



/*		L A Y O U T   A L L G E M E I N
----------------------------------------------- */

#container {
		clear: both;
		display: block;
		padding-bottom: 40px;
}

.uebersicht #main {
		width: 1080px;
		margin-top: 60px;
		position: relative;
		margin-bottom: -40px;
}

.inhaltsseite #main {
		width: 1050px;
		margin: 0;
	
}



/*		L A Y O U T   U E B E R S I C H T
----------------------------------------------- */

#main .mod_newslist {
		clear: both;
		width: 1080px;
}

#main .mod_newslist h2 {
		font-size: 30px;
		margin: 0 0 26px 15px;
		width: 500px;
		float: left;
}

h2 {
		color: #222 !important;
}

#main .mod_newslist .layout_latest {
		width: 330px;
		float: left;
		background: #fff;
		margin: 0 15px 60px 15px;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 20px;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}

#main .mod_newslist .layout_latest h3 {
		font-size: 14px;
		font-weight: 500;
		color: #d05406;
		margin-bottom: 10px;
}

#main .mod_newslist .layout_latest p
{
		margin-bottom: 10px;
}

#main .mod_newslist .layout_latest .teaser {
		margin: 15px 20px 10px 20px !important;
}

#main .mod_newslist .layout_latest .more {
		margin: 0 20px 10px 20px !important;	
}


/*		L A Y O U T   S T A R T S E I T E
----------------------------------------------- */

#start .js-masonry
{
		clear: both;
		display: block;
		padding-bottom: 40px;
}

.mod_newslist_startseite{
		width: 330px;
		float: left;
		margin: 0 15px !important;
}

#main h2.ce_headline {
		font-size: 30px;
		margin: 0 0 26px 15px;
		width: 500px;
		float: left;
}

.js-masonry{
		width: 1080px;
		clear:both;
		margin: 0;
		padding: 0;
}

.layout_latest_startseite {
		width: 330px;
		background: #fff;
		margin-bottom: 30px;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 20px;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}

.layout_latest_startseite h3 {
		font-size: 14px;
		font-weight: 500;
		padding: 20px 20px 0  20px;
}

.layout_latest_startseite p.info {
		padding: 0 20px;
		margin-bottom: 10px;
}

.layout_latest_startseite .teaser p {
		margin-top: 10px;
		margin-bottom: 10px;
}

.layout_latest_startseite .teaser {
		padding: 0 20px;
		margin-bottom: 10px;
}

.layout_latest_startseite .more {
		padding: 0 20px 20px 20px;
}

.orangebox {
		background: #d05406 !important;
		font-size: 15px;
		line-height: 20px;
		padding: 0 !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;

}

.orangebox a {
		color: #fff !important;
		display: block;
		font-weight: 500 !important;
		padding: 15px 10px 15px 15px;
}

.orangebox a:hover, .orangebox a:active {
		background: #222;
}

.orangebox p {
		margin: 0 !important;
}

.orangebox .teaser {
		padding: 0 !important;
		margin: 0 !important;
}

.orangebox h3, .orangebox p.info, .orangebox .more {
	display: none;
	visibility: hidden;
	margin: 0 !important;
	padding: 0 !important;
}



/*		L A Y O U T   I N H A L T S S E I T E
----------------------------------------------- */

.inhaltsseite .mod_newsreader {
		width: 1050px;
		clear: both;
		display: block;
}

.inhaltsseite .mod_newsreader .back {
		width: 600px;
		float: none;
		padding: 0 180px;
		margin: 26px 0;
		clear: both;
}

#secondnav {
		width: 150px !important;
		float: left;
		font-size: 14px;
		border-bottom: 1px solid #c2bfb6;
		display: block;
		margin: 0 15px 0 0;
		background: transparent !important;
		box-shadow: none !important;
		position: absolute;
		z-index: 100;
}

#secondnav li {
		list-style: none;
}

#secondnav a {
		display: block;
		padding: 5px 0 6px 0;
		border-top: 1px solid #c2bfb6;
}

.inhaltsseite #extranav {
		width: 150px !important;
		float: right !important;
		font-size: 14px;
		display: block;
		margin: 0 0 0 15px;
		background: transparent !important;
		box-shadow: none !important;
		position: absolute;
		z-index: 50;
}

.inhaltsseite #extranav li {
		list-style: none;
}

.inhaltsseite #extranav a {
		display: block;
		padding: 5px 0 6px 0;
		border-top: 1px solid #c2bfb6;
}

.inhaltsseite #extranav ul {
		margin-bottom: 35px;
		border-bottom: 1px solid #c2bfb6;
		position: relative;
		left: 885px;
}

.inhaltsseite #main .contentbox {
		width: 600px;
		padding: 40px 45px 30px 45px;
		margin: 0 15px 30px 180px;
		background: #fff;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		display: block;
}

.inhaltsseite #main .contentbox2 {
		width: 600px;
		padding: 40px 45px 19px 45px;
		margin: 0 180px 30px 180px;
		background: #fff;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		display: block;
		float: none;
		clear:both;
		height: auto%;
}

.uebersicht #main .contentbox2 {
		width: 600px;
		padding: 20px 45px 25px 45px;
		margin: 0 180px 30px 180px;
		background: #fff;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		display: block;
		float: none;
		clear:both;
		height: auto%;
}

.contentbox2 h3{
	font-weight:500;
	margin-bottom: 10px;
}

.inhaltsseite #main .contentbox ul, .inhaltsseite #main .contentbox2 ul {
		margin-bottom: 12px;
}

.inhaltsseite #main .contentbox ul li, .inhaltsseite #main .contentbox2 ul li {
		list-style-type: square;
		list-style-position: outside;
		margin: 0 0 7 17px;
}

.inhaltsseite #main .ce_gallery ul {
		list-style: none;
}

.inhaltsseite #main .ce_gallery li {
		display: inline;
}

.inhaltsseite #main .ce_gallery img {
		display: block;
		margin-bottom: 24px;
}

.inhaltsseite #main .dlh_googlemap {
		margin-bottom: 24px;
}

.inhaltsseite #main .ce_text p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 12px;	
}

.inhaltsseite #main .ce_text ul {
		padding-bottom: 12px;	
}

.inhaltsseite #main .ce_text table {
		width: 600px !important;
		height: auto !important;
		border-top: 1px solid #c2bfb6;
}

.inhaltsseite #main .ce_text td {
		border-top: 1px solid #c2bfb6;
		width: 50% !important;
		padding: 8px 0 6px 0;
}

tfoot td {
		border-top: 3px double #c2bfb6 !important;
}

.inhaltsseite #main:after, .uebersicht #main:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
}

#article-20daten_print {
		display: none !important;
}


/*		U E B E R S C H R I F T E N
-----------------------------------------------*/

.inhaltsseite #main h2, .uebersicht #article-20 h2 {
		font-size: 30px;
		margin-bottom: 30px;
		font-weight: 400;
		color: #d05406;
}


.uebersicht #bauen-und-makeln h2 {
		font-size: 30px;
		margin: 0 15px 30px 15px;
		font-weight: 400;
}

.inhaltsseite #main #objekt-zur-miete h2, .inhaltsseite #main #objekt-zum-kauf h2 {
		font-size: 30px;
		margin-bottom: 30px;
		font-weight: 400;
		float:none !important;
		width: auto !important;
}

.inhaltsseite #main h2, .uebersicht #article-20 h2 {
		float: left;
		width: 525px;
}

.uebersicht #article-20 h2 {
		margin-left: 15px;
}

.inhaltsseite #main h3 {
		font-size: 22px;
		font-weight: 500;
		margin-bottom: 24px;
}




/*		U N T E R N A V
-----------------------------------------------*/

#main .mod_customnav {
		width: 525px;
		float: right;
		position: relative;
		top: -50px;
}

#article-20 .mod_customnav {
		margin-right: 15px;	
		top: 4px;
}

#main .mod_customnav li {
		display: block;
		float: left;
		margin-right: 12px;
		list-style: none;
}



/*		L E I S T U N G E N
-----------------------------------------------*/

.leistungbox {
		width: 290px;
		float: left;
		background: #fff;
		margin: 0 15px 60px 15px;
		padding: 20px 20px 10px 20px;
		font-size: 14px;
		line-height: 20px;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}

.leistungbox img {
		margin-bottom: 15px;
}

.leistungbox h3 {
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 10px;
}

.leistungbox p {
		margin-bottom: 10px;
}


/*		A N S P R E C H P A R T N E R
-----------------------------------------------*/

.ansprechbox1 {
	float: left;
	display: block;
	width: 270px;
	padding-right: 30px;
}

.ansprechbox2 {
	float: right;
	display: block;
	width: 300px;
}


/*		K O N T A K T F O R M U L A R
-----------------------------------------------*/

#article-20 .ce_form {
		clear: both;
		float: left;
		width: 660px;
		margin: 0 15px 60px 15px;
}


#article-20 .ce_form label {
		width: 525px;
		display: block;
}

#article-20 .ce_form select {
		width: 350px;
		margin-bottom: 24px;
		font-size: 17px;
		font-family: "colfax-web", Helvetica, Arial, sans-serif;
		line-height: 26px;
}


#article-20 .ce_form input.text {
		width: 525px;
		display: block;
		padding: 5px;
		font-size: 17px;
		font-family: "colfax-web", Helvetica, Arial, sans-serif;
		line-height: 26px;
		border: 0;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		background-color: #fff;
		border-bottom: 1px solid #fff;
}

#article-20 .ce_form textarea {
		width: 525px;
		display: block;
		height: 165px;
		padding: 5px;
		font-size: 17px;
		font-family: "colfax-web", Helvetica, Arial, sans-serif;
		line-height: 26px;
		border: 0;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		background-color: #fff;
		border-bottom: 1px solid #fff;
}

#article-20 .ce_form input:focus, #article-20 .ce_form textarea:focus {
		background-color: #fff;
		border-bottom: 1px solid #d05406;
}


#article-20 .ce_form input.submit {
		padding: 5px;
		font-size: 17px;
		font-family: "colfax-web", Helvetica, Arial, sans-serif;
		line-height: 26px;
}


#article-20 .ce_text {
		width: 290px;
		float: left;
		background: #fff;
		margin: 0 15px 60px 45px;
		padding: 20px 20px 6px 20px;
		font-size: 14px;
		line-height: 20px;
		-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
		box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}

#article-20 .ce_text h3 {
		font-size: 14px;
		font-weight: 500;
}

#article-20 .ce_text p {
		margin-bottom: 14px;
}

span.mandatory {
		color: #d05406;
		margin-left: 2px;
}

.error {
		font-weight: 500;
}


/*		F O O T E R
----------------------------------------------- */

.uebersicht #footer {
		clear: both;
		width: 1050px;
		padding-top: 10px;
		margin: 0 15px;
		border-top: 1px solid #c2bfb6;
}

.inhaltsseite #footer {
		clear: both;
		width: 1050px;
		padding-top: 10px;
		margin: 0;
		border-top: 1px solid #c2bfb6;
}

#footer dl {
		margin-right: 14px;
		padding-bottom: 60px;
		float: left;
}

#footer #navfirst {
		width: 525px;
		margin-right: 0;
}


/*		I S O T O P E
----------------------------------------------- */

.isotope-item {
		z-index: 2;
}

.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
