@import "form.css";

/* RESET EVERYTHING */

*
{
	font-size:11px;
	font-weight:normal;
	font-family:arial,verdana;
	line-height:1.2em;
	margin:0px;
	padding:0px;
	color:#000000;
}
html
{
	overflow:hidden;
}
body
{
	text-align:center;
	overflow:hidden;
}

/* UTILS */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear
{
	clear:both;
}
.clearleft
{
	clear:left;
}
.clearright
{
	clear:right;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}

/* TEXT */

h1,h2,h3
{
	color:#682F8B;
	font-weight:bold;
}
h1
{
	font-size:24px;
}
h2
{
	font-size:11px;
}
h3
{
	font-size:11px;
	color:#000000;
}
h4 {
	font-weight:bold;
	font-size:11px;
	color:white;
	
}

span.subheader
{
	display:block;
	margin-bottom:1em;
	color:#682F8B;
	font-style:italic;
}
p
{
	margin-bottom:1em;
}
p.intro
{
	margin-bottom:2em;
	font-weight:bold;
}

a:link,
a:visited,
a:active,
a:hover
{
	color:#682F8B;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}


.productoplossing U{
	
	font-size:11px;
	color:#682F8B;
	font-weight:bold;
	text-decoration:none;
	
}

/* FIRST AND SECOND LEVEL WRAPPERS */

#backgroundwrapper 
{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	text-align:center;
	z-index:1000;
	border:0px solid green;
	background-color:#faf6fd;					
}
#backgroundwrapper #visual
{
	background:url(../images/visual_bg.gif) no-repeat top right;
	background-repeat:no-repeat;
	width:994px;
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
}
#scrollwrapper 
{
	text-align:left;
	overflow:auto;
	border:0px solid blue;
	position:relative;
	z-index:1000;
}
#innerpage
{
	padding-left:45px;
	padding-right:45px;	
	margin-left:auto;
	margin-right:auto;	
	margin-top:22px;
	width:904px;
}

/* TOP */

#topwrapper
{
	background:url(../images/line_bg.gif) repeat-x bottom left #ffffff;
}
#top
{
	padding-left:45px;
	padding-right:45px;	
	width:904px;
	height:72px;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
}
#logo
{
	background:url(../images/logo.gif) no-repeat top left;
	float:left;
}
#topnav
{
	position:absolute;
	right:45px;
	bottom:10px;
	float:right;
	background:url(../images/seperator.gif) no-repeat top left;
}
#topnav a:link,
#topnav a:visited,
#topnav a:active,
#topnav a:hover
{
	color:#000000;
	font-size:11px;
	display:block;
	float:left;
	background:url(../images/seperator.gif) no-repeat top right;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
}
#topnav a:hover
{
	text-decoration:underline;
}


/* INNERPAGE CONTENT */

#content
{

}

/* NAVIGATION LEFT */

#mainnav
{
	float:left;
	width:216px;
	background:url(../images/navigation_left_bottom.gif) no-repeat bottom left;
	padding-bottom:7px;
	padding-top:8px;
}

/* ul styles */

#mainnav ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

/* li styles */

#mainnav ul li
{
	background-color:#1F98C2;
	width:170px;
	padding-bottom:1px;	
	margin-left:0px;
}

#mainnav ul li.selected
{
	padding-top:12px;
}
#mainnav ul ul li
{
}
#mainnav ul ul li.selected
{
	padding-top:0px;
}
#mainnav ul li#first_nav_item
{
	background:url(../images/navigation_left_top.gif) no-repeat top left;
}

/* anchor styles */

#mainnav ul li a:link,
#mainnav ul li a:visited,
#mainnav ul li a:active,
#mainnav ul li a:hover
{
	display:block;
	width:157px;
	margin-left:1px;
	margin-right:1px;
	text-decoration:none;
	padding-left:11px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	padding-top:2px;
	padding-top:2px;
}
#mainnav ul li a:hover,
#mainnav ul li.selected a:link,
#mainnav ul li.selected a:visited,
#mainnav ul li.selected a:active,
#mainnav ul li.selected a:hover
{
	background-color:#ffffff;
	color:#682F8B;
}
#mainnav ul li#first_nav_item a
{
	padding-top:8px;
}
#mainnav ul ul li a:link,
#mainnav ul ul li a:visited,
#mainnav ul ul li a:active,
#mainnav ul ul li a:hover
{
	background:url(../images/navigation_bullet.gif) no-repeat 10px 6px;
	display:block;
	width:142px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	text-decoration:none;
	padding-left:26px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding-top:4px;
	padding-bottom:2px;
}
#mainnav ul ul li a:hover,
#mainnav ul ul li.selected a:link,
#mainnav ul ul li.selected a:visited,
#mainnav ul ul li.selected a:active,
#mainnav ul ul li.selected a:hover
{
	background:url(../images/navigation_bullet_selected.gif) no-repeat 10px 6px;
	background-color:#4CADCE;
	color:#ffffff;
}

#mainnav ul li#first_nav_item a:hover
{
	background:url(../images/navigation_left_selected.gif) no-repeat 0px 1px;
}




/* contentcanvas */
#contentcanvas
{
	width:900px;
	float:left;
}

/* sideblock */

#sideblock
{
	float:left;
	width:214px;
}


/* BOTTOM */

#bottom
{
	clear:left;
	position:absolute;
	bottom:-1px;
	left:0px;
	width:100%;
	text-align:center;
	z-index:2000;
}
#bottom_trans
{
	background:url(../images/trans_bar.png) top left;
	
}
.large
{
	height:92px;
}

.small
{
	height:16px;
}

#bottom_trans_content
{
	text-align:left;
	width:904px;
	margin-left:auto;
	margin-right:auto;
}
#bottom_main
{
	height:49px;
	background-color:#1F98C2;
	border-bottom:solid 38px #fff;
}
#bottom_main_content
{
	text-align:left;
	width:904px;
	margin-left:auto;
	margin-right:auto;
}