/* CSS Document */

/* Element Styles */

body, table {
  margin:                     0px;
  font-family:                verdana;
  font-size:                  11px;	
  SCROLLBAR-FACE-COLOR:	      #EEEEEE;
  SCROLLBAR-HIGHLIGHT-COLOR:  #FFFFFF;
  SCROLLBAR-SHADOW-COLOR:     #666666;
  SCROLLBAR-3DLIGHT-COLOR:    #666666;
  SCROLLBAR-ARROW-COLOR:      #666666;
  SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
  SCROLLBAR-BASE-COLOR:	      #666666; 
}

a {
  color:            #004686;
}

a:hover {
  color:            black;
}

/* Custom classes */

table.frame tr, table.frame td {
  padding:          0px;
  border:           0px solid green;
}

.frame {
  margin:           0px;
  border:           0px solid red;
}

#flowDiv {
  overflow:auto;
  /*width:500px;*/
  padding: 20px;
  /*max-width: 550px;
  width: expression(body.clientWidth > 750 ? "450px" : body.clientWidth-200)*/
}

.excerpt {
  font-weight:      700;
  font-size:        14px;
  text-align:       right;
  padding:          5px;
  padding-right:    10px;
  padding-bottom:   0px;
  font-family:      arial;
  font-style:       italic;
}

/* modules layered appearance */

.modulegrptop {
  background:       url(../img/leftmenutop.png) no-repeat 7px top;
  padding-top:      2px;
}

.modulegrpvertile {
  background:       url(../img/leftmenuvertile.png) repeat-Y 9px top;
  border:           0px solid blue;
}

.modulegrpbottom {
  background:       url(../img/leftmenubottom.png) no-repeat 7px bottom;
  padding-bottom:   14px;
}

.modulegrptransspacer {
  padding-top:      0px;
  margin-left:      1px;
  margin-right:     1px;
  background:       #eef0f1;
  width:            200px;
}

/* bottom bar appearance */

.bottombarleftend {
  background:       url(../img/bottomleftend.png) no-repeat left top;
  width:            100%;
  height:           100%;
}

.bottombarrightend {
  background:       url(../img/bottomrightend.png) no-repeat right top;
  width:            100%;
  height:           100%;
}

.bottombarhortile {
  background:       url(../img/bottomhortilegreybar.png) repeat-X left top;
  width:            100%;
  height:           100%;
}

/* Main Menu items */

#mmWelkom {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_home.png) no-repeat left 1px;
  width:            148px;
  height:           20px;
}

#mmWelkom {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_home.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}
#mmAchtergrond {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_achtergrond.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}
#mmAutomatisering {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_automatisering.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}
#mmWebdesign {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_webdesign.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}
#mmSoftwareontwikkeling {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_softwareontwikkeling.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}

#mmVacatures {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_vacatures.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}

#mmContact {
  display:          block;
  font-size:        0px;
  color:            #fcfcfc;
  background:       url(../img/menu_contact.gif) no-repeat left 1px;
  width:            148px;
  height:           20px;
}

/* Contact Banner */

.CallMe {
/*  position:         relative;
  padding-top:       -50px;
  top:              260px;
  left:             11px;
*/
  width:            135px;
  height:           19px;
  font-family:      verdana;
  background:       url(../img/input.png) repeat-X bottom left;
  border:           1px solid #004686;
  color:            #004686; 
}

.CallMeBG {
  background:       url(../img/contactimg.png) no-repeat left top;
  width:            245px;
  height:           329px;
  margin-top:       0px;
  margin-left:      8px;
}

/*
.CallMeMZ {
  padding-top:      0px;
}

.PhoneButton {
  width:            23px;
  height:           20px;
  border:           1px solid red;
}

.phonebuttondiv {
  position:         relative;
  top:              210px;
  left:             150px;
  border:           1px solid blue;
}
*/
.ContactDetails {
  position:         relative;
  top:              13px;
  left:             0px;
  width:            180px;
}

/* Joomla styles */

.pathwaydiv {
  /*position:         relative;
  left:		          20px;
  top:		          10px;*/
  margin-top:       20px;
  margin-left:      10px;
}

.searchSrch {
  position:         relative;
  top:              60px;
  left:             20px;
  background:       url(../img/search.gif) no-repeat right center;
}

#mod_search_searchword {
  width:            120px;
  height:           19px;
  font-family:      verdana;
  background:       transparent;
  border:           1px solid white;
  color:            white; 
}

.contentpaneopen, .contentpane, .searchintro {
  margin-left:      40px;
  margin-right:     70px;
  text-align:       justify;
  line-height:      20px;
  font-family:      verdana;
  font-size:        11px;
}

.componentheading {
  margin-top:       20px;
  font-size:        18px;
  font-weight:      700;
  padding:          10px; 
  color:            black;
  margin:           10px;
}

.module {
  margin-left:      3px;
  width:            170px;
}

.moduletable {
  /*margin:           10px;*/
  margin-top:       10px;
  margin-left:      12px;
  text-align:       left; 
  border:           0px solid red;
}

.moduletable .moduletable {
  margin-left:      0px;
  margin-top:       0px;
}

.moduletable th {
  padding-left:     5px;
  padding-bottom:   5px;
  text-align:       left; 
  border:           0px solid red;
}

.moduletable td {
  padding:          0px;
  spacing:          0px;
}

.moduletable td td {
  padding:          5px;
  text-align:       left;
}

.mainlevel {
  text-decoration:  none;
  font-size:        11px;
  font-family:      verdana;
  font-weight:      700;
}

.back_button {
   color:           #f1af25;
   margin-top:      30px;
   margin-left:     43px;
   margin-bottom:   10px;
}

.pagenavbar {
   margin-left:     195px;
}

.contentheading  {
  font-size:        18px;
  font-weight:      700;
  padding-top:      30px !important;
  padding-bottom:   15px !important;
}

.mosimage_caption {
  /*background-color: #eef0f1;*/
  color:            #004686;
}

/* POLLS */

.poll, table.poll input, table.pollstableborder td {
  color:            black;
  font-weight:      450 !important;
  font-size:        10px;
}

.pollstableborder {
  margin-top:       5px;
  margin-bottom:    5px;
  border:           0px solid #eef0f1;  
}

.poll td b {
  color:            #004686;  
  font-weight:      400;
}

.poll label {
  font-weight:      400;
  padding-left:     0px;
  
}

table.poll td {
  border:           0px solid black;
  padding:          0px;
  vertical-align:   middle;
}

/* RSS LI's */

LI.newsfeed, LI.newsfeed A {
  list-style-type:  none;
  text-decoration:  none;
  font-weight:      400;
  font-size:        10px;
  text-align:       left;
}

LI.newsfeed {
  border-bottom:    1px solid #D0D2D3;
  margin-left:      0px;
}

tr {
  border:           0px solid blue;
}

UL.newsfeed {
  border:           0px solid green;
  margin-left:      0px;
  padding-left:     0px;
  margin-right:     15px;
}