/* Main CSS for Woordeboek */

/* Default */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #121212; background: #000000; }
img { border: 0; margin: 0; padding: 0; }
form { padding: 0; margin: 0; }
a { color: #118cbb; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
h1 { padding: 0 0 10px 0; }
p { padding: 0 0 15px 0; }

/* Layout */
#wrap { width: 100%; }

#holder { width: 950px; margin: auto; background: url(../images/bg_repeat.jpg) repeat-y top left; padding: 0 0 20px 0; }

#container { width: 100%; background: url(../images/bg_body.jpg) no-repeat top left #ecf1f4; }

#header { width: 100%; height: 147px; background: url(../images/bg_header.jpg) repeat-x bottom left #000; } * html #header { /* ie6 only */ height: 146px; }
#header .lang { float: right; width: 140px; height: 33px; background: url(../images/bg_lang.gif) repeat-x top left #000; text-align: center; line-height: 33px; color: #999; font-weight: bold; }
#header .lang a { color: #999; text-decoration: none; }
#header .lang a:hover, #header .lang .current { color: #2ea5c8; }

#navigation { padding: 2px 0 0 52px; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { list-style-type: none; float: left; display: inline; }

#content { padding: 0 10px 0 10px; }

#search { padding: 8px 0 0 0; } * html #search { /* ie6 only */ padding: 6px 0 0 0; }
#search .search_results { color: #333; padding: 10px 0 12px 0; }

#footer { width: 100%; height: 40px; background: #000; }
#footer .bottom { padding-top: 4px; }
#footer .copyright { float: right; margin: 0 10px 0 0; width: 140px; height: 33px; text-align: right; line-height: 30px; color: #a8a8a8; font-weight: bold; }

.main_nav { float: left; margin: 0 0 0 3px; height: 33px; }
.main_nav ul { margin: 8px 0 0 0; padding: 0; color: #999999; font-weight: bold; }
.main_nav li { display: inline; list-style-type: none; }
.main_nav a { color: #999999; text-decoration: none; }
.main_nav a:hover, .main_nav .current { color: #f0f0f0; }

#body_content { padding: 4px 20px 0 10px; }
#body_content h2 { display: inline; }

#word_list { padding: 0px 0 20px 3px; color: #118cbb; font-size: 11px; font-weight: bold; line-height: 16px; }
#word_list ul { padding: 15px 0 0 15px; }
#word_list li { list-style-type: none; }
#word_list_sub { padding: 0px 0 20px 1px; font-weight: bold; line-height: 16px; }
#word_list_sub .current { color: #118cbb; }
#word_list_sub .list_sub { font-size: 11px; font-weight:normal;border-bottom:1px dotted #C0C0C0; }
#word_list_sub #word_list_sub_tbl { padding-left: 0px; }
#word_list_sub_tbl a { color: #626262; }

/* Body */
.clear { clear: both; }
.split { clear: both; padding-top: 10px; }

.left { float: left; }
.right { float: right; }

.frm_text { color: #118cbb; font-weight: bold; line-height: 20px; }
.highlight { background: #90c515; }
.light { color: #fff; }
.dark { color: #000; }
.descr { font-size: 14px; font-weight: bold; }
.ital { font-style: italic; color: #118cbb; }
.mini_help { padding: 10px 0 10px 0; color: #688e0e; font-size: 11px; font-weight: bold; line-height: 20px; }
.discl { padding: 10px 0 10px 0; color: #000; font-size: 11px; }
.tbl_div_1 { background: url(../images/bg_tbl_div_1.gif) repeat-y top right;             width:145px}
.tbl_div_2 { /*background: url(../images/bg_tbl_div_2.jpg) no-repeat top left;*/ }
.bg_tbl_top_1 { background: url(../images/bg_tbl_hdr_1.gif) no-repeat top left; height: 28px; text-align: center; color: #bfcbce; font-size: 12px; }
.bg_tbl_top_2 { background: url(../images/bg_tbl_hdr_2.gif) no-repeat top left;background-repeat:repeat-x; height: 28px; text-align: center; color: #bfcbce; font-size: 12px; font-weight: bold; }
.bg_tbl_top_3 { background: url(../images/bg_tbl_hdr_3.gif) no-repeat top left;background-repeat:repeat-x; height: 28px; text-align: center; color: #626262; font-size: 12px; padding: 6px 0 0 0; }

/* Form */
.frm_input_box_sml { width: 46px; height: 16px; border: 1px solid #A7C2C6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 4px; background: url(../images/bg_txt_field.gif) repeat-x top left #fff; }
.frm_input_box_med { width: 126px; height: 16px; border: 1px solid #A7C2C6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 4px; background: url(../images/bg_txt_field.gif) repeat-x top left #fff; }
.frm_input_box_lrg { width: 226px; height: 16px; border: 1px solid #A7C2C6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 4px; background: url(../images/bg_txt_field.gif) repeat-x top left #fff; }
.frm_multi_box { width: 226px; height: 62px; border: 1px solid #A7C2C6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 4px; background: url(../images/bg_multi_field.gif) repeat-x top fixed #fff; }
.frm_drop_box { border: 1px solid #A7C2C6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }