/** HIDING FOCUSRING */
*:active, a { 
	outline: none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}


body    {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		font-style:italic;
		line-height:14px;
		color:#000;
		background-color:#666;
		margin:0;
		padding:0;
		}				
													
td      {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		line-height:14px;
		color:#000;
		}
	
					
																		
a, a:link, a:active, a:visited  	{ font-weight:normal; color:#fff; text-decoration:underline; }
a:hover		{ font-weight:normal; color:#000; text-decoration:underline; }


a.studio, a:link.studio, a:active.studio, a:visited.studio { 
margin:0; padding:0; width:980px; height:375px; list-style:none; background:url('../images/VA_Start_black2.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
a:hover.studio { 
margin:0; padding:0; width:980px; height:375px; list-style:none; background:url('../images/VA_Start_white2.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}


a.aus-interior, a:link.aus-interior, a:active.aus-interior, a:visited.aus-interior  	{ color:#000; text-decoration:none; }
a:hover.aus-interior		{ color:#000; text-decoration:underline; }
/* link in interior im fließtext / beispiel: externer link zu architekten */	

a.aus-pro, a:link.aus-pro, a:active.aus-pro, a:visited.aus-pro  	{ color:#fff; text-decoration:none; }
a:hover.aus-pro		{ color:#fff; text-decoration:underline; }
/* link in interior im fließtext / beispiel: externer link zu architekten */	

a.in-pro, a:link.in-pro, a:active.in-pro, a:visited.in-pro  	{ color:#000; }
a:hover.in-pro		{ color:#fff; }
/* link in product / = projektname */
						


/* ***************************** INTERIOR-SEITEN ***************************** */
a.product, a:link.product, a:active.product, a:visited.product {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_PRODUCT_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
a:hover.product {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_PRODUCT_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
/* = weisses poduct in interior */

/* KANN WEG; ODER?
a.product-info, a:link.product-info, a:active.product-info, a:visited.product-info {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_PRODUCT_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
a:hover.product-info {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_PRODUCT_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
/* = schwarzes poduct in info+contact */

a.info-black, a:link.info-black, a:active.info-black, a:visited.info-black { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_INFO_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
a:hover.info-black { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_INFO_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
/* schwarzes info in interior */

a.contact-black, a:link.contact-black, a:active.contact-black, a:visited.contact-black { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_CONTACT_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
a:hover.contact-black { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_CONTACT_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
/* schwarzes contact in interior */


.menu-interior				{margin:0; padding:0; width:14px; list-style:none; }

.menu-interior li			{padding:0; margin:0 0 10px 0; height:14px; display:block; }
.menu-interior li a			{background:url('../navigation/VA_1_Black.png') 0px 0px no-repeat; text-indent:-9000px; height:14px; padding:0px; display:block; } 
.menu-interior li a:hover	{background:url('../navigation/VA_1_White.png') 0px 0px no-repeat; text-indent:-9000px; }
.menu-interior li a.active, .menu-interior li a.active:hover		{background:url('../navigation/VA_1_White.png	') 0px 0px no-repeat; text-indent:-9000px; }
/* color:transparent; STATT text-indent:-9000px; */

li#no2i a 		{ background:url("../navigation/VA_2_Black.png") 0px 0px no-repeat; }
li#no2i a:hover  { background:url("../navigation/VA_2_White.png") 0px 0px no-repeat; }
li#no2i a.active, a.active:hover  	{ background:url("../navigation/VA_2_White.png") 0px 0px no-repeat; }

li#no3i a 		{ background:url("../navigation/VA_3_Black.png") 0px 0px no-repeat; }
li#no3i a:hover	{ background:url("../navigation/VA_3_White.png") 0px 0px no-repeat; }
li#no3i a.active, a.active:hover  	{ background:url("../navigation/VA_3_White.png") 0px 0px no-repeat; }

li#no4i a 		{ background:url("../navigation/VA_4_Black.png") 0px 0px no-repeat; }
li#no4i a:hover 	{ background:url("../navigation/VA_4_White.png") 0px 0px no-repeat; }
li#no4i a.active, a.active:hover  	{ background:url("../navigation/VA_4_White.png") 0px 0px no-repeat; }

li#no5i a 		{ background:url("../navigation/VA_5_Black.png") 0px 0px no-repeat; }
li#no5i a:hover 	{ background:url("../navigation/VA_5_White.png") 0px 0px no-repeat; }
li#no5i a.active, a.active:hover  	{ background:url("../navigation/VA_5_White.png") 0px 0px no-repeat; }

li#no6i a 		{ background:url("../navigation/VA_6_Black.png") 0px 0px no-repeat; }
li#no6i a:hover 	{ background:url("../navigation/VA_6_White.png") 0px 0px no-repeat; }
li#no6i a.active, a.active:hover  	{ background:url("../navigation/VA_6_White.png") 0px 0px no-repeat; }

li#no7i a 		{ background:url("../navigation/VA_7_Black.png") 0px 0px no-repeat; }
li#no7i a:hover 	{ background:url("../navigation/VA_7_White.png") 0px 0px no-repeat; }
li#no7i a.active, a.active:hover  	{ background:url("../navigation/VA_7_White.png") 0px 0px no-repeat; }

li#no8i a 		{ background:url("../navigation/VA_8_Black.png") 0px 0px no-repeat; }
li#no8i a:hover 	{ background:url("../navigation/VA_8_White.png") 0px 0px no-repeat; }
li#no8i a.active, a.active:hover  	{ background:url("../navigation/VA_8_White.png") 0px 0px no-repeat; }

li#no9i a 		{ background:url("../navigation/VA_9_Black.png") 0px 0px no-repeat; }
li#no9i a:hover 	{ background:url("../navigation/VA_9_White.png") 0px 0px no-repeat; }
li#no9i a.active, a.active:hover  	{ background:url("../navigation/VA_9_White.png") 0px 0px no-repeat; }

li#no10i a 		{ background:url("../navigation/VA_10_Black.png") 0px 0px no-repeat; }
li#no10i a:hover { background:url("../navigation/VA_10_White.png") 0px 0px no-repeat; }
li#no10i a.active, a.active:hover  	{ background:url("../navigation/VA_10_White.png") 0px 0px no-repeat; }

/* NUR EIN BILD UND DIESES VERSCHIEBEN:
li#no2 a { background:url("../navigation/nav_2.png") 0px 0px no-repeat; }
li#no2 a:hover { background:url("../navigation/nav_2.png") 0px -14px no-repeat; } */



/* ***************************** PRODUCT-SEITEN ***************************** */
a.interior, a:link.interior, a:active.interior, a:visited.interior {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_INTERIOR_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
a:hover.interior {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_INTERIOR_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
/* = schwarzes interior in product */

/* KANN WEG; ODER?
a.interior-info, a:link.interior-info, a:active.interior-info, a:visited.interior-info {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_INTERIOR_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
a:hover.interior-info {margin:0; padding:0; width:28px; height:85px; list-style:none; background:url('../navigation/VA_INTERIOR_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; }
/* = weisses interior in info+contact */

a.info-white, a:link.info-white, a:active.info-white, a:visited.info-white { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_INFO_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
a:hover.info-white { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_INFO_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
/* weisses info in product */

a.contact-white, a:link.contact-white, a:active.contact-white, a:visited.contact-white { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_CONTACT_White.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
a:hover.contact-white { 
margin:0; padding:0; width:85px; height:22px; list-style:none; background:url('../navigation/VA_CONTACT_Black.png') 0px 0px no-repeat; text-indent:-9000px; display:block; 
}
/* weisses contact in product */


.menu-product				{margin:0; padding:0; width:14px; list-style:none; }

.menu-product li			{padding:0; margin:0 0 10px 0; height:14px; display:block; }
.menu-product li a			{background:url('../navigation/VA_1_White.png') 0px 0px no-repeat; text-indent:-9000px; height:14px; padding:0px; display:block; } 
.menu-product li a:hover	{background:url('../navigation/VA_1_Black.png') 0px 0px no-repeat; text-indent:-9000px; }
.menu-product li a.active, .menu-interior li a.active:hover		{background:url('../navigation/VA_1_Black.png	') 0px 0px no-repeat; text-indent:-9000px; }
/* color:transparent; STATT text-indent:-9000px; */

li#no2p a 		{ background:url("../navigation/VA_2_White.png") 0px 0px no-repeat; }
li#no2p a:hover  { background:url("../navigation/VA_2_Black.png") 0px 0px no-repeat; }
li#no2p a.active, a.active:hover  	{ background:url("../navigation/VA_2_Black.png") 0px 0px no-repeat; }

li#no3p a 		{ background:url("../navigation/VA_3_White.png") 0px 0px no-repeat; }
li#no3p a:hover	{ background:url("../navigation/VA_3_Black.png") 0px 0px no-repeat; }
li#no3p a.active, a.active:hover  	{ background:url("../navigation/VA_3_Black.png") 0px 0px no-repeat; }

li#no4p a 		{ background:url("../navigation/VA_4_White.png") 0px 0px no-repeat; }
li#no4p a:hover 	{ background:url("../navigation/VA_4_Black.png") 0px 0px no-repeat; }
li#no4p a.active, a.active:hover  	{ background:url("../navigation/VA_4_Black.png") 0px 0px no-repeat; }

li#no5p a 		{ background:url("../navigation/VA_5_White.png") 0px 0px no-repeat; }
li#no5p a:hover 	{ background:url("../navigation/VA_5_Black.png") 0px 0px no-repeat; }
li#no5p a.active, a.active:hover  	{ background:url("../navigation/VA_5_Black.png") 0px 0px no-repeat; }

li#no6p a 		{ background:url("../navigation/VA_6_White.png") 0px 0px no-repeat; }
li#no6p a:hover 	{ background:url("../navigation/VA_6_Black.png") 0px 0px no-repeat; }
li#no6p a.active, a.active:hover  	{ background:url("../navigation/VA_6_Black.png") 0px 0px no-repeat; }

li#no7p a 		{ background:url("../navigation/VA_7_White.png") 0px 0px no-repeat; }
li#no7p a:hover 	{ background:url("../navigation/VA_7_Black.png") 0px 0px no-repeat; }
li#no7p a.active, a.active:hover  	{ background:url("../navigation/VA_7_Black.png") 0px 0px no-repeat; }

li#no8p a 		{ background:url("../navigation/VA_8_White.png") 0px 0px no-repeat; }
li#no8p a:hover 	{ background:url("../navigation/VA_8_Black.png") 0px 0px no-repeat; }
li#no8p a.active, a.active:hover  	{ background:url("../navigation/VA_8_Black.png") 0px 0px no-repeat; }

li#no9p a 		{ background:url("../navigation/VA_9_White.png") 0px 0px no-repeat; }
li#no9p a:hover 	{ background:url("../navigation/VA_9_Black.png") 0px 0px no-repeat; }
li#no9p a.active, a.active:hover  	{ background:url("../navigation/VA_9_Black.png") 0px 0px no-repeat; }

li#no10p a 		{ background:url("../navigation/VA_10_White.png") 0px 0px no-repeat; }
li#no10p a:hover { background:url("../navigation/VA_10_Black.png") 0px 0px no-repeat; }
li#no10p a.active, a.active:hover  	{ background:url("../navigation/VA_10_Black.png") 0px 0px no-repeat; }


.menu-product2				{margin:0; padding:0; width:14px; list-style:none; }

.menu-product2 li			{padding:0; margin:0 0 7px 0; height:17px; display:block; }
.menu-product2 li a			{background:url('../navigation/VA_11_White.png') 0px 0px no-repeat; text-indent:-9000px; height:17px; padding:0px; display:block; } 
.menu-product2 li a:hover	{background:url('../navigation/VA_11_Black.png') 0px 0px no-repeat; text-indent:-9000px; }
.menu-product2 li a.active, .menu-interior li a.active:hover		{background:url('../navigation/VA_11_Black.png	') 0px 0px no-repeat; text-indent:-9000px; }
/* color:transparent; STATT text-indent:-9000px; */

li#no12p a 		{ background:url("../navigation/VA_12_White.png") 0px 0px no-repeat; }
li#no12p a:hover  { background:url("../navigation/VA_12_Black.png") 0px 0px no-repeat; }
li#no12p a.active, a.active:hover  	{ background:url("../navigation/VA_12_Black.png") 0px 0px no-repeat; }

li#no13p a 		{ background:url("../navigation/VA_13_White.png") 0px 0px no-repeat; }
li#no13p a:hover	{ background:url("../navigation/VA_13_Black.png") 0px 0px no-repeat; }
li#no13p a.active, a.active:hover  	{ background:url("../navigation/VA_13_Black.png") 0px 0px no-repeat; }

li#no14p a 		{ background:url("../navigation/VA_14_White.png") 0px 0px no-repeat; }
li#no14p a:hover 	{ background:url("../navigation/VA_14_Black.png") 0px 0px no-repeat; }
li#no14p a.active, a.active:hover  	{ background:url("../navigation/VA_14_Black.png") 0px 0px no-repeat; }

li#no15p a 		{ background:url("../navigation/VA_15_White.png") 0px 0px no-repeat; }
li#no15p a:hover 	{ background:url("../navigation/VA_15_Black.png") 0px 0px no-repeat; }
li#no15p a.active, a.active:hover  	{ background:url("../navigation/VA_15_Black.png") 0px 0px no-repeat; }

li#no16p a 		{ background:url("../navigation/VA_16_White.png") 0px 0px no-repeat; }
li#no16p a:hover 	{ background:url("../navigation/VA_16_Black.png") 0px 0px no-repeat; }
li#no16p a.active, a.active:hover  	{ background:url("../navigation/VA_16_Black.png") 0px 0px no-repeat; }

li#no17p a 		{ background:url("../navigation/VA_17_White.png") 0px 0px no-repeat; }
li#no17p a:hover 	{ background:url("../navigation/VA_17_Black.png") 0px 0px no-repeat; }
li#no17p a.active, a.active:hover  	{ background:url("../navigation/VA_17_Black.png") 0px 0px no-repeat; }

li#no18p a 		{ background:url("../navigation/VA_18_White.png") 0px 0px no-repeat; }
li#no18p a:hover 	{ background:url("../navigation/VA_18_Black.png") 0px 0px no-repeat; }
li#no18p a.active, a.active:hover  	{ background:url("../navigation/VA_18_Black.png") 0px 0px no-repeat; }

li#no19p a 		{ background:url("../navigation/VA_19_White.png") 0px 0px no-repeat; }
li#no19p a:hover 	{ background:url("../navigation/VA_19_Black.png") 0px 0px no-repeat; }
li#no19p a.active, a.active:hover  	{ background:url("../navigation/VA_19_Black.png") 0px 0px no-repeat; }

li#no20p a 		{ background:url("../navigation/VA_20_White.png") 0px 0px no-repeat; }
li#no20p a:hover { background:url("../navigation/VA_20_Black.png") 0px 0px no-repeat; }
li#no20p a.active, a.active:hover  	{ background:url("../navigation/VA_20_Black.png") 0px 0px no-repeat; }











/* 
>>BRAUCHTS NICHT - MACHT AUTO IN MARGIN IN OVERALL!?							

#organizer {margin-top: 0px; display: block; } 
#organizer.center {text-align: center;}
#organizer.left {text-align: left;}
*/


#backfull {
	position: absolute;
	margin: 0;		/* -10px>top BEI VERSION 2 */
	width: 100%;
	height: 100%;
	z-index: 1;
	}
	
#backfull.interior {	
	background-color: #b3b3b3;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.3;
	opacity: 0.3;		
	}	
	
#backfull.product {	
	background-color: #6d6966;
	filter: alpha(opacity = 6);
	-moz-opacity: 0.65;
	opacity: 0.65;	
	}
											
#overall {
	position: relative;
	text-align: left;
	width: 1000px;
	z-index: 2;
	}
#overall.center {margin: 0 auto;}	/* >> auto mach's mittig! */
#overall.left {margin: 0;}		
	
							
#back {
	position: relative;
	margin: 10px 0 0 10px;
	width: 980px;
	height: 375px;
	z-index: 3;
	}
	
#back.index {
	margin: 180px 0 0 -10px;
	}		
	
#back.interior {	
	background-color: #b3b3b3;
	filter: alpha(opacity = 75);
	-moz-opacity: 0.75;
	opacity: 0.75;		
	}
	
#back.product {	
	background-color: #6d6966;
	filter: alpha(opacity = 65);
	-moz-opacity: 0.65;
	opacity: 0.65;	
	}
	
#back.info {	
	background-color: #6d6966;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	opacity: 0;	
	}	

#vor-back {
	position: relative;
	margin: -375px 0 0 10px;
	width: 980px;
	height: 375px;
	z-index: 4;
	}
		
#inactive {
	position: absolute;
	margin: 23px 0 0 12px;
	}	

/* zahlen-menue 1-10 */	
#active {
	position: absolute;
	margin: 23px 0 0 42px;
	width: 28px;
	}
/* zahlen-menue 11-20 */		
#active2 {
	position: absolute;
	margin: 23px 0 0 68px;
	width: 28px;
	}	
	
#logo {
	position: absolute;
	margin: 21px 0 0 826px;
	}	
	
#info {
	position: absolute;
	margin: 310px 0 0 830px;
	width: 85px;
	}	


#info-text {
	position: absolute;
	margin: 105px 0 0 470px;
	width: 300px;
	
	/* font-size:12px; */
	line-height:16px;	
	}


/* ***************************** TEXTE INTERIOR-SEITEN ***************************** */	
#text {
	position: absolute;
	margin: 105px 0 0 90px;
	width: 250px;
	}	

/* immer plus 24px   	
#text.no2 {
	margin: 129px 0 0 104px;
	}
#text.no3 {
	margin: 153px 0 0 104px;
	}		
#text.no4 {
	margin: 177px 0 0 104px;
	}	
#text.no5 {
	margin: 201px 0 0 104px;
	}	
#text.no6 {
	margin: 225px 0 0 104px;
	}	
#text.no7 {
	margin: 249px 0 0 104px;
	}	
#text.no8 {
	margin: 273px 0 0 104px;
	}
#text.no9 {
	margin: 297px 0 0 104px;
	}
#text.no10 {
	margin: 321px 0 0 104px;
	}
*/

.head-interior {
	color:#fff;
	text-decoration:underline;
	}
	
/* ***************************** TEXTE PRODUCT-SEITEN ***************************** */	
#text-p {
	position: absolute;
	margin: 105px 0 0 130px;
	width: 220px;
	color:#fff;
	}	

/* immer plus 24px   	
#text-p.no2 {
	margin: 129px 0 0 130px;
	}
#text-p.no3 {
	margin: 153px 0 0 130px;
	}		
#text-p.no4 {
	margin: 177px 0 0 130px;
	}	
#text-p.no5 {
	margin: 201px 0 0 130px;
	}	
#text-p.no6 {
	margin: 225px 0 0 130px;
	}	
#text-p.no7 {
	margin: 249px 0 0 130px;
	}	
#text-p.no8 {
	margin: 273px 0 0 130px;
	}
#text-p.no9 {
	margin: 297px 0 0 130px;
	}
#text-p.no10 {
	margin: 321px 0 0 130px;
	}
*/

.head-product {
	color:#000;
	text-decoration:underline;
	}	
	
.product {
	color:#fff;
	}	
	
	
	
#image-top {
	position: absolute;
	margin: 0 0 0 350px;
	}	
	
#images {
	position: relative;
	margin: 3px 0 0 74px;
	padding: 0;
	width: 858px;
	z-index: 4;
	}		
	
img.image-box 	{ margin: 0 -1px 1px 0; padding: 0; }

	



		
	
						
					
							
							
/* -------------------------------------- VERSION 1 -------------------------------------------- */							
							
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

/* BENUTZE ICH NICH - ODER?
.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    background: white; 
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
} 
*/

#focus-stealer      { position: absolute; left: -9999px; }

/* -------------------------------------- VERSION 1 / END -------------------------------------------- */

/* -------------------------------------- VERSION 2 -------------------------------------------- */

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
	
	/* These have no effect on the functionality */
	/*width: 500px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;*/
}


/* body { */
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	/* margin: 0;
	padding: 20px 0 0 0;
} */

/* -------------------------------------- VERSION 2 / END -------------------------------------------- */