/*------------------ Wrap -------------*/
#wrap				
{ 
	min-height: 100%; 
	width: 1000px; 
	margin: 0 auto;
	position: relative;
}

/*----------------- Header ----------------*/
#header				
{ 
	background: url(images/content-home.gif) repeat-y left top;
	position: relative;
}

.topHeader
{
	background: url(images/top-content.jpg) no-repeat left top; 
	padding: 2px 10px 0 10px; 
	position: relative
}
.headerBg
{
	height: 350px;
}


.homePage .topHeader
{
	z-index: 1000
}
.homePage .headerBg
{
	height: 430px;
}

.homePage .topImg
{
	height: 247px;
	z-index: 0;
	background: url(images/sample-1.jpg) no-repeat 20px bottom;
}
.topImg
{
	background: url(images/sample-4.jpg) no-repeat 20px bottom;
	position: absolute;
	left: 0px;
	width: 100%;
	top: 188px;
	height: 155px;
	z-index: 0;
}
.topBanner
{
	background: url(images/top-baner-bg.gif) no-repeat left top;
	width: 217px;
	height: 64px;
	padding: 2px 0 0 1px;
	margin-left: -1px;
	float: left;
}

.logo
{
	width: 259px;
	height: 114px;
	display: block;
	left: 370px;
	top:26px;
	position: absolute
}

#topMenu
{
	float: right;
	padding-top: 57px;
	padding-right: 14px;
	font-size: 9px;
	line-height: 10px;
	text-transform: uppercase;
	margin: 0
}
#topMenu li
{
	margin: 0;
	float: left;
	padding: 0 6px;
	border-left: 1px solid #8b0b04;
	margin: 0;
	list-style: none
}

#topMenu li a:link,
#topMenu li a:active,
#topMenu li a:visited
{
	color: #8b0b04;
	float: left;
	line-height: normal;
}
#topMenu li a:hover
{
	text-decoration: underline !important;
}
/*--------------- Content --------------*/

#content
{
	background: url(images/content-button.gif) no-repeat left bottom;
	padding: 0 20px 12px 20px;

}
#content a:link,
#content a:visited
{
	text-decoration: underline;
	font-size: 12px;
	color: #fff;
	font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif
}
#content a:hover
{
	text-decoration: none;
}
.extraContent
{
	background: url(images/content-home.gif) repeat-y left top;
	overflow: hidden;
	padding-bottom: 65px;
}

.homePage #content
{
	background: url(images/content-button.gif) no-repeat left top;
	height: 18px;
	margin-top: -15px;
}

.redWrap
{
	background: #8a0a02 url(images/red-content-gradient.gif) repeat-x left top;
	float: left;
}
.topRedWrap
{
	background: url(images/red-content-top.gif) no-repeat left top;
	float: left;
}

#bottomRedWrap
{
	background: url(images/red-content-bottom.gif) no-repeat left bottom;
	min-height: 417px;
	height: auto !important;
	float: left;
	height: 417px;
	padding: 32px 54px 9px 54px;
	width: 848px
}

.fotoList
{
	margin: 0;
	float: left;
	text-transform: uppercase;
	text-align: center
}

.fotoList li
{
	float: left;
	list-style: none;
	margin: 0 17px 14px 0 ;
}
.fotoList li a:link,
.fotoList li a:visited,
.fotoList li a:hover,
.fotoList li a:active
{
	float: left;
	margin-bottom: 6px;
}
.fotoList li p
{
	margin: 0;
	clear: left;
	font-weight: bold;
}

.fotoList img
{
	border: 2px solid #ccc5b2;
	float: left
}

/*--------------- Vervolg -------------*/
.pageImg
{
	position: absolute;
	bottom: 110px;
	right: 22px;
}

/*-------------- Footer --------------*/
#footer
{ 
	height: 48px; 
	margin-top: -65px; 
	overflow: hidden;
	padding-top: 17px;
	text-align: center;
	background: #ccc5b2;
	position: relative;
}
.innerFooter
{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden
}
#footer p
{
	margin: 0;
	 font-size: 10px;
	 line-height: 12px;
	 color: #766d50
}
.sys_button_upgrade
{
	display:block;
	margin:10px 0px;
}