*
{ 		
	margin: 0;
	padding: 0;       
}

html
{
	overflow: hidden;
}

body
{ 		
	margin-left: 80px;
	background: #000 url(./images/bg/Koffer.jpg) fixed;
	font: 12px "Lucida Grande",Verdana,Arial; 
	color: #99CCCC; 
	text-shadow: #585506 2px 2px 3px;
	cursor: default;
}

div
{
	text-align: left;
}

img
{
	border: 0;
}

img.ico
{
	vertical-align: middle;
	width: 16px;
	height: 16px;
}

a 
{ 
	text-decoration: none; 
	color: #99CCCC; 
	cursor: hand;
	}
	*>a 
	{ 
	cursor: pointer;
}

a:hover
{ 
	color: #FF833F; 
}

/* div */

div, body, .menu, .menu1, p
{ 
	line-height: 20px;
}

div.hauptmenu
{
	float: left;
	width: 378px;
}

div.iconcontainer
{
	position:relative;
	z-index: 2;
	width: 600px;
	margin: 0 auto;	
	padding: 0 40px;
}

div.container 
{
	height: 1000px;
	clear: both;
	text-align: center;
}

div.selbst
{
	padding: 20px 0 0 150px;
}

div.street
{
	float: left;
	width: 42px;
	padding: 386px 0 0 0;
}

div.netwalk
{
	height: 60px;
	padding: 50px 0 10px 110px;
}

div.hitzschlag
{
	padding: 0 0 15px 180px;
}
	
div.twosteps
{
	padding: 0 0 16px 140px;
}
	
div.esuebu
{
	padding: 10px 0 0 30px;
}
	
div.thema
{
	height: 270px;	
}

div.thema a
{
	display: block;
	height: 20px;
}

div.thema p
{
	padding-top: 25px;	
}

div.web
{
	height: 160px;
}

/* dl */

dl
{
	clear: both;
}

dd
{
	float: left;
	height: 60px;
	/* border: 1px #fff solid; */
}

/* navigation */

dl.navigation
{
	height: 140px;
	position: absolute;
	float: left;
	width: 90px;
	text-align: left;
	left: 80px;
}

dd.up 
{
	position: absolute;
	z-index: 3;
	height: 15px;
}

dd.lf 
{
	height: 15px;
	position: absolute;
	bottom: 0;
}

dd.rg 
{
	height: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.upx, .lfx, .rgx, .lastx
{
	display: block;
	float:    left;
	width:   15px;
	height:  15px;
	text-decoration: none;
	font-size: 15px;
}

.upx 
{
	background: url(./but/zbut.gif) 0  0    no-repeat;
}

.upx:hover 
{
	background: url(./but/zbut.gif) 0 -15px no-repeat;
}

.lastx 
{
	background: url(./but/xbut.gif) 0  0    no-repeat;
}

.lastx:hover 
{
	background: url(./but/xbut.gif) 0 -15px no-repeat;
}

.lfx 
{
	background: url(./but/lbut.gif) 0  0    no-repeat;
}

.lfx:hover 
{
	background: url(./but/lbut.gif) 0 -15px no-repeat;
}

.rgx 
{
	background: url(./but/rbut.gif) 0  0    no-repeat;
}

.rgx:hover 
{
	background: url(./but/rbut.gif) 0 -15px no-repeat;
}

/* zusätzliche eigenschaften */

.w800 
{
	width: 800px;
}

.w35
{
	width: 35px;
}


.w70
{
	width: 70px;
}

.hspace
{
	clear: both;
	height: 120px;	
}

.pr10
{
	padding-right: 10px;
}

.pr20
{
	padding-right: 20px;
}

.nolineheight
{ 
	line-height: 10px;
}

.inline
{ 
	display: inline;
}

.left
{
	float: left;
}

.clearb
{
	clear: both;
	float: none;
}

.aprillogo
{
	margin-bottom: 5px;
}

.surfacelogo
{
	margin-left: -6px;
}

.vmiddle
{ 
	vertical-align: middle;
}

.ico
{
	vertical-align: middle;
}	

.red   
{ 
	color: #FF833F; 
}

.blau 
{ 
	color: #8787DB; 
}	

.braun 
{ 
	color: #D1C079; 
}

.weiss 
{ 
	color: #fff; 
}

.marg70
{
	display: block;
	margin-left: 60px;
}

.last 
{
	background: url(./but/xbut.gif) no-repeat;
}

.nodisplay 
{
	display: none;
}

a span.sls
{
	line-height: 15px;
	letter-spacing: 15px;
	overflow: hidden;
	background: url(./but/play.gif) 0  0 no-repeat;
}

a:hover span.sls
{
	background: url(./but/play.gif) 0 -15px no-repeat;
}