/* CSS Document */

html, body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;

}

/* Global styling */
#container { }

/*#website { display:block; width:934px; text-align:left;}*/
#website {display:block; width:946px; text-align:left;}
#website img {border:none;}

#header { background-color:#FFFFFF;}

h1 { color:#00728d; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin-bottom:15px;}

.contentText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#646464; padding-bottom: 20px;}
.HTMLalt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#646464; padding:20px 0px 20px 20px;}
.HTMLalt li {padding-bottom:30px;}
.contentText h2 {color:#00728d; padding-left:6px;}
.contentText p {margin-bottom:10px; padding:0px 0px 0px 6px;}
.contentText ul {padding:0px 0px 0px 20px;}
.addthis_button {margin:3px 25px 15px 0px; float:right;}

.socialmedia {display:block; margin:3px 25px 15px 0px; float:right;}
.socialmedia a { float:right; margin: 1px;}

.clear {clear:both;}

/* Back button */
.back { display:block; background-image:url(../img/terug.gif); background-repeat:no-repeat; height:23px; padding:4px 0px 2px 20px; color:#FFFFFF; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
.top { margin:15px 0px 5px 13px;}

#extrablock { display:block; padding:15px; background-color:#e8e7e7; border:1px solid #00728d; margin-bottom:15px;}
.extrablocktext {display:none;}
.extrablocktitle a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#646464; padding-bottom: 20px; text-decoration:none;}
.extrablocktitle a:hover {color:#00728d;}

.aanpakblock {display:block; background-color:#e8e7e7; padding:10px; margin:5px 5px 8px 5px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-topleft:8px;  }
.aanpakblock h2 {margin-bottom:5px;}
.aanpakblock a { color:#00728d; }

/* Shadow box */
#shadowcontainer { background-image:url(../img/shadow_container.gif); background-position:top; background-repeat:repeat-y; padding:0px 3px 0px 3px;}
#midcontainer {margin-left:6px; width:934px; background-color:#FFFFFF; }

#shadowLeft { display:inline; float:left; width:6px; }
#shadowRight {float:left; width:6px; }
#shadowtop 
{
	background-image: url('../img/shadow_top2.gif');
	background-repeat:no-repeat;
	background-position:2px 0px;
	height:6px;
}

#shadowbottom 
{
	background-image: url('../img/shadow_bottom2.gif');
	background-repeat:no-repeat;
	background-position:2px 0px;
	height:6px;
}

/* background:url("/img/gradient_navigation.png") repeat-x scroll 0 top transparent /*

/* Experience visual styling */
#experiencevisual { height:214px; margin-bottom:0px; }
#visual {z-index:-99;}

/* Menu styling */
#menu { font-family:Arial, Helvetica, sans-serif; font-size:15px; background-image:url(../img/menu_background.gif); background-repeat:repeat-x; height:26px; margin-top:16px; vertical-align:middle; }
#menu ul { list-style:none; margin-left:14px; margin-top:13px;}
#menu ul li { float:left; margin-right:55px; margin-top:4px;}
#menu ul li a {color:#FFFFFF; text-decoration:none;}
#menu ul li a:hover { color:#3fcdf4;}

.menulevel2 { border-bottom-left-radius:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px;  position:absolute; margin-top:4px; background-image:url(../img/submenutop.gif); background-repeat:repeat-x; background-position:top; background-color:#1ba2c6; border-left:1px solid #026782; border-bottom: 1px solid #026782; border-right:1px solid #026782; z-index:9; padding-bottom:4px;}
.menulevel2 ul {}
.menulevel2 ul li { float:none !important; display:block; padding:2px;}
.menulevel2 ul li a {}
.menulevel2 ul li a:hover { color:#ff0;}
.show {display:block;}
.hide {display:none;}

/* Content element */
#contentcontainer {  float:left; display:block; min-height:439px; }
#content { display:inline; float:left; width:606px; padding:36px 14px 0px 14px;}
#contentPaging { display:inline; float:left; width:636px; padding:8px 14px 0px 14px;}
#contentNoRightColumn { display:inline; float:left; padding:36px 14px 0px 14px;}

/* Right Column */
#rightColumn { display:inline; float:left; width:300px; padding:36px 0 0 0;}
#rightColumn h2 { color:#00728d; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin-bottom:15px;}
.paging { padding:8px 0 0 0 !important; width:250px !important;}

/* Latest Articles */

#weblogarticles { width:279px; display:block; padding: 3px 0 0 10px; }
#weblogarticles ul { list-style:none; padding:0 0 0 0;}
#weblogarticles ul li { float:none; padding:0 0 0 0; height:38px;}
#weblogarticles h5 { color:#00728d; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
#weblogarticles h5 a{ color:#00728d; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

#articles { width:279px; height:182px; display:block; padding: 19px 0px 0px 25px; background-image:url(../img/latestarticles_back.jpg); background-repeat:no-repeat;}
#articles ul { list-style:none; padding:0 0 0 0;}
#articles ul li { float:none; padding:0 0 0 0; height:35px;}
#articles ul li img{ float:left; padding:0 0 0 0; margin-right:8px;}
#articles ul li .articleinfo {}
#articles ul li .articledate{ color:#797979; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; padding:0 0 0 0;}
#articles ul li h3 { margin-top:4px;}
#articles ul li h3 a{ color:#00728d; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding:0 0 0 0; text-decoration:none;}

#latestArticles2 { display:block;}

/* Quote */
#quote { width:265px; height:128px; padding: 30px 10px 0px 14px; background-image:url(../img/quote_back.jpg); background-repeat:no-repeat;}
.quoteText { color:#FFFFFF; font-size:16px; }

/* Footer */

#footer { background-image:url(../img/footer_background.gif); background-repeat:repeat-x; height:26px;}
#footerMenu { display:inline; float:left; padding-left:14px; margin-top:3px;}
#footerMenu ul {list-style:none; padding:0 0 0 0;}
#footerMenu ul li { float:left; padding-right:28px;}
#footerMenu ul li a { color:#797979; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}

#legalLinks { display:inline; float:right; padding-right:14px; margin-top:5px;}
#legalLinks a {color:#797979; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}


/* Contact page */

#contactblock { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#656565; width:279px; height:123px; display:block; padding: 19px 0px 0px 25px; background-image:url(../img/contact_back.jpg); background-repeat:no-repeat;}
#contactblock a {color:#02718f; text-decoration:none;}
.phonelabel { margin-top:6px; display:block; background-image:url(../img/phoneicon.gif); background-repeat:no-repeat;  background-position:0px 3px;  padding:5px 2px 5px 26px;}
.emaillabel { display:block; background-image:url(../img/emailicon.gif); background-repeat:no-repeat; background-position:0px 5px; padding:5px 2px 5px 26px;}

#formcontainer {padding-top:10px;}
#contactform {list-style:none; padding:0 0 0 0; padding-top:20px;}
#contactform label {float:left; width:100px; padding-top:5px;}
.formcontrol input { width:270px;}
.formcontrol #bericht {height:150px;}
.formcontrol textarea { width:270px;}
.formcontrol { padding:5px 0px 0px 10px;}
.buttons {padding-left:224px; padding-top:10px;}
.btnclear { float:left; display:block; padding:2px 0px 0px 7px; height:22px; width:58px; background-image:url(../img/btnclear.png); background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.btn { margin-left:70px; display:block; padding:3px 0px 0px 10px; height:22px; width:78px; background-image:url(../img/btn.png); background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; font-weight:bold;}


/* Team page */
.highslide-html-content {
	display: none;
	width: 600px;
	padding: 0 5px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
}
.highslide-html-content h2 {color:#00728d;}
.highslide-html-content ul {padding-left:15px;}

.highslide-move {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#02718f;}
.highslide-close {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#02718f;}
.teampicture {float:left; padding:0px 15px 10px 0px;}

#highslide-caption-john {display:none;}
#highslide-caption-jan {display:none;}
#highslide-caption-jeanne {display:none;}
#highslide-caption-annelies {display:none;}
#highslide-caption-maria {display:none;}

#teamgallery { padding-left:70px; padding-top:20px;}
#teamgallery a {text-decoration:none; color:#00718f;}
.arrowgrey { display:block; background-image:url(../img/arrow_grey.gif); background-repeat:no-repeat; background-position:117px 5px; }
.arrowgreyfront{ display:block; background-image:url(../img/arrow_grey.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:10px; }
#teamlist {list-style:none; padding:0 0 0 0; padding-top:20px;}
#teamlist li {float:left; margin-right:20px;}
.teaminfo {padding:6px 8px 0px 6px; height:187px; display: block; background-image:url(../img/teammember_back.jpg); background-repeat:no-repeat; }


/* Services page */

#services {padding-top:10px;}
#services ul{list-style:none; padding:0px;}
#services ul li {float:none; height:195px; padding:6px; background-image:url(../img/middelen_achtergrond.jpg); background-repeat:no-repeat;width: 900px;}
#services ul li a {float:left; display:block; padding:6px; margin-right:10px;}
#services ul li h2 a {float:none; padding:0px; margin-right:0px; color:#00728d; text-decoration:none; }
#services h2 {margin-bottom:5px; margin-top:3px; color:#00728d; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.floatleftinner {float:left;}
.teaserText {width:860px; height:142px;}
.readmore { display:block; margin-left:700px;}
.readmore a {color:#00728d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.arrowgreyservices { display:block; background-image:url(../img/arrow_grey.gif); background-repeat:repeat; background-repeat:no-repeat; background-position:80px 11px; width:100px;}

/*Services detail page */

.contentimage {display:block; float:right; margin-right:15px;}
#servicescalltoaction { width:279px; height:300px; display:block; padding: 10px 0px 0px 15px; background-image:url(../img/services_back3.jpg); background-repeat:no-repeat;}
#servicescalltoaction ul { list-style:none; padding:0 0 0 0;}
#servicescalltoaction ul li { float:none; padding:0 0 0 0;}
#servicescalltoaction ul li img{ float:left; padding:0 0 0 0; margin-right:8px;}
#servicescalltoaction ul li .articleinfo {}
#servicescalltoaction ul li .articledate{ color:#797979; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; padding:0 0 0 0;}
#servicescalltoaction ul li h3 { margin-top:4px;}
#servicescalltoaction ul li h3 a{ color:#00728d; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:0 0 0 10px; text-decoration:none; background-image:url(../img/arrow_bleu.gif); background-repeat:no-repeat; background-position:0px 5px;}

/* WEBLOG PAGES */

.blog-overview { border:1px solid #e3e3e3; background-color:#ececec; width:100%; margin-top:5px;}
.blog-overview h2 { color:#00728d; font-size:20px;}
.blog-overview h2 a { color:#00728d; text-decoration:none;};
.blog_teaser {display:block;}
.images {border:11px solid #e3e3e3;}
.blog-overview td { padding:3px;}

.blog_info { width:100%; color:#666666; font-size:10px;}
.blog_info td { padding:3px;}

.reaction_link{background-image:url(../img/comment_icon.gif); background-repeat:no-repeat; background-position: 0px 2px; padding:2px 0px 3px 21px; color:#00728d; text-decoration:none;}
.reaction_link_grey{background-image:url(../img/comment_icon_grey.gif); background-repeat:no-repeat; background-position: 0px 2px; padding:2px 0px 3px 21px; color:#00728d; text-decoration:none;}
.blog-detail {border:1px solid #e3e3e3; background-color:#ececec; margin-top:5px; padding:5px;}
.blog-detail h2 { color:#00728d; font-size:20px;}
.blog-detail td {padding:3px;}
.blog_text {display:block;}

.reaction_panel { padding:5px; border:1px solid #e3e3e3; background-image:url(../img/comment_background.gif); background-position:bottom; background-repeat:repeat-x;}
.reaction_panel td { padding:3px; margin-bottom:15px;}
.reaction_btn { margin-left:70px; display:block; padding:3px 0px 0px 12px; height:22px; width:120px; background-image:url(../img/btn_reaction.gif); background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:left;}

#reactions { width:279px; height:250px; display:block; padding: 13px 0 0 15px; background-image:url(../img/reactions_back.jpg); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
#reactions ul { list-style:none; padding:0 0 0 0;}
#reactions ul li { float:none; padding:0 0 7px 0; }
#reactions ul li a {color:#00728d; }
#reactions ul li img{ float:left; padding:0 0 0 0; margin-right:8px;}

.reactioninfo {}
.reactionuser {}
.blogtitle {}
.reactiondate { color:#a7a7a7;}

.reaction { border: 1px solid #e3e3e3; background-color:#e2e3e5;}
.reaction a { color:#00728d;}
.reaction td { padding:3px;}
.reaction_name{background-image:url(../img/comment_icon_reaction.gif); background-repeat:no-repeat; background-position: 0px 2px; padding:2px 0px 5px 21px; color:#00728d; text-decoration:none;}


/* WERK PAGINA */

#clientoverview { width:900px; text-align:center;}
#clientoverview ul {list-style:none; padding-left: 40px;}
#clientoverview ul li {float:left; height:150px; padding:10px; width:186px;}