/* general
---------------------------------------------*/
html { height: 99%; }
body { height: 99%; padding: 0px; margin: 0px; background: #fff; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em; }
ul, ol { list-style: none; margin: 0; padding: 0; }
img { border: none; }
a { text-decoration: none; }
a:link, a:visited, a:hover, a:active { color: #000; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.1em; background: #1a171b; margin: 0; padding: 5px 12px; color: #fff; font-weight: 400; letter-spacing: .1em; display: inline; }
h2 a, h2 a:link, h2 a:hover, h2 a:visited { color: #fff; padding: 3px 0 4px 0; }
h2:first-child { margin: 5px 0 0 0; }
h3 { font-size: 1.1em; letter-spacing: .1em; margin: 0; padding: 1em 0 0 0; line-height: 1em;  }
p { margin: 2px 0 24px 0; letter-spacing: .05em; line-height: 1.8em; }
p a, ul.dls > li > a:hover { text-decoration: underline; }
p a:hover { background: #000; color: #fff; text-decoration: none; }


.logo-vertical a, .logo-horizontal a { display: block; /*border: 1px solid #f00;*/ }
.logo-vertical { position: absolute; top: 210px; left: 0; }
.logo-vertical a { width: 120px; height: 360px; background: transparent url(/media/img/general/logo-vertical.jpg) no-repeat; text-indent: -9999px; }
.logo-horizontal { float: left; margin: -20px 0 0 50px; }
.logo-horizontal a {  width: 360px; height: 80px; background: transparent url(/media/img/general/logo-horizontal.jpg) no-repeat; text-indent: -9999px; }

.wrapper, .footer { width: 1280px; margin: 0 auto; /* border: 1px solid #f0f; */}
.wrapper, .nonFooter { min-height: 98.5%; }
.nonFooter { padding-bottom: 67px; }

.navi-top { margin: 0 auto; width: 301px; height: 50px; margin-top: 10px; }
.navi-top > ul 			{ padding: 8px 0px 12px 0px; height: 30px; overflow: hidden; }
.navi-top > ul 			{ background: #fff url(/media/img/navi/top-home.png) no-repeat -10px 0px; }
.navi-top > ul.konzept 	{ background: #fff url(/media/img/navi/top-konzept.png) no-repeat -10px 0px; }
.navi-top > ul.wohnen 	{ background: #fff url(/media/img/navi/top-wohnen.png) no-repeat -10px 0px; }
.navi-top > ul.standort	{ background: #fff url(/media/img/navi/top-standort.png) no-repeat -10px 0px; }
.navi-top > ul.blog 	{ background: #fff url(/media/img/navi/top-blog.png) no-repeat -10px 0px; }
.navi-top ul li a 				{ display: block; color: #000; border-right: 1px solid #000; }
.navi-top ul li a.navi-konzept 	{ padding: 8px 11px 4px 16px; }
.navi-top ul li a.navi-wohnen 	{ padding: 8px 8px 4px 9px; }
.navi-top ul li a.navi-standort { padding: 8px 11px 4px 8px; }
.navi-top ul li a.navi-blog 	{ padding: 8px 24px 4px 8px; border: none; }

/* .li-standort ul.standort { display: block; } */

.navi-bottom { margin: 0 auto; width: 351px; height: 50px; margin-top: -47px; }
.navi-bottom > ul 				{ padding: 5px 0 26px 0; height: 30px; overflow: hidden; }
.navi-bottom > ul 				{ background: #fff url(/media/img/navi/bottom-home.png) no-repeat -10px 0px; }
.navi-bottom > ul.team 			{ background: #fff url(/media/img/navi/bottom-team.png) no-repeat -10px 0px; }
.navi-bottom > ul.informationen { background: #fff url(/media/img/navi/bottom-informationen.png) no-repeat -10px 0px; }
.navi-bottom > ul.downloads 	{ background: #fff url(/media/img/navi/bottom-downloads.png) no-repeat -10px 0px; }
.navi-bottom > ul.kontakt 		{ background: #fff url(/media/img/navi/bottom-kontakt.png) no-repeat -10px 0px; }
.navi-bottom ul li a, 
.navi-bottom ul li span					{ display: block; color: #000; border-right: 1px solid #000; }
.navi-bottom ul li a.navi-team 			{ padding: 11px 9px 1px 23px; }
.navi-bottom ul li a.navi-informationen { padding: 11px 9px 1px 9px; }
.navi-bottom ul li span.navi-downloads 	{ padding: 11px 11px 1px 8px; }
.navi-bottom ul li a.navi-kontakt 		{ padding: 11px 11px 1px 7px; border: none; }


.li-wohnen .subnavi 				{ margin-left: -25px; margin-top: -54px; }
.li-wohnen:hover .subnavi			{ display: block; }
.li-standort .subnavi 				{ margin-left: -108px; margin-top: -54px; }
/* .li-standort:hover .subnavi	 		{ display: block; } */
.li-team .subnavi 					{ margin-left: -25px; }
.li-team:hover .subnavi 			{ display: block; }
.li-informationen .subnavi 			{ margin-left: -250px; }
.li-informationen:hover .subnavi 	{ display: block; }
.li-downloads .subnavi 				{ margin-top: -260px; }
.li-downloads:hover .subnavi 		{ display: block; }
.li-kontakt .subnavi 				{ margin-left: -80px; }
.li-kontakt:hover .subnavi 			{ display: block; }

.navi-top ul li, 
.navi-bottom ul li { font-size: 1.2em; font-weight: 200; float: left; }
#sub-downloads { background: #fff; z-index: 100; }
#sub-downloads li { background: #fff; float: none; padding-bottom: .1em; }
#sub-downloads li.first { padding-bottom: 1em; }
#sub-downloads li a { margin: 0; border: none; }
#sub-downloads li a strong { font-weight: 900; margin-right: 1em; }
.navi-top .last, 
.navi-bottom .last { border: none; }
.navi-top a,
.navi-bottom a,
.navi-bottom span { padding: 0 1em; margin: 3px 0 0 0; border-right: #333; }


.subnavi { height: 18px; font-size: .7em; font-family: "Times New Roman"; Times, serif; font-style: italic; background: transparent; }
.subnavi li { padding: 0; margin: 0; }
.subnavi li a { padding: .1em 1.4em; }
.subnavi { position: absolute; display: none; }
.subnavi li a { border-right: #333; }
.subnavi li:hover a,
.das-haus .das-haus a,
.die-wohnungsliste .die-wohnungsliste a,
.grundriss .grundriss a,
.variante-a .variante-a a,
.variante-b .variante-b a,
.umgebungsplan .umgebungsplan a,
.beschreibung .beschreibung a,
.karte .karte a,
.lageplan .lageplan a,
.stadtoase-weissensee .stadtoase-weissensee a,
.das-team .das-team a,
.referenzen .referenzen a,
.mitglied .mitglied a,
.planung .planung a,
.standard .standard a,
.eigenlistung .eigenleistung a,
.baubeschreibung .baubeschreibung a,
.ansprechpartner .ansprechpartner a,
.links .links a,
.impressum .impressum a,
.haftungsausschluss .haftungsausschluss a { color: #fff; background: #000; border-right: 1px solid #fff; }

/*

.li-downloads subnavi { background: #fff; width: 100px; height: 250px; }
.li-downloads subnavi li { float: none; }
*/


.content { margin: 0 auto; padding: 75px 0 100px 0;/* border: 1px solid #f00;*/ position: relative; min-height: 413px; }
.grundrisse { padding: 0; }
.home { width: 450px; padding: 80px 0 90px 0; }
.home .vertical-list { width: 412px; margin: 0 0 1em 0; padding: .1em 0 .1em 38px; cursor: pointer; }
.home .hover { display: block; width: 435px; height: 327px; background: transparent url(/media/img/home/haus.jpg) no-repeat left top; margin: 0 auto; text-indent: -9999px; }
.home .hover:hover { background-position: left bottom; }

.konzept, .wohnen, .standort, .team, .downloads, .informationen, .kontakt { width: 740px; text-align: left; }
.haus { width: 1280px; height: 588px; padding: 0; }
.konzept h1, .wohnen h1, .standort h1, .blog h1, .team h1,
.downloads h1, .informationen h1, .kontakt h1 { font-size: 1.8em; padding: 9px 4px 28px 18px; display: inline; margin: 0; }
.konzept h1 		{ background-color: #ff00cc; }
.wohnen h1 			{ background-color: #00d8ff; }
.standort h1 		{ background-color: #eedc00; }
.blog h1			{ background-color: #ff3300; }
.team h1 			{ background-color: #ffb400; }
.downloads h1 		{ background-color: #ff99ff; }
.informationen h1	{ background-color: #cc6600; }
.kontakt h1			{ background-color: #0066ff; }

.scroll { position: absolute; top: 110px; left: 18px; padding-right: 130px; width: 592px; height: 475px; overflow-y: scroll; padding-top: 3px; outline: none; }
.scroll p, .scroll ul, .scroll ol, .scroll table { font-size: 1.1em; }
.scroll ul { margin: 2px 0 18px 0; line-height: 1.8em; letter-spacing: .05em; list-style-position: inside; list-style-type: square; }
.scroll ol { margin: 2px 0 18px 0; line-height: 1.8em; letter-spacing: .05em; list-style: none; }
.scroll ol li { margin-bottom: 1em; }
.scroll table { margin: 0 0 18px -2px; }
.scroll td { margin: 0; padding: 0; border: none; border-spacing: 0; line-height: 1.5em; }
.scroll td:first-child { width: 80px; }
.scroll td.wide { width: 300px; }


div.blog { position: relative; width: 875px; margin: 0 0 0 62px; padding: 75px 0 0 0; }
div.blog p { font-size: 1.1em; }
div.blog .sidebar { font-size: 1.1em; width: 245px; margin: 40px 100px 0 0; float: left; text-align: right; }
div.blog .sidebar .action { margin: 0 0 40px 0; padding: 0; font-size: 1.1em; }
div.blog .sidebar h3 { margin: 0 0 25px 0; padding: 0;letter-spacing: 0; }
div.blog .sidebar .newest { margin: 0 0 40px 0; padding: 0; }
div.blog .sidebar .newest .title {  }
div.blog .sidebar .prev { float: left; margin-left: 60px; }
div.blog .sidebar .next { float: right; }
div.blog .sidebar .next span,
div.blog .sidebar .prev span,
div.blog .sidebar .search span { font-size: 1.1em; font-weight: bold; clear: both; }
div.blog .sidebar .search input { border: none; font-size: 1em; width: 157px; text-align: center; }
div.blog .sidebar .search input:hover,
div.blog .sidebar .search input:focus { background: #ff3300; outline: none; }
div.blog .sidebar .search { font-size: 1em; font-weight: bold; clear: both; }

div.blog .meta { font-family: "Times New Roman"; Times, serif; font-style: italic; }
div.blog .meta span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; }
div.blog .meta a { color: #000; text-decoration: none; font-size: 1.1em; padding: 0 .2em; margin: 0 .2em 0 0; }
div.blog .meta a:hover { background: #ff3300; }
div.blog .line { border-top: 1px solid #000; font-size: 1em; }
div.blog .sidebar .newest .meta { margin: 0 0 15px 0; font-size: 0.9em; }
div.blog .entries .meta span { margin: 0 .5em 0 0; }
div.blog .entry { margin-bottom: 5em; }
div.blog .blog-wrap { width: 518px; height: auto; float: right; position: relative; padding: 0; }
div.blog .blog-wrap h1 {  }
div.blog .blog-wrap .entries { width: 500px; position: relative; top: 18px; left: 18px; }

div.blog .comments-wrap h2, 
div.blog .comments-wrap h2 a { background: #fff; color: #000; font-weight: bold; font-size: 1.1em; }
div.blog .commentlist { margin: 1em 0 3em 0; }
div.blog .commentlist h3 { letter-spacing: 0; font-size: 1.1em; padding: 1em 0 1em 0; }
div.blog .commentlist h3 small { font-size: .9em; font-family: "Times New Roman"; Times, serif; font-style: italic; font-weight: normal; }
div.blog .comment-form { margin: 1em 0 3em 0; }
div.blog .comment-form input,
div.blog .comment-form textarea { background: #fff; border: 1px solid #000; margin: .4em 0; padding: .4em; outline: none; }
div.blog .comment-form textarea { width: 500px; }
div.blog .comment-form input[type=submit] { border: none; font-weight: bold; }
div.blog .comment-form input[type=submit]:hover { background: #ff3300; cursor: pointer; }

.vertical-list { height: 20px; font-family: "Times New Roman"; Times, serif; font-style: italic; font-size: 1.1em; }
.vertical-list li { float: left; padding: 0 .95em; border-right: 1px solid #000; }
.vertical-list li:first-child { padding-left: 0; }
.vertical-list li:last-child { border: none; padding-right: 0; }


.grundrisse { width: 900px; height: 560px; padding-top: 28px; }

div.karte_horizontal { width: 1200px; padding: 33px 0 0 0; text-align:center;}
div.karte_vertical { width: 800px; padding: 40px 0 0 60px; text-align:center;}

div.wohnen { width: 1250px; padding-top: 45px; padding-bottom: 28px; }

.wohnen table {
	border-collapse:collapse;
	text-align:left;
	font-size:11px;
	margin-left:50px;
}

.wohnen table td {
	text-align:left;
	padding : 0 0 0 6px;
	vertical-align : top;
}

.wohnen table tr.t_caption td {
	font-weight:bold;
}

.wohnen table tr.t_head{
	height:30px;
	background-color: #ffffff;
}

.wohnen table tr.t_head td{
	background-color: #d9dadb;
}

.t_body_1, .t_body_2, .t_body_3, .t_body_4, t_body_5, .t_body_6, .t_body_7, .t_body_8, .t_body_9, t_body_10, .t_body_11, .t_body_12, .t_body_13, .t_body_14, t_body_15, .spacer
{
	height: 15px;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}

/* unterhäuser */

.t_body_1 .hover_first, .t_body_1:hover .hover_first
{
    background-color:#ffc773;
    border-bottom: 1px solid #ffc773;
}

.t_body_1:hover td
{
    background-color:#ffc773;
	border-bottom: 1px solid #000;
}

.t_body_2 .hover_first, .t_body_2:hover .hover_first
{
    background-color:#ffbd59;
    border-bottom: 1px solid #ffbd59;
}

.t_body_2:hover td
{
    background-color:#ffbd59;
	border-bottom:1px solid #000;
}

.t_body_3 .hover_first, .t_body_3:hover .hover_first
{
    background-color:#ffad33;
    border-bottom: 1px solid #ffad33;
}

.t_body_3:hover td
{
    background-color:#ffad33;
	border-bottom:1px solid #000;
}

.t_body_4 .hover_first, .t_body_4:hover .hover_first
{
    background-color:#ff9900;
    border-bottom: 1px solid #ff9900;
}

.t_body_4:hover td
{
    background-color:#ff9900;
	border-bottom:1px solid #000;
}

/* appartment */
.t_body_5:hover td
{
    background-color:#ff3c00;
	border-bottom:1px solid #000;
}

.t_body_5 .hover_first, .t_body_5:hover .hover_first
{
    background-color:#ff3c00;
    border-bottom: 1px solid #ff3c00;
}

/* oberhäuser */
.t_body_6:hover td
{
    background-color:#e88cca;
	border-bottom:1px solid #000;
}

.t_body_6 .hover_first, .t_body_6:hover .hover_first
{
    background-color:#e88cca;
    border-bottom: 1px solid #e88cca;
}

.t_body_7:hover td
{
    background-color:#e066b9;
	border-bottom:1px solid #000;
}

.t_body_7 .hover_first, .t_body_7:hover .hover_first
{
    background-color:#e066b9;
    border-bottom: 1px solid #e066b9;
}

.t_body_8:hover td
{
    background-color:#d533a1;
	border-bottom:1px solid #000;
}

.t_body_8 .hover_first, .t_body_8:hover .hover_first
{
    background-color:#d533a1;
    border-bottom: 1px solid #d533a1;
}

.t_body_9:hover td
{
    background-color:#cb008a;
	border-bottom:1px solid #000;
}

.t_body_9 .hover_first, .t_body_9:hover .hover_first
{
    background-color:#cb008a;
    border-bottom: 1px solid #cb008a;
}

/* wohnungen */
.t_body_10:hover td
{
    background-color:#6666ff;
	border-bottom:1px solid #000;
}

.t_body_10 .hover_first, .t_body_10:hover .hover_first
{
    background-color:#6666ff;
    border-bottom: 1px solid #6666ff;
}

.t_body_11:hover td
{
    background-color:#8585ff;
	border-bottom:1px solid #000;
}

.t_body_11 .hover_first, .t_body_11:hover .hover_first
{
    background-color:#8585ff;
    border-bottom: 1px solid #8585ff;
}

.t_body_12:hover td
{
    background-color:#a3a3ff;
	border-bottom:1px solid #000;
}

.t_body_12 .hover_first, .t_body_12:hover .hover_first
{
    background-color:#a3a3ff;
    border-bottom: 1px solid #a3a3ff;
}

.t_body_13:hover td
{
    background-color:#b3b3ff;
	border-bottom:1px solid #000;
}

.t_body_13 .hover_first, .t_body_13:hover .hover_first
{
    background-color:#b3b3ff;
    border-bottom: 1px solid #b3b3ff;
}

/* gartenwohnung */
.t_body_14:hover td
{
    background-color:#86d2ff;
	border-bottom:1px solid #000;
}

.t_body_14 .hover_first, .t_body_14:hover .hover_first
{
    background-color:#86d2ff;
    border-bottom: 1px solid #86d2ff;
}

/* gemeinschaft */
.t_body_15:hover td
{
    background-color:#b8ff70;
	border-bottom:1px solid #000;
}

.t_body_15 .hover_first, .t_body_15:hover .hover_first
{
    background-color:#b8ff70;
    border-bottom: 1px solid #b8ff70;
}

/* haus */
.t_body_haus td
{
    background-color: #d9dadb;
	border-bottom: 1px solid #fff;
}

.t_body_haus:hover td
{
	background-color: #bbb;
	border-bottom: 1px solid #000;
}



.grundriss_list {
	margin-left:723px;
	width:130px;
}

.grundriss_list li.first, .grundriss_list li.first:hover{
	margin-bottom:10px;
}

.grundriss_list li{
	color:#000;
}
.grundriss_list li:hover{
	background-color:#000;
	color:#fff;
}

.grundriss_list li a{
	color:#000;
	display:block;	
	font-size:1em;
	font-style:italic;
	line-height:1.6em;
	font-weight:200%;
	font-family:"Times New Roman";
	text-decoration:none;
	padding: 0.1em 0.8em;
}

.grundriss_list li a:hover{
	background-color:#000;
	color:#fff;
	display:block;
	font-size:1em;
	font-style:italic;
	line-height:1.6em;
	font-weight:200%;
	font-family:"Times New Roman";
	text-decoration:none;
	padding: 0.1em 0.8em;
}

* html .grundriss_list li a, * html  .grundriss_list li a:hover, * html .grundriss_list li.first, * html .grundriss_list li.first:hover{
	margin:0;
	padding:0;	
	line-height:1em;
}




/*Flexcroll*/
.scrollgeneric { line-height: 25px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 55px; background: url('/media/img/general/scrollbar.png') repeat-y; }
.vscrollerbar { width: 55px; height:63px; background: url('/media/img/general/scrollbar_base.jpg') no-repeat 0 50%; padding:0px; cursor: pointer; }
.vscrollerbasebeg {height: 2px; width: 55px; background: url('/media/img/general/scrollbar.png') no-repeat; cursor: pointer; }
.vscrollerbaseend {height: 25px; width: 5px; background: url('/media/img/general/scrollbar.png') no-repeat; cursor: pointer; }