@charset "UTF-8";
/* CSS Document für du.st Werbung & Promotiom - Autor: Klaus Schmidt URARTmedia Berlin*/

html {
	height:100%; 
	margin-bottom:1px;
}
body {
	background-image: url(../images/Basics/bkgd_grad.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:914px;
	height:144px;
	z-index:3;
}
#navigation {
	position:absolute;
	left:0px;
	top:138px;
	width:178px;
	height:240px;
	z-index:2;
	background-color: #000000;
	z-index:4;
}
#navigation ul { margin-left: 0; margin-top: 5px; /*Solo per mozilla*/ padding-left: 3px; margin-bottom: -0px; list-style-type: none; font:Verdana, Helvetica, sans-serif; }

#navigation a { display: block; padding: 8px; width: 170px; /*Internet Explorer hack*/ w\idth: 155px; \widht: 170px; /*compliant mode*/ background-color: #000000; border-bottom: 1px solid #fff; line-height: 15px; /*rende i bordi sottili su explorer*/ color: #eee; text-decoration: none; }

/*Icons Main Navigation */
li#home a { background: #000 url(../images/icone/04.gif) no-repeat 140px 7px; }
li#service a { background: #000 url(../images/icone/05.gif) no-repeat 140px 7px; }
li#about a { background: #000 url(../images/icone/02.gif) no-repeat 140px 7px; }
li#today a { background: #000 url(../images/icone/03.gif) no-repeat 140px 7px; }
li#linksnav a { background: #000 url(../images/icone/06.gif) no-repeat 140px 7px; }
li#downloads a { background: #000 url(../images/icone/07.gif) no-repeat 140px 7px; }
li#contact a { background: #000 url(../images/icone/08.gif) no-repeat 140px 7px; }
#current a{ background-color: #cc0000; background-image: url(../images/icone/current2.gif); background-repeat: no-repeat; background-position: 135px 0px;}


#home a:hover { background-color: #660000;}
#service a:hover { background-color: #660000;}
#about a:hover { background-color: #660000;}
#today a:hover { background-color: #660000;}
#linksnav a:hover { background-color: #660000;}
#downloads a:hover { background-color: #660000;}
#contact a:hover { background-color: #660000;}


#Ecke {
	position:absolute;
	left:0px;
	top:375px;
	width:178px;
	height:190px;
	z-index:5;
}

#footer a {
	color: #FFF;
	text-decoration: none;	
}
#footer a:hover { 
	color:#06F; 
	text-decoration: none; 
}
#Imp {
	position:absolute;
	left:262px;
	top:10px;
	width:80px;
	height:20px;
	z-index:1;
}
#Copy {
	position:absolute;
	left:493px;
	top:10px;
	width:232px;
	height:20px;
	z-index:2;
}
#disc {
	position:absolute;
	left:602px;
	top:10px;
	width:80px;
	height:20px;
	z-index:3;
}

#Pfeil {
	position:absolute;
	left:11px;
	top:2px;
	width:20px;
	height:20px;
	z-index:1;
}
#Ueberschrift {
	position:absolute;
	left:40px;
	top:3px;
	width:644px;
	height:20px;
	font-size: 18px;
	font-style: oblique;
	font-weight: bold;
	z-index:13;
}
.roterBuchstabe {color: #CC0000;font-size: 20px}
.roterText {color: #CC0000;}