html { 
  padding:0;
  margin:0;
}

#box {
    width: 795px; 
    voice-family: "\"}\""; 
    voice-family:inherit; 
    width: 783px;  
    height:620px;
    margin: 0px auto;
    padding: 0px;    
    background-color:#fff;
}

body {
    background: url(../i/red2.gif) 50px 50px repeat;
    text-align: center;
    margin:0;
    padding:0;
    text-align:center;
}

#rechts {
	float: right;    
    height:600px;
    width:150px;
    padding:0;
	border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    background-color:#fff;
}

#rechts img {
    border:0;
    margin:0;
    padding:0;
    float:right;
    }

#inhalt {
	float: right;
    width:630px;  
    voice-family: "\"}\""; 
    voice-family:inherit;   
    height:600px;
    padding:0;
    background-color:#fff;
    border-left: 1px solid #a9a9a9;
}
	
.foot-index  {
    float: right;
    background: url(../i/foot-red.png) repeat;
    height: 30px;
    width: 795px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 783px;
    }


/*  BASICS */

img     
    {
    margin: 0;
    padding: 0;
    border: 0;
    }
   
.spc    {
    clear:both;
    }   
   
p   {
    font: 10px "Lucida Grande", Verdana, sans-serif; 
    color: #000;
    line-height:15px;	
    }
       

/* NAVI */



ul   {
    padding: 16px 4px 16px 0;
    margin: 0;
	list-style: none;
    line-height: 13px;	
    text-align: right;	
    float: right;
    }
    

html>body ul {
    padding: 16px 5px 16px 0;
    margin: 0;
}


ul a { 
    width:100%;
    text-decoration: none; 
    font: 10px "Lucida Grande", Verdana, sans-serif; 
    line-height: 13px;	
	padding: 0 8px 0 0;
    }

hr { 
    text-align: center; 
    width: 100%; 
    height: 1px; 
    color: #a9a9a9; 
    border: none; 
    margin: 3px 0 3px 5px;
    } /* For Internet Explorer */

html>body hr { 
    margin-right: 0; 
    margin-top: 3px;
    margin-bottom: 3px;
    width: 140px; 
    height: 1px; 
    background-color: #a9a9a9;
    border: none; 
    } /* For Gecko-based browsers */

html>body hr { 
    margin-right: 0; 
    margin-top: 3px;
    margin-bottom: 3px;
    width: 140px; 
    height: 1px; 
    background-color: #a9a9a9;
    border: 0px solid #a9a9a9; 
    } /* For Opera and Gecko-based browsers */

ul.interface a   {
	color: #D79E13;	background: url(../i/bullet.gif) right no-repeat;  
    }
    
ul.interface a:hover   {
	color: #D79E13;	background: url(../i/bullet-yel-on.gif) right no-repeat;  
    }

ul.interface a.clicked   {
	font-weight:bold;
	color: #D79E13;	background: url(../i/bullet-yel-on.gif) right no-repeat;  
    }
    
    
ul.corporate a   {
	color: #63B416;	background: url(../i/bullet.gif) right no-repeat;  
    }
    
ul.corporate a:hover   {
	color: #63B416;	background: url(../i/bullet-gre-on.gif) right no-repeat;  
    }

ul.corporate a.clicked   {
	font-weight:bold;
	color: #63B416;
	background: url(../i/bullet-gre-on.gif) right no-repeat;  
    }
    
ul.web a   {
	color: #1698B3;	background: url(../i/bullet.gif) right no-repeat;  
    }
    
ul.web a:hover   {
	color: #1698B3;	background: url(../i/bullet-blu-on.gif) right no-repeat;  
    }   

ul.web a.clicked   {
	font-weight:bold;	
	color: #1698B3;	background: url(../i/bullet-blu-on.gif) right no-repeat;  
    }   
 
ul li.none a, li.none a:hover, li.none a:clicked   {
	font-face: bold;
	font-weight:bold;
	background: 0;  

    }

/*  CONTACT */  

.contact	{
    text-align:left;
	color: a9a9a9;
	float:right;
	position:relative;
	}
    
a { 
    text-decoration: none; 
    font: 10px "Lucida Grande", Verdana, sans-serif; 
	color: a9a9a9;
	padding: 0;
	margin:0;
	text-align: left;
    }

#sidebar a strong {
	color: #A72523;
	}




/*  DIOPTRIN + PORTFOLIO */    
    
img.english {
    float:right;
    position:relative;
    margin:0;
    padding:0;
    }
        
img.header-dpt {
    margin: 36px 100px 0 0px;
}

img.header {
    margin: 36px 0px 0 0px;
}


img.header-kontakt {
    float:left;
    margin: 36px 0 0 20px;
}


p.about   {
    float:right;
    position:relative;
    font: 11px "Lucida Grande", Verdana, sans-serif; 
    color: #555;
    margin: 0;
    padding: 20px 40px 0 0;
    width: 400px;
    text-align:left;
    line-height: 15px;
    }

p.about-web   {
    float:right;
    position:relative;
    font: 11px "Lucida Grande", Verdana, sans-serif; 
    color: #555;
    margin: 0;
    padding: 20px 40px 0 0;
    width: 560px;
    text-align:left;
    line-height: 15px;
    }

p.about-interface   {
    float:right;
    position:relative;
    font: 11px "Lucida Grande", Verdana, sans-serif; 
    color: #555;
    margin: 0;
    padding: 20px 40px 0 0;
    width: 560px;
    text-align:left;
    line-height: 15px;
    }

p.about-corporate   {
    float:right;
    position:relative;
    font: 11px "Lucida Grande", Verdana, sans-serif; 
    color: #555;
    margin: 0;
    padding: 20px 40px 0 0;
    width: 560px;
    text-align:left;
    line-height: 15px;
    }

p.about-corporate-s   {
    float:right;
    position:relative;
    font: 11px "Lucida Grande", Verdana, sans-serif; 
    color: #555;
    margin: 0;
    padding: 20px 40px 0 0;
    width: 260px;
    text-align:left;
    line-height: 15px;
    }
    
p.description {
    float:left;
    text-align:left;
    color:  #555;
    width:610px;
    padding: 0 10px;
    line-height:15px;	
    }

p.about a, p.description a   {
    color: #A72523;
    }

p.about a:hover, p.description a:hover   {
    border-bottom: 1px dotted #A72523;
    }

p.about strong, p.description strong   {
    font-weight: normal;
    background: url(../i/linkback-red.png) top left repeat;
    }




/*
red A72523
yelow D79E13
green 63B416
blu 1698B3
*/