/* ------------------ Photoareal ----------------------------------------------- */
html, body {
	width:100%;
	height:100%;
}

body {
	background:#808080 url(../images/bg-img.jpg) repeat-x;
    background-color:#808080;
	font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
	color:#FFFFFF;
	font-size:12px;
     font-weight:bold;

}



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


.orange{
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    text-decoration: none; 
    color: #f5a22d;
    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: 20px;
    width:450px;
    background-color: transparent;
    background-image:url(../images/dot-line.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center;

}


#adresse {
   position:absolute;
   width: 316px;
   height: 21px;
   left: 667px;
   top: 897px;
   z-index:20;
   margin:0 0 0 0;
   padding:0 0 0 0;
  
  }




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

a:link  { 
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    font-size:11px;
    font-weight:bold;      
    color:#FFFFFF;   
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    outline: none;
    border:0 none;
 

  
}

a:visited { 
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    font-size:11px;
    font-weight:bold;        
    color:#FFFFFF;  
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    outline: none;
    border:0 none;
  

}
a:active {
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    font-size:11px;
    font-weight:bold;       
    color:#002454; 
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    outline: none;
    border:0 none;
  

}

a:hover {  
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    font-size:11px;
    font-weight:bold;       
    color:#985001; 
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    outline: none; 
	
	
}






h1{
	font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #002454;
    font-size:19px;
    font-weight:normal;
    margin:10px 0 10px;
    text-transform:none;

}




h2{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #9e1918;
    font-size:14px;
    font-weight:bold;
    margin:5px 0 5px 0;
    padding:0 0 0 0;

}


p{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    color: #002454;
    text-transform: none;
    line-height: 20px;
    font-size: 13px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-weight:normal;


}

.menue li, ul{
    list-style-type:decimal;
    list-style-position:inside;
    display: inline;
    line-height: 20px;
    font-size: 12px;
    font-weight:bold;
    color: #002454;
    margin:0 6px 0 0;

}





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

#container {
        position:relative;
        width:980px;
        margin:0 auto -100px auto;
        min-height:100%;
        height: auto !important;
        z-index:150 !important;
        background-image:url(../images/content-bg.jpg);
        background-repeat:no-repeat;
    
}


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

#header {
   position:relative;
   width:818px;
   height:289px;
   z-index:0 !important;
   background-color:transparent;
   margin:0 0 0 0;
   padding:55px 0 0 55px;
   background-repeat:no-repeat;
	}


#sidebar-pic {
   position:absolute;
   margin:0 0 0 0;
   padding:0 0 0 0;
   background-repeat:no-repeat;
   z-index:0 !important;
   left: 46px;
   top: 657px;
   width: 219px;
   height: 217px;
   background-image: url(Fliesen%20Keil%20Ihr%20Allrounder);
  
  } 



a#logo{
   width:378px;
   height:164px;
   background-repeat:no-repeat;
   background-color:transparent;
   position: absolute;
   left: 599px;
   top: 92px;
   background-image:url(../images/logo.gif);
   padding:0;
   margin:0;
   outline:none;
   z-index:0;




}

a#logo:hover{
    width:378px;
    height:164px;
    background-repeat:no-repeat;
    background-color:transparent;
    position: absolute;
    left: 599px;
    top: 92px;
    background-image:url(../images/logo.gif);
    padding:0;
    margin:0;
    outline:none;
    z-index:0;




}



/*-------------------------- content ----------------------------------*/
    
#contentContainer {
    width:880px;
    padding:55px 0 0 0;
    margin:0 0 0 0;
    min-height:450px;
    background-color: transparent;
    }
    



#contentMain {
    position:relative;
    width:560px;
    padding:15px 0 25px 0;
    margin:0 0 0 0;
    z-index: 0;
    float:right;
    background: transparent;
    }
    


#contentSidebar{
    width:200px;
    height:auto;
    padding:0 0 0 0;
    margin:25px 0 0 43px;
    z-index:40;
    float:left;
    display:block;

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



/*-------------------------- navigation ----------------------------------*/



#navi-add{
   position: absolute;
   width:270px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:100;
   height: 15px;
   top: 72px;
   left: 67px;
   list-style-type:none;
   list-style-position:inside;
   display: inline;
    }
    
    * html #navi-add {
    height:17px;


}


#navi-add02{
   position: absolute;
   width:274px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:100;
   height: 15px;
   top: 53px;
   left: 686px;
    }
    
    * html #navi-add {
    height:17px;


}







/*------------------------------------------*/



a.mainnav:link, a.mainnav:visited, a.mainnav:active, a.mainnav:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:12px;
    font-weight:bold;        
    color:#9f0812; 
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 11px 0 11px;
    outline: none;
    border:0 none;
    left:10px;
    top:50px;
  

	}
	 

	
a.mainnav:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:12px;
    font-weight:bold;       
    color:#ffffff;
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 11px 0 11px;
    outline: none; 

	
}


#menue{
   position: absolute;
   width:744px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:100;
   height: 19px;
   top: 35px;
   left: 46px;
    }
    
    * html #navi-add {
    height:17px;

}





/*-------------------------- navigation ende----------------------------------*/      
    
    
/*-------------------------- footer ----------------------------------*/  

#footer {
    width:auto;
    height:142px;
    margin:0 auto;
    padding:5px 0 0 45px;
    background-image:url(../images/footer.gif);
    background-repeat:no-repeat;
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    color: #f3f3f4;
    background-color:#FFFFFF;
 
    
	}
    
#footer-text{
   width:auto;
   height:auto;
   font-family: Verdana,Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   color: #87888a;
   font-size:11px;
   font-weight:normal;
   margin:0 0 0 0;
   padding:0 0 0 0;
   line-height:18px;
 


}



    
/*-------------------------- footer ende----------------------------------*/  





/*-------------------------- navigation ----------------------------------*/ 

#navigation{
   position: absolute;
   width:163px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:100;
   height: 139px;
   top: 1px;
   left: 12px;
   display: inline;
    }
    
    * html #navi {
    height:45px;


}

#navigation ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;

}

#navigation li {
    display: inline;
    margin: 0px;
    padding: 0px;
}


a.navigation:link, a.navigation:visited, a.navigation:active, a.navigation:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    text-decoration:none;
    color:#9f0812;
    font-weight: bold;   
    font-size:11px;
    text-transform:none;
    margin:0 0 0 0;
    padding:0 2px 0 2px;

	}
	 

	
a.navigation:hover {
    color:#002454;
    text-transform:none;
    font-weight: bold;  
    text-decoration:none;  
	

	
}





a.menu:link{ 
    background-color:transparent;  
    width:119px; 
    height:29px;
    display:block;
    color:#002454;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; 
    font-size: 12px;
    font-weight:bold;
    padding:8px 0 0 20px;
    margin:0 0 0 0;
    background-image:url(../images/nav-fliesen-mehr.gif);
    background-repeat:no-repeat; 
     text-decoration:none;         
    }


a.menu:visited { 
    color:#002454;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 12px;
    font-weight:bold; 
    background-image:url(../images/nav-fliesen-mehr.gif);
    background-repeat:no-repeat;
    background-color:transparent;     
    width:119px; 
    height:29px;
    display:block;
    padding:8px 0 0 20px;
    margin:0 0 0 0;
     text-decoration:none;    
}


a.menu:hover   { 
    color:#9f0812;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; 
    background-image:url(../images/nav-fliesen-mehr-over.gif);
    background-repeat:no-repeat;    
    width:120px; 
    height:29px;
    display:block;
    font-size: 12px;
    font-weight:bold;
    padding:8px 0 0 20px;  
    margin:0 0 0 0;
}


a.menu:active  { 
    color:#9f0812;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 12px;
    font-weight:bold; 
    background-color:transparent;
    padding:8px 0 0 20px;
    width:119px; 
    height:29px;
    display:block;
    
    
    }
    
    
    /*--------------------*/
    
    
    
a.menu-aktiv:link    { 
    background-color:transparent;  
    width:119px; 
    height:29px;
    display:block;
    color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    background-image:url(../images/bg-nav.gif); 
    font-size: 12px;
    font-weight:bold;
    padding:5px 0 0 35px;
    margin:0 0 0 0;        
    }


a.menu-aktiv:visited { 
    color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    background-image:url(../images/bg-nav.gif);
    background-repeat:no-repeat; 
    font-size: 12px;
    font-weight:bold; 
    background-color:transparent;  
    width:119px; 
    height:29px;
    display:block;
    padding:5px 0 0 15px;
    margin:0 0 0 0;   
}


a.menu-aktiv:hover   { 
    color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; 
    background-image:url(../images/bg-nav.gif);
    background-repeat:no-repeat; 
    width:120px; 
    height:29px;
    display:block;
	font-size: 12px;
    font-weight:bold;
    padding:5px 0 0 15px;  
    margin:0 0 0 0;
}


a.menu-aktiv:active  { 
    color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
     background-image:url(../images/bg-nav.gif);
    font-size: 12px;
    font-weight:bold; 
    background-color:transparent;
    padding:5px 0 0 15px;  
    width:119px; 
    height:29px;
    display:block;    
    
    }