/* css Design by Ehl & Ing 2006 - http://www.ehlunding.de */

/* dark-blue: #1a194f */
/*  */
/*  */
/*  */
/*  */

html { 	margin: 0; padding: 0; }

body {	margin: 0; padding: 0; height: 100%; font: normal 14px "Trebuchet MS", Verdana, Tahoma, Arial; color: #000000; background-image: url('http://www.topdirect.de/images/bg10.gif'); background-repeat: repeat-x;}

.logo		{ position: absolute; top: 95px; left: 50%; margin: 0px 0px 0px -375px; padding: 0; width: 200px; height: 55; font-size: 1px; background-image: url('http://www.topdirect.de/images/topdirect-direktmarketing-4.gif'); background-repeat: no-repeat; }

.navi		{ position: absolute; top: 150px; left: 50%; margin: 0px 0px 0px -355px; padding: 0; width: 180px; background-image: url('http://www.topdirect.de/images/topdirect-bottom.gif'); background-repeat: no-repeat; background-position: bottom; }
.navi ul	{ margin: 0px 15px 15px 15px; padding: 0; list-style: none; }
.navi ul li	{ margin: 0; border-bottom: 1px solid #690000; }
.navi ul li a	{ margin: 0; padding: 5px 5px 5px 5px; display: block; color: #000000; text-decoration: none; font: bold 16px "Trebuchet MS", Verdana, Tahoma, Arial; }
.navi ul li a:hover	{ background-image: url('http://www.topdirect.de/images/schraeg3.gif'); background-repeat: no-repeat; background-position: bottom right; }
.navi-bild	{ position: absolute; bottom: 0px; left: 0px; width: 200px; height: 150px; margin: 0px 0px -150px 0px; padding: 0px; background-image: url('http://www.topdirect.de/images/blaetter.gif'); background-repeat: no-repeat; }

.content	{ position: absolute; top: 175px; left: 50%; margin: 0px 0px 0px -125px; padding: 0; width: 500px; }
.content a	{ margin: 0; padding: 0; color: #690000; text-decoration: underline; }
.content-footer	{ position: absolute; bottom: 0px; width: 100%; height: 45px; margin: 0px 0px -45px 0px; padding: 0px; background-image: url('http://www.topdirect.de/images/topdirect-bottom-2.gif'); background-repeat: no-repeat; }
.content-made	{ position: absolute; right: 15px; bottom: 5px; margin: 0px; padding: 0px; }
.content-box	{ float: right; display: inline; width: 180px; background-image: url('http://www.topdirect.de/images/topdirect-bottom-3.gif'); background-repeat: no-repeat; background-position: bottom; margin: 0px 15px 15px 15px; padding: 0px; overflow: hidden; }
.content-box h3	{ margin: 0px 15px 0px 15px; padding: 0px 0px 0px 0px; font: italic 14px "Trebuchet MS", Arial, Verdana, Tahoma; color: #690000; vertical-align: bottom; }
.p2		{ margin: 0px 15px 15px 15px; padding: 0px; font: 14px "Trebuchet MS", Arial, Verdana, Tahoma; color: #000000; }
.content h1	{ margin: 0px 15px 0px 15px; padding: 0px; font: italic 30px "Trebuchet MS", Arial, Verdana, Tahoma; color: #690000; }
.p1		{ margin: 0px 15px 0px 15px; padding: 0px; font: "Trebuchet MS", Arial, Verdana, Tahoma; color: #000000; }
.p3		{ margin: 5px 30px 5px 30px; padding: 0px; font: "Trebuchet MS", Arial, Verdana, Tahoma; color: #000000; }
.l1:link, .l1:active, .l1:visited, .l1:hover	{ margin: 0; padding: 0; color: #000000; text-decoration: none; font: italic 14px "Trebuchet MS", Verdana, Tahoma, Arial; }
.l2:link, .l2:active, .l2:visited, .l2:hover	{ margin: 0; padding: 0; color: #000000; text-decoration: none; font: normal 14px "Trebuchet MS", Verdana, Tahoma, Arial; }
.l3:link, .l3:active, .l3:visited, .l3:hover	{ margin: 0; padding: 0px 19px 0px 0px; color: #000000; text-decoration: none; font: normal 14px "Trebuchet MS", Verdana, Tahoma, Arial; background-image: url('http://www.topdirect.de/images/link2.gif'); background-repeat: no-repeat; background-position: right bottom; }
.content ul	{ margin: 0px 15px 0px 15px; padding: 0px; background-color: #F6F6F6; border: 1px solid #999999; list-style-position: outside; background-image: url('http://www.topdirect.de/images/bg9.gif'); background-repeat: no-repeat; background-position: bottom right; }
.content ul li	{ margin: 0px 5px 0px 20px; list-style-image: url(http://www.topdirect.de/images/list3.gif); }
.sub		{ margin: 0px 15px 0px 15px; padding: 0; width: 470; background-color: #999999; }
.sub h3		{ margin: 0px 5px 0px 5px; padding: 0px; font: bold 14px "Trebuchet MS", Arial, Verdana, Tahoma; color: #FFFFFF; }
.clearall	{ clear: all; margin: 0;}
.left		{ margin: 0px 0px 0px 15px; }
.counter	{ position: absolute; left: 0px; top:  0px; width:  1px; height: 1px; overflow: hidden; }