/* ------------------Atelier Voeste ----------------------------------------------- */
html, body {
	width:100%;
	height:100%;

}

body {
   background:#e0e5ef url(../images/bg-img.jpg) repeat-x;
   background-color:#e0e5ef;
   font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
   color: #552a10;
   font-size:11px;
   z-index: 100;

}



* {
	padding:0;
	margin:0;
	outline:none;
}


.weiss{
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color: #f3de8c;
    font-size:13px;
    font-weight:bold;
    font-style:italic;


}

.push {
	float: none;
	clear: both;
	height:100px;
}

.spacer {
	display:block; 
	height:1px; 
	font:1px/1 sans-serif; 
	clear:both;
}

.dot-line{
    clear: both;
    margin-top: 0pt;
    height: 8px;
    width:450px;
    background-color: transparent;
    background-image:url(../images/dot-line.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center;

}



  
#crossfade {
    position:relative;
    width: 400px;
    height: 479px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    z-index:0;
  
  }



/* ----------------------------------------------------- links ------------------------------------------------- */



a {
    text-decoration:none; 
    color:#ff9b00;
    outline:none;
    cursor:pointer;
    font-weight:bold;
    font-size:12px;
    }


a:hover {
    text-decoration:underline;}



h1{
	font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #bcc038;
    font-size:17px;
    font-weight:bold;
    margin:8px 0 0 0;
    text-transform:none;
    font-style:italic;
    

}




h2{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #572d13;
    font-size:11px;
    font-weight:bold;
    margin:8px 0 8px 0;
    padding:0 0 0 3px;
    background-color:#d6dcdf;
    width:480px;

}

h3{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #ff6900;
    font-size:17px;
    font-weight:normal;
    margin:12px 0 12px 0;
    padding:0 0 0 6px;
 
   

}


p{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    color: #552a10;
    line-height: 20px;
    margin:0 0 0 0;
    padding:8px 0 15px 0;
    font-weight:normal;
    font-size:14px;

}

.news{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    color: #552a10;
    line-height: 20px;
    margin:0 0 0 0;
    padding:8px 0 15px 0;
    font-weight:normal;
    font-size:14px;


}



.text{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    color: #552a10;
    line-height: 20px;
    margin:0 0 0 0;
    padding:8px 0 15px 0;
    font-weight:normal;
    font-size:13px;
    font-weight:normal;
    margin:8px 0 8px 0;
    padding:0 0 0 6px;
    background-color:#fafaef;
    border:1px solid #e8eabb;
    width:425px;

}



a#newslink{
   width:127px;
   height:59px;
   background-repeat:no-repeat;
   position: absolute;
   z-index:50 !important;
   left: 170px;
   top: 166px;
   background-image:url(../images/news-button.jpg);




}

a#newslink:hover{
    width:127px;
    height:59px;
    background-repeat:no-repeat;
    position: absolute;
    z-index:50 !important;
   left: 170px;
   top: 166px;
    background-image:url(../images/news-button-over.jpg);




}








/* ------------------ wrapper ---------------------------------------------------- */

#container {
        position:relative;
        width:983px;
        margin:35px auto -100px auto;
        padding:0 0 0 0;
        min-height:100%;
        height: auto !important;
        z-index:150 !important;
        background-repeat:no-repeat;
   
        
}


/* ------------------ header ---------------------------------------------------- */

#header {
    width:983px;
    height:239px;
    z-index:0 !important;
    background-color:transparent;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background-repeat:no-repeat;
    background-image:url(../images/head.jpg);

	}






.branding a {
   width:252px;
   height:82px;
   background-repeat:no-repeat;
   background-color:transparent;
   position: absolute;
   left: 50px;
   top: 40px;
   padding:0;
   margin:0;
   outline:none;
   z-index:0;
   background-image:url(../images/logo-atelier-voeste.jpg);




}




/*-------------------------- content ----------------------------------*/
    
#contentContainer {
    width:983px;
    min-height:500px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-color: transparent;
    z-index:0;
    background-image:url(../images/bg-kachel-content.jpg);
    background-repeat:repeat-x;
   

    }
    



#contentMain {
    width:465px;
    padding:65px 0 25px 35px;
    margin:0 30px 0 0;
    background: transparent;
    float:right;
    background-image:url(../images/bg-content.jpg);
    background-repeat:no-repeat;
    background-color: transparent;
    z-index:0;

    }
    


#contentSidebar{
    width:400px;
    height:477px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    z-index:40;
    float:left;

    

}

#adressBox{
   position:absolute;
   width:278px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:40;
   float:left;
   left: 23px;
   top: 406px;
   height: 132px;


}
   
    
 
/*-------------------------- content ende ----------------------------------*/  










/*-------------=Navigation----------------*/

#navigation{
   position:absolute;
   width:664px;
   height:25px;
   top: 196px;
   left: 339px;
   padding:10px 0 0 0;
   margin:0 0 0 0;
}


#navigation li {
	float:left;
	list-style-type:none;
	color:#552a10;
	padding:0 10px 0 0;
	font-size:13px;
    font-weight:bold;
}

#navigation li a	{
    color:#552a10;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
	
}

#navigation li a:hover	{
	color:#000;
	text-decoration:underline;
}









#naviAdd {
   width:84px;
   position:absolute;
   top:46px;
   right:21px;
   height: 93px;
}

#naviAdd li {
	float:left;
	list-style-type:none;
	color:#f2f4e7;
	padding:0 6px 0 0;
    line-height:20px;
	font-size:11px;
}

#naviAdd li a	{
	color:#552a10;
	font-size:11px;
	text-decoration:none;
	
}

#naviAdd li a:hover	{
	color:#000;
	text-decoration:underline;
}



/*-----------------Navigation-------------------------*/





/*--- menue Stoffe ---*/
/*--- menue Stoffe ---*/

	#stoffe { width:90px;  height: 68px; float: left; z-index:1;}

	#stoffe ul { list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1;}

	#stoffe {
   position:absolute;
   width:115px;
   float: left;
   z-index:1;
   top: 205px;
   left: 508px;
}

	#stoffe ul 
	{ list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1; color:#582e15;}
	
	#stoffe a, #stoffe h2 { 
   	font-family: Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
	font-weight: bold;
	display: block; 
	border-width: 0px; 
	border-style: solid;
	padding:2px 0 7px 4px ;
	margin:0 0 0 0;
	z-index:1;
	color:#582e15;
    background-color:transparent; 
	
}
	
	#stoffe h2 { width:90px; color:#582e15; z-index:25;  font-size:12px;}
	
	#stoffe a { 
    width:115px;
    background:#fff;
    color:#582e15;
    text-decoration: none; 
    z-index:1;
    border:1px solid #deebec;
    font-size:11px;
    font-weight: normal; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#stoffe a:hover { color:#000; z-index:2; background:#eeeeee; }
	
	#stoffe li {position: relative; z-index:2;}


	
	#stoffe ul ul,
	#stoffe ul li:hover ul ul,
	#stoffe ul ul li:hover ul ul
	{display: none; z-index:2;}
	
	#stoffe ul li:hover ul,
	#stoffe ul ul li:hover ul,
	#stoffe ul ul ul li:hover ul
	{display: block; z-index:2;
	}





/*-------------Stoffe Navigation Ende----------------*/



/*--- menue Möbel ---*/
/*--- menue Möbel ---*/

#moebel { width:90px;  height: 68px; float: left; z-index:1;}

	#moebel ul { list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1;}

	#moebel {
   position:absolute;
   width:100px;
   float: left;
   z-index:1;
   top: 205px;
   left: 560px;
}

	#moebel ul 
	{ list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1; color:#582e15;}
	
	#moebel a, #moebel h2 { 
   	font-family: Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
	font-weight: bold;
	display: block; 
	border-width: 0px; 
	border-style: solid;
	padding:2px 0 7px 4px ;
	margin:0 0 0 0;
	z-index:1;
	color:#582e15;
    background-color:transparent; 
	
}
	
	#moebel h2 { width:90px; color:#582e15; z-index:25; font-size:12px;}
	
	#moebel a { 
    width:100px;
    background:#fff;
    color:#582e15;
    text-decoration: none; 
    z-index:1;
    border:1px solid #deebec;
    font-size:11px;
    font-weight: normal; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#moebel a:hover { color:#000; z-index:2; background:#eeeeee; }
	
	#moebel li {position: relative; z-index:2;}


	
	#moebel ul ul,
	#moebel ul li:hover ul ul,
	#moebel ul ul li:hover ul ul
	{display: none; z-index:2;}
	
	#moebel ul li:hover ul,
	#moebel ul ul li:hover ul,
	#moebel ul ul ul li:hover ul
	{display: block; z-index:2;
	}


/*-------------Möbel Navigation Ende----------------*/




/*-------------Wohnaccessoires Navigation Ende----------------*/



/*--- menue Wohnaccessoires ---*/


	#wohnaccessoires { width:90px;  height: 68px; float: left; z-index:1;}

	#wohnaccessoires ul { list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1;}

	#wohnaccessoires {
   position:absolute;
   width:100px;
   float: left;
   z-index:1;
   top: 205px;
   left: 614px;
}

	#wohnaccessoires ul 
	{ list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1; color:#582e15;}
	
	#wohnaccessoires a, #wohnaccessoires h2 { 
   	font-family: Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
	font-weight: bold;
	display: block; 
	border-width: 0px; 
	border-style: solid;
	padding:2px 0 7px 4px ;
	margin:0 0 0 0;
	z-index:1;
	color:#582e15;
    background-color:transparent; 
	
}
	
	#wohnaccessoires h2 { width:90px; color:#582e15; z-index:25; font-size:12px;}
	
	#wohnaccessoires a { 
    width:100px;
    background:#fff;
    color:#582e15;
    text-decoration: none; 
    z-index:1;
    border:1px solid #deebec;
    font-size:11px;
    font-weight: normal; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#wohnaccessoires a:hover { color:#000; z-index:2; background:#eeeeee; }
	
	#wohnaccessoires li {position: relative; z-index:2;}


	
	#wohnaccessoires ul ul,
	#wohnaccessoires ul li:hover ul ul,
	#wohnaccessoires ul ul li:hover ul ul
	{display: none; z-index:2;}
	
	#wohnaccessoires ul li:hover ul,
	#wohnaccessoires ul ul li:hover ul,
	#wohnaccessoires ul ul ul li:hover ul
	{display: block; z-index:2;
	}



/*--- menue Wohnaccessoires Ende ---*/


#footer {
    width:auto;
    height:50px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    background-image:url(../images/footer.jpg);
    background-repeat:repeat-x;
    color: #f3f3f4;
    background-color: transparent;
 
    
	}
    
#footer-text{
   font-family: Verdana,Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   text-align:center;
   color: #552a10;
   font-size:12px;
   font-weight:normal;
   margin:0 0 0 0;
   padding:11px 0 25px 0;
   line-height:18px;
   left: 255px;
   width: 982px;

 


}
