/**
*
* Design and coding by Jack Kwakman
* Copyright © 2006, ELMA Multimedia
*
*/

/**
* Main elements
*/

body {
	text-align: left;
	line-height: 1.0;
	font: 62.5% "Trebuchet MS", Trebuchet, "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	background: #4f6580;
	margin: 20px 0 30px 0;
	padding: 0;
	text-align: center;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0px;
}

.line {
	background: #FFF url(images/line.gif) repeat-x;
	height: 1px;
}

.blackline {
	background: #FFF url(images/blackline.gif) repeat-x;
	height: 1px;
}

table {
	font-size: 1em;
}

/**
* Header elements
*/

#wrapper {
	width: 955px;
	margin: auto;
	background: #FFF;
}

#headershade {
	width: 955px;
	height: 16px;
	background: #FFF url(images/header.gif) no-repeat;

}

#flashwrapper {
	background: #FFF url(images/background.gif) repeat-y;
	height: 294px;
}

/**
* Content elements
*/

#content {
	width: 955px;
	background: #FFF url(images/background.gif) repeat-y;
	text-align: center;
}

#contentcontainer {
	width: 860px;
	margin: auto;
	text-align: left;
	font-size: 11px;
	line-height: 1.5;
	padding: 0 0 10px 0;
}

#contenttext {
	margin: 0 0 20px 0;
}

#contenttext h1 {
	font-size: 22px;
	color: #055fc8;
}

#contenttext h3 {
	font-size: 14px;
	color: #055fc8;
	margin: 0 0 0 0;
}

#contenttext a {
	color: #055fc8;
}

#breadcrumb {
	color: #055fc8;
}

#breadcrumb ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	text-transform: lowercase;
}

#breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}

#breadcrumb a {
	font-weight: bold;
	text-decoration: none;
	color: #055fc8;
}

#breadcrumb a:hover {
	color: #000;
}

#left {
	float: left;
	width: 610px;
}

/**
* Right elements
*/

#right {
	width: 214px;
	float: right;
	margin: 0 0 15px 0;
}

.topmenu {
	width: 212px;
	height: 13px;
	background: #FFF url(images/menu_header.gif) no-repeat;
	margin: 16px 0 0 0;
	font-size: 0px;
}

.menucontainer {
	width: 212px;
	background: #FFF url(images/menu_bg.gif) repeat-y;
}

.menucontent {
	padding: 15px 16px 15px 16px;
}

.menucontent h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
}

.menucontent a {
	color: #055fc8;
}

.footermenu {
	width: 212px;
	height: 16px;
	background: #FFF url(images/menu_footer.gif) no-repeat;
}

/**
* Footer elements
*/

#scroll {
	height: 300px;
	overflow: auto;
	position: relative;
	margin: 3px 0 3px 0;
}

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

#scroll li
{
	padding: 5px;
}

#scroll a {
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

.scrollgeneric
{
	line-height: 1px;
	font-size: 1px;
	position: absolute;
}

.vscrollerbase, .vscrollerbar
{
	width: 15px;
	top: 0px;
}

.vscrollerbar
{
	left: 0px;
}

.hscrollerbase, .hscrollerbar
{
	height: 15px;
	left: 0px;
}

.hscrollerbar
{
	top: 0px;
}

.hscrollerbar
{
	top: 20px important;
}

.vscrollerbar, .hscrollerbar
{
	padding: 5px;
	z-index: 2;
}

.vscrollerbarbeg
{
	background: url(images/vscroller.gif) 0px -10px;
	width: 15px;
	height: auto;
	top: 0px;
}

.vscrollerbarend
{
	background: url(images/vscroller.gif);
	width: 15px;
	height: 10px;
}

.hscrollerbarbeg
{
	background: url(images/hscroller.gif) -10px 0px;
	height: 15px;
	width: auto;
	left: 0;
}

.hscrollerbarend {
	background: url(images/hscroller.gif);
	height: 15px;
	width: 10px;
}

/**
* Productgroups styles
*/

.productgroup {
	float: left;
	margin: 5px;
	width: 210px;
	text-align: center;
	overflow: hidden;
}

.productgroup img {

}

.productgroup p {
	text-align: center;
}

.productgroup a {
	text-decoration: none;
	font-weight: bold;
}

/**
* material styles
*/

.material {
	float: left;
	margin: 5px;
	width: 210px;
	text-align: center;
	overflow: hidden;
}

.material img {
	border: 0;
}

.material p {
	text-align: center;
}

.material a {
	text-decoration: none;
	font-weight: bold;
}

/**
* Contact
*/

.textfield {
	border: 1px solid #a0c2ea;
	background: #FFF url(images/textfield.gif) repeat-x bottom left;
	padding: 4px;
	color: #055fc8;
	font-size: 12px;
	width: 221px;
	font-family: "Trebuchet MS", Trebuchet, "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.smalltextfield {
	width: 100px;
	border: 1px solid #a0c2ea;
	background: #FFF url(images/textfield.gif) repeat-x bottom left;
	padding: 4px;
	color: #055fc8;
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.tinytextfield {
	width: 50px;
	border: 1px solid #a0c2ea;
	background: #FFF url(images/textfield.gif) repeat-x bottom left;
	padding: 4px;
	color: #055fc8;
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.textarea {
	width: 384px;
	height: 221px;
	color: #055fc8;
	font-size: 12px;
	padding: 4px;
	background: #FFF url(images/textfield.gif) repeat-x bottom left;
	border: 1px solid #a0c2ea;
	font-family: "Trebuchet MS", Trebuchet, "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

.formheader {
	color: #055fc8;
	font-weight: bold;
	margin: 0 0 24px 0;
}

.contact_productinfo {
	width: 170px;
	color: #364455;
}

.contact_productinfo input {
	margin: 0 5px 0 0;
}

.submitbutton {
	background: #055fc8;
	color: #FFF;
	border: 1px solid #055fc8;
	font-size: 10px;
	padding: 4px;
	margin: 10px 0 0 0;
}

.select {
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
}

/**
* News
*/

#newswrapper {
	margin: 0 0 20px 0;
}

.newsoverview a {
	text-decoration: none;
	font-weight: bold;
}

.newsoverview {
	width: 455px;
	margin: 25px 0 0 0;
}

.newsoverview td {
	padding: 5px;
}

.newsoverview img, .newsdetailsimage img {
	margin: 0 20px 0 0;
	border: 0;
}

.newsdetailsimage {
	float: left;
}

/**
* Materials
*/

#materialswrapper {
	margin: 0 0 20px 0;
}

.materialoverview a {
	text-decoration: none;
	font-weight: bold;
}

.materialoverview {
	width: 455px;
	margin: 25px 0 0 0;
}

.materialoverview td {
	padding: 5px;
}

.materialoverview img, .materialdetailsimage img {
	border: 0;
	margin: 0 20px 0 0;
}

.materialdetailsimage {
	margin: 10px 20px 0 0;
}

.pager {
	margin: 5px 0 5px 0;
}

.pagenav {
	clear: both;
}

.pagenav ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

.pagenav li {
	margin: 0;
	padding: 5px 5px 0 23px;
}

.pagenav .print  {
	background: url(images/print.gif) no-repeat top left;
}

.pagenav .previous {
	background: url(images/previous.gif) no-repeat top left;
}

.pagenav a {
	font-weight: bold;
	color: #00549b;
	text-decoration: none;
	font-size: 11px;
}

/**
* Team
*/

#team {
	margin: 30px 0 30px 0;
}

#team h3 {
	color: #055fc8;
	margin: 0 0 15px 0;
}

.teamimage {
	width: 87px;
}

.teamimage img {
	border: 1px solid #6d6d6d;
	margin: 0 0 38px 0;
}

/**
* Pager
*/

.pager {
	color: #000;
}

.pager a {
	color: #000;
	text-decoration: none;
}

/**
* DOWNLOAD ICONS
*/

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

#downloads li {
	padding: 3px 5px 5px 25px;
	margin: 0;
}

#downloads .word  {
	background: url(images/icons/word.gif) no-repeat top left;
}

#downloads .file {
	background: url(images/icons/file.gif) no-repeat top left;
}

#downloads .pdf {
	background: url(images/icons/pdf.gif) no-repeat top left;
}

#downloads .jpg {
	background: url(images/icons/jpg.gif) no-repeat top left;
}

#downloads .gif {
	background: url(images/icons/gif.gif) no-repeat top left;
}

#downloads .xls {
	background: url(images/icons/excel.gif) no-repeat top left;
}

#downloads .bmp {
	background: url(images/icons/bmp.gif) no-repeat top left;
}

#downloads .mp3 {
	background: url(images/icons/mp3.gif) no-repeat top left;
}

#downloads .zip {
	background: url(images/icons/zip.gif) no-repeat top left;
}

#downloads .ppt {
	background: url(images/icons/ppt.gif) no-repeat top left;
}

#downloads .tif {
	background: url(images/icons/tif.gif) no-repeat top left;
}

#downloads .mpg {
	background: url(images/icons/mpg.gif) no-repeat top left;
}

#downloads a:hover {
	color: red;
}

/**
* Footer elements
*/

#footer {
	margin: 25px 0 15px 0;
	color: #055fc8;
	font-size: 11px;
	width: 880px;
	margin: auto;
	clear: both;
}

#footerwrapper {
	margin: 20px 0 20px 0;
}

#footershade {
	width: 955px;
	height: 16px;
	background: #FFF url(images/footer.gif) no-repeat;
}

.footerleft {
	float: left;
}

.footerright {
	float: right;
}

.footerright ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footerright li {
	margin: 0;
	padding: 0;
	display: inline;
}

.footerright a {
	color: #055fc8;
	text-decoration: none;
}

.footerright a:hover {
	color: #000;
}