/*
* General markup
*/
body, html { background: url(../img/background_pattern.png); font-family: Arial, sans-serif; font-size: 14px; width: 100%; line-height: 1.2; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 10px; text-align: justify; }
b, strong { color: #7db231; font-weight: bold; }
/*b, strong { color: #487010; font-weight: bold; }  */
acronym { border-bottom: 1px dotted; }
ol li { list-style-type: decimal; margin-left: 25px;}
table td { padding: 3px; }
blockquote { margin-left: 30px; margin-right: 30px; font-style: italic; }

.article_row ul { margin-left: 45px; }
.article_row ul li { list-style-type: disc; }
ul { margin-left: 25px; }
ul li { list-style-type: disc; }

/*
* Header
*/
#top_bar { height: 10px; width: 100%; background: url(../img/background_top.png) repeat-x; position: absolute; top: 0px; left: 0px; }
#header { height: 109px; margin: 8px 0 0 41px; }
#header h1 a { background: url(../img/logo.png) no-repeat scroll 0; margin-top: 20px; width: 235px; height: 66px; float: left; }
#header h1 a span { display: none; }
#header #contact { line-height: 20px; vertical-align: middle; float: right; margin: 25px 5px 0 0; color: #002d56; font-weight: bold; font-size: 12px; }
#header #contact a, #header #contact a:hover { color: #7fb934; text-decoration: underline; font-weight: bold; }
#header #contact img { vertical-align: middle; margin: 0 4px 0 10px; }
#header #contact img.nomargin { margin: 0; }

#content { width: 1004px; background: url(../img/content_background.png) center repeat-y; margin: 0 auto; padding: 0 20px 5px; color: #5a5a5a; }

div.breadcrumbs { font-size: 11px; line-height: 22px; text-align: right; margin: 0 5px 5px 0; background: url(../img/nav_line.png) repeat-x bottom;}
div.breadcrumbs a { color: #7db231; background: none; }


/*
* Navigation
*/

/* First level menu */
#nav { height: 43px; background: url(../img/menu_bg.png) no-repeat; margin: 0 0 5px 0; }
#nav ul { padding-top: 6px; margin-left: 8px; line-height: 29px; }
#nav ul li { float: left; text-align: center; font-size: 14px; background: url(../img/menu_seperator.png) no-repeat right; padding: 0; position: relative; list-style-type: none; }
#nav ul li a { padding: 1px 0px 1px; width: 166px; display: block; }
#nav a { color: #FFF; }
#nav a:hover { color: #487010; font-weight: bold; text-decoration: none; }
#nav li.active > a { color: #487010; font-weight: bold; }

/* Second level menu */
#nav ul ul { display: none; position: absolute; background: url(../img/menu2_bg.png) no-repeat left bottom; margin: 0 0 0 -1px; padding: 5px 0; width: 167px; line-height: 26px; z-index: 3; left: 0; top: 31px;}
#nav ul ul li { position: relative; float: none; background: none; text-align: left; font-size: 12px; position: relative; }
#nav ul ul li.parent { background: url(../img/menu2_arrow.png) no-repeat 90% 50%; }
#nav ul ul li a { padding: 0px 0px 1px 20px; display: block; width: auto; }

/* Third level menu */
#nav ul ul ul { position: absolute; top: 0px; left: 166px; background: url(../img/menu3_bg.png) no-repeat top left; margin: 0; width: 134px; line-height: 20px; padding-bottom: 0; }
#nav ul ul ul:after { position: absolute; margin: 0 0 -7px 0; content: ""; background: url('../img/menu3_bg_end.png'); display: block; height: 7px; width: 134px; }
#nav ul ul ul li { float: none; background: none; text-align: left; font-size: 11px; }
#nav ul ul ul li.parent { background: url(../img/menu3_arrow.png) no-repeat 90% 50%; }
#nav ul ul ul li a { padding: 0 0 0 10px; display: block; color: black; }

/* Fourth level menu and more */
#nav ul ul ul ul { margin: -5px 0 0 131px; }

/* Pop out code */
#nav ul li:hover > ul { display: block; }

/* Language selection */
#nav .lang { float: right; padding-right: 16px; }
#nav .lang ul { margin: 0; padding: 0; }
#nav .lang ul li { background: none; float: left; width: auto; padding-left: 10px; }
#nav .lang ul li a { margin: 0; width: 20px; }
#nav .lang a { display: block; float: left; margin: 10px 5px 5px 5px; }
#nav .lang li#active_language a { font-weight: bold; }

/*
* Content
*/

/* Front page: Image */
#front_image { height: 257px; background: url(../img/front_image.png) no-repeat; margin: 5px 0; }
#front_image ul { padding: 38px 0 0 75px; margin-left: 0; }
#front_image ul li { color: #002d56; font-size: 36px; text-decoration: none; padding: 11px 0 0 0; height: 50px; list-style-type: none; }
#front_image ul li span { display: none; }
#front_image ul li.connectivity { background: url(../img/txt_connectivity.png) no-repeat; }
#front_image ul li.colocation { background: url(../img/txt_colocation.png) no-repeat; }
#front_image ul li.cloudcomputing { background: url(../img/txt_cloudcomputing.png) no-repeat; }

/* Link button */
.link, .link2 { width: 66px; height: 26px; background: url(../img/button.png) no-repeat; padding: 7px 24px 0 11px; color: #6c6c6c; font-weight: bold; text-align: center; font-size: 12px; }

/* Front page: Green Box */
.green_box_front { height: 195px; margin: 5px 0 10px 0; background: url(../img/green_box_wide.png) no-repeat; }
.green_box_front div { float: left; position: relative; width: 502px; }
.green_box_front img { margin: 18px 0 0 18px; }
.green_box_front h2 { position: absolute; top: 25px; left: 225px; padding: 0 0 0 23px; font-size: 18px; font-weight: bold; background: url(../img/bullet_o.png) 0 1px no-repeat; }
.green_box_front h2 a { color: #002d56; }
.green_box_front ul { position: absolute; top: 55px; left: 240px; margin-left: 0; }
.green_box_front ul li { line-height: 25px; background: url(../img/bullet.png) 0 4px no-repeat; padding-left: 25px; font-size: 14px; font-weight: bold; list-style-type: none; }
.green_box_front ul li a { color: #fff; }
.green_box_front a.link { position: absolute; top: 166px; left: 380px; }

/* Front page: News */
h1.news { font-size: 23px; color: #8cc33e; padding-left: 35px; background: url(../img/heading_paper.png) 0 6px no-repeat; }
.news .blog_more h2 { display: none; }
.news li { background: url(../img/bullet_small.png) no-repeat 4px 2px; padding-left: 25px; margin-bottom: 5px; font-weight: bold; font-size: 13px; list-style-type: none; }
.news li a { color: inherit; }

/* Front page: References */
.moduletablereferences { float: right; width: 500px; width: 502px; }
.moduletablereferences h3 { font-size: 23px; color: #8cc33e; padding-left: 35px; margin-bottom: 23px; background: url(../img/heading_paper.png) 0 6px no-repeat; }

/* Front page: Promotie */
.moduletablepromo { float: right; width: 500px; width: 502px; }
.moduletablepromo .green_box ul li { font-size: 14px !important; line-height: 20px; font-weight: bold; }
.moduletablepromo .green_box ul { top: 45px; }
.moduletablepromo h3 { font-size: 23px; color: #8cc33e; padding-left: 35px; margin-bottom: 23px; background: url(../img/heading_paper.png) 0 6px no-repeat; }
.moduletablepromo p.promocontacteer {  position: absolute; top: 155px; left: 25px; color: white; font-weight: bold; }
.moduletablepromo div.promostar { background: url('/images/stories/star.png') no-repeat; height: 127px;	width: 130px;	display: block;	position: absolute;	left: 375px;	top: -5px;	padding-top: 40px;	text-align: center;	color: #fff;	font-weight: bold;	font-size: 28px; }
.moduletablepromo div.promostar span.small { font-size: 10px; }


/* Header of a Section page */
.page_header { display: block; background: #f9f9f9 url('../img/header_box.png') no-repeat; margin: 10px auto; padding: 5px 0 0 0; }
.page_header:after { display: block; background: url(../img/header_box_end.png) no-repeat; height: 5px; width: 1004px; margin: 0 0 0 0; content: ""; }
.page_header .white { background: url(../img/header.png) no-repeat; margin: 0 auto 10px; width: 996px; height: 89px; }
.page_header .white h2 { background: url(../img/bullet_o.png) no-repeat; background-position: 0 9px; padding: 0 0 0 26px; float: right; margin: 20px 30px 0 0; font-size: 32px; color: #8cc33e; }
.page_header .white img { float: left; margin-left: 5px; }
.page_header p { padding: 0 15px 0 15px; line-height: 18px; font-size: 14px; }

/* Header of a category page */
h1.componentheading { padding: 0 0 0 40px; font-size: 26px; color: #8cc33e; margin: 10px 0 20px 0; }
h1.services { background: url(../img/img_icon_services.png) no-repeat; }
h1.infrastructure { background: url(../img/img_icon_infrastructure.png) no-repeat; }
h1.about { background: url(../img/img_icon_about.png) 0 5px no-repeat; }


/* Green box of a Section page: normal */
.green_box { float: left; position: relative; width: 500px; height: 184px; background: url(../img/green_box.png) no-repeat; margin: 0 0 15px 0; z-index: 2; }
.green_box + .green_box { margin-left: 4px; }
.green_box h3 { position: absolute; top: 15px; left: 20px; padding: 0 0 0 23px; font-size: 22px; font-weight: bold; background: url(../img/bullet_o.png) 0 3px no-repeat; color: #002d56; }
.green_box h3 a { color: #002d56; }
.green_box ul { position: absolute; top: 50px; left: 20px; margin-left: 0; }
.green_box ul li { line-height: 25px; background: url(../img/bullet.png) 0 4px no-repeat; padding-left: 25px; color: #fff; font-size: 14px; font-weight: bold; list-style-type: none; }
.green_box ul li a { color: #fff; }
.green_box a.link { position: absolute; top: 166px; left: 380px; }
.green_box.withimg ul { width: 270px; }
.green_box.withimg img { position: absolute; bottom: 10px; right: 10px; }

/* Gray box of a Category page: normal */
.gray_box { width: 478px; background: #f3f3f3 url(../img/gray_box.png) no-repeat bottom; min-height: 200px; padding: 5px 10px 15px 10px; margin-bottom: 15px; color: #5a5a5a; line-height: 17px; position: relative; z-index: 1; font-size: 12px; }
.gray_box a.link { position: absolute; left: 380px; top: 100%; margin-top: -16px; }
.gray_box a.link2 { position: absolute; left: 270px; top: 100%; margin-top: -16px; }

/* Combination of Green box and Gray box */
.green_gray_box { float: left; margin: 0; }
.green_gray_box + .green_gray_box { margin-left: 4px; }
.green_gray_box .green_box { float: none; }
.green_gray_box .gray_box { margin-top: -50px; padding-top: 50px; }


/* Green box of a Section page: small */
.green_box_small { float: left; position: relative; width: 331px; height: 184px; background: url(../img/green_box_small.png) no-repeat; margin: 0 0 15px 0; z-index: 2; }
.green_box_small + .green_box_small { margin-left: 5px; }
.green_box_small h3 { position: absolute; top: 15px; left: 20px; padding: 0 0 0 23px; font-size: 22px; font-weight: bold; background: url(../img/bullet_o.png) 0 3px no-repeat; color: #002d56; }
.green_box_small h3 a { color: #002d56; }
.green_box_small ul { position: absolute; top: 50px; left: 50px; margin-left: 0; }
.green_box_small ul li { line-height: 25px; background: url(../img/bullet.png) 0 4px no-repeat; padding-left: 25px; color: #fff; font-size: 14px; font-weight: bold; list-style-type: none; }
.green_box_small ul li a { color: #fff; }
.green_box_small a.link { position: absolute; top: 166px; left: 210px; }

/* Gray box of a Category page: small */
.gray_box_small { width: 309px; background: #f3f3f3 url(../img/gray_box_small.png) no-repeat bottom; min-height: 200px; padding: 5px 10px 15px 10px; margin-bottom: 15px; color: #5a5a5a; line-height: 17px; position: relative; z-index: 1; font-size: 12px; }
.gray_box_small a.link { position: absolute; left: 210px; top: 100%; margin-top: -16px; }
.gray_box_small a.link2 { position: absolute; left: 100px; top: 100%; margin-top: -16px; }

/* Combination of Green box and Gray box: small */
.green_gray_box_small { float: left; margin: 0; }
.green_gray_box_small + .green_gray_box_small { margin-left: 4px; }
.green_gray_box_small .green_box_small { float: none; }
.green_gray_box_small .gray_box_small { margin-top: -50px; padding-top: 50px; }


/* Green box of a Section page: wide */
.green_box_wide { float: left; position: relative; width: 1006px; height: 184px; background: url(../img/green_box_wide.png) no-repeat; margin: 0 0 15px 0; z-index: 2; }
.green_box_wide + .green_box_wide { margin-left: 5px; }
.green_box_wide h3 { position: absolute; top: 15px; left: 20px; padding: 0 0 0 23px; font-size: 22px; color: #002d56; font-weight: bold; background: url(../img/bullet_o.png) 0 3px no-repeat; }
.green_box_wide h3 a { color: #002d56; }
.green_box_wide ul { position: absolute; top: 50px; left: 50px; margin-left: 0; }
.green_box_wide ul li { line-height: 25px; background: url(../img/bullet.png) 0 4px no-repeat; padding-left: 25px; color: #fff; font-size: 14px; font-weight: bold; list-style-type: none; }
.green_box_wide ul li a { color: #fff; }
.green_box_wide a.link { position: absolute; top: 166px; left: 210px; }

/* Gray box of a Category page: wide */
.gray_box_wide { width: 984px; background: #f3f3f3 url(../img/gray_box_wide.png) no-repeat bottom; min-height: 200px; padding: 5px 10px 15px 10px; margin-bottom: 15px; color: #5a5a5a; line-height: 17px; position: relative; z-index: 1; font-size: 12px; margin-left: 1px; }
.gray_box_wide a.link { position: absolute; left: 890px; top: 100%; margin-top: -16px; }
.gray_box_wide a.link2 { position: absolute; left: 780px; top: 100%; margin-top: -16px; }

/* Combination of Green box and Gray box: wide */
.green_gray_box_wide { float: left; margin: 0; }
.green_gray_box_wide .green_box_wide { float: none; }
.green_gray_box_wide .gray_box_wide { margin-top: -50px; padding-top: 50px; }

/* Information page */
h3 { font-size: 20px; color: #7db231; }

/* Contact page */
.chronoform { display: none; }
table.contact { float: right; margin-right: 5px; width: 550px; }
table.contact td { padding: 5px 4px; white-space: nowrap; vertical-align: top; }
table.contact td.title { text-align: right; color: #7eb332; font-weight: bold; width: 100px; }
table.contact input { width: 100%; }
table.contact textarea { width: 100%; height: 100px; }
input#contactbutton { width: auto; background: url(../img/button_wide.png) no-repeat; border: none; width: 126px; height: 23px; padding: 0 16px 2px 3px; color: #6c6c6c; font-weight: bold; font-size: 12px; }

/* Article list page */
.article_column { font-size: 13px; }
.article_column h2 { background: url(../img/bullet_small.png) no-repeat 4px 2px; padding-left: 25px; font-weight: bold; }
.article_column p { color: #5a5a5a; padding-left: 25px; padding-right: 25px; }
.article_separator { display: none; }
.row_separator { display: none; }
.article_column a { color: inherit; }

/* Article page */
#page h2.contentheading { display: none; }
#page .buttonheading { display: none; }


/*
* Footer
*/
#content_footer { background: url(../img/content_footer.png) center; height: 18px; width: 1050px; margin: 0 auto; }
#footer { text-align: center; height: 40px; width: 1050px; margin: 0 auto; font-size: 11px; color: #a0a0a0; }
#footer a, #footer a:hover { color: #7db231; text-decoration: underline; }
#footer p { text-align: center; }

/*
* Main page links - added by Niels
*
.amenu { text-decoration: none; color: #ffffff; }
.amenu:hover { text-decoration: none; color: #ffffff; }
.amenuheader { text-decoration: none; color: #002D56; }
.amenuheader:hover { text-decoration: none; color: #002D56; } 
*/