html, body {
   background: black url(../gfx/bg.gif) repeat-x;
   font-family: Arial, Verdana, Sans-Serif;
   font-size: 11px;
   margin: 0;
   padding: 0;
}

a {
   color: #fe6600; /* yellow-orange */
}
a:hover {
   color:#ff9c59;
}
a img {
   border: 0;
}
h1 {
   font-size: 19px;
}
input, select, textarea {
   font-family:arial;
   font-size:11px;
}

form.standard div.formfield {
   width: 400px;
   padding: 3px;
   position:relative;
}
form.standard div.formfield label {
   width: 175px;
   display: block;
   float: left;
}
form.standard div.formfield button {
   position:absolute;
   top:3px;
   left:330px;
}
form.standard div.formfield input, form.standard div.formfield textarea {
   width: 150px;
   border: 1px solid #ccc;
}
form.standard div.formfield textarea {
   width: 225px;
}
form.standard input.mandatory, form.standard textarea.mandatory, form.standard select.mandatory {
   border: 1px solid #900;
}

.download {
   clear: both;
}

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

#topbar {
   background: url(../gfx/top_bg.gif) repeat-x;
   height: 30px;
   color: #fff;
   line-height: 30px;
   display: none;
}

#topbar a {
   color: #fff;
}
#topbar a:hover {
   text-decoration: none;
}

#topbar_content {
   width: 1011px;
   margin-left: auto;
   margin-right: auto;
}

#topbar_left {
   float: left;
}

#topbar form.topbar_search {
   display: inline;
   float: left;
   margin-right:75px;
}
#topbar_left div, #topbar_right div {
   display: inline;
   float: left;
   margin-right: 25px;
}
#topbar form.topbar_search input, #topbar form.topbar_search select {
   display: inline;
   float: left;
   margin-top: 6px;
   margin-right: 5px;
   border:0;
}

/* Why oh Why doesn't IE allow removal of  select borders? */
#topbar form.topbar_search select {
   _margin-top:4px;
   *margin-top:4px;
}
#topbar_right {
   float: right;
   padding-right:20px;
}

#container {
   width: 977px;
   background: url(../gfx/background_afrika.jpg) no-repeat #000;
   margin-left: auto;
   margin-right: auto;
   padding-left: 34px;
}

#header {
   width: 820px;
   display: none;
}
#header #logo {
   background: url(../gfx/logo.png) no-repeat;
   width: 121px;
   height: 143px;
   float: left;
}
#header #banner {
   float: left;
   width: 698px;
   height: 143px;
   background: url(../gfx/bg_banner.jpg) no-repeat orange;
   clear: right;
}
#header #banner img {
   float: right;
}

ul#navigation {
   list-style: none;
   float: left;
   clear: left;
   margin: 0 0 0 3px;
   _margin-left:0;
   width:118px;
   _width:121px;
   background:black;
   padding: 0;
   display: none;
}

ul#navigation ul {
   margin:0;
   padding:0;
}
ul#navigation li {
   list-style:none;
   padding:0;
   margin:0;
   _height:1px;
}
ul#navigation a {
   color:white;
   text-decoration:none;
   display:block;
   padding:3px 3px 2px 6px;
   background:url('../gfx/menu_normal.gif') no-repeat;
   margin-left:-3px;
}
ul#navigation ul a {
   background:none;
   margin-left:0;
}

ul#navigation li.selected a {
   background:url('../gfx/menu_active.gif') no-repeat #5d1b1b;
   color:#ffcc00;
}
ul#navigation li.selected ul a {
   padding-left:17px;
   color:white;
   background:transparent;
}
 
ul#navigation a:hover {
   background:url('../gfx/menu_normal.gif') no-repeat #2f0e0e;
}
ul#navigation li.selected ul a:hover {
   background:#2f0e0e;
}

#content_container {
   float: left;
   width: 678px;
   min-height: 690px;
   _height: 700px;
   clear: right;
   background:#fff;
   padding:10px;
}

#kruimelpad {
   margin-bottom: 15px;
   background:url('../gfx/bg_crumbs.gif') repeat-x;
   padding:4px 6px;
}

table#care_international_links {
   border: 0;
   border-left: 1px solid #ff6600; /* orange */
   border-right: 1px solid #ff6600;
   clear: both;
   margin-left: 120px;
   margin-top:25px;
   width: 700px;
   display: none;
}
table#care_international_links thead tr td {
   color: #ff6600;
   font-weight: bold;
   text-transform: uppercase;
   padding-left: 25px;
}
table#care_international_links tbody tr td ul li {
   list-style: disc;
   padding-left: 15px;
   color: #fff;
}
table#care_international_links tbody tr td ul li a {
   font-family: Arial, Verdana, Sans-Serif;
   color: #fff;
   text-decoration: none;
   font-size:10px;
}
table#care_international_links tbody tr td ul li a:hover {
   color: #ff6600;
   text-decoration: none;
}

#footer_navigation {
   width: 700px;
   margin-left: 120px;
   margin-top: 20px;
   margin-bottom: 20px;
   display: none;
}
#footer_navigation a {
   color: #515151;
}

.small {
   height: 210px;
}