.clearing{ clear:both;}

.rechts{ float: right;}
    
.left, .links {  float: left; }

/******************************************************************************
Einstellung notwendig zum zurücksetzen der Abstände
******************************************************************************/
.box h5, .box h6, .box *{
    padding:0;
    margin:0;
    border:0;
}

/*Für Internet Explorer 6*/
*html #navi ul,
*html #navi a{
	height:1px;
	}

#navi{
	padding:13px;
	width:200px;
	vertical-align:top;
	background: #ffffff;
}

.box{
    width: 213px;
	background: url(bilder/navi_mitte.gif) repeat-y left top;
	margin: 2px 0 15px 0;	
}

.box .letzter {
	background: url(bilder/navi_unten.gif) no-repeat left bottom;
}

.box .letzter, .box .erster{
    line-height: 5px;
    padding: 5px 0 0 0 
}


.box .erster{
    padding:5px 0 0 10px;
    margin:0;
	background: url(bilder/navi_oben.gif) no-repeat left top;
}

.box li{
	list-style: none outside;  
	}

#categorie.box a, #content_links.box a{      
 display:block;	
}
.box li a{      
    background: url(bilder/arrow_blue.gif) no-repeat left bottom;
   	padding: 0 0 0 20px;
 	margin:5px 0px; 
 	line-height: 25px;
 	text-decoration: none;
    }    
    
.box li a:hover{ background: url(bilder/arrow_red.gif) no-repeat left bottom; }

.box ul ul{
    padding: 0 0 0 10px; 
}

.box ul{
	list-style: none outside;    
 
}

.box ul ul li a {
	margin:10px 0 10px 1px; 
	background: url(bilder/arrow_blue_e2.gif) no-repeat left bottom;
    }

.box ul ul li a:hover{
    background: url(bilder/arrow_red_e2.gif) no-repeat left bottom;
}

.box a{ 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#006699;
    font-size:90%;
    font-weight:bold;
    }

.box ul ul a{  font-size:80%; }

/*Formatierung des Suchfelds*/
.box form, .box form a{
    padding: 0 0 0 0;
    margin:5px 14px; 
    
}
.box form a{
    display:block;
    font-size: 70%;
}
    
.box .field {
	padding: 3px;
	border: 1px solid #006699;
	margin: 3px 0;
	}
	
.box .button{
    float:right;
    margin: 0 15px 0 0px;
}
/******************************************************************************
Formatierung Warenkorb in der Navigation
******************************************************************************/
#cart ul li {
    background:none;
    padding: 0 0 0 1px;
    line-height: 1.7;
}
#cart .rechts{
    text-align:right;
    margin: 0 20px 0 0;
    float:none;
}

#cart p, #payback p{
    margin: 0 0 0 14px;
}

#cart a{
    text-decoration: underline;
    font-size:100%;
    font-weight:normal;
    background: none;
     padding: 0;
     margin:0;

}

/******************************************************************************
Formatierung der footerleiste
*******************************************************************************/
#footer { 
	width:980px; 
	margin:0 auto;
	}

#footer ul,#footer li  { 
	margin:0 ;
	padding:0;
	text-align:center;
}

#footer li {
	display:inline; 
	
	}
	
#footer a{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#006699;
	font-size:90%;
	font-weight:normal;
}

/******************************************************************************
Formatierung der Überschriften
******************************************************************************/
h1,h2,h3,h4,p,li,ul, ol {  
    padding:0;
    margin:0;  }

h1 {font-size: 180%; }
h2 {font-size: 140%; 
    margin: 30px 0 0 5px }
h3 {font-size: 120%; 
    margin: 20px 0 0 10px}
h4 {font-size: 80%; 
    margin: 20px 0 0 20px}

p, li{ font-size: 80%; 
    line-height: 1.7;}
    
p  {margin: 0 20px; 
    color:#000000;}
    
li {
      list-style: dot inside;  
      margin: 0 30px ;
      color:#000000;
}


ul {
     margin: 10px 20px;
}

a { color:#006699; 
    text-decoration: underline;
    }

a:hover { color:#0000ff; 
        text-decoration: underline;
        }

strong { font-weight:medium; }
em { font-style:italic; 
     color:#006699;   }

     
/******************************************************************************
Formatierung hilfen
******************************************************************************/
.margin_big { margin:30px; }

.rot { color:#ff0000; }

.wichtig {
    background-color:#D5DAE8;
    border:2px solid #000000;
    padding:10px;
    margin:10px;
}