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

/* ++++++++++++++++++++ GRAPHICAL ELEMENTS ++++++++++++++++++++++ */


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

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

div.noflash { 	
	background: url(../_images/noflash1.jpg) top left repeat-y;
	position: absolute; top: 150px; left: 150px; height: 224px; width: 598px; z-index: 2; 
}

div.flash { 
	position: absolute; top: 150px; left: 150px; height: 224px; width: 598px; z-index: 3; 
}

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


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

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

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

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

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

div.navi_3 a:link, div.navi_3 a:active, div.navi_3 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.navi_3 a:link:hover, div.navi_3 a:visited:hover {
	height: 75px; width:150px; display: block; float: left;
	background:url(../_images/kontakt_over.gif) top left no-repeat;
	z-index: 3;
}

div.navi_aktuell a:link, div.navi_aktuell a:active, div.navi_aktuell a:visited { 
	position:absolute; left:-75px; top:76px;
	height: 73px; width: 148px; display: block; float: left; 
	background:url(../_images/aktuell-1_low.gif) top left no-repeat;
	z-index: 3;
}

div.navi_aktuell a:link:hover, div.navi_aktuell a:visited:hover {
	height: 73px; width:148px; display: block; float: left;
	background:url(../_images/aktuell-1_over.gif) top left no-repeat;
	z-index: 3;
}


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

div.secnavi_1 { 
	position:absolute; top: 150px; left:0px;
	height: 75px; width: 150px; display: block; float: left; 
	background:url(../_images/d-wohnen_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/d-wohnen_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/d-wohnen_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/d-baeder_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/d-baeder_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/d-baeder_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/d-kuechen_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/d-kuechen_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/d-kuechen_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/d-aktuell_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/d-aktuell_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/d-aktuell_over.gif) top left no-repeat;
}



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

div.back a:link, div.back a:active, div.back a:visited { 
	position:absolute; bottom: 0px; left:676px; 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.back a:visited:hover {
	height: 75px; width:75px; display: block; z-index: 3;
	background:url(../_images/back_over.gif) top left no-repeat;
}

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

div.subtext { 
	position: absolute; top: 531px; 
	font: normal 11px/14px trebuchet ms; 
	color: #000; width: 730px;
}
div.subtext a:link, div.subtext a:visited { color: #000; }
div.subtext a:hover, div.subtext a:visited:hover  { color: #ffffff; }