@charset "utf-8";
/* CSS Document */

/*
colors:
a) silver behind logo: 			#88898c;
b) silver behind menu-items:	#8c8c8e;	darkest
c) silver behind menu:			#c1c2c4;
d) silver for body:				#d0d1d3;	lightest
*/
html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: #dc291e url(images/small_bckgr_red.jpg) repeat-y center center;
}
#container {
	background:  #8b1f20 url(images/home_bckgr.jpg) no-repeat left center;	
	min-height: auto;
	height: 100%;
}

#header {
	background: transparent url(images/bckgr_header_red.gif) repeat-x left bottom;	
	top: 50%;
	position: absolute;
	margin-top: -174px;
	height: 174px;
	z-index: 40;
}
#header h1 {
	left: 383px;
}
#biglogo {
	background: transparent url(images/big_logo_silver.png) no-repeat left top;	
}
#circle {
	background: transparent url(images/circle_behind_logo_red.png) no-repeat right top;
	left: 0px;
	width: 450px;
}
* html #circle {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/images/circle_behind_logo_red.png, sizingMethod=scale);
	background-image:none;
}
#payoff {
	position: absolute;
	right: 245px;
	bottom: 7px;
}
#navigation, #navigation li a:hover {
	background-color: #c1c2c4; /*c*/
}
#adres, #navigation li {
	background-color: #8c8c8e; /*b*/
}
/* start: layout template pages */
#content h2, #content h3 {
	color:#8c8c8e;
}
/* end: layout template pages */