/*-----------------------------------------------------------------------------
Website: www.xedis.be
Auteur: Webatvantage.be
Laatst gewijzigd: 06-05-2011
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; } 
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
html { overflow:-moz-scrollbars-vertical; }
html, body { background: url(../Graphics/Body_bg.png) repeat-x top left; }
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%;}
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 62.5%; color: #31414a; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- START BROWSER WARNING -------------------------------*/
div#browserWarning { background: #693; width: 100%; padding: 15px 0px 15px 0px; border-top: solid 6px #568637; border-bottom: solid 6px #568637; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; }
div#browserWarning a { color: #fff; }
/*------------------------------- END BROWSER WARNING -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; line-height: 1.2em; color: #555; margin: 20px 0; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START LINKS -------------------------------*/
a:link, a:visited, a:active { color: #10551c; }
a:focus { outline: none; }
a img { border: none; }
/*------------------------------- END LINKS -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
div#container { width: 915px; margin: 0 auto; font-size: 1.2em; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
div#content { padding: 0 0 125px 0; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START MAIN -------------------------------*/
div#main { float: left; width: 530px; height: 480px; margin: 10px 0; padding: 10px; overflow: auto; overflow-x: hidden; }
div#main img.align_left { float: left; margin: 0 10px 10px 0; border: 2px solid #ddd; }
div#main img.align_right { float: right; margin: 0 0 10px 10px; border: 2px solid #ddd; }

/* Breadcrumbs */
div#main div#breadcrumbs { position: relative; height: 39px; line-height: 39px; margin: -10px 0 0 0; padding: 0 0 0 10px; border-bottom: 1px solid #ddd; color: #666; background: #fff url(../Graphics/Breadcrumbs_arrow.png) no-repeat center left;}
div#main div#breadcrumbs p#font_size { position: absolute; top:0; right:0; height: 39px; line-height: 39px; text-align: right; }
div#main div#breadcrumbs p#font_size .small { font-size: 10px; }
div#main div#breadcrumbs p#font_size .normal { font-size: 11px; }
div#main div#breadcrumbs p#font_size .large { font-size: 12px; }

/* Tekstblok */
div.tekstblok { text-align: justify; }
div.tekstblok ul { margin: 20px 0 20px 15px; list-style-type: square; list-style-position: outside; }

div.tekstblok ul li ul { margin: 10px 0 10px 15px; list-style-type: circle; }
div.tekstblok ol { margin: 20px 0 20px 20px; list-style-position: outside; }
div.tekstblok ul li ,div.tekstblok ol li { margin: 5px 0; }
div.tekstblok div.fading_photo { float: right; width: 246px; height: 146px; margin: 0 0 10px 10px; }
div.tekstblok div.foto { float: right; width: 200px; height: 200px; margin: 0 0 10px 20px; }

/* Sitemap contaiener */
div#sitemap_container { height: 390px; text-align: justify; }
div#sitemap_container ul { margin: 20px 0 20px 15px; list-style-type: square; }
div#sitemap_container ul li ul { margin: 10px 0 10px 15px; list-style-type: circle; }
div#sitemap_container ol { margin: 20px 0 20px 20px; }
div#sitemap_container ul li ,div#sitemap_container ol li { margin: 5px 0; }
div#sitemap_container div.fading_photo { float: left; width: 246px; height: 146px; margin: 0 10px 10px 0; border: 2px solid #ddd; }
/*------------------------------- END MAIN -------------------------------*/

/*------------------------------- START SIDEBAR -------------------------------*/
div#sidebar { position: relative; float: right; width: 330px; min-height: 533px; height: auto; margin: 0 0 20px 0; background: url(../Graphics/Sidebar_bg.png) no-repeat top left; }

/* Logo */
div#sidebar a#logo { position: absolute; top: -70px; left: 5px; display: block; width: 322px; height: 140px; background: url(../Graphics/Sidebar_bg.png) }
div#sidebar a#logo img { border: none; }

/* Latest news */
div#latest_news { margin: 10px 0; }
div#latest_news ul { list-style: none; }
div#latest_news ul li a { display: block; margin: 0 0 20px 0; padding: 0 0 0 35px; background: url(../Graphics/Latest_news_arrow.png) no-repeat 15px 2px; text-decoration: none; color: #666; }
div#latest_news ul li a span.datum { font-weight: bold; color: #0f551c; }
div#latest_news a.more { height: 20px; line-height: 20px; display: inline-block; margin: 0 0 0 37px; padding: 0 10px 0 0; background: url(../Graphics/Latest_news_more_arrow.png) no-repeat center right; }

/* Contact us */
div#contact_us { padding: 15px 15px 0 15px; }

/* Search on site */
div#search_on_site { padding: 15px 15px 0 15px; }
div#search_on_site form .input { display: block; width: 230px; height: 16px; margin: 0 0 5px 0; padding: 3px; border: 1px solid #ddd; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666; } 
div#search_on_site form .submit { width: auto; height: 30px; background: #eee; border: 1px solid #ddd; margin: 10px 0 0 0; padding: 5px 10px; cursor: pointer; }
div#search_on_site form .submit:hover { background: #10551c; border: 1px solid #073f1a; color: #fff; }

/* Careers */
div#careers { margin: 10px 0; }
div#careers ul { list-style: none; }
div#careers ul li a { display: block; margin: 0 0 20px 0; padding: 0 0 0 35px; background: url(../Graphics/Latest_news_arrow.png) no-repeat 15px 2px; text-decoration: none; color: #666; }
div#careers ul li a:hover { text-decoration: underline; color: #0f551c; }
div#careers a.more { height: 20px; line-height: 20px; display: inline-block; margin: 0 0 0 37px; padding: 0 10px 0 0; background: url(../Graphics/Latest_news_more_arrow.png) no-repeat center right; }

/* Newsletter */
div#newsletter p { height: auto; min-height: 50px; margin: 10px 0 0 0; padding: 0 0 0 65px;  background: url(../Graphics/Sidebar_newsletter_icon.png) no-repeat top left; }
/*------------------------------- END SIDEBAR -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
div#header { position: relative; width: 915px; height: 120px; background: url(../Graphics/Header_bg.png) no-repeat top left; }

/* Mainnav */
div#header div#mainnav_box { position: absolute; bottom: 0; left: 0; width: 550px; height: 37px; background: #10551c url(../Graphics/Mainnav_bg.png) repeat-x top left; }

div#header ul#mainnav { float: left; width: 405px; height: 37px; list-style: none; background: url(../Graphics/Mainnav_divider.png) no-repeat top right; }
div#header ul#mainnav li { display: inline; }
div#header ul#mainnav li a:link,
div#header ul#mainnav li a:visited,
div#header ul#mainnav li a:active { float: left; display: block; height: 37px; line-height: 37px; margin: 0 20px; color: #fff; font-weight: bold; text-decoration: none;  }
div#header ul#mainnav li a:first-child { margin-left: 12px; }
div#header ul#mainnav li a:hover, div#header ul#mainnav li a#mainnav_active { background: url(../Graphics/Mainnav_arrow.png) no-repeat bottom center; }

div#header ul#taalkeuze { float: left; width: 100px; height: 37px; margin: 0 0 0 17px; list-style: none; }
div#header ul#taalkeuze li { display: inline; }
div#header ul#taalkeuze li a:link,
div#header ul#taalkeuze li a:visited,
div#header ul#taalkeuze li a:active { float: left; display: block; width: auto; height: 37px; line-height: 37px; margin: 0 9px; color: #fff; font-weight: bold; text-decoration: none;  }
div#header ul#taalkeuze li a:hover, div#header ul#taalkeuze li a#taalkeuze_active { background: url(../Graphics/Mainnav_arrow.png) no-repeat bottom center; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START GOOGLE MAPS -------------------------------*/
div#google_maps { width: 526px; height: 150px; margin: 20px 0; border: 2px solid #ddd; overflow: hidden; }
div#google_maps:hover { border: 2px solid #ccc; }
/*------------------------------- END GOOGLE MAPS -------------------------------*/

/*------------------------------- START NEWS -------------------------------*/
div#news { margin: 20px 0; }
div.news_item { clear: both; float: left; width: 530px; margin: 0 0 20px; border-bottom: 1px solid #ddd; }
/*------------------------------- END NEWS -------------------------------*/

div#links { clear: both; margin: 20px 0; }
div#links span.description { display: inline-block; margin: 0 0 0 25px; }

/*------------------------------- START CONTACTFORM -------------------------------*/
form#contactform { margin: 10px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.1em;	}
form#contactform fieldset { border: none; }

form#contactform div.left { float: left; width: auto; margin: 0 5px 0 0; }
form#contactform div.right { float: right; width: auto; }

form#contactform p { clear: both; }

form#contactform .input { display: block; width: 230px; height: 16px; margin: 0 0 5px 0; padding: 3px; border: 1px solid #ddd; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666; }
/*form#contactform .checkbox { display: block; width: 16px; height: 16px; margin: 0 0 5px 0; padding: 3px; border: 1px solid #ddd; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666; }*/
form#contactform .inputred { display: block; width: 230px; height: 16px; margin: 0 0 5px 0; padding: 3px; border: 1px solid #c00; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666; }
form#contactform .select { display: block; width: 238px; margin: 0; padding: 3px 3px 3px 0; border: 1px solid #ddd; background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666; }
form#contactform .textarea { display: block; width: 260px; height: 202px; border: 1px solid #ddd; overflow: auto; padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666;} 
form#contactform .textareared { display: block; width: 260px; height: 202px; border: 1px solid #c00; overflow: auto; padding: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #666; }
form#contactform .submit { float: left; width: auto; height: 30px; background: #eee; border: 1px solid #ddd; margin: 10px 0 0 0; padding: 5px 10px; cursor: pointer; }
form#contactform .submit:hover { background: #10551c; border: 1px solid #073f1a; color: #fff; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { position: relative; height: 125px; margin-top: -125px; background: url(../Graphics/Footer_bg.png) repeat-x top left; clear: both; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1.2em; }

/* Inner_footer */
#footer #inner_footer { position: relative; width: 900px; height: 125px; margin: 0 auto; }
#footer #inner_footer p { height: 50px; overflow: hidden; }

#footer #inner_footer p a:link,
#footer #inner_footer p a:visited,
#footer #inner_footer p a:active { text-decoration: none !important; }
#footer #inner_footer p a:hover { text-decoration: underline !important; }

#footer #inner_footer #social_media { position: absolute; bottom: 0; left: 250px; width: auto; height: 15px; padding: 12px 0 11px 0; overflow: hidden; z-index: 50; }
#footer #inner_footer #social_media a { float: left; display: block; width: 15px; height: 15px; margin: 0 10px 0 0; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
#footer #inner_footer #social_media a.facebook { background-image: url('../Graphics/Facebook.png'); }
#footer #inner_footer #social_media a.twitter { background-image: url('../Graphics/Twitter.png'); }
#footer #inner_footer #social_media a.linkedin { background-image: url('../Graphics/Linkedin.png'); }

#footer #our_mission, #our_vision, #careers_at_xedis { float: left; width: 278px; height: 87px; }
#footer #our_mission h1, #our_vision h1, #careers_at_xedis h1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 10px 0 5px 0; }

#footer #our_mission, #our_vision { background: url(../Graphics/Footer_divider.gif) no-repeat top right; }
#footer #our_vision { width: 260px; padding: 0 20px; }
#footer #careers_at_xedis { width: 280px; padding: 0 0 0 20px; }

/* Standaardnav */
#standaardnav { float: left; height: 38px; }
#standaardnav a { float: left; display: block; height: 38px; line-height: 38px; margin: 0 0 0 10px; padding: 0 10px 0 0; background: url(../Graphics/Standaardnav_divider.png) no-repeat top right; color: #a6a6a6; text-decoration: none;}
#standaardnav a:hover, #standaardnav a#standaardnav_active { text-decoration: underline; color: #fff; }

/* Copyright */
#copyright { float: right; height: 38px; color: #a6a6a6; line-height: 38px; }
#copyright a:link, #copyright a:visited, #copyright a:active { color: #a6a6a6; }
#copyright a:hover { color: #fff; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START BUTTONS -------------------------------*/

/* Button */
a:link.button,
a:visited.button,
a:active.button { float: left; display: block; height: 30px; margin-right: 6px; padding-right: 26px; background: transparent url(../Buttons/Bg_button_a.gif) no-repeat scroll top right; color: #666 !important; font: normal 1.1em Arial, Verdana, sans-serif; text-decoration: none; }
a:link.button span,
a:visited.button span,
a:active.button span { display: block; line-height: 20px; padding: 5px 0 5px 18px; background: transparent url(../Buttons/Bg_button_span.gif) no-repeat;  }
a:hover.button,
a:hover.button span { color: #333; }

/* Button 2 */
a:link.button2,
a:visited.button2,
a:active.button2 { float: left; display: block; height: 30px; margin-right: 6px; padding-right: 18px; background: #fff; color: #666 !important; font: normal 1.1em Arial, Verdana, sans-serif; text-decoration: none; }
a:link.button2 span,
a:visited.button2 span,
a:active.button2 span { display: block; line-height: 20px; padding: 5px 0 5px 18px; background: #fff;  }
a:hover.button2,
a:hover.button2 span { color: #333; }
a:link.button2_active,
a:visited.button2_active,
a:active.button2_active { float: left; display: block; height: 30px; margin-right: 6px; padding-right: 18px; background: transparent url(../Buttons/Bg_button2_a.gif) no-repeat scroll top right; color: #666 !important; font: normal 1.1em Arial, Verdana, sans-serif; text-decoration: none; }
a:link.button2_active span,
a:visited.button2_active span,
a:active.button2_active span { display: block; line-height: 20px; padding: 5px 0 5px 18px; background: transparent url(../Buttons/Bg_button_span.gif) no-repeat;  }
a:hover.button2_active,
a:hover.button2_active span { color: #333; }
/*------------------------------- END BUTTONS -------------------------------*/

table#referenties { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
table#referenties tr { padding: 5px; }

/*------------------------------- START OTHER CLASSES -------------------------------*/
.highlight, .cms_title { font-weight: bold; color: #10551c; font-style: italic; }
.important { font-weight: bold; }
.justify { text-align: justify; }
.red, .error { color: #c00; }
.italic { font-style: italic; }

p.succes { margin: 10px 0; padding: 5px; background: #dfefe2; border: 1px solid #1b5d27; color: #1b5d27; }
p.error { margin: 10px 0; padding: 5px; background: #f5e9eb; border: 1px solid #c00; color: #c00; }
p.info { margin: 10px 0; padding: 5px; background: #eee; border: 1px solid #ddd; color: #333; }

.external_link { display: inline-block; height: 16px; line-height: 16px; margin: 10px 0; padding: 0 0 0 25px; background: url(../Graphics/World.gif) no-repeat top left; }
/*------------------------------- END OTHER CLASSES -------------------------------*/

/*------------------------------- START CLEARFIX -------------------------------*/
.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 */
/*------------------------------- END CLEARFIX -------------------------------*/

/*------------------------------- START EVENTS -------------------------------*/
div.event { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #ddd; }
div.event h1 { margin: 0; height: 25px; line-height: 25px; padding: 0 0 0 35px; background: url(../Graphics/Calender.png) no-repeat center left; }
div.event p { margin-bottom: 10px; padding: 0 0 0 35px; }
div.event p.date { font-style: italic; }
div.event p.header { font-weight: bold; }
div.event p img.thumb { float: right; padding: 0 0 10px 10px;  }
/*------------------------------- END EVENTS -------------------------------*/