body {
	background: #cbcbcb url("/fileadmin/lederdesign.de/img/nav-bg.gif") 
	0px -20px repeat-x; /* +Absatz ist weg rechts */
	font: normal 11px Verdana;
	color: #666;
} 
#nav {
	position: absolute; top: 0px; left:0px;
	padding: 100px 0 0 0; /* 120 ist Höhe der Navigation */
	margin-left: 60%;
} /* siehe auch ie-hack im html */
#nav_wrap {
	position: relative;
}
#nav table {
	/* border: 1px solid green; */ 
	margin: 0; padding: 0; 
	margin-left: -1px;
	margin-top: 4px;
}
#nav td {
	/* border: 1px solid blue; */ 
	vertical-align: top; text-align: left; 
	margin: 0; padding: 4px 8px 0 0;
}
#nav, #nav a {
	color: #000;
	font: normal 11px Verdana; /* 11 ist Schrift, Text unter Navi */
} 
#nav a.level1, #nav a.level2, #nav td.menu_act a {font-size:13px}
/* die 13 ist die Größe der Hauptnavi */
#nav td.menu_act a.level3 {font-size:11px}
/* die 11 ist die Größe der Unterpunkte im Hauptmenue */
#nav a.level3 {
	 display: block; 
	 margin: 0; padding: 0;
	 margin-top: 6px;
}
#nav a.level1, #nav a.level2, #a.link_act {
	color: #666;
}
#nav a.level3, #a.link_act {
	color: #666;
}
#nav a.link_act {
	color: #000;	
}
#nav #story {margin-top:24px; margin-right: 24px; width: 390px}
/* die 390 ist die Breite Text unter Navi */
#content {
	background: #cbcbcb url("/fileadmin/lederdesign.de/img/nav-bg.gif")
	0px -20px repeat-x; /* -20 auf 0 + Absatz ist weg rechts */
	position: absolute; top: 0px; left: 0px; 
	width: 60%; /* Breite von oben schmaler Blaken */
	padding-top: 70px; /* Position der Link-Quadrate (Höhe) */
	min-height: 60px;
}
#content a {color: #000; font-weight: bold; } /* text-decoration: underline, Semikolon */
/* unterstrichene Links außer Navi */
#content a:hover {text-decoration: none;}
#content table.layouttable {
	margin-top: 50px; /* 50 hat auch was mit der Position der Quadra-Links zu tun, Höhe */
	margin-left: 30px; /* Absatz linker Rand */
	/*display:inline*/
}
#content table.layouttable, #content table.layouttable td {
     font: normal 11px Verdana;  
     color: #000;
}
#content table.imgtext-nowrap {
	/* die thumbs links neben- statt untereinander */
	/* im typo3 dann kein umbruch: im text links nehmen */
	display: inline;
}
#content td.tasche .imgtext-table {margin-right: 11px; }
.csc-header-n1 h1 {
	color: #000;
	font-size: 11px; /* Überschrift rechts (Taschennamen) */
	margin: 0;
}
#content p.bodytext {
	color: #000;
	font-size: 11px; /* Schrift rechts, Etikett */
	margin: 0;
}
#logo {
	position: absolute; top: 0px; left:0px;
	margin-left: 58.5%; /* weniger rückt nach links */
	padding-top: 64px;   /* weniger rückt nach oben */
}
#logo img {
	margin: 0 0 18px 18px;
}