@charset "utf-8";
/* CSS Document */

html, body, div, table, td, tr, p, h1, h2, h3, hr, ul, li, form, fieldset , img, a {
	padding: 0;
	margin: 0;
	border: 0 none;
	outline: none;
}

html {
	background: #828282 url(images/bg.jpg);
	overflow-y: scroll;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/bg-top.png) top repeat-x;
}

a {
	text-decoration: none;
	color: #000000;
	outline: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 18px;
	color: #353535;
	margin-bottom: 5px;
	text-align: left;
}

h2 {
	font-size: 16px;
	color: #4e4e4e;
	margin-bottom: 5px;
	text-align: left;
}

h3 {
	font-size: 14px;
	color: #787878;
	margin-bottom: 5px;
	text-align: left;
}

#container {
	width: 900px;
	margin: 0 auto;
	padding: 0 50px;
	background: url(images/bg-page.png) center repeat-y;
	text-align: left;
	padding-bottom: 80px;
}

#bottom {
	height: 130px;
	background: url(images/bg-page-bottom.png) center top no-repeat;
	margin: 0 auto;
	width: 900px;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
}

#top {
	background: url(images/top-bg.png) bottom repeat-x;
	height: 60px;
	padding: 15px;
}

#menu_top {
	background: url(images/menu-bg.png) repeat-x top;
	margin: 1px 0;
	color: #FFFFFF;
	font-size: 12px;
	height: 39px;
}

#menu_top .level1 .last .level2 {
width:auto;
}

#banner {
	text-align: right;
	height: 250px;
}

#menu {
	font-size: 13px;
	color: #353535;
	margin-left: 20px;
}

#menu li, #menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu ul li{
	background: url(images/menu-pointer.png) left top no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}

#menu ul li.menu1_active_li{
	background: url(images/menu-pointer-over.png) left top no-repeat;
}

#menu ul li a {
	font-size: 13px;
	color: #353535;
}

#menu ul li a:hover {
	color: #2fc1fe;
}

#menu ul ul li{
	margin-left: 20px;
	background: none;
	padding: 0;
}

#menu ul ul li a {
	font-size: 12px;
	color: #4e4e4e;
}

#menu ul ul ul li{
	margin-left: 30px;
}

#menu ul ul ul li a {
	color: #787878;
}

#columns #left {
	float:left;
	margin-right:20px;
	width:200px;
}

#columns #middle {
	float:left;
	margin-right:20px;
	width:390px;
}

#columns #right {
	float:left;
	width:270px;
	position: relative;
	top: -40px;
}
#columns #twocolumns {
	float:left;
	margin-left:10px;
	margin-right:20px;
	width:600px;
}

#breadcrumb {
	font-size: 12px;
	color: #353535;
	margin-bottom: 10px;
}

#breadcrumb a {
	font-size: 12px;
	color: #353535;
	background: url(images/arrow-right.png) left top no-repeat;
	padding-left: 10px;
	margin-left: 3px;
}

#breadcrumb a:hover {
	color: #2fc1fe;
}

#breadcrumb .active {
	color: #ff8700;
	background: url(images/arrow-right.png) left top no-repeat;
	padding-left: 10px;
	margin-left: 3px;
}

#content {
	text-align: justify;
	font-size: 12px;
	color: #353535 
}

#content p {
	margin: 8px 0;
	text-align:justify;
}

#content ul {
	margin: 5px 5px;
}
#content li {
	margin: 2px 10px;
}

#footer {
	color: #b7b7b7;
	font-size: 11px;
	text-align: center;
	position: absolute;
	width: 900px;
	top: 15px;
}

#footer a {
	color: #b7b7b7;
}

#footer a:hover{
	color: #2fc1fe;
}

#trust {
	height: 75px;
	background: url(images/trust-bg.png) bottom repeat-x;
	color: #737373;
	position: absolute;
	width: 900px;
	top: -65px;
}

#trust #trust-container {
	position: relative;
}

#trust a {
	display: block;
}

#trust a#farouk {
	height: 38px;
	width: 76px;
	background: url(images/farouk_logo.png) no-repeat;
	position: absolute;
	left: 80px;
	top: 15px;
}

#trust a#farouk:hover {
	background-position: 0 -38px;
}

#trust a#indexfood {
	height: 36px;
	width: 106px;
	background: url(images/index-food_logo.png) no-repeat;
	position: absolute;
	left: 225px;
	top: 15px;
}

#trust a#indexfood:hover {
	background-position: 0 -36px;
}

#trust a#autoformula {
	height: 40px;
	width: 52px;
	background: url(images/autoformula_logo.png) no-repeat;
	position: absolute;
	left: 415px;
	top: 14px;
}

#trust a#autoformula:hover {
	background-position: 0 -40px;
}

#trust a#mamilac {
	height: 37px;
	width: 61px;
	background: url(images/mamilac_logo.png) no-repeat;
	position: absolute;
	left: 570px;
	top: 14px;
}

#trust a#mamilac:hover {
	background-position: 0 -37px;
}

#trust a#diamondbrite {
	height: 39px;
	width: 145px;
	background: url(images/diamondbrite_logo.png) no-repeat;
	position: absolute;
	left: 695px;
	top: 15px;
}

#trust a#diamondbrite:hover {
	background-position: 0 -39px;
}

#trust span {
	margin-left: 20px;
}

#content #main-boxes {
	border-collapse: separated;
	border-spacing: 5px;
	margin: 0 auto;
}

#content #main-boxes td {
	height: 196px;
	width: 295px;
	background: #ffffff url(images/box-bg.png) bottom repeat-x;
	vertical-align: top;
	margin: 5px;
}

#content .main-box h2{
	font-size: 18px;
	font-weight: normal;
	color: #353535;
	margin-left: 15px;
	margin-bottom: 15px;
}

#content .main-box li{
	font-size: 12px;
	color: #636363;
	line-height: 18px;
	margin-left: 30px;
}

#content #orange-box li {
	list-style: url(images/orange-box-arrow.png);
}

#content #red-box li {
	list-style: url(images/red-box-arrow.png);
}

#content #blue-box li {
	list-style: url(images/blue-box-arrow.png);
}

#content #green-box li {
	list-style: url(images/green-box-arrow.png);
}

#content .main-box .box-content {
	position: relative;
	height: 100%;
	padding-top: 20px;
}

#content #orange-box .box-content {
	background: url(images/orange-box-corner.png) top right no-repeat;
}

#content #red-box .box-content {
	background: url(images/red-box-corner.png) top right no-repeat;
}

#content #blue-box .box-content {
	background: url(images/blue-box-corner.png) top right no-repeat;
}

#content #green-box .box-content {
	background: url(images/green-box-corner.png) top right no-repeat;
}

#content .main-box .more {
	height: 16px;
	text-align: right;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#content #orange-box .more {
	background: url(images/orange-box-bottom.png) no-repeat;
}

#content #red-box .more {
	background: url(images/red-box-bottom.png) no-repeat;
}

#content #blue-box .more {
	background: url(images/blue-box-bottom.png) no-repeat;
}

#content #green-box .more {
	background: url(images/green-box-bottom.png) no-repeat;
}

#content .main-box .more a {
	color: #ffffff;
	background: url(images/white-arrow.png) left top no-repeat;
	padding-left: 10px;
	font-size: 10px;
	position: absolute;
	bottom: 3px;
	right: 25px;
}


/* ############# TOP MENU START #################*/

#menu_top ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu_top ul {
	float: right;
}

#menu_top li {
	float: left;
}

#menu_top li:hover {
	background: url(images/menu-active-bg.png) top repeat-x;
}

#menu_top a:first-child {
	border: 0 none;
}

#menu_top a {
	color:#FFFFFF;
	
	display: block;
}

#menu_top a:hover {
}

#menu_top .level1  li {
	height: 39px;
	padding: 0;
	position:relative;
	list-style: none;
}

#menu_top .level1  li a {
	display: block;
	padding: 12px 15px;
	background: url(images/menu-separator.png) left top no-repeat;
	height: 15px;
}

#menu_top .level1  li:first-child a {
	background: none;
}

#menu_top .level2  li {
	height: auto;
	margin-bottom: 8px;
	list-style: none;
	position:relative;
	width: 160px;
}

#menu_top .level2 li:hover {
	background: none;
}

#menu_top .level2  li a {
	color: #cccccc;
	padding: 0;
	height: auto;
	font-size: 11px;
}

#menu_top .level2 li a:hover {
	text-decoration: underline;
}

#menu_top ul ul {
	float:none;
}


#menu_top ul ul  ul{
	clear:both;
}

#menu_top .level1  .level2 {
	background: url(images/menu-l2-bg.png) bottom repeat-x;
	width: 320px;
	position: absolute;
	/*height:0px;
	//overflow:hidden;*/
	display: none;
	z-index: 100;
	top: 39px;
	padding: 10px 15px 2px 15px;
	border-top: 1px solid #ffffff;
}
#menu_top .level1  li:hover .level2{
	display:block;
}

#menu_top .level1  .level3 {
	margin-left: 5px;
}

#menu_top .level1 .level2 .level3 li {
	width:120px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
}

#menu_top .level1  .level3 li a {
	color: #999999;
	text-decoration: none; 
}

#menu_top .level1  .level3 a:hover {
	text-decoration: underline; 
}

/* ############# TOP MENU END #################*/
#news-top {
	background: url(images/news-top-bg.png) no-repeat;
	width: 270px;
	height: 11px;
}

#news-bottom {
	background: url(images/news-bottom-bg.png) no-repeat;
	width: 270px;
	height: 11px;
}

#news {
	background: url(images/news-bg.png) right repeat-y;
	width: 230px;
	padding: 5px 15px 15px 25px;
}

#news h1 {
	font-size: 12px;
	color: #737373;
	font-weight: normal;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

.news-latest-item   {
	color: #353535;
	clear: both;
	margin-bottom: 30px;
}

.news-latest-item  .news-header {
	height: 20px;
}
.news-latest-item  h2 {
	font-size: 13px;
	color: #353535;
}

.news-latest-item  .news-latest-date {
	font-size: 10px;
}

.news-latest-item  .news-latest-category {
	font-size: 11px;
	color: #2fc1fe;
	float: right;
}

.news-latest-item  img {
	float: left;
	margin-right: 5px;
}

/*##############*/

.news-list-item {
	margin: 20px 0 45px 0;
	padding-top: 10px;
	border-top: 1px solid #eeeeee;
}

.news-list-date {
	font-size: 11px;
}

.news-list-item   img {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

.news-list-item  .news-list-category {
	font-size: 11px;
	color: #2fc1fe;
	float: right;
}

.news-list-morelink a {
	float: right;
	color: #2fc1fe;
	background: url("images/arrow-right.png") no-repeat left top;
	padding-left: 10px;
	margin-top: 15px;
}

.news-list-morelink a:hover {
	color: #FF8700;
}

/*##############*/

.news-single-date {
	font-size: 11px;
}


.news-single-item  .news-single-category {
	font-size: 11px;
	color: #2fc1fe;
	float: right;
}

.news-single-item  .news-single-backlink a {
	color: #2fc1fe;
	background: url("images/arrow-right.png") no-repeat left top;
	padding-left: 10px;
	margin-top: 10px;
}

.news-single-item  .news-single-backlink a:hover {
	color: #FF8700;
}

.news-single-item  a {
	color: #2fc1fe;
	margin: 10px 0;
}

.news-single-item  a:hover {
	color: #FF8700;
}

.news-single-item .news-single-rightbox {
	margin-top: 10px;
}

#bottom #products {
	position: absolute;
	height: 75px;
	width: 600px;
	font-size: 12px;
	color: #d2d2d2;
	top: 45px;
	left: 70px;
}

#bottom #products a#typo3 {
	position: absolute;
	height: 36px;
	width: 131px;
	background: url(images/typo3_logo.png) no-repeat;
	display: block;
	top: 20px;
	left: 30px;
}

#bottom #products a#typo3:hover {
	background-position: 0 -36px;
}

#bottom #products a#magento {
	position: absolute;
	height: 48px;
	width: 155px;
	background: url(images/magento_logo.png) no-repeat;
	display: block;
	top: 13px;
	left: 195px;
}

#bottom #products a#magento:hover {
	background-position: 0 -48px;
}

#bottom #products a#talentd {
	position: absolute;
	height: 43px;
	width: 116px;
	background: url(images/talend_logo.png) no-repeat;
	display: block;
	top: 19px;
	left: 386px;
}

#bottom #products a#talentd:hover {
	background-position: 0 -43px;
}

#bottom #portals {
	position: absolute;
	height: 60px;
	width: 240px;
	top: 12px;
	right: 50px;
}

#bottom #portals a#facebook {
	position: absolute;
	height: 60px;
	width: 60px;
	background: url(images/facebook_logo.png) no-repeat;
	display: block;
}

#bottom #portals a#facebook:hover {
	background-position: 0 -57px;
}

#bottom #portals a#twitter {
	position: absolute;
	height: 58px;
	width: 60px;
	background: url(images/twitter_logo.png) no-repeat;
	display: block;
	left: 60px;
}

#bottom #portals a#twitter:hover {
	background-position: 0 -58px;
}

#bottom #portals a#blip {
	position: absolute;
	height: 54px;
	width: 60px;
	background: url(images/blip_logo.png) no-repeat;
	display: block;
	left: 120px;
	top: 2px;
}

#bottom #portals a#blip:hover {
	background-position: 0 -54px;
}

#bottom #portals a#rss {
	position: absolute;
	height: 57px;
	width: 60px;
	background: url(images/rss_logo.png) no-repeat;
	display: block;
	left: 180px;
}

#bottom #portals a#rss:hover {
	background-position: 0 -57px;
}


.csc-textpic-caption {
	text-align: center;
	font-size: 10px;
}

/* other classes */
.clearboth {
	clear: both;
}
.contact_page legend {
    padding:10px 0;
    color:#FF8700;
    
}
.contact_page label {
    width:150px;
    display:block;
    float:left;
}
.contact_page textarea, .contact_page input {
    margin-bottom:5px;
    font-size:12px;
    border:1px solid #CCCCCC;
}
#rightcol_contact legend{
	font-size: 12px;
	color: #737373;
	font-weight: normal;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding-bottom: 2px;
	margin-bottom: 10px;
    
}
#rightcol_contact .tx_powermail_pi1_fieldwrap_html_text label {
    width:100px;
    float:left;
    float:left;
}
#rightcol_contact input.powermail_text {
    border:solid 1px #CCC;
    margin:2px 0;
}
#rightcol_contact input.powermail_submit {
    border:solid 1px #CCC;
    margin:2px 0;
}
#rightcol_contact div.powermail_radio_inner {
    display:inline;
    padding-right:14px;
}
#rightcol_contact div.powermail_check_inner input {
    border:solid 1px #CCC;
}
#rightcol_contact div.tx_powermail_pi1_fieldwrap_html_submit {
    padding-top:5px;
    text-align:center;
}

#page #top #menu UL LI {
float:left;
display:block;
}

#page #top #menu UL LI UL LI{
float:none
}

#page #top #menu UL {
text-align:center;
}

#page #top #menu UL UL {
position:relative;
}

#page #top #menu UL UL LI {
height:auto;
}

#page #top #menu UL  LI {
height:20px;
}