/* CSS Document */

html, body{ 
	/*background:#3C3C3E; 85% */
	background:#323133; /* 90% */
	font-family: "Lucida Grande","Trebuchet MS", Arial, sans-serif;
	margin: 0;
}


div#wrapper {	
	height: 0px; /* set to taste */	
	/* required */	
	
	position: absolute; 	
	overflow: visible; 	
	display: block; 	
	width: 100%; 	
	left: 0px; 	
	top: 55%;
}

div#center {	background-color: transparent; /* cosmetic */	
	border: 0px solid #CCCCCC; /* cosmetic */	
	overflow: hidden; /* set to taste */	
	position: absolute; /* required */	
	left: 50%; /* required */	
	margin-left: -499px; /* half of width */	
	width: 999px; /* width of div */	
	height: 675px; /* height of div */	
	top: -438px; /* half of height */
}





h1{
	font-family: "Lucida Grande","Trebuchet MS", Arial, sans-serif;
	font-size:32px;
	color:#FFFFFF;
	font-weight: normal;
	margin-top: 4px;
	margin-bottom: 3px;
}

h2 {
	color:#999999;
	margin: 0 0 7px 0;
}


.bgraster{
	width:172px;
	height: 110px;
	display: inline;
	border: 1px solid #000033;
}#artaraportal {
	width: 1032px;
}


TD.raster{
	height:110px;
	width:172px;
}


.raster1{
	background: url(../images/bg-quarter-1.gif);
}

.raster2{
	background: url(../images/bg-quarter-2.gif);
}

.raster3{
	background: url(../images/bg-quarter-3.gif);
}

.raster4{
	background: url(../images/bg-quarter-4.gif);
}

a {
	color: #999999;
	text-decoration: none;
}

a:hover, a.topproduct:hover {
	color: #5E8FCA;
	text-decoration: none;
}

a.topproduct{
	color:#FFFFFF;
}

.micronavi{
	font-size: 10px;
	color:#666666;
}

#impressum {
	width: 156px;
	position: relative;
	visibility: visible;
	z-index: 10;
	left: 469px;
	top: 161px;
}
	
#artaraportal #navigation {
	/*
	background: #FFFFFF;
	position: relative;
	top: 440px;
	left: 0px;
    */
	/*filter:alpha(opacity=45); *//* IE's Transparenz*/
    /*
	opacity: 0.45;
	z-index:10;
	*/
}