/*Allgemein*/
*
{
	margin: 0;
	padding: 0;
}
BODY
{
	background: #FFF;
	color: #535353;
	font-family: Helvetica, "Segoe UI", Arial, sans-serif;
	font-size: 12.5px;
	line-height: 1.3em;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
A IMG
{
	border: 0 none #000000;
}
DIV.clearfix
{
	height: 0;
	font-size: 1px;
	overflow: hidden;
	clear: both;
	width: 100%;
}
/*Links*/
A:link
{
	color: #000;
	text-decoration: none;
}
A:hover
{
	color: #535353;
	text-decoration: none;
}
A:active
{
	color: #000;
	text-decoration: none;
}
A:visited
{
	color: #000;
	text-decoration: none;
}
/*Navi*/
DIV#navi
{
	height: 70px;
	background: url(../img/ui/navi_bg.png);
}
DIV#navi-wrapper
{
	width: 1000px;
	margin: 0 auto;
}
DIV#navi UL
{
	list-style: none;
	padding: 0;
	margin: 0;
}
DIV#navi UL LI
{
	display: block;
	float: left;
	height: 70px;
}
DIV#navi UL A
{
	color: #FFF;
	text-indent: -9999px;
	display: block;
	position: relative;
	height: 70px;
	text-align: center;
	outline: 0 none #000000;
}
/*hover / active general*/
DIV#navi UL A SPAN
{
	display: block;
}
/*Hover*/
DIV#navi UL A SPAN.marker_hover_left
{
	display: none;
	height: 70px;
	width: 7px;
	background: url(../img/ui/marker_hover_side.png) no-repeat;
	position: absolute;
	top: 0px;
	left: -7px;
	z-index: 9;
}
DIV#navi UL A:hover SPAN.marker_hover_left
{
	display: block;
}
DIV#navi UL A SPAN.marker_hover_right
{
	display: none;
	height: 70px;
	width: 7px;
	background: url(../img/ui/marker_hover_side.png) no-repeat -7px 0px;
	position: absolute;
	top: 0px;
	right: -6px;
	z-index: 9;
}
DIV#navi UL A:hover SPAN.marker_hover_right
{
	display: block;
}
DIV#navi UL A:hover SPAN.marker_hover
{
	display: block;
}
DIV#navi UL A SPAN.marker_hover
{
	display: none;
	/*[disabled]height:20px;*/
	background: url(../img/ui/marker_hover.png) no-repeat 0px -40px;
	padding-left: 15px;
	width: 95%;
	position: absolute;
	top: 70px;
	left: -10px;
	#width: auto !important;
	#position: static !important;
	#margin: 54px 0 0 -10px;
}
DIV#navi UL A SPAN.marker_hover SPAN.rightshadow
{
	height: 20px;
	float: right;
	background: url(../img/ui/marker_hover.png) no-repeat 0px -20px;
	padding-right: 15px;
	position: absolute;
	/*[empty]top:;*/
	right: -15px;
}
DIV#navi UL A SPAN.marker_hover SPAN.arrow
{
	height: 20px;
	width: auto;
	background: url(../img/ui/marker_hover.png) no-repeat top center;
	padding-right: 15px;
	position: relative;
	z-index: 10;
}
DIV#navi UL LI.active A:hover SPAN.marker_hover, DIV#navi UL LI.active A:hover SPAN.marker_hover_left, DIV#navi UL LI.active A:hover SPAN.marker_hover_right
{
	display: none !important;
}
/*active*/
DIV#navi UL LI.active A SPAN.marker_active
{
	display: block;
}
DIV#navi UL A SPAN.marker_active
{
	display: none;
	height: 14px;
	width: 24px;
	background: url(../img/ui/marker_active.png) no-repeat center;
	/*+placement:shift 0px 52px;*/
	position: relative;
	left: 0px;
	top: 52px;
	margin: 0 auto;
	z-index: 10;
}
/*Navi Items*/
DIV#navi-wrapper UL LI.home A
{
	width: 102px;
	background: url(../img/ui/nav_home.png);
}
DIV#navi-wrapper UL LI.home A:hover
{
	background: url(../img/ui/nav_home.png) 0px -70px;
}
DIV#navi-wrapper UL LI.home.active A
{
	background: url(../img/ui/nav_home.png) 0px -140px !important;
}
DIV#navi-wrapper UL LI.shadowstrasse45 A
{
	width: 223px;
	background: url(../img/ui/nav_shadowstrasse45.png);
}
DIV#navi-wrapper UL LI.shadowstrasse45 A:hover
{
	background: url(../img/ui/nav_shadowstrasse45.png) 0px -70px;
}
DIV#navi-wrapper UL LI.shadowstrasse45.active A
{
	background: url(../img/ui/nav_shadowstrasse45.png) 0px -140px !important;
}
DIV#navi-wrapper UL LI.lage A
{
	width: 81px;
	background: url(../img/ui/nav_lage.png);
}
DIV#navi-wrapper UL LI.lage A:hover
{
	background: url(../img/ui/nav_lage.png) 0px -70px;
}
DIV#navi-wrapper UL LI.lage.active A
{
	background: url(../img/ui/nav_lage.png) 0px -140px !important;
}
DIV#navi-wrapper UL LI.wohnungsuebersicht A
{
	width: 215px;
	background: url(../img/ui/nav_wohnungsuebersicht.png);
}
DIV#navi-wrapper UL LI.wohnungsuebersicht A:hover
{
	background: url(../img/ui/nav_wohnungsuebersicht.png) 0px -70px;
}
DIV#navi-wrapper UL LI.wohnungsuebersicht.active A
{
	background: url(../img/ui/nav_wohnungsuebersicht.png) 0px -140px !important;
}
DIV#navi-wrapper UL LI.referenzobjekte A
{
	width: 174px;
	background: url(../img/ui/nav_referenzobjekte.png);
}
DIV#navi-wrapper UL LI.referenzobjekte A:hover
{
	background: url(../img/ui/nav_referenzobjekte.png) 0px -70px;
}
DIV#navi-wrapper UL LI.referenzobjekte.active A
{
	background: url(../img/ui/nav_referenzobjekte.png) 0px -140px !important;
}
DIV#navi-wrapper UL LI.kontakt A
{
	width: 174px;
	background: url(../img/ui/nav_kontakt.png);
}
DIV#navi-wrapper UL LI.kontakt A:hover
{
	background: url(../img/ui/nav_kontakt.png) 0px -70px;
}
DIV#navi-wrapper UL LI.kontakt.active A
{
	background: url(../img/ui/nav_kontakt.png) 0px -140px;
}
/*Content*/
DIV#content H1.shadowstrasse45
{
	text-indent: -9999px;
	height: 155px;
	width: 279px;
	background: url(../img/shadowstrasse.jpg);
	margin: 5px 0 -66px 10px;
}
#content H2
{
	color: #09478A;
	font-size: 18px;
	padding-bottom: 4px;
	line-height: 130%;
}
#content P
{
	padding-bottom: 13px;
}
/*Home*/
DIV#content.home DIV.top, DIV#content DIV.bottom
{
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
DIV#content.home DIV.top
{
	padding-top: 5px;
	background: url(../img/ui/content_top_bg.png) no-repeat;
	height: 425px;
}
DIV#content.home DIV.bottom DIV.right P
{
	padding-bottom: 7px;
}
DIV#content.home DIV.bottom DIV.right
{
	width: 625px;
	padding-left: 15px;
	padding-top: 12px;
}
DIV#content.home DIV.bottom DIV.right A IMG
{
	margin-right: 13px;
}
/*Shadowstrasse*/
DIV#content.shadowstrasse
{
	background: url(../img/ui/content_top_bg.png) no-repeat top center;
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
DIV#content.shadowstrasse DIV.left
{
	padding-top: 5px;
	width: 615px;
}
DIV#content.shadowstrasse DIV.left H2
{
	margin-top: 14px;
}
DIV#content.shadowstrasse DIV.left P
{
	padding-bottom: 10px;
}
DIV#content.shadowstrasse DIV.left A IMG
{
	margin-left: 6px;
	float: left;
}
DIV#content.shadowstrasse DIV.left A.first IMG
{
	margin: 0;
}
DIV#content.shadowstrasse DIV.right
{
	width: 365px;
	padding-left: 20px;
	padding-top: 12px;
}
/*Lage*/
DIV#content.lage
{
	background: url(../img/ui/content_top_bg.png) no-repeat top center;
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
DIV#content.lage DIV.left
{
	padding-top: 5px;
	width: 530px;
}
DIV#content.lage DIV.left IFRAME
{
	margin: 10px 0 0;
}
DIV#content.lage DIV.left H2
{
	margin-top: 14px;
}
DIV#content.lage DIV.left P
{
	padding-bottom: 10px;
}
DIV#content.lage DIV.right
{
	width: 445px;
	padding-left: 25px;
	padding-top: 12px;
}
DIV#content.lage DIV.right IMG
{
	display: block;
	width: 153px;
	height: 40px;
	margin: 10px auto 19px;
}
DIV#content.lage DIV.right H2
{
	margin-top: 13px;
}
DIV#map
{
	margin-top: 13px;
}
/*Wohnungsübersicht*/
DIV#content.uebersicht
{
	background: url(../img/ui/content_top_bg.png) no-repeat top center;
	width: 1060px;
	margin: 0 auto;
	clear: both;
	height: 680px;
}
DIV#content.uebersicht DIV.left
{
	width: 535px;
}
DIV#content.uebersicht DIV.gallerie
{
	position: relative;
}
DIV#content.uebersicht DIV.right IMG.left
{
	float: left;
	clear: both;
	margin-bottom: 15px;
}
DIV#content.uebersicht DIV.right
{
	width: 500px;
	padding-left: 25px;
	padding-top: 12px;
}
DIV#content.uebersicht DIV.detailansicht
{
	display: none;
	position: relative;
}
DIV#content.uebersicht DIV.visible
{
	display: block;
}
DIV#content.uebersicht .hidden
{
	display: none !important;
}
DIV#content.uebersicht DIV.right DIV.thumbs
{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 310px;
}
DIV#content.uebersicht DIV.right H2
{
	margin-top: 13px;
}
DIV#content.uebersicht DIV.col1, DIV#content.uebersicht DIV.col2, DIV#content.uebersicht DIV.col3, DIV#content.uebersicht DIV.col4, DIV#content.uebersicht DIV.col5
{
	float: left;
	position: relative;
}
DIV#content.uebersicht DIV.row1
{
	margin-top: 12px;
}
DIV#content.uebersicht DIV.left A
{
	outline: 0 none #000000;
}
DIV#content.uebersicht DIV.left A IMG
{
	position: absolute;
	top: 0;
	left: 0;
}
DIV#content.uebersicht DIV.left A IMG.farbe
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
DIV#content.uebersicht DIV.row1 DIV.col2 A
{
	display: block;
	width: 186px;
	height: 126px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row1 DIV.col4 A
{
	display: block;
	width: 180px;
	height: 126px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row2 DIV.col2 A
{
	display: block;
	width: 210px;
	height: 95px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row2 DIV.col4 A
{
	display: block;
	width: 206px;
	height: 95px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row3 DIV.col2 A
{
	display: block;
	width: 221px;
	height: 105px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row3 DIV.col4 A
{
	display: block;
	width: 223px;
	height: 105px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row4 DIV.col2 A
{
	display: block;
	width: 221px;
	height: 94px;
	overflow: hidden;
}
DIV#content.uebersicht DIV.row4 DIV.col4 A
{
	display: block;
	width: 219px;
	height: 94px;
	overflow: hidden;
}
/*Kontakt*/
DIV#content.kontakt
{
	background: url(../img/ui/content_top_bg.png) no-repeat top center;
	width: 1000px;
	margin: 0 auto;
	clear: both;
	height: 680px;
}
DIV#content.kontakt DIV.left
{
	padding-top: 30px;
	width: 510px;
	padding-bottom: 26px;
}
DIV#content.kontakt DIV.right
{
	width: 440px;
	padding-left: 50px;
	padding-top: 44px;
}
DIV#content.kontakt DIV.left P
{
	padding: 0;
	margin: 0;
}
DIV#content.kontakt DIV.left FORM INPUT
{
	width: 280px;
	display: block;
	border: 0 none #000000;
	background: transparent url(../img/ui/kontakt_input.png) no-repeat;
	font-family: Helvetica, "Segoe UI", Arial, sans-serif;
	height: 25px;
	line-height: 125%;
	font-size: 12.5px;
	margin: 11px 0 6px;
	padding: 9px 10px 0;
	color: #535353;
}
DIV#content.kontakt DIV.left FORM TEXTAREA
{
	width: 463px;
	display: block;
	border: 0 none #000000;
	background: transparent url(../img/ui/kontakt_textarea.png) no-repeat;
	font-family: Helvetica, "Segoe UI", Arial, sans-serif;
	font-size: 12.5px;
	height: 321px;
	line-height: 130%;
	padding: 8px 10px 0;
	color: #535353;
	margin: 11px 0 6px;
}
DIV#content.kontakt DIV.left FORM .default
{
	color: #858585 !important;
}
DIV#content.kontakt DIV.left FORM A.absenden
{
	display: block;
	outline: 0 none #000000;
	background: transparent url(../img/ui/kontakt_absenden.png) no-repeat left top;
	float: right;
	text-indent: -9999px;
	height: 21px;
	width: 74px;
	margin: 7px 28px 0 0;
}
DIV#content.kontakt DIV.left FORM A:hover.absenden
{
	display: block;
	outline: 0 none #000000;
	background: transparent url(../img/ui/kontakt_absenden.png) no-repeat 0px -21px;
	float: right;
	text-indent: -9999px;
	height: 21px;
	width: 74px;
	margin: 7px 28px 0 0;
}
DIV#content.kontakt DIV.left FORM A:active.absenden
{
	display: block;
	outline: 0 none #000000;
	background: transparent url(../img/ui/kontakt_absenden.png) no-repeat 0px -42px;
	float: right;
	text-indent: -9999px;
	height: 21px;
	width: 74px;
	margin: 7px 28px 0 0;
}
DIV#content.kontakt DIV.left FORM LABEL
{
	display: block;
	line-height: 100%;
	font-size: 12px;
	color: #B30000;
	display: none;
	clear: both;
}
DIV#content.kontakt DIV.right H2
{
	margin-top: 14px;
}
DIV#content.kontakt DIV.right DIV.col1
{
	float: left;
	width: 190px;
}
DIV#content.kontakt DIV.right DIV.col2
{
	float: left;
	width: 190px;
	padding-left: 28px;
}
DIV#content.kontakt .warningMSG
{
	border: 3px solid #EEEEEE;
	margin: 8px;
	background: #666666;
	color: #FFFFFF;
	padding: 1px 10px 10px;
	display: none;
	width: 425px;
}
DIV#content.kontakt .warningMSG H3
{
	margin: 8px;
	padding: 0;
}
DIV#content.kontakt .warningMSG P
{
	margin: 8px;
	padding: 0;
}
/*bottominfo*/
DIV#bottominfo
{
	clear: both;
	height: 220px;
	color: #454545;
	font-size: 11px;
	text-shadow: 0px 1px 0px #d0d0d0;
	background: #969696 url(../img/ui/bottominfo_bg.png) repeat-x;
}
DIV#bottominfo_wrapper
{
	width: 1000px;
	margin: 0 auto;
}
DIV#bottominfo DIV.col1, DIV#bottominfo DIV.col2, DIV#bottominfo DIV.col3
{
	float: left;
	margin: 0 auto;
	height: 220px;
}
DIV#bottominfo DIV.col1
{
	width: 253px;
	padding: 0 25px 0px;
}
DIV#bottominfo DIV.col2
{
	width: 330px;
	background: url(../img/ui/bottominfo_seperator.png) no-repeat left center;
	padding: 0 32px 0 27px;
}
DIV#bottominfo DIV.col3
{
	width: 274px;
	background: url(../img/ui/bottominfo_seperator.png) no-repeat left center;
	padding: 0px 0px 0px 34px;
}
DIV#bottominfo H3
{
	text-shadow: 0px 1px 0px #eee;
	font-size: 14px;
	margin-top: 21px;
	margin-bottom: 12px;
}
DIV#bottominfo P
{
	margin-bottom: 12px;
}
DIV#bottominfo STRONG
{
	display: block;
	margin-bottom: 0;
}
DIV#bottominfo DIV.col2 SPAN.adresse
{
	display: inline-block;
	width: 36px;
}
DIV#bottominfo DIV.col3 INPUT.direktkontakt
{
	background: url(../img/ui/input_bg.png) no-repeat top left;
	border: 0 none #000000;
	margin-bottom: 5px;
	width: 207px;
	height: 14px;
	font-family: Helvetica, "Segoe UI", Arial, sans-serif;
	color: #6D7365;
	font-size: 11px;
	padding: 3px 6px;
}

DIV#bottominfo DIV.col3 INPUT.direktkontakt.small
{
	background: url(../img/ui/input-small-bg.png) no-repeat top left;
	width: 95px;
	margin-right:5px;
}

DIV#bottominfo DIV.col3 TEXTAREA.direktkontakt
{
	width: 207px;
	height: 65px;
	line-height: 16px;
	border: 0 none #000000;
	background: url(../img/ui/textarea_bg.png) no-repeat top left;
	color: #6D7365;
	font-family: Helvetica, "Segoe UI", Arial, sans-serif;
	font-size: 11px;
	padding: 3px 6px;
}
DIV#bottominfo DIV.col3 label
{
	bottom:1px;
	left:3px;
	margin-right:10px;
	position:relative;
}
DIV#bottominfo DIV.col3 FORM A.ok
{
	display: inline-block;
	width: 45px;
	height: 29px;
	background: url(../img/ui/form_ok.png) no-repeat top left;
	text-indent: -9999px;
	/*+placement:shift 4px -12px;*/
	position: relative;
	left: 4px;
	top: -12px;
	outline: 0 none #000000;
}
DIV#bottominfo DIV.col3 FORM A:hover.ok
{
	background: url(../img/ui/form_ok.png) no-repeat 0px -28px;
}
DIV#bottominfo DIV.col3 FORM A:active.ok
{
	background: url(../img/ui/form_ok.png) no-repeat 0px -57px;
}
DIV#bottominfo DIV.col3 FORM DIV.status
{
	margin-top: -12px;
	margin-left: 4px;
	color: #000;
	text-shadow: 0px 1px 0px #bbb;
	line-height: 100%;
	display: none;
}
DIV#bottominfo DIV.col3 FORM DIV.error
{
	color: #400;
	text-shadow: 0px 1px 0px #b99 !important;
}
DIV#bottominfo DIV.col3 FORM DIV.ausfuellen
{
	color: #420;
	text-shadow: 0px 1px 0px #b99 !important;
}
/*Footer*/
DIV#footer
{
	background-color: #363636;
	height: 46px;
	clear: both;
	color: #EFEFEF;
	font-size: 12px;
}
DIV#footer_wrapper
{
	width: 1000px;
	margin: 0 auto;
}
DIV#footer P.copy
{
	float: left;
	height: 46px;
	line-height: 46px;
	width: 350px;
	padding-left: 22px;
}
DIV#footer UL
{
	list-style: none;
	float: right;
	padding: 0;
	margin: 0;
}
DIV#footer UL LI
{
	display: block;
	float: left;
	height: 46px;
	padding: 0 8px;
}
DIV#footer UL A
{
	color: #EEEEEE !important;
	font-size: 12px;
	line-height: 46px;
	text-decoration: none;
}

