/* 
	css document for wohnraumkonzepte.com
	german version: wohnraumkonzepte.com
	diplom (fh) bauingeneur frank geiseler
	css implemented by lieven design
	sandra von lieven, berlin 2005, san francisco 2006
*/

h1 {}
h1 span { display:none }

/* ++++++++++++++++++++ TEXT ELEMENTS ++++++++++++++++++++++ */

div.tiles {
	background: url(../_images/hintergrund.jpg) top left repeat-y;
	position: absolute; top: 80px; height: 825; width:750px; z-index: 1;
}

div.languages {
	position: absolute;
	top: 60px;
	left: 730px;
	z-index: 1;
	width: 20px;
}

div.textcontainer {
	position: absolute; top: 150px; left: 151px;
	background: #ccc; height: 524; width: 448px; z-index: 2;
}

div.servicetextcontainer {
	position: absolute; top: 150px; left: 151px;
	background: #ccc; height: 299px; width: 448px; z-index: 2;
}

div.text { position: absolute; top: 200px; left: 226px; width: 300px; z-index: 2; }

div.teamtitel { 
	background:url(../_images/team_titel.gif) top left no-repeat;
	position: absolute; top: 75px; left: 0px; height: 74px; width: 149px; float: left; z-index: 2; 
}

div.kontakttitel { 
	background:url(../_images/kontakt_titel.gif) top left no-repeat;
	position: absolute; top: 150px; left: 0px; height: 74px; width: 149px; float: left; z-index: 2; 
}

div.kontaktbg { 
	background:url(../_images/kontakt_bg1.gif) top left no-repeat;
	position: absolute; top: 75px; left:600px;
	height: 225px; width: 149px; display: block; z-index: 2; 
}

div.teambg { 
	background:url(../_images/team_bg1.gif) top left no-repeat;
	position: absolute; top: 450px; left:450px;
	height: 299px; width: 298px; display: block; z-index: 4; 
}

/* ++++++++++++++++++++ PRIMARY NAVIGATION ++++++++++++++++++++++ */

div.navi1 a:link, div.navi1 a:active, div.navi1 a:visited { 
	position:absolute; left:526px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/team_low.gif) top left no-repeat;
	z-index: 3;
}

div.navi1 a:link:hover, div.navi1 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/team_over.gif) top left no-repeat;
	z-index: 3;
}

div.navi2 a:link, div.navi2 a:active, div.navi2 a:visited { 
	position:absolute; left:376px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/impr_low.gif) top left no-repeat;
	z-index: 3;
}

div.navi2 a:link:hover, div.navi2 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/impr_over.gif) top left no-repeat;
	z-index: 3;
}

div.navi3 a:link, div.navi3 a:active, div.navi3 a:visited { 
	position:absolute; left:526px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/kontakt_low.gif) top left no-repeat;
	z-index: 3;
}

div.navi3 a:link:hover, div.navi3 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/kontakt_over.gif) top left no-repeat;
	z-index: 3;
}

/* ++++++++++++++++++++ TEAM SECONDARY NAVIGATION ++++++++++++++++++++++ */

div.secnavi_1 { 
	position:absolute; top: 150px; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/idee_over.gif) top left no-repeat;
}

div.secnavi_1 a:link, div.secnavi_1 a:active, div.secnavi_1 a:visited { 
	position:absolute; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/idee_low.gif) top left no-repeat;
}

div.secnavi_1 a:link:hover, div.secnavi_1 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/idee_over.gif) top left no-repeat;
}

div.secnavi_2 { 
	position:absolute; top: 225px; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/wir_over.gif) top left no-repeat;
}

div.secnavi_2 a:link, div.secnavi_2 a:active, div.secnavi_2 a:visited { 
	position:absolute; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/wir_low.gif) top left no-repeat;
}

div.secnavi_2 a:link:hover, div.secnavi_2 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/wir_over.gif) top left no-repeat;
}

div.secnavi_3 { 
	position:absolute; top: 300px; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/grundstuecke_over.gif) top left no-repeat;
}

div.secnavi_3 a:link, div.secnavi_3 a:active, div.secnavi_3 a:visited { 
	position:absolute; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/grundstuecke_low.gif) top left no-repeat;
}

div.secnavi_3 a:link:hover, div.secnavi_3 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/grundstuecke_over.gif) top left no-repeat;
}

div.secnavi_4 {
	position:absolute;	top: 375px;	left:0px;
	height: 75px;	width: 150px;	display: block;	float: left;
	background:url(../_images/zukunft_over.gif) top left no-repeat;
}

div.secnavi_4 a:link, div.secnavi_4 a:active, div.secnavi_4 a:visited { 
	position:absolute; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/zukunft_low.gif) top left no-repeat;
}

div.secnavi_4 a:link:hover, div.secnavi_4 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/zukunft_over.gif) top left no-repeat;
}




/* +++++++++++++++++++++++++ BACK BUTTON +++++++++++++++++++++++++++ */

div.back a:link, div.navi_3 a:active, div.navi_3 a:visited { 
	position:absolute; top: 151px; left:601px; z-index: 3;
	height: 75px; width: 75px; display: block; float: left; 
	background:url(../_images/back_low.gif) top left no-repeat;
}

div.back a:link:hover, div.navi_3 a:visited:hover {
	height: 75px; width:75px; display: block; float: left;
	background:url(../_images/back_over.gif) top left no-repeat;
}

/* ++++++++++++++++++++ FOOTER TEXT ++++++++++++++++++++++ */

.subtext { 
	position: absolute; top: 910px;
	width: 750px;
	font: normal 11px/14px trebuchet ms; 
	color: #000; z-index:3;
}
.subtext a:link, .subtext a:visited { color: #000; }
.subtext a:hover, .subtext a:visited:hover  { color: #ffffff; }