@charset "utf-8";

* { margin:0; padding:0;}

body { background:url(img/bg_body_gradient.gif) repeat-x top #e5f5fa; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

#container { margin:0px auto; width:988px; background-color:#FFF; text-align:left; height:100%; min-height:100%; }

#container a { color:#000; text-decoration:underline; font-size:11px; }
#container a:hover { color:#000; text-decoration:none; }
#header { width:940px; height:131px; margin:0 0 9px 0; padding:0 20px 0 20px; }

#header_links, #header_rechts { float:left; }
#header_links { width:421px; height:140px; } 
#header_links a { display:block; width:200px; height:52px; text-indent:-9999px; background:url(img/multicards_logo.gif); margin-top:76px;  }
#header_rechts { width:519px; color:#999; text-align:right; padding:15px 0 0 0; } 
#header_rechts #flags a { color:#999; text-decoration:none; } 
#header_rechts #flags a:hover { text-decoration:underline; } 

#header.header1 { background:url(img/headers/header_1.jpg) no-repeat; }
#header.header2 { background:url(img/headers/header_2.jpg) no-repeat; }
#header.header3 { background:url(img/headers/header_3.jpg) no-repeat; }
#header.header4 { background:url(img/headers/header_4.jpg) no-repeat; }
#header.header5 { background:url(img/headers/header_5.jpg) no-repeat; }
#header.header6 { background:url(img/headers/header_6.jpg) no-repeat; }
#header.header7 { background:url(img/headers/header_7.jpg) no-repeat; }
#header.header8 { background:url(img/headers/header_8.jpg) no-repeat; }
#header.header9 { background:url(img/headers/header_9.jpg) no-repeat; }
#header.header10 { background:url(img/headers/header_10.jpg) no-repeat; }
#header.header11 { background:url(img/headers/header_11.jpg) no-repeat; }

/* tabs */
#tabs { background:url(img/tabs_bg.gif) repeat-x; margin:40px 0 0 0; height:55px; text-align:right; }
.tab_left, .tab_center, .tab_active, .tab_right { float:right; }
.tab_left { width:43px; margin-left:10px; }
.tab_center { padding:6px 0 0 0; background:url(img/tabs_a_center.gif) repeat-x; height:49px; }
.tab_active { padding:6px 0 0 0; background:url(img/tabs_a_act_center.gif) repeat-x; height:49px; }
.tab_active a, #container .tab_center a { color:#000; font-size:12px; font-weight:bold; text-decoration:none; }
.tab_active a:hover, #container .tab_center a:hover { text-decoration:underline; }
.tab_right { width:12px; }

#menu, #content { float:left; display:inline; }

#menu { width:200px; margin:0 20px; clear: left; }
/* 3 buttons onder menu */
#menu a#merchantlogin, #container #menu a#findorder, #container #menu a#signup { width:130px; height:12px; color:#666; font-size:12px; font-weight:bold; display:block; text-decoration:none; }
#menu a:hover#merchantlogin, #container #menu a:hover#findorder, #container #menu a:hover#signup { color:#0099cc; }
#menu a#merchantlogin { background:url(img/menu_merchantlogin.gif) no-repeat; padding:8px 30px 10px 40px; }
#menu a#findorder { background:url(img/menu_findorder.gif) no-repeat; padding:8px 30px 10px 40px; }
#menu a#signup { background:url(img/menu_signup.gif) no-repeat; padding:8px 30px 11px 40px; margin: 0 0 25px 0; }

#content { width:720px; padding:0 20px 0 0; }
#content h1 { font-size:14px; }
#content p { line-height:17px; }

/* 3 blokken op homepage */
#home_green1 { padding:0 20px 0 0; width:227px; float:left; background:url(img/home_green3x_center.gif) repeat-y; }
#home_green2 { padding:0 19px 0 0; width:227px; float:left; background:url(img/home_green3x_center.gif) repeat-y; }
#home_green3 { padding:0; width:227px; float:left; background:url(img/home_green3x_center.gif) repeat-y; }
#home_green1 h1, #container #content #home_green2 h1, #container #content #home_green3 h1 { font-size:12px; padding:0 20px 15px 20px; background:url(img/home_green3x_h1.gif) no-repeat bottom; }
#home_green1 p, #home_green2 p, #home_green3 p { padding:15px 20px 15px 20px; line-height:normal; }
#home_green1 ul, #home_green2 ul, #home_green3 ul { padding:15px 20px 15px 20px; margin-left:20px; list-style:outside square; }
#home_green1 ul li, #home_green2 ul li, #home_green3 ul li{  }
#home_green1_bottom { background:url(img/home_green3x_merchantlogin.jpg) no-repeat; height:133px; text-align:center; }
#home_green2_bottom { background:url(img/home_green3x_findorder.jpg) no-repeat; height:133px; text-align:center; }
#home_green3_bottom { background:url(img/home_green3x_signup.jpg) no-repeat; height:133px; text-align:center; }
#home_green1_bottom a, #home_green2_bottom a, #home_green3_bottom a { background:url(img/home_green3x_a.jpg) no-repeat center; width:191px; height:19px; margin: 0 20px; padding: 5px 0 0 0; color:#FFF; text-decoration:none; font-weight:bold; display:block; }

/* lgreen 200 breed blok */
#lgreen_200 { width:200px; background:url(img/lgreen_200_center.gif) repeat-y; margin:0 0 20px 0; }
#lgreen_200_top { width:200px; height:19px; background:url(img/lgreen_200_top.gif) no-repeat; }
#lgreen_200_bottom { width:200px; height:14px; background:url(img/lgreen_200_bottom.gif) no-repeat; }
#lgreen_200 h2 { font-size:16px; padding:0 20px 15px 20px; background:url(img/lgreen_200_h2.gif) no-repeat bottom; }
#lgreen_200 div#article { background:url(img/lgreen_200_hr_dot.gif) no-repeat bottom; padding:0 0 26px 0; }
#lgreen_200 h1 { font-size:11px; padding:0 20px; }
#lgreen_200 p { padding:0 20px; line-height:15px; }
#lgreen_200 ul { margin-left: 18px; }
#lgreen_200 a { color:#0099cc; background:url(img/lgreen_200_a.gif) no-repeat right; padding:0 10px 0 0; }
#lgreen_200 #faq a { background:none; color:#000; text-decoration:none; }
#lgreen_200 #faq a:hover { text-decoration:underline; }

/* green 200 breed blok */
#green_200 { width:200px; background:url(img/green_200_center.gif) repeat-y; margin:0 0 20px 0; }
#green_200_top { width:200px; height:19px; background:url(img/green_200_top.gif) no-repeat; }
#green_200_bottom { width:200px; height:14px; background:url(img/green_200_bottom.gif) no-repeat; }
#green_200 h2 { font-size:16px; padding:0 20px 0px 20px; margin-bottom:15px; background:url(img/green_200_h2.gif) no-repeat bottom; }
#green_200 div#article { background:url(img/green_200_hr_dot.gif) no-repeat bottom; padding:0 0 26px 0; }
#green_200 h1 { font-size:11px; padding:0 20px; }
#green_200 p { padding:0 20px; line-height:15px; }
#green_200 ul {margin-left: 18px; }
#green_200 a { color:#0099cc; background:url(img/green_200_a.gif) no-repeat right; padding:0 10px 0 0; }


/* content:left */
#content_left { float:left; width:500px; margin:0 20px 0 0; display:inline;  text-align:left; background-color:#ffffff;}
#content_left h1 { font-size:18px; padding:0 0 15px 0; }
#content_left h2 { font-size:16px; padding:25px 0 15px 0; display: block; border-top: 1px solid #AED910}
#content_left h3 { font-size:13px; padding:0 0 15px 0; }

#content_left caption { display:none; }
#content_left  th { background-color:#dff0a4; padding:4px; }
#content_left  td { background-color:#f7fbeb; border-bottom:1px solid #dff0a4; padding:4px; }

#green_500_top { background:url(img/green_500_top.gif) no-repeat; height:18px; }
#green_500 { background:url(img/green_500_center.gif) repeat-y; margin: 0 0 20px 0; }
#green_500 label,
#lgreen_500 label { width:100px; margin-left:20px; }
#lgreen_500 input,
#green_500 input { width:150px; position:relative; margin-left:150px; top:-17px; height:20px; border:1px solid #0099cc; }
#green_500 .login{ background:url(img/login_btn.gif) no-repeat; display:block; padding:0px 0 0 30px; text-decoration:none; color:#FFF; font-weight:bold; border:0; width:161px; height:30px; margin-top:10px; }
#lgreen_500 .login { background:url(img/email_btn.gif) no-repeat; display:block; padding:0; text-decoration:none; color:#FFF; font-weight:bold; border:0; width:122px; height:18px; margin-top:10px; }
#lgreen_500 .formtextright,
#green_500 .formtextright { display:block; text-align:right; margin-right:20px; }
#green_500_bottom { background:url(img/green_500_bottom.gif) no-repeat; height:18px; margin-top:10px; }
#green_500 h1 { padding: 0 20px 20px 20px; font-size:11px; background:url(img/green_500_h1.gif) no-repeat bottom center; }
#green_500 p { padding: 0 20px; }

#lgreen_500_top { background:url(img/lgreen_500_top.gif) no-repeat; height:18px; }
#lgreen_500 { background:url(img/lgreen_500_center.gif) repeat-y; margin: 0 0 20px 0; }
#lgreen_500_bottom { background:url(img/lgreen_500_bottom.gif) no-repeat; height:18px; }
#lgreen_500 h1 { padding: 0 20px 20px 20px; font-size:11px; background:url(img/lgreen_500_h1.gif) no-repeat bottom center; }
#lgreen_500 p { padding: 0 20px 10px; }




#content_left .green_500_top { background:url(img/green_500_top.gif) no-repeat; height:18px; }
#content_left .green_500 { background:url(img/green_500_center.gif) repeat-y; margin: 0 0 20px 0; }
#content_left .green_500 label,
#content_left .lgreen_500 label { width:100px; margin-left:20px; }
#content_left .lgreen_500 input,
#content_left .green_500 input { width:150px; position:relative; margin-left:150px; top:-17px; height:20px; border:1px solid #0099cc; }
#content_left .green_500 .login{ background:url(img/login_btn.gif) no-repeat; display:block; padding:0px 0 0 30px; text-decoration:none; color:#FFF; font-weight:bold; border:0; width:161px; height:30px; margin-top:10px; }
#content_left .lgreen_500 .login { background:url(img/email_btn.gif) no-repeat; display:block; padding:0; text-decoration:none; color:#FFF; font-weight:bold; border:0; width:122px; height:18px; margin-top:10px; }
#content_left .lgreen_500 .formtextright,
#content_left .green_500 .formtextright { display:block; text-align:right; margin-right:20px; }
#content_left .green_500_bottom { background:url(img/green_500_bottom.gif) no-repeat; height:18px; margin-top:10px; }
#content_left .green_500 h1 { padding: 0 20px 20px 20px; font-size:11px; background:url(img/green_500_h1.gif) no-repeat bottom center; }
#content_left .green_500 p { padding: 0 20px; }

#content_left .lgreen_500_top { background:url(img/lgreen_500_top.gif) no-repeat; height:18px; }
#content_left .lgreen_500 { background:url(img/lgreen_500_center.gif) repeat-y; margin: 0 0 20px 0; }
#content_left .lgreen_500_bottom { background:url(img/lgreen_500_bottom.gif) no-repeat; height:18px; }
#content_left .lgreen_500 h1 { padding: 0 20px 20px 20px; font-size:11px; background:url(img/lgreen_500_h1.gif) no-repeat bottom center; }
#content_left .lgreen_500 p { padding: 0 20px 10px; }



ul#faq { list-style:url(img/ul_arrow.gif); margin:0 20px 0 7px; }
ul#faq li { padding:0 0 3px 0; }
ul#faq li a { text-decoration:none; }
ul#faq li a:hover { text-decoration:underline; }

/*Tables */

#tabel1 {}
#tabel1 caption { display:none; }
#tabel1 th { background-color:#dff0a4; padding:4px; }
#tabel1 td { background-color:#f7fbeb; border-bottom:1px solid #dff0a4; padding:4px; }

#content caption { display:none; }
#content  th { background-color:#dff0a4; padding:4px; }
#content  td { background-color:#f7fbeb; border-bottom:1px solid #dff0a4; padding:4px; }


ul.square { list-style-image:url(img/bullet.gif);  }
/* content:right */
#content_right { float:left; width:200px; }
#content_right .login{ background:url(img/login_btn.gif) no-repeat; margin:10px 0 0 20px; width:116px; height:21px; display:block; padding:8px 0 0 45px; text-decoration:none; color:#FFF; font-weight:bold; }
#content_right .login span { padding-right:10px; background:url(img/home_green3x_arrow_a.gif) right 3px no-repeat; }

#content_right .order{ background:url(img/order_btn.gif) no-repeat; margin:10px 0 0 20px; width:116px; height:21px; display:block; padding:8px 0 0 45px; text-decoration:none; color:#FFF; font-weight:bold; }
#content_right .order span { padding-right:10px; background:url(img/home_green3x_arrow_a.gif) right 3px no-repeat; }

#content_right .signup{ background:url(img/signup_btn.gif) no-repeat; margin:10px 0 0 20px; width:116px; height:21px; display:block; padding:8px 0 0 45px; text-decoration:none; color:#FFF; font-weight:bold; }
#content_right .signup span { padding-right:10px; background:url(img/home_green3x_arrow_a.gif) right 3px no-repeat; }


/* footer */
#footer { width:980px; clear:both; background:url(img/bg_footer_top.gif) repeat-x top #FFF; color:#999; }
#footerall { padding:50px 0 0 0; }
#footer1 { float:left; width:170px; padding:0 10px 0px 20px; } 
#footer2 { float:left; width:170px; padding:0 10px 0px 10px; border-left:#e5f3b2 solid 1px; } 
#footer3 { float:left; width:170px; padding:0 10px 0px 10px; border-left:#e5f3b2 solid 1px; } 
#footer4 { float:left; width:170px; padding:0 10px 0px 10px; border-left:#e5f3b2 solid 1px; } 
#footer5 { float:left; width:170px; padding:0 20px 0px 10px; border-left:#e5f3b2 solid 1px;} 
#footer p.copy { padding:0 0 10px 20px; clear:both; }
#footer p { padding:0 0 10px 0; }
#footer a { color:#999999; text-decoration:none; }
#footer a:hover { text-decoration:underline; }