@charset "utf-8"; 


/* ---------------------------------------------------------  */ 
/* ------------ Modification tags --------------------------  */
/* ---------------------------------------------------------  */ 

body  {margin: 0; background-image: url(../images/bg.gif);}

a:link {text-decoration: underline; color:#257ad1;}
a:visited {text-decoration: underline; color:#257ad1;}
a:hover {text-decoration: underline; color:#000;}


/* ------------------------------------------------------  */
/* ------------ Site formatting -------------------------  */
/* ------------------------------------------------------  */


/* ------------ Header -------------------  */
#header {background: url(../images/webdesign_internetmarketing.jpg) no-repeat; height: 153px; width: 986px; margin: 0 auto 0 auto;}
#header_secondaire {background: url(../images/header_secondaire.jpg) no-repeat; height: 153px; width: 986px; margin: 0 auto 0 auto;}


/* ------------ Main Menu -------------------  */
#topMenu {width: 986px; height: 58px; margin: 20px auto 0 auto; padding: 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(../images/topMenuBg.jpg) top center no-repeat;}
#topMenu ul {margin:0; padding:0; list-style:none;}
#topMenu li  {width: 114px; float:left; background: url(../images/topMenuSeparator.gif) top right no-repeat;}
#topMenu li.imageSeparator {float:left; width:2px; height: 58px; background: url(../images/topMenuSeparator.gif) no-repeat;}
#topMenu a {display: block; width: 114px; height: 34px; margin: 0; padding: 24px 0 0 0; text-align:center; text-decoration: none; color:#1d5ea9;}
.pageActive {width: 114px; height: 34px; margin: 0; padding: 24px 0 0 0; text-align:center; text-decoration: none; color:#fff; background: url(../images/topMenuCurrentPage.gif) center 51px no-repeat; color:#FFFFFF;}
#topMenu a:hover {background: url(../images/topMenuCurrentPage.gif) center 51px no-repeat; color:#fff;}



/* ------------ Container content -------------------  */

#content {width: 986px; background: #fff url(../images/textbg.gif) top no-repeat; margin: 0 auto; padding: 0;}

#boxFunction {height: 38px;}
#language {width: 197px; margin: 14px 0 0 65px; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #626262; float: left;}
#language a:link {text-decoration: none; color:#257ad1; font-weight: bold;}
#language a:visited {text-decoration: none; color:#257ad1; font-weight: bold;}
#language a:hover {text-decoration: none; color:#000; font-weight: bold;}


#messagebox {width: 300px; height: 35px; margin: 2px 10px 0 0; padding: 0; float: right; background: url(../images/designmaker_gratis_prijsofferte.png) no-repeat;}


/* ------------ Left Column  -------------------  */

#columnLeft {width: 197px; min-height: 366px; padding: 0; margin: 86px 85px 0 36px; float: left; text-align: center;}

#menuSecond {width: 197px; height:auto; padding: 0;}
#menuSecond ul {margin: 0; padding: 0; list-style: none; font: bold 13px Arial, Helvetica, sans-serif; color:#888585;}
#menuSecond li {padding: 0; margin-bottom: 7px;}
#menuSecond a {display: block; width: 197px; padding-right: 20px; padding-top: 1px; height: 18px;}
#menuSecond a:link {color: #888585; text-decoration: none; background:url(../images/btn_second.gif) no-repeat;}
#menuSecond a:visited {color: #888585; text-decoration: none; background:url(../images/btn_second.gif) no-repeat;}
#menuSecond a:hover {color: #fff; text-decoration: none; background:url(../images/hover_second.gif) no-repeat;}



/* ------------ Center Column (text)-------------------  */

#columnCenter {width: 580px; margin-top: 40px; float: left;}
#columnCenterHome {width: 800px; margin-top: 40px; margin-left: 85px; float: left;}

#columnCenter p, #columnCenterHome p {color: #6e717c; font: 12px Arial, Helvetica, sans-serif; text-align:left; line-height: 20px;}
#columnCenter h1, #columnCenterHome  h1 { margin-top: 0; padding-top: 0; font: bold 21px Arial, Century Gothic, Helvetica, sans-serif; color:#9ec221; /*border-bottom: 1px dotted #d0e7f6;*/}
#columnCenter h2, #columnCenterHome  h2 {font: bold 13px Arial, Helvetica, sans-serif; color:#257ad1;}
.backtop {margin-top: 10px; border: none;}
.imageRight {float:right; margin: 0 0 1px 15px; border:none;}
h6 {color: #6e717c; font: 9px Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; margin-top: 0px;}


/* ------------ Patch for floating -------------------  */

#patch {clear: both;} 


/* ------------ Copyright -------------------  */

#footer {width: 986px; height: 30px; margin:0 auto 0 auto; padding-top: 90px; background: url(../images/footer.png) no-repeat;}
#footer p {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #8897ac; text-align: center;}



/* ------------------------------------------------------  */
/* ------ Formatting specific pages ---------------------  */
/* ------------------------------------------------------  */



/* ------------ Portfolio -------------------  */

.galerieBox { width: 85px; height: 85px; padding: 2px; margin-right: 7px; margin-bottom: 14px; float: left; background: url(../images/galerie_box.png) no-repeat;}


/* ------------ Photos -------------------  */

.btn { border: 1px #0d59a7 solid; background-image: url(../images/btn.gif); color:#fff; font-size: 11px; padding: 3px 10px;}



/* ------------ Prices -------------------  */

.tableau { border: 2px #fff solid; width: 600px; margin-bottom: 20px;}
.table_heading {background-color:#2b79c1; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; height: 30px;}
.table_firstrow {background-color:#c9e4f5;  font: normal 11px Arial, Helvetica, sans-serif; color: #6e717c; height: 25px;}
.tableau_secondrow {background-color:#dff0fb; font: normal 11px Arial, Helvetica, sans-serif; color: #6e717c; height: 25px;}


/* ------------ Contact -------------------  */
.contactbox {width: 180px; height: 13px; background:url(../images/inputcontact.png) no-repeat; border: none; margin:0; padding: 11px 20px 11px 11px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #002890;}
.commentbox {width: 330px; height: 125px; background:url(../images/inputcomment.png) no-repeat; border: none; margin:0; padding: 20px 20px 20px 20px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #002890;}