/* ----------------------------------------------------------------------------------------------
	hellma.template.css
	getdesigned.at
	
	martin hochreiter, msc
	109.02.2009
---------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------
	GENERAL
---------------------------------------------------------------------------------------------- */
*{
	padding:0;
	margin:0;
}
body,html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#800d0c;
	color:#ffffff;
	min-height:100%;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}
img, table, fieldset{
	border:0;
}
h1{
	font-size: 18px;
	margin:0 0 1em 0;
}
p{
	margin: 0 0 1em 0;
	line-height:1.3em;
}
.hide, .invisible{
	position:absolute;
	left: -4000px;
}
.clear{
	clear: both;
}
h2{
	display:block;
	height:24px;
	width:500px;
	margin:0 0 20px 0;
}
h2 span,h3 span{
	display:none;
}
/* ----------------------------------------------------------------------------------------------
	HEADER
---------------------------------------------------------------------------------------------- */
#header{
	background: url(/graphics/bg/header.jpg) no-repeat 0 0;
	width:182px;
	height:528px;
	/*float:left;*/
	position:absolute;
	top:7px;
	left:7px;
}
#header h1{
	position: absolute;
	left:-4000px;
}
#banner{
	position:absolute;
	top:47px;
	right:7px;
	background: transparent url(/usergraphics/header/home.jpg) no-repeat 0 0;
	height:152px;
	width:604px;
	z-index:10;
}
#logo{
	position:absolute;
	top:12px;
	left:23px;
}
#logo_ppe{
	position:absolute;
	top:7px;
	right:7px;
	background: transparent url(/graphics/misc/logoppe.gif) no-repeat 0 0;
	height:40px;
	width:160px;
}

/* ----------------------------------------------------------------------------------------------
	NAVIGATION
---------------------------------------------------------------------------------------------- */
#navigation{
	position: absolute;
	top: 207px;
	left:388px;
}
#navigation li{
	list-style: none;
	float:left;
}
#navigation span{
	display:none;
}
#navigation li a{
	display:block;
	color:#f49401;
	margin:0 5px;
	text-decoration: none;
}
#navigation li a:hover,#navigation li a.active{
	color:#000;
}
#subnavigation{
	position:absolute;
	top:0px;
	left:190px;
	height:100%;
	width:180px;
}
#subnavigation ul{
	margin:250px 0 0 5px;
}
#subnavigation ul ul{
	margin:0;
}
#subnavigation li{
	list-style:none;
	line-height:20px;
	height:20px;
	margin:0;
	overflow:hidden;
	display:inline;
}
#subnavigation li span{
	display:none;
}
#subnavigation li a{
	display:block;
}


/* ----------------------------------------------------------------------------------------------
	CONTENT
---------------------------------------------------------------------------------------------- */
#home h1{
	display:none;
}
#home #logo{
	background:transparent url(/graphics/misc/logo_home.gif) no-repeat 0 0;
	width:350px;
	height:200px;
	position:absolute;
	left:50%;
	top:20%;
	margin:0 0 0 -175px;
	text-align:center;
}
#home #language{
	position:absolute;
	top:170px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align:center;
}
#wrapper_outer{
	position:absolute;
	top:50px;
	left:50%;
	margin:0 0 0 -463px;
	width:928px;
	min-height:528px;
	height: auto !important;
	height:528px;
}
#wrapper_inner{
	border:7px solid #fff;	
	background: url(/graphics/bg/content.gif) repeat-y 0 0;
	height:100%;
	min-height:528px;
	height: auto !important;
	height:528px;	
}
#content{
	margin:0 0 0  391px;
	padding:245px 20px 50px 0;
}
#shadow_bottom{
	clear:both;
	background:transparent url(/graphics/bg/shadow_btm.gif) no-repeat 4px 0;
	height:4px;
	width:100%;
	margin:0 0 150px 0;
}
#shadow_left{
	position:absolute;
	top:4px;
	left:928px;
	width:4px;
	height:100%;
	background:#600a09;
}
a{
	color:#f49401;
	text-decoration: none;
}
a:hover, a.active{
	text-decoration: underline;
}
/* ----------------------------------------------------------------------------------------------
	PRODUCTS
---------------------------------------------------------------------------------------------- */
#products{
	overflow:hidden;
	clear:both;
}
#products h3{
	margin: 8px 0 0 0;
}
#products .product, 
#products .productHover{
	float:left;
	border:1px solid #fff;
	margin:0 9px 20px 0;
	padding:5px;
	width:145px;
}
#products .productHover{
	border:1px solid #f49401;
}
#products .image{
	overflow:hidden;
	background:#fff;
	width:100%;
}
#products .image img{
	
}
#product .image{
	border:1px solid #f49401;
	padding:5px;
	float:left;
	margin:0 10px 0 0;
}
#product{
	overflow:hidden;
}
#product img{
	width:200px;
}
#product .attr{
	float:left;
}
#product .desc{
	margin:20px 0 0 0;
}
#product h3{
	margin:6px 0 3px 0;
}
#product table{
	margin:0 0 20px 0;
}
#product th{
	text-align:left;
	font-weight:normal;
	width:100px;
}
#news{
	overflow:hidden;
}
#news .item{
	overflow:hidden;
	clear:both;
	margin:0 0 15px 0;
}
#news .item h3{
	margin:6px 0 3px 0;
}
#news .image_wrapper{
	overflow:hidden;
	height:100px;
	background:#fff;
}
#news .image{
	border:1px solid #f49401;
	padding:5px;	
	float:left;
	width:145px;
	
}
#news .text{
	margin:0 0 0 165px;
}


/* ----------------------------------------------------------------------------------------------
	EIGENDRUCK
---------------------------------------------------------------------------------------------- */
#eigendruck .image{
	border:1px solid #f49401;
	padding:5px;
	float:left;
	margin:0 10px 0 0;
}
#eigendruck{
	overflow:hidden;
}

#eigendruck .attr{
	float:left;
}
#eigendruck .desc{
	margin:20px 0 0 0;
}
#eigendruck h3{
	margin:6px 0 3px 0;
}
#eigendruck table{
	margin:0 0 20px 0;
}
#eigendruck th{
	text-align:left;
	font-weight:normal;
	width:130px;
}