/* Basic CSS */
* {
	margin: 0px;
	padding: 0px;
}

BODY {
	text-align:center;
}
DIV#wrapper {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	margin-bottom:20px;
}

/* Header */
DIV#header {
	position:relative;
	height:245px;
}

DIV#header DIV#logo {
	position:absolute;
	top:0;
	z-index:1000;
	width:970px;
	height:134px;
}

DIV#header IMG {
	margin-top:45px;
}

/* 
**	Content
*/
DIV#content {
	clear:both;
	margin:0 0 10px 0;
	padding:5px 20px 0 20px;
	border-top:15px solid #FFFFFF;
}

/* Left logoarea */
DIV.contentLeft {
	float:left;
	width:100px;
}
/* Main content area */
DIV.contentMain {
	float:right;
	width:790px;
	padding-left:35px;
}
/* 
** Two column main content (news etc. on right side of main content) 
*/
DIV#content { /* Background image with two vertical lines */
	background:#FFFFFF url("../img/bg_contentarea.gif") repeat-y;
}
/* Left section */
DIV.contentMainLeft {
	float:left;
	width:500px;
	padding-bottom: 30px;
}
/* Right section of Main content area (e.g. news, product navi) */
DIV.contentMainRight {
	float:right;
	width:250px;
}



/* 
** One wide column for main content (mix logos are still on left in own column!) 
*/
DIV#content.wide_content { /* Background image with ONE vertical line */
	background:#FFFFFF url("../img/bg_contentarea_wide.gif") repeat-y;
}
.wide_contentLeft {
}
.wide_contentMain {
	float:left;
}
DIV.wide_contentMainLeft {
	width:770px;
}



/*
	FOOTER
*/
DIV#footer {
	clear:both;
	position:relative;
	background-color:#FFFFFF;
	width:970px;
}
DIV.contentMiniFooter {
	position: absolute;
	left: 165px;
	bottom: 25px;
	width: 485px;
}
