body  {
    	font: 100% Arial, Helvetica, sans-serif;
    	background: #fff;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
	 
	 
	 /* >>> CONTAINER <<< */
	 
	 
    div#container { 
    	width: 863px;
    	background: #FFFFFF;
    	margin: 0 auto;
    	border: 0;
    	text-align: left;
    } 
    div#header { 
    	background: #fff; 
    	padding: 0;
		margin: 10px 0 15px 0;
    } 

    div#sidebar {
    	float: left;
    	width: 145px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background: #e4e4e4;

    }
    div#mainContent { 
    	margin: 0 0 0 160px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 10px 20px 50px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		border: 1px solid #ff0000;
    } 
	 
	   	  div#mainContent-nav { 
             width: 595px;
				 text-align: right;
				 font-size: 80%;
  		  } 
	 
	 
    div#footer { 
    	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#ff0000;
		margin-top: 5px;
    	height: 20px;
    } 

    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	 
	 
	 	 /* >>> TYPOGRAPHY <<< */
		 
		 .fehler {
		 color: #ff0000;
		 font-weight: bold;
	}
	
			 .response {
			 width: 552px;
			 border: 1px;
			 border-left: 15px;
			 border-style: solid;
			 padding: 15px;
		    color: #ff0000;
		    font-weight: bold;
	}
	
	    div#mainContent h1 {
    	 font-size: 120%;
		 line-height: 180%;
    }	 
	 	 div#mainContent h2 {
    	 font-size: 100%;
		 line-height: 160%;
    }	
	    div#mainContent p, th, td{
   	 line-height: 130%;
		 max-width: 590px;
    }	 
		 div#mainContent p a {
		 	color: #ff0000;
	}

		 div#mainContent-nav a { 
              	 color:#000;
  		  }

	
	
       /* >>> IMAGES <<< */
		 
			div#mainContent img {
		 	 padding-top: 5px;
				}
	
			div#mainContent table.tabprod td img {
 			 float: left;
 			 padding-right: 10px;
				}
	
	
	
       /* >>> LISTS <<< */


ul#list-produkte  {
	  padding: 0 15px 10px 295px;
	  
	}
	ul#list-produkte li {
		 font-size: 80%;
		}

	/* >>>		
ul.list a {
	color: #4494FF;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #F1F7FF;
	}
ul.list a:hover {
		color: #333;
		background-color: inherit;
		border-bottom: 1px solid #eee;
		}
<<< */	
		
	       /* >>> TABELLEN <<< */	
		
		

div#mainContent table.tabform {
  background-image: url(/bilder/shop/basic/bg_tab.gif);
  background-repeat: repeat-x;
  text-align: left;
}
div#mainContent table.tabform th {
  padding: 6px;
  padding-bottom: 14px;
  text-align: left;
}
div#mainContent table.tabform td {
  padding: 6px;
  border-bottom: 1px solid #e4e4e4;
}



div#mainContent table.tabprod {
  width: 600px;
  font-size: 120%;
  text-align: left;
}
div#mainContent table.tabprod td {
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 6px 0 6px 0;
}


.tabbestell {
  background-image: url(/bilder/shop/basic/bg_tab.gif);
  background-repeat: repeat-x;
  text-align: left;
    width: 600px;
}
.tabbestell th {
  padding: 6px;
  padding-bottom: 14px;
  text-align: left;
  color: #fff;
}
.tabbestell td {
  padding: 6px;
  border-bottom: 1px solid #e4e4e4;
}








	       /* >>> LINKLEISTE <<< */	


#navcontainer
{
width: 145px;
padding: 0px;
margin: 0px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}



ul.linkleiste li
{
border-bottom:1px solid #aaa;
border-left:0px;
border-right:0px;
margin:0px;
padding: 0px;
position:relative;
background-color:#e4e4e4;
}

ul.linkleiste li.hauptlistenelement_gewaehlt
{
background-color:#ffffff;
margin:0px;
padding: 0px;
}

ul.linkleiste li.hauptlistenelement_gewaehlt_unterlink
{
background-color:#bbb;
margin:0px;
padding: 0px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


ul.linkleiste li ul li
{
background-color:#eeeeee;
}



ul.linkleiste li ul li.unterlistenelement_gewaehlt
{
background-color:#ffffff;
}


ul.linkleiste li a
{
margin:0px;
padding:0px;
padding-left:15px;
padding-top:8px;
width:130px;
height:24px;
display: block;
font-size:80%;
color:#000000;
text-decoration:none;
}

ul.linkleiste li a:hover
{
background-color:#ffffff;
}




ul.linkleiste li ul li a
{
padding-left:30px;
padding-top:8px;
width:120px;
font-size:80%;
font-weight: normal;
}

ul.linkleiste li ul li a:hover
{
background-color:#ffffff;
}

a.produkt, a:visited.produkt  {
color: Black;
text-decoration: none;
}

a:hover.produkt, a:active.produkt  {
text-decoration: underline;
	
}
/*
table.tool {
  background-image: url(../bilder/img/tool/bg_tab.gif);
  background-repeat: repeat-x;

}
table.tool th {
  padding: 6px;
  padding-bottom: 14px;
  text-align: left;
}
table.tool td {
  padding: 6px;
  border-bottom: 1px solid #e4e4e4;

}
*/