/* FONTS IMPORT */
@font-face {
  font-family: 'laffayette_comic_pro';
  src: url(../fonts/laffayette_comic_pro.eot);
  src: local('laffayette_comic_pro'), local('laffayette_comic_pro'), 
         url(../fonts/laffayette_comic_pro.ttf) format('truetype');
}

@font-face {
  font-family: 'impact';
  src: url(../fonts/impact.eot);
  src: local('impact'), local('impact'), 
         url(../fonts/impact.tff) format('truetype');
		 font-weight: bold;
}

/* SPLASH */
#btn_twitter {
background: url(/imgt/btn_twitter.png);
width: 148px;
height: 35px;
border: 0px;
margin-left: -10px;
}

#btn_twitter:hover {
background: url(/imgt/btn_twitter_blue.png);
}


/* IE6 warning */
#ie6_warning {
background-color: #ffffe1; 
height: 15px;
position: fixed; 
width: 100%; 
color: #808090;
z-index: 99;
padding-top: 5px;
filter:alpha(opacity=92);
border-bottom: 1px solid #808090; 
}

.ie6_warning_img {
float: left;
margin-right: 5px;
margin-left: 5px;
margin-top: -5px;
}

.ie6_warning_tekst {
float: left;
}

.ie6_warning_link {
text-decoration: none;
color: #aa1428;
}

.ie6_warning_link:hover {
text-decoration: underline;
}

.ie6_warning_sluiten {
color: #aa1428;
float: right;
margin-right: 5px;
cursor: pointer;
}

body {
margin: 0px 0px 0px 0px;
/* color: #333333; */
color: #000000;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
background: url(/imgt/bg_body.jpg);
overflow-x: hidden;
/* position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px; */
}

#div_popup_background {
position:fixed;
/*height: 100%; */
/* position: absolute; */
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
/* width: 1002px; */ 
background-color: #000000;
z-index:2000;
display: none;
}

#div_popup {
display: none;
}

#emptydiv {
clear: both;
} 

form {
margin: 0px;
}

canvas {
width: auto;
}

span {
width: auto;
}

h1 {
margin: 0px;
font-weight: normal;
letter-spacing: 0px;
font-size: 30px;
width: auto;
text-transform: uppercase;
color: #000000;
}

h2 {
margin: 0px;
font-weight: normal;
letter-spacing: 0px;
font-size: 21px;
text-transform: uppercase;
color: #000000;
}

p {
line-height: 12pt;
margin: 0px;
}

.yellow_cake {
background-color: #F1D000;
text-decoration: none;
color: #000000;
padding: 0px 3px 1px 3px;
}

.yellow_cake:hover {
background-color: #50A4B6;
color: #fff;
}

.kop_groot {
margin: -20px 0px 10px 23px;
position: absolute;
width: auto;
padding: 0px 5px 0px 5px;
}

/*
.kop_groot {
margin: -20px 0px 0px 30px;
padding: 0px 5px 0px 5px;
float: left;
} */

.kop_groot_left {
height: 48px;
width: 12px;
float: left;
margin-left: -12px;
background: url(/imgt/kop_groot_left.png);
}

.kop_groot_right {
height: 48px;
width: 7px;
float: left;
margin-left: 0px;
background: url(/imgt/kop_groot_right.png) right;
}

.kop_groot_middle {
height: 39px;
padding-top: 9px;
background: url(/imgt/kop_groot_middle.png);
width: auto;
float: left;
}

.kop_klein {
margin: -20px 0px 0px 0px;
position: absolute;
width: auto;
padding: 0px 5px 0px 5px;
height: 38px;
}

.kop_klein_left {
height: 38px;
width: 9px;
float: left;
margin-left: -8px;
background: url(/imgt/kop_klein_left.png);
}

.kop_klein_right {
height: 38px;
width: 6px;
float: left;
margin-left: 0px;
background: url(/imgt/kop_klein_right.png) right;
}

.kop_klein_middle {
height: 30px;
padding-top: 8px;
background: url(/imgt/kop_klein_middle.png);
width: auto;
float: left;
}

.btn_lees_meer {
width: 138px;
height: 32px;
background: url(/imgt/btn_lees_meer.png);
display: block;
text-decoration: none;
}

.btn_lees_meer:hover {
background: url(/imgt/btn_lees_meer_blue.png);
cursor: pointer;
}

#shadow {
position: absolute;
width: 100%;
background: url(/imgt/bg_shadow.png);
height: 7px;
z-index: 22;
margin-top: -1px;
left: 0px;
}

#slinger {
position: absolute;
margin-left: 567px;
}

#container {
width: 950px;
margin: auto;
text-align: left;
}

#content {
background: url(/imgt/bg_content_index.png);
padding-top: 20px;
}

#header {
height: 206px;
background: url(/imgt/bg_header.png) no-repeat;
}

#logo {
position: absolute;
z-index: 10;
margin: 14px 0px 0px 112px;
}

.menu {
width: 614px;
height: 52px;
margin-left: 255px;
margin-top: 112px;
margin-bottom: 10px;
position: absolute;
}

#menu_over_ons {
background: url(/imgt/bg_menu_over_ons.jpg) no-repeat;
}

#menu_nieuws {
background: url(/imgt/bg_menu_nieuws.jpg) no-repeat;
}

#menu_diensten {
background: url(/imgt/bg_menu_diensten.jpg) no-repeat;
}

#menu_portfolio {
background: url(/imgt/bg_menu_portfolio.jpg) no-repeat;
}

#menu_twitter {
background: url(/imgt/bg_menu_twitter.jpg) no-repeat;
}

#menu_contact {
background: url(/imgt/bg_menu_contact.jpg) no-repeat;
}

#menu_zoeken {
background: url(/imgt/bg_menu_zoeken.jpg) no-repeat;
}

#menu_werkwijze {
background: url(/imgt/bg_menu_werkwijze.jpg) no-repeat;
}

#menu_mogelijkheden {
background: url(/imgt/bg_menu_mogelijkheden.jpg) no-repeat;
}

#menu_colofon {
background: url(/imgt/bg_menu_colofon.jpg) no-repeat;
}

#menu_algemene_voorwaarden {
background: url(/imgt/bg_menu_over_ons.jpg) no-repeat;
}

.menu_item {
margin-top: 16px;
}

#menu_link_home { margin-left: 27px; }
#menu_link_over_ons { margin-left: 10px; }
#menu_link_nieuws { margin-left: 6px; }
#menu_link_mogelijkheden { margin-left: 5px; }
#menu_link_werkwijze { margin-left: 6px; }
#menu_link_portfolio { margin-left: 4px; }
#menu_link_contact { margin-left: 8px; }

.menu_item span {
text-decoration: none;
}

/*
.submenu_holder {
float: left;
}
*/

.submenu {
position: absolute;
display: none;
margin-top: 0px;
z-index: 5;
padding: 20px;
}

#submenu_over_ons {
background: url(/imgt/bg_submenu_overons.png) no-repeat;
width: 140px;
height: 120px;
margin-left: 90px;
}

#submenu_diensten {
background: url(/imgt/bg_submenu_diensten.png) no-repeat;
width: 218px;
height: 118px;
}

.submenu a {
background: url(/imgt/bg_submenu_link.png) left center no-repeat;
padding-left: 10px;
color: #ffffff;
text-decoration: none;
display: block;
margin-bottom: 5px;
font-weight: bold;
}

.submenu a:hover {
text-decoration: underline;
}

#broodkruimels {
float: left;
margin-top: 176px;
margin-left: 259px;
position: absolute;
}

#searchfield {
float: right;
margin-left: 636px;
width: 225px;
margin-top: 168px;
position: absolute;
}

#searchfield_input_holder {
background: url(/imgt/bg_searchfield_input.png) no-repeat;
height: 31px;
width: 197px;
float: left;
}

#searchfield_input {
background-color: #8DD1E0;
border: 1px solid #8DD1E0;
margin: 3px 0px 0px 12px;
width: 173px;
}

#searchfield_btn {
background: url(/imgt/bg_searchfield_btn_yellow.png) no-repeat;
cursor: pointer;
height: 31px;
width: 28px;
float: left;
}

#searchfield_btn:hover {
background: url(/imgt/bg_searchfield_btn_blue.png) no-repeat;
height: 31px;
}

#btn_mailto {
background: url(/imgt/btn_mailpagina.png) no-repeat;
float: right;
width: 38px;
height: 41px;
cursor: pointer;
margin-right: 100px;
margin-top: -15px;
position: relative;
}

#btn_mailto:hover {
background: url(/imgt/btn_mailpagina_blue.png) no-repeat;
}

#btn_printen {
background: url(/imgt/btn_printer.png) no-repeat;
float: right;
width: 38px;
height: 41px;
cursor: pointer;
margin-right: 6px;
margin-top: -15px;
position: relative;
}

#btn_printen:hover {
background: url(/imgt/btn_printer_blue.png) no-repeat;
}

#footer {
height: 260px;
background: url(/imgt/bg_footer.png) no-repeat;
padding-top: 5px;
position: relative;
}

#footer_adres {
position: absolute;
top: 205px;
left: 210px;
color: #ffffff;
background: #70390E;
font-size: 11px;
padding: 5px 3px 3px 3px;
}

#footer_menu {
margin: 0px 0px 0px 131px;
}

.footer_menu_list {
float: left;
margin-right: 29px;
line-height: 17pt;
}

#footer_menu_list_overons {
margin-right: 0px;
}

#footer_menu_list_werkwijze {
margin-right: 20px;
}

.footer_menu_list a {
color: #333333;
text-decoration: underline;
}

.footer_menu_list a:hover {
text-decoration: none;
}

.footer_menu_list a:first-child {
text-decoration: none;
}

.footer_menu_list a:first-child {
text-decoration: none;
}

.footer_menu_list a b:hover {
text-decoration: underline;
}

#footer_facebook, #footer_linkedin, #footer_twitter {
position: absolute;
top: 200px;
}

#footer_facebook span, #footer_linkedin span, #footer_twitter span {
display: none;
}

#footer_facebook {
background: url(/imgt/icon_facebook.png) no-repeat;
right: 160px;
width: 35px;
height: 30px;
}

#footer_facebook:hover {
background: url(/imgt/icon_facebook_hover.png) no-repeat;
}

#footer_linkedin {
background: url(/imgt/icon_linkedin.png) no-repeat;
right: 120px;
width: 35px;
height: 31px;
}

#footer_linkedin:hover {
background: url(/imgt/icon_linkedin_hover.png) no-repeat;
}

#footer_twitter {
background: url(/imgt/icon_twitter.png) no-repeat;
right: 70px;
top: 199px;
width: 48px;
height: 30px;
}

#footer_twitter:hover {
background: url(/imgt/icon_twitter_hover.png) no-repeat;
}

.nummers_btn {
width: 38px;
height: 39px;
float: left;
margin-left: 10px;
cursor: pointer;
}

#nummers_btn_left {
background: url(/imgt/btn_left_yellow.png) no-repeat;
}

#nummers_btn_left:hover {
background: url(/imgt/btn_left_blue.png) no-repeat;
}

#nummers_btn_right {
background: url(/imgt/btn_right_yellow.png) no-repeat;
}

#nummers_btn_right:hover {
background: url(/imgt/btn_right_blue.png) no-repeat;
}

#nummers_btn_1 {
background: url(/imgt/btn_portfolio_pages_1.png) no-repeat;
}

#nummers_btn_1:hover {
background: url(/imgt/btn_portfolio_pages_1_blue.png) no-repeat;
}

#nummers_btn_1_active {
background: url(/imgt/btn_portfolio_pages_1_active.png) no-repeat;
}

#nummers_btn_2 {
background: url(/imgt/btn_portfolio_pages_2.png) no-repeat;
}

#nummers_btn_2:hover {
background: url(/imgt/btn_portfolio_pages_2_blue.png) no-repeat;
}

#nummers_btn_2_active {
background: url(/imgt/btn_portfolio_pages_2_active.png) no-repeat;
}

#nummers_btn_3 {
background: url(/imgt/btn_portfolio_pages_3.png) no-repeat;
}

#nummers_btn_3:hover {
background: url(/imgt/btn_portfolio_pages_3_blue.png) no-repeat;
}

#nummers_btn_3_active {
background: url(/imgt/btn_portfolio_pages_3_active.png) no-repeat;
}

#nummers_btn_4 {
background: url(/imgt/btn_portfolio_pages_4.png) no-repeat;
}

#nummers_btn_4:hover {
background: url(/imgt/btn_portfolio_pages_4_blue.png) no-repeat;
}

#nummers_btn_4_active {
background: url(/imgt/btn_portfolio_pages_4_active.png) no-repeat;
}

#nummers_btn_5 {
background: url(/imgt/btn_portfolio_pages_5.png) no-repeat;
}

#nummers_btn_5:hover {
background: url(/imgt/btn_portfolio_pages_5_blue.png) no-repeat;
}

#nummers_btn_5_active {
background: url(/imgt/btn_portfolio_pages_5_active.png) no-repeat;
}

#btn_ga_terug {
background: url(/imgt/btn_ga_terug_yellow.png) no-repeat;
width: 101px;
height: 34px;
margin-left: 14px;
cursor: pointer;
}

#btn_ga_terug:hover {
background: url(/imgt/btn_ga_terug_blue.png) no-repeat;
}

#tell_a_friend_box {
background: url(/imgt/bg_tellafriendbox.png) no-repeat;
position: fixed; 
z-index:2001;
text-align: left;
margin-left: 250px;
top: 200px;
height: 301px;
width: 511px;
}

#kop_klein_tellafriend {
margin-left: 30px;
margin-top: -10px;
}

.tellafriendlabel,.tellafriendinput, .tellafriendinput_wrong {
display: block;
margin-bottom: 15px;
}

.tellafriendlabel {
float: left;
width: 180px;
padding-right: 20px;
font-size: 14pt;
font-weight: bold;
color: #000;
margin-left: 40px;
}

.tellafriendinput {
width: 235px;
border: 2px solid #000000;
height: 16px;
padding-left: 5px;
padding-top: 2px;
}

.tellafriendinput:hover {
border: 2px solid #8DD1E0;
}

.tellafriendinput:focus {
border: 2px solid #8DD1E0;
}

.tellafriendinput_wrong {
width: 235px;
border: 2px solid #FF0000;
height: 16px;
padding-left: 5px;
padding-top: 2px;
}

#tellafriendis_verplicht {
color: #6A4800;
float: left;
font-size: 12pt;
margin-left: 240px;
}

#btn_verstuur_tellafriend {
background: url(/imgt/btn_verstuur_yellow.png) no-repeat;
width: 98px;
height: 35px;
cursor: pointer;
float: right;
margin-right: 27px;
}

#btn_verstuur_tellafriend:hover{
background: url(/imgt/btn_verstuur_blue.png) no-repeat;
}

#form_foutmelding_tellafriend {
font-size: 16pt;
color: #FF0000;
display: none;
padding-bottom: 10px;
}

#btn_sluiten_tellafriend {
background: url(/imgt/btn_sluiten.png) no-repeat;
width: 39px;
height: 34px;
float: right;
margin-right: 27px;
margin-top: -5px;
cursor: pointer;
}

#btn_sluiten_tellafriend:hover {
background: url(/imgt/btn_sluiten_blue.png) no-repeat;
}

#img_tellafriendbox_thanks {
background: url(/imgt/img_tellafriendbox_thanks.jpg) no-repeat;
width: 437px;
height: 231px;
margin-left: 35px;
margin-top: 40px;
}

#openmogelijkheid {
position: absolute;
width: 299px;
z-index: 10;
display: none;
}

#openmogelijkheid_top {
background: url(/imgt/bg_openmogelijkheid_top.png) no-repeat;
height: 17px; 

}

#openmogelijkheid_middle {
background: url(/imgt/bg_openmogelijkheid_middle.png); 
padding: 0px 20px 0px 20px;
}

#openmogelijkheid_bottom {
background: url(/imgt/bg_openmogelijkheid_bottom.png) no-repeat;
height: 23px;
}

#openmogelijkheid_header {
font-family: impact;
margin-bottom: 5px;
font-size: 20px;
margin-top: -4px;
}

/* QUICKSCAN MODULE */
#quickscan_box {
background: url(/imgt/bg_quickscan_box.png) no-repeat;
position: fixed; 
z-index:2001;
text-align: left;
margin-left: 250px;
top: 200px;
height: 401px;
width: 511px;
}

#kop_klein_quickscan {
margin-left: 30px;
margin-top: -10px;
}

.quickscanlabel, .quickscaninput, .quickscaninput_wrong {
display: block;
margin-bottom: 15px;
}

.quickscanlabel {
float: left;
width: 180px;
padding-right: 20px;
font-size: 22px;
font-weight: bold;
color: #000;
margin-left: 40px;
}

.quickscaninput {
width: 235px;
border: 2px solid #000000;
height: 16px;
padding-left: 5px;
padding-top: 2px;
}

.quickscaninput:hover {
border: 2px solid #8DD1E0;
}

.quickscaninput:focus {
border: 2px solid #8DD1E0;
}

.quickscaninput_wrong {
width: 235px;
border: 2px solid #FF0000;
height: 16px;
padding-left: 5px;
padding-top: 2px;
}

#quickscanis_verplicht {
color: #6A4800;
float: left;
font-size: 12pt;
margin-left: 240px;
}

#btn_verstuur_quickscan {
background: url(/imgt/btn_verstuur_yellow.png) no-repeat;
width: 98px;
height: 35px;
cursor: pointer;
float: right;
margin-right: 27px;
}

#btn_verstuur_quickscan:hover{
background: url(/imgt/btn_verstuur_blue.png) no-repeat;
}

#form_foutmelding_quickscan {
font-size: 16pt;
color: #FF0000;
display: none;
padding-bottom: 10px;
}

#btn_sluiten_quickscan {
background: url(/imgt/btn_sluiten.png) no-repeat;
width: 39px;
height: 34px;
float: right;
margin-right: 27px;
margin-top: -5px;
cursor: pointer;
}

#btn_sluiten_quickscan:hover {
background: url(/imgt/btn_sluiten_blue.png) no-repeat;
}

#img_quickscanbox_thanks {
background: url(/imgt/img_tellafriendbox_thanks.jpg) no-repeat;
width: 437px;
height: 231px;
margin-left: 35px;
margin-top: 40px;
}