/*
   Gebruikte kleuren:
   ------------------
    Wit   : #FFF;
    Groen : # C4D82D; # bccf2b ; # aec028; cedc3a
    Grijs1: #272725;
    Grijs2: #474744;
    Grijs3: #C0C0C0;
    Grijs4: #3F3F3E;
    Grijs5: #bbbbbb;
*/

/* Standaard HTML objecten */
* {
   padding : 0px;
   margin  : 0px;
   border  : 0px;
}
html {
   background-color : #C0C0C0;
}
body {
   font-family      : Arial, Helvetica, Sans-serife;
   font-size        : 0.8em;
   background-color : #FFF;
}

p {
   margin-bottom : 5px;
   line-height:18px;
}

.alignRight{
   float:right;
   margin-left:10px;
   margin-bottom:10px;
}

.alignLeft{
   float:left;
   margin-right:10px;
   margin-bottom:10px;
}

/* Indeling van de homepage */

div#con_Main {
}

div#con_Head {
   height           : 100px;
   background-color : #fff;
   padding          : 30px 0px 0px 100px;
   width:1000px;
   margin:auto;   
}

div#con_Intro {
   background-color : #C4D82D;
   padding          : 25px 40px;
}

div#mainMenu {
   background-color : #272725;
   overflow:hidden;
}
div#mainMenu ul {
   display          : block;
   background-color : #272725;
   color            : #FFF;
   padding-left     : 60px;
   overflow:hidden;
   width:940px;
   margin:auto;
}

   div#mainMenu ul li {
      font-family      : "Helvetica87-CondensedHeavy", Helvetica, Arial, Sans-serife;
      list-style-type  : none;
      float            : left;
      display          : block;
      border-right     : 1px solid #3F3F3E;
      
   }

      div#mainMenu ul li.first {
         border-left : 1px solid #3F3F3E;
      }
      
         div#mainMenu ul li a {
            color           : #FFF;
            text-decoration : none;
            font-size       : 1.20em;
            font-weight     : bold;
            padding          : 15px;
            display:block;
         }
            div#mainMenu ul li.active a {
                background-color:#666;
            }
            
            div#mainMenu ul li a:hover {
               background-color:#333;
            }


div#con_Center {
   background-color : #FFF;
   padding          : 30px 0px;
   width:1000px;
   margin:auto;
   overflow:hidden;
}

div#con_CenterLeft {
   width        : 634px;
   padding-left : 60px;
   float        : left;
   border-right : 1px dotted #272725;
}

div#con_CenterLeft p {
   line-height:18px;
   padding-right:15px;
}

div#con_CenterLeft ul {
   margin-left: 20px; 
}

div#con_CenterRight ul {
   margin-left: 20px; 
}

div#con_CenterRight {
   width        : 245px;
   padding      : 0px 30px 0px 30px;
   float        : left;
}
   div#con_CenterRight p {
      margin-bottom : 15px;
   }
         div#con_CenterRight address {
            font-style:normal;
            line-height:18px;
         }
             div#con_CenterRight address span {
               font-weight:bold;
               color:#C4D82D;
             } 


div#con_Footer {
   background-color : #474744;
   padding          : 15px 60px 0px 60px;
   overflow:hidden;
   clear:both;
}

div#con_Footer p {
   padding-bottom:5px;
   font-size:1em;
   color:#fff;
   text-align:center;
   
}


   div#con_Center a {
      color           : #000;
      font-weight     : normal;
      text-decoration  : none;
   }
   
   div#con_Center a.textunderline {
      text-decoration  : underline;
   }

   div#con_Center a:hover {
      text-decoration : underline;
   }
      div#con_Center a.underlined { 
         text-decoration : underline;
      }

      div#con_Center a.underlined:hover { 
         text-decoration : none;
      } 

   div#con_Center strong {
   color           : #000;
   }

/* referenties */
#con_CenterLeft table#tblReferenties {
   width : 620px;
}
#con_CenterLeft table#tblReferenties tr td {
   border-bottom  : 0px dotted #272725;
   padding-top    : 20px;
   vertical-align : top;
   width:50%;
}
#con_CenterLeft table#tblReferenties tr td.borderright {
   border-right : 0px dotted #272725;
}
#con_CenterLeft table#tblReferenties tr td.noborder {
   border : none;
}                                   
#con_CenterLeft table#tblReferenties tr td.nobottomborder {
   border-bottom : none;
}                                   
#con_CenterLeft table#tblReferenties tr td.left {
   padding-left : 00px;
   padding-right : 00px;
}
#con_CenterLeft table#tblReferenties tr.firstrow td {
   padding-top : 0px;
}
#con_CenterLeft table#tblReferenties tr td.right {
   padding-left : 00px;
}

/* Contactformulier */

div.blackHolder {
   border-top:3px solid #272725;
   background-color : #f0f0f0;
   overflow:hidden;
}
             

form#frmContact {
   padding : 30px 60px 50px 60px;
   width:880px;    
   margin:auto;
}
form#frmContact h2 {
   font-family : "Helvetica65-Medium", Helvetica, Arial, Sans-serife;
   font-size   : 1.7em;

}
form#frmContact div#formContent fieldset {
   float   : left;
   padding : 10px;
   overflow:hidden;
}
form#frmContact div#formContent fieldset.left {
   padding-left : 0px;
}
form#frmContact input {
   width            : 250px;
   height           : 20px;          
}
form#frmContact input,
form#frmContact textarea {
   background-color : #ddd;
   border           : 1px solid #5d5d5b;
   padding          : 5px;
   font-family:arial,verdana;
}
form#frmContact textarea {
   height   : 85px;
   overflow : auto;
}
form#frmContact label {
   font-weight : bold;
   color:#272725;
}
form#frmContact fieldset.submit {
   clear:both;
}
form#frmContact fieldset.submit input  {
   height           : 30px;
   width            : 80px;
   text-decoration  : none;
   background       : url('../img/btn_versturen.gif') left top no-repeat;
   position         : absolute;
   margin           : 5px 0px 0px 520px;
   text-indent:200000000px;
}


h1 {
   color       : #fff;
   font-family : Arial, verdana,Sans-serife;
   line-height : 1.4em;
   font-size:1.8em;
   width:880px;
   margin:auto;
}

h1 a {
   background-color : #B9CB33;
   color            : #FFF;
   text-decoration  : none;
   padding          : 0px 5px;
   font-family      : "Helvetica87-CondensedHeavy", Helvetica, Arial, Sans-serife;
   border-bottom    : 1px dotted #272725;
}

h2 {

   font-family : "Helvetica65-Medium", Helvetica, Arial, Sans-serife;
   font-size:1.4em;
   margin-top:20px;
   margin-bottom:10px; 
   margin-right:15px; 
   padding : 7px 5px 5px 5px;
   background-color : #C4D82D;
}
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* general classes */
.clear { 
   clear : both;
   float : none;
}
.error {
   border-color : red !important;
}

table.screenshots {
}

table.screenshots td{
   xpadding:5px;
   xpadding-right:10px;
}

table.screenshots td img {
   xborder:5px solid #C4D82D;
   xpadding:1px;
} 


td.screenshot { 
   height: 190px;
   border:0px ; 
   background : url('../img/bkg_screenshot.gif') left top no-repeat;
   background-position: 10px 0px;
   padding:00px; 
   margin-right:00px;
   margin-left:00px;
   margin-top:20px; 
} 

td.screenshot a.website {
   display:block;
   color:#222 !important;
   margin-left:20px;
   margin-top:8px; 
}

td.screenshot img { 
   margin-left:15px; 
   margin-top:10px; 
   margin-bottom:5px; 
} 

td.screenshot p { 
   margin-left:10px;
}
td.screenshot h3 { 
   margin-left:10px;
}