* {
  margin: 0;
  padding: 0;
}

body {
  padding-top: 0px;
  background-color: #ffffff;
}

html {
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: scroll;
}

body, html, td, a {
  font-family:sans-serif,arial,verdana,Times;
  font-size:14px;
  line-height:19px;
  color: #000000;
  font-weight: normal; 
}

table{
  margin: 0;
  padding: 0;
  border: 0;
}
tbody {
  border-top: 0 !important;
}

table.maintable {
  margin-left: 0px;
  border: 0;
}

p {
  margin-top: 5px;
  padding-bottom: 5px;
}

td {
  vertical-align: top;
}

a {
  color: #284b6f;
  color: #4976a5;
}

a:hover {
  color: #e20024;
  color: #54aa42;
  text-decoration: none;
}

ul, ol{
  padding-left: 20px;
}

/*General*/
h1 {
  font-size: 20px;
  line-height: 27px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

h1.sIFR-replaced {
  width: 500px;
  overflow: hidden;
  letter-spacing: .5em;
}

h2, h2 a{
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  color: #666;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 0;
  margin: 0;
}

h3, h3 a{
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  line-height: 19px;
  padding: 0;
  margin: 0;
}

h2 {
  margin-top: 10px;
  margin-bottom: 3px;
}

h3 {
  margin-top: 5px;
  margin-bottom: 0px;
}


/*Col styles*/
.q_col_left {
  width: 220px;
  float: left;
  padding-top: 3px;
  min-height: 290px;
}
.q_col_center {
  width: 652px !important;
  float: right;
  padding-right: 155px;
}

/*Box styles*/
#q_main_wrapper {
  width: 1045px;
  text-align: center;
  margin: 0 auto;
  background-image: url(../img/tpl/bg_main_default.jpg);
  background-repeat: no-repeat;
  background-position: top;
}

#q_sub_wrapper{
  text-align: left;
}

#q_header {
 height: 148px;
}

#q_logo{
    height: 88px;
    padding-top: 7px;
    margin-left:-7px;
}

#q_mainmenu{
  clear: both;
  height: 35px;
  margin-bottom: 25px;
}

#q_title {
  width: 500px;
}

#q_footer {
  clear: both;
  background-image: url(../img/tpl/bg_footer.png);
  background-repeat: no-repeat;
  background-position: top;
  line-height: 34px;
  padding-right: 15px;
  text-align: right;
}

#q_footer p {
  padding: 0;
}

#q_footer b, #q_footer strong {
  color: #666;
}

#q_footer img{
  padding-top: 4px;
}

#q_footer a {
  color: #333;
  text-decoration: none;
}

#q_footer a:hover {
  text-decoration: underline;
}

#q_bottom {
  padding-right: 15px;
  line-height: 12px;
  font-size: 11px;
  text-align: left
}

#q_bottom a {
  line-height: 12px;
  font-size: 11px;
  color: #fff;
}

#q_bottom a:hover {
  color: #999;
}


/*Select top*/
#q_top_select_box {
  padding-left: 5px;
  width: 250px;
}

a#q_top_select {
  display: block;
  background-image: url(../img/tpl/bg_top_select.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 200px;
  line-height: 21px;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  margin-left: 2px;
  margin-top: 4px;
  clear: both;
  cursor: pointer;
  color: #ed032c;
  text-decoration: none;
}

/*Select box*/
#q_quick_selections {
  width: 490px;
  border: solid 1px #ddd;
  border-bottom: solid 4px #ddd;
  position: absolute;
  top: 144px;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-left: 10px;
  background: #ffffff; filter:Alpha(opacity=98); opacity: 0.98;
  visibility: hidden;
}

#q_quick_selections ul{
  margin: 0;
  padding: 0;
}

#q_quick_selections li{
  line-height: 14px;
  color: #ed032c;
  list-style-type:circle;
  list-style-image:none;
  list-style-position:outside;
  margin:0pt 0pt 0.25em 1.8em;
  padding:0px 2px;
}

#q_quick_selections h2{
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  margin-left: 10px;
}

#q_quick_selections a{
  font-size: 11px;
  line-height: 14px;
  margin: 0;
  color: #000;
  text-decoration: none;
}

#q_quick_selections a:hover{
  color: #666;
  color: #e20024;
  text-decoration: underline;
}

#q_quick_selections a:visited{
  color: #555;
  text-decoration: underline;
}

#q_quick_select1, #q_quick_select2, #q_quick_select3 {
  width: 155px;
  float: left;
  padding: 3px;
}

#q_quick_select_close {
}

#q_quick_select_close a {
  text-align: right;
  display: block;
  line-height: 20px;
  height: 20px;
  background:  url(../img/ico/ico_close.gif) no-repeat top right;
  padding-right: 20px;
}

#q_quick_select_close a {
  cursor: pointer;
}


/*Front box*/
#q_frontbox_container {
  margin-top: 22px;
  height: 244px;
}

#q_frontbox1, #q_frontbox2, #q_frontbox3 {
  width: 202px;
  height: 244px;
  float: left;
  margin-right: 22px;
  margin-bottom: 17px;
	background-repeat: no-repeat;
	background-position: top left;
}

#q_frontbox1 {
  background-image: url(../img/tpl/bg_frontblock1.png);
}

#q_frontbox2 {
  background-image: url(../img/tpl/bg_frontblock2.png);
}

#q_frontbox3 {
  background-image: url(../img/tpl/bg_frontblock3.png);
  margin-right: 0px;
}

#q_frontbox3 img{
  padding: 3px;
}

#q_frontbox3 div.content {
  height: 205px;
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  overflow-x: hidden;
  overflow-y: auto;
}

#q_frontbox1_sub, #q_frontbox2_sub, #q_frontbox3_sub {
  padding: 8px;
  padding-top: 0px;
}

#q_frontbox_container a.node_read_more {
  display: block;
  line-height: 17px;
  text-align: right;
}

#q_frontbox_container h2, #q_frontbox_container h2 a   {
  font-size: 14px;
  color: #fff;
  margin: 4px 2px;
  margin-bottom: 7px;
}

#q_frontbox_container h3, #q_frontbox_container h3 a   {
  color: #333;
  margin: 0;
}

#q_frontbox1 ul {
  list-style-image:none;
  list-style-type:none;
  padding: 0;
}

#q_frontbox1 li {
  margin-bottom: 10px;
}

#q_frontbox1 img {
  float: left;
  padding-top: 5px;
  padding-right: 3px;
}

#q_frontbox1  a{
  font-size: 13px;
  font-style: italic;
  font-weight: bold;
  line-height: 19px;
  color: #333;
  text-decoration: none;
}

#q_frontbox1 em {
  font-weight: normal;
  font-size: 11px;
}

#q_frontbox1  a:hover{
  color: #54aa42;
}

#q_frontbox1  a i{
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000;
}


/*Search*/
form#search-block-form  div.container-inline{
  padding: 0;
  margin: 0;
}

form#search-block-form input#edit-search-block-form-keys{
  float: left;
  height: 21px;
  line-height: 21px;
  width: 161px;
  border:0px none;
	background-color: transparent;
  background-image: url(../img/tpl/bg_search_box.png);
	background-repeat: no-repeat;
	background-position: top right;
  padding: 0;
  margin-left: 1px;
  padding-top: 0px;
  padding-left: 12px;
}

form#search-block-form input#edit-submit{
  padding: 0;
  margin: 0;
  margin-left: 1px;
  font-size: 3px;
  color: #eee;
  cursor: pointer;
  height: 25px;
  width: 28px;
  padding-left: 55px;
  margin-top: -3px;
  overflow: hidden;
	background-color: transparent;
  border:0px none;
  background-image: url(../img/tpl/bg_search_button.png);
	background-repeat: no-repeat;
	background-position: 0px -3px;
  overflow: hidden;
}

form#search-form div.form-item div.form-item{
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

/*Nav styles*/
div#q_mainmenu ul, div#q_mainmenu li, div#q_mainmenu a{
  padding: 0;
  margin: 0;
}

div#q_mainmenu ul.links-menu {
  margin-left: 25px;
}

div#q_mainmenu ul.links-menu li{
  float: left;
  list-style-image:none;
  list-style-type:none;
}

div#q_mainmenu ul.links-menu li a{
  font-size: 15px;
  display: block;
  width: 144px;
  line-height: 45px;
  vertical-align: baseline;
  text-align: center;
  text-decoration: none;
  background-image: url(../img/tpl/bg_tab.gif);
  background-repeat: no-repeat;
  background-position: top;
  color: #ffffff;
}

div#q_mainmenu ul.links-menu li a:hover{
  background-image: url(../img/tpl/bg_tab_hover.png);
}

div#q_mainmenu ul.links-menu li.active a, div#q_mainmenu ul.links-menu li.active a:hover{
  background-image: url(../img/tpl/bg_tab_active.gif);
  margin-top: 2px;
  line-height: 42px;
  color: #111;
  color: #ed032c;
}

/*Subnav*/
div#q_submenu_links ul{
  padding: 0;
  margin: 0;
}

div#q_submenu_links li{
  list-style-image:none;
  list-style-type:none;
  padding: 0;
  margin: 0;
}

div#q_submenu a{
  color: #fff;
  display: block;
  width: 185px;
  line-height: 25px;
  letter-spacing: 0.5px;
  margin: 0px 0 2px 0px;
  padding: 0 0 0 30px;
  background:  url(../img/tpl/bg_mnu_item1.png) no-repeat bottom left;
  text-decoration: none;
  font-size: 14px; 
}

div#q_submenu a:hover{
  background:  url(../img/tpl/bg_mnu_item_hover.png) no-repeat bottom left;
}

div#q_submenu  a.active, div#q_submenu  a.active:hover{
  background:  url(../img/tpl/bg_mnu_item_active.png) no-repeat bottom left;
  color: #111;
}

/*Portfolio overzicht*/
div.view-content-portfolio div.node, div.view-content-portfolio-websites div.node, div.view-content-portfolio-ecommerce div.node, div.view-content-portfolio-webapplicaties div.node{
  float: left;
  padding-right: 33px;
}

div.portfolio_item  {
  width: 292px;
  height: 180px;
  margin-bottom: 20px;
}

div.portfolio_item_sub {
  border: solid 1px #999;
  margin: 0;
  padding: 0;
  height: 157px;
  border: collapse;
}

div.portfolio_item  h3 {
  margin: 0px;
  margin-top: -2px;
  display: block;
  text-align: center;
  background-color: #444;
  background:  url(../img/tpl/bg_head_row.png) repeat-x top;
  height: 28px;
  line-height: 28px;
  filter:Alpha(opacity=90); opacity: 0.90;
}

div.portfolio_item  h3 a{
  color: #fff;
  line-height: 28px;
}

div.porfolio_item_logo img {
  border: solid 1px #ddd;
  margin: 10px;
  padding: 4px;
  background-color: #fff;
}

div.portfolio_item  a.node_read_more{
  text-align: right;
  display: block;
  height: 22px;
  border-top: solid 1px #999;
  background-color: #fff;
  padding-left: 6px;
  text-decoration: none;
}
/*Portfolio project*/
.portfolio_logo {
  /*float: right;*/
  margin: 10px 0;
}
.portfolio_afdruk {
  float: right;
  margin-right: -45px;
  margin-top: -25px;
}
.portfolio_klant {
  line-height: 18px;
  padding-left: 20px;
  background:  url(../img/pf_klant.png) no-repeat top left;
}
.portfolio_url {
  line-height: 18px;
  padding-left: 20px;
  background:  url(../img/pf_link.png) no-repeat top left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 90px;
}
.portfolio_profiel {
  line-height: 18px;
  padding-left: 20px;
  font-size: 11px;
  margin-top: 4px;
  background:  url(../img/pf_info.png) no-repeat top left;
}
.portfolio_verhaal {
  line-height: 18px;
  padding-left: 20px;
  margin-top: 7px;
  background:  url(../img/pf_lamp.png) no-repeat top left;
}
.portfolio_omschrijving{
  margin-top: 20px;
}


/*Klanten tabel (Vervallen)*/
div.view-klanten td{
  border: 1px solid #eee;
}

div.view-klanten th{
  background:  url(../img/tpl/bg_head_row.png) repeat-x top;
  height: 28px;
  line-height: 28px;
  color: #fff;
  padding-left: 10px;
}

div.view-klanten tr.odd{
  background-color: #fff;
}

div.view-klanten tr.even{
  background-color: #fdfdfd;
}

div.view-klanten  td.view-field-node-data-field-opdrachtgever-field-opdrachtgever-value {
  font-weight: bold;
  padding: 4px 10px;
  color: #333;
  vertical-align: middle;
}

div.view-klanten  td.view-field-term-node-2-name, div.view-klanten  td.view-field-node-link {
  padding: 4px 10px;
  vertical-align: middle;
}

div.view-klanten  td.view-field-node-link a{
  line-height: 27px;
  padding-right: 20px;
  background: url(../img/tpl/ico_readmore.png) no-repeat bottom right;
}

div.view-klanten  td.view-field-node-link a:hover {
  background: url(../img/tpl/ico_readmore_hover.png) no-repeat bottom right;
}

/*Klanten logos*/
div.view-klanten  ul, div.view-klanten  li{
  padding: 0;
  list-style: none;
  list-style-image: none;
}

div.view-klanten  ul {
  margin-top: 40px;
  width: 600px;
}

div.view-klanten  ul li{
  float: left;
  padding-right: 30px;
  padding-bottom: 30px;
}


/*Taxonomy content*/
div.catp_product_sub, div.catp_portfolio_sub  {
  width: 300px;
  float: left;
}


div.catp_product_sub {
  margin-right: 22px;
}

div.catp_product_sub h3, div.catp_portfolio_sub  h3{
  color: #fff;
  background-color: #54aa42;
  padding-left: 7px;
}

div.catp_product_sub ul, div.catp_portfolio_sub  ul{
  padding: 0;
  list-style: none;
  list-style-image: none;
}

div.catp_product_sub a, div.catp_portfolio_sub a {
  display: block;
  line-height: 25px;
  padding-left: 20px;
  background: url(../img/tpl/blt_blok.png) no-repeat left;
}

div.catp_product_sub a:hover, div.catp_portfolio_sub a:hover {
  background: url(../img/tpl/blt_blok_hover.png) no-repeat left;
}

/*Content lists*/
ul.link_list, ul.option_list, ul.faq_list  {
  margin: 10px 0 10px 10px;
  padding: 0;
  list-style: none;
}

ul.option_list li, ul.faq_list li, ul.link_list li{
  display: block;
  line-height: 20px;
  margin-top: 5px;
  padding: 0 0 0 25px;
  background:  url(../img/blt/lst_option.png) no-repeat 0 1px;
}

ul.faq_list li{
  background:  url(../img/blt/lst_faq.png) no-repeat 0 1px;
}

ul.link_list li{
  background:  url(../img/blt/lst_link.png) no-repeat 0 1px;
}

/*Content snippets*/
p.demo_box, p.contact_box  {
  display: block;
  height: 65px;
  width: 341px;
  line-height: 80px;
  margin: 5px 0 0 0;
  padding: 0 0 0 88px;
  background:  url(../img/snp/cont_demo.png) no-repeat 0 0;
}

p.contact_box  {
  background:  url(../img/snp/cont_contact.png) no-repeat 0 0;
  padding: 0 0 0 80px;
}

p.demo_box a, p.contact_box a  {
  color: #e20024;
  line-height: 80px;
}


/*links onder content*/
div.links {
  line-height: 27px;
  padding-right: 15px;
  margin-bottom: 25px;
  text-align: right;
  background: url(../img/tpl/bg_linkbalk.png) no-repeat bottom left;
}

a.node_read_more {
  line-height: 27px;
  padding-right: 20px;
  background: url(../img/tpl/ico_readmore.png) no-repeat bottom right;
}

a.node_read_more:hover {
  background: url(../img/tpl/ico_readmore_hover.png) no-repeat bottom right;
}

/*Contact*/
table#contact_table td {
  padding: 4px;
}

/*Preload*/
.img_preload {
  display: none;
}