/* generic stuff */
body { margin: 0; padding: 0; background: url(../../../gfx/bg_page.gif) #bfe6ff; text-align: center; }
* { font-family: verdana, arial, tahoma, sans-serif; color: #333333; }

/* fonts and such */
/* old sets
p,font { font-family: verdana, arial, tahoma, sans-serif !important; font-size: 11px; color: #333333; margin: 0 0 10px 0; line-height: 17px; }
*/
p,font { font-family: arial, tahoma, sans-serif; font-size: 12px; margin: 0 0 10px 0; line-height: 17px; }
/* 333333 /*

/*
#body_text ul { list-style-image: url(../gfx/li_body.gif); padding: 8px 8px 8px 22px; margin: 10px 0 10px 0; border: 1px solid #48bdfc; background: #dbf1ff; }
*/

#body_text { float: left; width: 640px; margin-right: 20px; }
#body_text ul { list-style-image: url(../../../gfx/li_body.gif); padding: 8px 0px 5px 18px; margin: 10px 0 10px 0; border: 1px solid #48bdfc; background: #dbf1ff; }
#body_text ul li { font-family: arial, tahoma, sans-serif; font-size: 12px; color: #333333; margin: 0 0 5px 0; }

#body_text2 { float: left; width: 440px; margin-right: 20px; }
#body_text2 ul { list-style-image: url(../../../gfx/li_body.gif); padding: 8px 0px 5px 18px; margin: 10px 0 10px 0; border: 1px solid #48bdfc; background: #dbf1ff; }
#body_text2 ul li { font-family: arial, tahoma, sans-serif; font-size: 12px; color: #333333; margin: 0 0 5px 0; }

div.small_body ul { list-style-image: url(../../../gfx/li_small.gif); padding: 8px 0px 5px 18px; margin: 0px 0 10px 0; }
div.small_body ul li { font-family: arial, tahoma, sans-serif; font-size: 12px; color: #333333; margin: 0 0 5px 0; }
div.small_body { float: left; width: 640px; margin-right: 20px; width: 490px !important; }

#body_text2 { float: left; width: 440px; margin-right: 20px; }
#body_text2 ul { list-style-image: url(../../../gfx/li_body.gif); padding: 8px 0px 5px 18px; margin: 10px 0 10px 0; border: 1px solid #48bdfc; background: #dbf1ff; }
#body_text2 ul li { font-family: arial, tahoma, sans-serif; font-size: 12px; color: #333333; margin: 0 0 5px 0; }

h1 { display: none; }
h2 { display: none; }

h3 { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #8ec641; font-weight: bold; }
h3.blue { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #008cea; font-weight: bold; }
h3 a { color: #8ec641; }

.head_green { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #8ec641; font-weight: bold; }
.head_green font { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #8ec641; font-weight: bold; }
a.head_green.a:active, .head_green.a:visited { font-size:12px; color: #8ec641;}
a.head_green.a:hover { font-size:12px; color: #333333;}

.head_blue { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #008cea; font-weight: bold; }
.head_blue font { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #008cea; font-weight: bold; }

a { color: #8ec641; text-decoration: underline; }
a font { color: #8ec641 !important; text-decoration: none; }
a:hover { color: #008cea; text-decoration: underline; }
a:hover font { color: #008cea !important; text-decoration: none; }
strong a { color: #8ec641; }
a strong { color: #8ec641; }
a.readmore { font-weight: bold; color: #0086e8; background: url(../../../gfx/small_arrow_readmore.gif) no-repeat center right; padding-right: 10px; }
a.green { color: #8ec641 !important; }
.break_divide { width: 100%; height: 1px; background: lime; float: left; clear: both; font-size: 1px; }
hr { height: 1px; color: #dddde5; margin: 0 0 10px 0; padding: 0; }

/* default tag makeup */
form { margin: 0; padding: 0; }

/* page wrapper containing page-wide top background */
#wrap { padding-top: 2px; width: 100%; background: url(../../../gfx/bg_page_top.gif) repeat-x; min-height: 635px; text-align: center; }

/* centered page containing bottom background */
#page { margin: 0 auto; width: 878px; background: url(../../../gfx/content_bottom.gif) no-repeat bottom left; padding-bottom: 10px; }

/* head of website, contains menu, submenu, search */
#head { margin: 0; padding: 0; width: 878px; height: 235px; overflow: hidden; }
.header_home { background: url(../../../gfx/top_site_home.gif) no-repeat top left; }
.header_pages { background: url(../../../gfx/top_site_pages.gif) no-repeat top left; }

/* main menu makeup */
#main_menu { position: relative; left: 250px; float: left; margin: 16px 0 0 0px; padding: 0; list-style-type: none; }
#main_menu li { background: url(../../../gfx/divider_topmenu.gif) no-repeat center right; padding: 0 8px 0 0; margin: 0 5px 0 0; display: inline; float: left; font-size: 11px; color: white; }
#main_menu li.last { background: none !important; }
#main_menu li a { font-size: 11px; color: white; text-decoration: none; }
#main_menu li a.current { text-decoration: underline; }
#main_menu li a:hover { text-decoration: underline; }

/* sub menu makeup */
#sub_menu { text-align: left; width: 445px; position: absolute; left: 50%; margin: 0 0 0 -190px; top: 45px; padding: 0; list-style-type: none; }
#sub_menu li { font-family: arial !important; background: url(../../../gfx/divider_submenu.gif) no-repeat center right; padding: 0 6px 0 0; margin: 0 5px 0 0; display: inline; float: left; font-size: 11px; color: #444; }
#sub_menu li.last { background: none !important; }
#sub_menu li a { font-family: arial !important; font-size: 11px; color: #444; text-decoration: none; }
#sub_menu li a.current { text-decoration: underline; }
#sub_menu li a:hover { text-decoration: underline; }

/* language menu */
#language_menu { display: none; margin: 0; padding: 0; list-style-type: none; position: absolute; top: 190px; left: 50%; margin-left: -420px; }
#language_menu li { display: inline; float: left; margin: 0 0 0 2px; padding: 0; }
#language_menu li a { width: 15px; height: 13px; display: block; }
#language_menu li a span { display: none; }
#language_menu li.flag_nl a { background: url(../../../gfx/flag_nl.gif) no-repeat; }
#language_menu li.flag_en a { background: url(../../../gfx/flag_en.gif) no-repeat; }

/* search and navigation block */
#search_navigation { text-align: left; width: 162px; height: 140px; overflow: hidden; float: left; clear: both; position: relative; top: 30px; left: 696px; padding-left: 10px; }
#search_navigation form { padding: 4px 0px 0px 0px; }
.query_text { font-size: 12px; color: #777; padding: 0px; border: none; color: #555; height: 16px; width: 120px; margin-right: 5px; }
.query_submit { vertical-align: middle; }
.sn_head { width: 102px; height: 15px; overflow: hidden; margin: 5px 0 0 0; padding: 0; }
.sn_head span { display: none; }
.head_search { /* will be filled in from the language specific css styles */ }
.head_goto { /* will be filled in from the language specific css styles */ }

/* navigation list items */
#search_navigation ul { margin: 5px 0 0 18px; padding: 0; list-style-image: url(../../../gfx/li_goto.gif); }
#search_navigation ul li { font-size: 11px; color: white; margin-bottom: 1px; }
#search_navigation ul li a { font-size: 11px; color: white; text-decoration: none; }
#search_navigation ul li a:hover { text-decoration: underline; }

/* body containing the vertical background */
#body { text-align: left; background: url(../../../gfx/bg_body_loop.gif) repeat-y; margin-bottom: 13px;}
#body_home { padding: 5px 0px 10px 35px; /* background is loaded from language specific css files */ }
#body_pages { padding: 5px 0px 10px 35px; background: url(../../../gfx/bg_pages_top.gif) no-repeat top left; }
#body_right { float: left; width: 160px; padding-top: 20px; }
#body_right img { margin-bottom: 15px; }

/* homepage: top left */
div.knowledge { float: left; width: 380px; height: 155px; margin-top: 30px; overflow: hidden; }
div.knowledge div.container { width: 380px; height: 110px; }

/* homepage: top right */
div.product_demo { float: left; width: 390px; height: 155px; margin-top: 30px; margin-left: 45px; overflow: hidden; }
div.product_demo img { margin-right: 10px; }
div.product_demo div.container { width: 390px; height: 110px; }

/* button styling for the top read more buttons */
p.homebutton_topright { margin: 0; padding: 0; }
p.homebutton_topright a { display: block; margin: 0; padding: 0; width: 390px; height: 35px; }
p.homebutton_topright a span { display: none; } 

/* homepage: bottom left */
div.customer_talk { float: left; width: 380px; margin-top: 30px; }
div.customer_talk img { margin-right: 10px; margin-bottom: 50px; }

/* homepage: bottom right */
div.latest_news { float: left; width: 380px; margin-top: 30px; margin-left: 47px; }
div.latest_news img { float: left; margin-right: 10px; }
div.customer_text { float: left; width: 230px; }

/* copyright style */
p.copyright { color: #669999 !important; font-size: 12px; font-family: verdana, arial, serif !important; }
p.copyright a { color: #669999 !important; text-decoration: none; font-size: 12px !important; font-family: verdana, arial, serif !important; }
p.copyright a:hover { color: red; }

/* form styles */
form { margin: 0; padding: 0; }
label { font-size: 11px; color: #555; }
.label_left { margin-right: 5px; float: left; width: 130px; margin-top: 2px; }
.inp_txt { font-size: 11px; width: 280px; margin-top: 2px; border: 1px solid #999; color: #999; padding: 2px; }
.inp_txt_over { font-size: 11px; width: 280px; margin-top: 2px; border: 1px solid #048cec; color: #048cec; padding: 2px; }
.inp_sel { width: 288px; }
select { margin-top: 2px; font-size: 11px; }
textarea { border: 1px solid #999; padding: 2px; }
.submit { border: 1px outset #999; padding: 2px; font-size: 11px; background: #efefef; width: 150px; }

/* flash banner */
#flashcontent { width: 425px; height: 75px; overflow: hidden; position: absolute; top: 100px; left: 50%; margin-left: -150px; }
#banner_more_info { text-align: right; position: absolute; top: 190px; width: 200px; left: 50%; margin-left: 30px; }
#banner_more_info a { text-decoration: none; font-weight: bold; font-size: 11px; background: url(../../../gfx/small_arrow_readmore_green.gif) no-repeat center right; padding-right: 10px; color: #74b434; }
#banner_more_info a:hover { text-decoration: underline; color: #74b434 !important; }


div.cc_head { height: 203px; width: 823px; overflow: visible; margin-bottom: 20px; }
div.cc_head img { float: left; }
div.cc_head div.cc_txt { background: url(../../../gfx/customercases_head.jpg) no-repeat top right; width: 323px; height: 203px; }
div.cc_head div.cc_txt ul { list-style-type: none; margin: 70px 0 0 10px !important; padding: 0 !important; }
div.cc_head div.cc_txt ul li { background: url(../../../gfx/li_cc_head.gif) no-repeat top left; margin: 0 0 7px 0; padding: 0 0 0 25px; font-size: 12px; color: white; font-weight: bold; }
div.cc_head div.cc_txt ul li a { font-family: verdana; text-decoration: none; font-size: 12px; color: white; font-weight: bold; }

/* Details */
div.cc_left { display:block; float:left; width: 515px; overflow: visible; margin-bottom: 20px; }
div.cc_right { display:block; float:right top; width:840px; }

div.cc_head img { float: left; }
div.cc_intro { background: url(../../../gfx/customercases_head.jpg) right top no-repeat; color: white; font-weight: bold; }
div.cc_intro ul { color:white; list-style-type: none; margin: 0 0 0 15px !important; }
div.cc_intro ul li { background: url(../../../gfx/li_cc_head2.gif) no-repeat top left; margin: 0 0 -15px 0; padding: 0 0 0 25px; font-size: 12px; color: white; font-weight: bold; }
div.cc_intro ul li a { font-family: verdana; text-decoration: none; font-size: 12px; color: white; font-weight: bold; }

/* Index */
div.cc_head div.cc_txt2 ul { list-style-type: none; margin: 70px 0 0 10px !important; padding: 0 !important; }
div.cc_head div.cc_txt2 ul li { background: url(../../../gfx/li_cc_head.gif) no-repeat top left; margin: 0 0 7px 0; padding: 0 0 0 25px; font-size: 12px; color: white; font-weight: bold; }
div.cc_head div.cc_txt2 ul li a { font-family: verdana; text-decoration: none; font-size: 12px; color: white; font-weight: bold; }

div.cc_middle { clear: both; height: 203px; width: 823px; overflow: hidden; margin-top: 20px; margin-bottom: 20px; background: url(../../../gfx/customercases_middle.gif) no-repeat top right; }
div.cc_middle img { float: left; }
div.cc_middle div.cc_txt { float: left; width: 350px; padding: 10px 15px 0 15px; }
div.cc_middle div.cc_txt p { font-size: 12px; color: white; line-height: 20px; }

div.highlight { float: right; margin: 0 20px 0 0; width: 304px; background: url(../../../gfx/content_table_bg.gif) no-repeat bottom left; }
div.highlight div { margin: 5px 15px 15px 10px; text-align: right; }
div.highlight div p { font-size: 16px; line-height: 24px; color: #8ec641; }

div.download { float: right; margin: 0 20px 0 0; width: 304px; border:1px solid #eeeeee; background: #f6faff; }
div.download div {  float: right; padding:5px; margin: 4px 10px 0 0; }
div.download div p { font-size: 12px; line-height: 24px; color: #8ec641; }

ol{
  font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; color: #333333; line-height: 17px;
}

ol li{
  font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; color: #333333; line-height: 17px;
}



