/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - grid
---------------------------------------------------------------*/

/************************************
* page scrolling behaviour
*************************************/

/* when in standards mode, use styles below */
html
{
	overflow:scroll;		
	overflow-x:hidden;
}
body
{
	/*background: url(../images/bg01.jpg) repeat-x left top #f3f3f3;*/
	background-color: #ffffff;
}

/* when in quirksmode, use styles below  	background: url(../images/bg01.jpg) repeat-x left top #f3f3f3;*/

/*
html
{
	overflow:hidden;
}
body
{
	overflow:scroll;		
	overflow-x:auto;
}
*/
html,
body
{
}
div
{
}

/************************************
* typolight default structure
*************************************/

/* page wrapper */
html, body.home
{
	width:100%;
	height:100%;
	position:relative;
}
body.home
{
	overflow-y:none;
	overflow-x:auto;
	background: url(../images/bg02.jpg) repeat-x left top #f3f3f3;
}
.home .portal { 
	height:100%;
	width:100%;
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:1;
	min-width:996px;
	min-height:625px;
}
body.scan
{
	/*background-color:#000000;*/
	background-image: none;
}
#wrapper
{
}

body.homenew #visual
{

}

body.ie6 div.wrapperhomenew #visual
{
postion:relative;
top:6px;
border:10px;
}

body.homenew
{
	background: url(../images/bg-homenew.gif) repeat-x left top ;
}

/* header */
#header
{
	background-color:#000000;
	display:block;
	height:95px;
	width:100%;
	position: relative;
}

body.homenew #header
{
	background-color:#000000;
	display:block;
	height:95px;
	width:100%;
	position: static;
}

body.scan #header
{
	border-bottom:1px solid #ffffff;
}
#header .inside {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:996px;
}

/*home */
.home #header
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
	background-color:#000000;
	height:95px;
	width:100%;
}
.home #header .inside {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:996px;
}

/* main content */
#container
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:996px;
	padding-top: 25px;
}

body.homenew #container
{
	padding-top: 0px;
}

body.homenew #right .inside .ce_text {
	margin-top:0px;
}

body.homenew #container #left {
float:left;
width:312px;
padding-right:20px;
}

body.homenew #container #main {
float:left;
margin-left:0px;
width:312px;
padding-right:20px;
}

body.homenew #container #right {
float:left;
width:312px;
padding-right:20px;
}

body.homenew h3
{
margin-bottom:7px;
padding-bottom:7px;
border-bottom:1px solid #e0e0e0;
}

/* main content left column */
#container #left
{
	width: 223px;
	float: left;
}
#container #left .inside
{
}

/* main content right column */
#container #right
{
	width: 290px;
	float: right;
}
body.scan #container #right
{
	width: 170px;
	z-index: 999;
	padding: 50px 0 0 40px;
}
#container #right .inside
{
}

/* main content main column */
#container #main
{
	width: 427px;
	mmargin-left: 190px;
	
	margin-left:  223px;
}
body.scan #container #main
{
	width:100%;
	margin-left:0px;
}
body.scancontent #container #main
{
	margin-right:200px;
	width: 780px;
}

.custom 
{
margin-left:auto;
margin-right:auto;
width:996px;
}


/* webinar */
body.webinar #container
{

}
body.webinar h3{
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e0e0e0;
	text-transform: uppercase;
	font-size: 16px;
}

body.webinar #right .inside .ce_text
{
}

body.webinar #container #left {
	float:left;
	width:200px;
	margin-left: 30px;
}

body.webinar #container #main {
	margin-left:265px;
	width:470px;
}

body.webinar #container #right {
	float:right;
	width:200px;
	margin-right: 30px;
}
body.webinar #right .inside .ce_text {
	margin-top:0px;
}
body.webinar .custom {
	margin-top: 25px;
	width: 1165px;
}




