/* 
	css document for wohnraumkonzepte.com
	english version: livingspaceconcepts.co.uk
	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: 720px; z-index: 1;width: 20px;
}

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

div.before { 
	position: absolute; top: 75px; left: 300px; height: 74px; width: 449px; z-index: 3; 
}

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

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


/* ++++++++++++++++++++ PRIMARY ENGLISH 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/e-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/e-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/e-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/e-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/e-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/e-kontakt_over.gif) top left no-repeat;
	z-index: 3;
}

div.aktnavi_1 { 
	position:absolute; left:-75px; top:150px;
	height: 73px; width: 148px; display: block; float: left; 
	background:url(../_images/aktuell1_over.gif) top left no-repeat;
	z-index: 3;
}

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

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

div.aktnavi_2 { 
	position:absolute; left:-75px; top:224px;
	height: 73px; width: 148px; display: block; float: left; 
	z-index: 3;
	background:url(../_images/aktuell2_over.gif) top left no-repeat;
}

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

div.aktnavi_2 a:link:hover, div.aktnavi_2 a:visited:hover {
	height: 73px; width:148px; display: block; float: left;
	background:url(../_images/aktuell2_over.gif) top left no-repeat;
}

div.aktnavi_3 { 
	position:absolute; left:-75px; top:298px;
	height: 73px; width: 148px; display: block; float: left; 
	background:url(../_images/aktuell3_over.gif) top left no-repeat;
}

div.aktnavi_3 a:link, div.aktnavi_3 a:active, div.aktnavi_3 a:visited { 
	position:absolute;
	height: 73px; width: 148px; display: block; float: left; 
	background:url(../_images/aktuell3_low.gif) top left no-repeat;
}

div.aktnavi_3 a:link:hover, div.aktnavi_3 a:visited:hover {
	height: 73px; width:148px; display: block; float: left;
	background:url(../_images/aktuell3_over.gif) top left no-repeat;
}



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

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

div.text { position: absolute; top: 5px; left: 20px; width: 265px; z-index: 2; }


/* +++++++++++++++++++++++++ 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: 530px; 
	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; }