/*
		vertical centering : http://perishablepress.com/press/2007/09/25/absolute-horizontal-and-vertical-centering-via-css/
*/

html, body {
	height: 100%;         /* required */
}

body {
	/*margin-top: 5%;*/
	font: 13px Arial, Helevtica, sans-serif;
	color: #666;
	background: url(../img/background.gif) left center repeat-x;
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */

}

div#distance { 
	margin-bottom: -320px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}


a img{
	border: none;
}

div.container {
	background: url(../img/container.jpg) top left no-repeat;
	overflow: visible;
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	width: 916px;
	height: 640px;
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

div.header {
	position: relative;
	height:70px;
}

div.header p a,
div.header h1 a {
	position: absolute;
	top: 30px;
	display: block;
	text-indent: -50000px;
}

div.header p a {
	left: 30px;
	background: url(../img/loftliving.gif) top left no-repeat;
	width: 179px;
	height: 12px;
}

div.header h1 a {
	right: 25px;
	background: url(../img/lofts-am-schweizer-garten.gif) top left no-repeat;
	width: 283px;
	height: 13px;
}

div.canvas {
	margin: 0 22px 0 22px;
	height: 390px;
}
body#aktuelles div.canvas,
body#kontakt div.canvas,
body#lage div.canvas,
body#lage-umgebung div.canvas,
body#impressum div.canvas {
	position: relative;
}


div.content {
	margin-top: 40px;
}

div.canvas ul,
ul#mainnavigation,
ul#subnavigation,
ul#subnavigation-wohnungen {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#mainnavigation {
	margin: 0 0 0 22px;
	background: url(../img/separator.gif) center right no-repeat;
	width: 155px;
	height: 120px;
	float: left;
}

ul#mainnavigation li,
ul#subnavigation li {
	margin-bottom: 4px;
}

ul#mainnavigation li a:link,
ul#mainnavigation li a:active,
ul#mainnavigation li a:visited,
ul#subnavigation li a:link,
ul#subnavigation li a:active,
ul#subnavigation li a:visited,
ul#subnavigation-wohnungen li a:link,
ul#subnavigation-wohnungen li a:active,
ul#subnavigation-wohnungen li a:visited ,
div.footer li a:link,
div.footerli a:active,
div.footer li a:visited
{
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
}

ul#mainnavigation li a:hover,
ul#subnavigation li a:hover,
ul#subnavigation-wohnungen li a:hover,
div.footer li a:hover ,
body#aktuelles ul#mainnavigation li#home-link a,
body#home ul#mainnavigation li#home-link a,
body#lage ul#mainnavigation li#lage-link a,
body#lage-umgebung ul#mainnavigation li#lage-link a,
body#konzept ul#mainnavigation li#konzept-link a,
body#konzept-detail ul#mainnavigation li#konzept-link a,
body#ausstattung ul#mainnavigation li#ausstattung-link a,
body.ausstattung ul#mainnavigation li#ausstattung-link a,
body#wohnungen ul#mainnavigation li#wohnungen-link a,
body.wohnungen ul#mainnavigation li#wohnungen-link a,
body#kontakt ul#mainnavigation li#kontakt-link a ,
body#impressum ul#mainnavigation li#kontakt-link a ,
body#ausstattung ul#subnavigation li#aus a,
body#ausstattung-wo ul#subnavigation li#aus-wo a,
body#ausstattung-ku ul#subnavigation li#aus-ku a,
body#ausstattung-ba ul#subnavigation li#aus-ba a,
body#ausstattung-ter ul#subnavigation li#aus-ter a,
body#ausstattung-tec ul#subnavigation li#aus-tec a,
body#wohnung1 ul#subnavigation-wohnungen li#wohn-1 a,
body#wohnung2 ul#subnavigation-wohnungen li#wohn-2 a,
body#wohnung3 ul#subnavigation-wohnungen li#wohn-3 a,
body#wohnung4 ul#subnavigation-wohnungen li#wohn-4 a,
body#wohnung5 ul#subnavigation-wohnungen li#wohn-5 a,
body#wohnung6 ul#subnavigation-wohnungen li#wohn-6 a,
body#wohnung7 ul#subnavigation-wohnungen li#wohn-7 a,
body#kontakt ul#subnavigation li#kon a,
body#impressum ul#subnavigation li#imp a,
body#lage ul#subnavigation li#kar a,
body#lage-umgebung ul#subnavigation li#umg a,
body#lage-lageplan ul#subnavigation li#plan a,
body#konzept ul#subnavigation li#all a,
body#konzept-detail ul#subnavigation li#det a,
body#referenzen ul#subnavigation li#all a,
body#referenzen1 ul#subnavigation li#ref1 a,
body#referenzen2 ul#subnavigation li#ref2 a
{
	color: #ff3300;
}

ul#subnavigation-wohnungen li {
	float: left; 
}

ul#subnavigation-wohnungen li a {
	padding: 0 5px;
	display: block;
}

div#column2,
div#column3 {
	float: left;
	width: 150px;
	padding: 0 20px;
}

div#column2 {
	background: url(../img/separator.gif) center right no-repeat;
	height: 120px;
}

div#column3 {
	width: 487px;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
}

p {
	padding: 0;
	margin: 5px 0;
}

div#column2 h2 {
	font-size: 13px;
	color: #ff3300;
}

a.mehr,
p.pdf a  {
	color: #666;
	background: url(../img/pfeil.gif) center left no-repeat;
	padding-left: 18px;
	text-decoration: none;
}

a.external {
	background: url(../img/external.gif) center right no-repeat;
	padding-right: 18px;
}

a.mehr:hover {
	color: #ff3300;
}

div#column3 h2 {
	font-size: 15px;
	color: #666;
}

div.subheading {
	padding: 20px 20px;
}

div.canvas h2 {
	font-size: 23px;
	color: #ff3300;
	text-transform: none;
	float: left;
	width: 150px;
}

body.wohnungen div.canvas {
	background-color: #ebebeb;
	position: relative;
}

body.wohnungen div.canvas  img.wohnungsbild {
	position: absolute;
	bottom: 0;
	left: 0;
}

body.wohnungen div.canvas  img.wohnungsicon {
	position: absolute;
	top: 0;
	right: 0;
}

body.wohnungen div.canvas p.pdf {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

div.canvas div#grundriss {
	width: 430px;
	height: 382px;
	float: left;
	overflow: hidden;
	background: url(../img/wohnungen.jpg) top left no-repeat;
}

div.canvas ul.wohnungsliste {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 440px;
	height: 382px;
	background: #ebebeb;
}

div.canvas ul.wohnungsliste li {
	background: #fff;
	margin: 2px 2px 0px 2px;
	padding: 0 18px;
	height: 45px;
	padding-top:7px;
	width: 400px;
	position:relative;
}

div.canvas  span,
div.subheading span {
	display: block;
	float: left;
	padding-top: 13px;
}

span.no {
	width: 50px;
	width: 19px;
	height:28px;
	margin:10px 22px 0px 0px;
}
li#gr1 span.no { background:url(../img/din1_orange.png) top left no-repeat; }
li#gr2 span.no { background:url(../img/din2_orange.png) top left no-repeat; }
li#gr3 span.no { background:url(../img/din3_orange.png) top left no-repeat; }
li#gr4 span.no { background:url(../img/din4_orange.png) top left no-repeat; }
li#gr5 span.no { background:url(../img/din5_orange.png) top left no-repeat; }
li#gr6 span.no { background:url(../img/din6_orange.png) top left no-repeat; }
li#gr7 span.no { background:url(../img/din7_orange.png) top left no-repeat; }

span.lage {
	width: 110px;
	padding-top: 17px;
}

span.qm {
	width: 90px;
	font-weight: bold;
}

span.zi {
	width: 90px;
	padding-top: 17px;
}

span.link {
	width: 50px;
	padding-top: 17px;
}

div.subheading span {
	padding-top: 10px;
}

div.subheading span.qm {
	padding-top: 7px;
}

div.subheading span.link {
	width: 150px;
	text-align: right;
}

div.canvas span.link a.mehr,
p.pdf a {
	color: #ff3300;
	background: url(../img/pfeil-orange.gif) center left no-repeat;
}
span.link_reserviert,
span.link_verkauft {
	width:75px;
	height:23px;
	background:url(../img/b_verkauft.jpg) top left no-repeat;
	position:absolute;
	top:15px;
	right:13px;
}
span.link_reserviert { background:url(../img/b_reserviert.jpg) top left no-repeat; }
li:hover span.link_reserviert { visibility:hidden; }

a#next,
a#prev{
	color: #ff3300;
	background: url(../img/pfeil-orange.gif) center right no-repeat;
	padding-right: 18px;
	padding-left: 10px;
	text-decoration: none;
}

a#prev {
	background: url(../img/pfeil-orange-links.gif) center left no-repeat;
	padding-left: 18px;
	padding-right: 10px;
}

div.canvas ul.wohnungsliste li.over {
	background-color: #ebebeb;
	cursor: pointer;
}

div.canvas ul.wohnungsliste li.over  span.link a.mehr,
div.canvas div.subheading span.link a.mehr,
p.pdf a {
	background: url(../img/pfeil-orange-grau.gif) center left no-repeat;
}

div.footer {
	margin: 0 auto;
	width: 916px;
	position: relative;
}

div.footer ul {
	position: absolute;
	top: -5px;
	right: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.footer ul li{
	float: left;
	margin-left: 20px;
}

div.footer ul li a{
	font-size: 10px;
}

body#kontakt div#text,
body#impressum div#text  {
	position: absolute;
	top: 100px;
	left: 380px;
}

#nav { height: 300px; margin: 15px; position:absolute; z-index:100; top: -5px; left: 0px;}
#nav li { width: 82px;  margin: 8px; list-style: none; }
#nav a { width: 76px; padding: 3px; display: block; border: 2px solid transparent; background: #fff;}
#nav a.activeSlide { border: 2px solid #f30;}
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

a#startButton {float:right;}
a#stopButton {float:right;}

 .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

ul#slideshow,
ul#slideshow li,
ul#slideshow2,
ul#slideshow2 li
 {
	display:				block;
	width:					870px;
	height:					385px;
}

p.pdf a:hover ,
div.canvas div.subheading span.link a.mehr:hover 
{ text-decoration:underline; }


ul#subnavigation li a.external:link {
	color:#999999;
}
ul#subnavigation li a.external:hover { color:#FF3300;}
ul#subnavigation li#referenzen { margin-top:20px;}

div.feed { margin-bottom:0px;}
div.feed a,
div.feed strong { color:#FF3300;text-decoration:none;}

body#aktuelles div#text {
	background:#EFEFEF;border:none;overflow:auto;
	padding:20px;
	height:350px;
}
div.blogger-post-footer {height:20px;}

div.canvas ul.wohnungsliste li.verkauft { background:#F7F7F7;}