html, body {margin: 0; padding: 0; background: #fff; color: #676767; font-family: Verdana, Tahoma, Arial, san-serif; font-size: 12px;}
body * {margin: 0; padding: 0;}

img {border: 0;}

a {color: #004F9E; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

label {display: block; font-size: 0.92em;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: Georgia, serif;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h5 {font-size: 12px; font-weight: bold;}

table {border-collapse: collapse; border-spacing: 0;}
caption {padding: 5px; background: #e5e5e5; font-weight: bold; color: #333;}
th {padding: 5px; background: #f3f3f3; white-space: nowrap; font-size: 11px; color: #333;}
td {padding: 5px 7px; border: 1px solid #eee;}
.vertitable th {text-align: right; width: 1%; white-space: nowrap;}
.vertitable textarea {width: 100%;}
.even td {background: #f3f3f3;}
#table-documents tr:hover td, #table-documents tr.over td {background: #ddd;}

label {display: block; margin: 0.8em 0 0; line-height: 1.3em; color: #000; font-weight: bold;}
input, select, textarea {border: 1px solid #ccc; color: #676767;}
input[type="submit"], input.input-submit {background: #3381D6; border: 0; color: #fff;}

.wide {width: 100%;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.mb1 {margin-bottom: 1em;}

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

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}

.status {font-weight: bold; text-align: center;}
.new, .new a {color: #db00ff;}
.success, .success a {color: #7FAF0A;}
.waiting, .waiting a {color: #f90;}
.error, .error a {color: #c00;}
.sent, .error a {color: #2379BF;}

.description {font-size: 0.95em; margin: 5px 0;}

td.success, td.waiting, td.error, td.sent {/* color: #666;  */font-weight: bold;}
/* td.success {background: #D4FFBF; }
td.waiting {background: #FFE6BF;}
td.error {background: #FFAFAF;}
td.sent {background: #AFDBFF;} */

.link-edit {padding-left: 20px; background: url(../i/icon-edit.gif) 0 50% no-repeat;}

#container {width: 980px; margin: 0 auto;}

#site-name {padding: 35px 20px 10px; font-size: 14px; font-weight: normal; font-family: Georgia, serif; background: url(../i/header.gif) 0 0 no-repeat;}
#logo {float: left; margin-right: 10px;}

#site-name h2 {font-size: 22px; font-weight: normal; font-family: Georgia, serif;}
.title-en {color: #004f9e;}
.title-nl {color: #8e8e8e;}

#flags {margin: 0 0 5px; padding: 5px; text-align: right; border-top: 1px solid #c2d5e8; border-bottom: 1px solid #c2d5e8;}
#flags img {/* float: right;  */display: inline-block; margin-left: 5px;}

#header-img {display: block; padding: 0 0 10px;}
#header-img img {display: block;}

#navigation a {float: left; padding: 0 10px; font: bold 14px/34px Georgia, "Times New Roman", serif; color: #fff; text-decoration: none;}
#navigation a:hover, #navigation a:active, #navigation a.active {background: #fe892f;}

#menu1 {margin-bottom: 1px; background: #216fc4 url(../i/menu1.gif) 0 0 repeat-x;}
#menu2 {background: #0193ca url(../i/menu2.gif) 0 0 repeat-x;}

#main {margin: 5px 0 10px; padding: 10px 160px 10px 190px; border-top: 1px solid #bfd3e7;}
* html #main {height: 1%;}

/* Content */
#content {float: left; width: 600px; color: #676767; /* background: blue; border: 1px solid #f7f7f7; */}

#content h1, #content h2 {margin-bottom: 1em;}
#content h3 {margin-bottom: 0.5em;}
#content h1 {margin-bottom: 1em; color: #999; font-size: 30px; font-weight: normal; font-family: Georgia, serif;}

#content table {margin: 0 0 1em;}

#table-documents td {vertical-align: top;}

/* Users */
#users table {margin: 0 0 1em;}
#users th, #users td {text-align: center; vertical-align: middle;}
#users .left {text-align: left;}
#users .right {text-align: right;}
#users select {width: 100%;}


/* Companies */
#companies a {display: block;}


/* Sidebar */
.sidebar {float: left; position: relative; }
.sidebar .form-text {width: 100%;}

#left {width: 180px; margin-left: -790px; /* right: 190px; */ /* background: red; */}
/* * html #left {left: 160px;} */

#right {width: 180px; margin: 0 -160px 0 10px; /* background: orange; */}

/* Blocks */
.block {border: 1px solid #eee; border-top-width: 4px; border-style: solid; margin-bottom: 5px; padding: 10px;}
.block h3 {margin: 0; font: bold 10px/2em Verdana, sans-serif; color: #666; text-transform: uppercase; border-bottom: 1px solid #fff;}
.block-title {margin-bottom: 10px; border-bottom: 1px solid #f1c6af;}
.block a {font-size: 12px; color: #004f9e; text-decoration: none;}

.block-small {background: url(../i/block-small.gif) 0 0 repeat-x;}

/* Login block */
.login-block {border-top-color: #fe892f; background: #f3f3f3 url(../i/block-login.gif) 0 0 repeat-x;}
.login-block .block-title {border-bottom-color: #f1c6af;}
.login-block input {margin: 0 0 5px;}
.login-block a {display: block; text-align: right; font-weight: bold; margin: 5px 0 0;}

/* Services block */
.services-block { border-top-color: #a2cd3a; background: url(../i/block-services.gif) 0 0 repeat-x;}
.services-block .block-title {margin: 0; border-bottom-color: #d2e8ad;}
.services-block a {display: block; padding: 10px 15px; font-size: 12px; background: url(../i/menu-arrow.gif) 0 13px no-repeat; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #fff;}

/* Download forms */
.download-forms-block {border-top-color: #ec90ed;}

/* Membership surveys */
.membership-surveys {border-top-color: #ffc4d3;}

/* Membership surveys */
.chamber-newsletter {border-top-color: #72cefa;}

/* Membership surveys */
.quick-links {border-top-color: #006dca;}
.quick-links .block-title {border-bottom-color: #006dca;}

/* Weather */
.weather-block {border-top-color: #fe892f; padding: 0px;}

/* Banner */
.banner-block {padding: 10px 0; border: 0; text-align: center;}
.banner-block a {display: block;}

/* Links block */
.links-block {padding-left: 0; padding-right: 0; border-top-color: #a2cd3a;}
.links-block .block-title {margin: 0 10px; border-bottom-color: #d2e8ad;}
.links-block a {display: block; padding: 10px 15px; font-size: 11px; color: #1e73c9; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #fff;}
.links-block a.link-image {padding: 0; text-align: center;}


/* Footer */
#footer {padding-top: 20px; text-align: center; clear: both; background: url(../i/footer.gif) 0 0 no-repeat;}
#footer-menu {margin-top: 30px; padding: 10px 0; clear: both; border-top: 1px solid #b2cae2;}

ul, ol {
margin:0 0 0.5em 20px;
}
