/*
ABM blauw: #00529b
ABM grijs: #a7a9ab
ABM medium grijs: #cccccc
ABM lichtgrijs: #f3f3f3
ABM paars: #6b1874
ABM lichtpaars: #b397be
*/

/* algemeen */
body { border: 0; margin: 0; background: #ffffff; color: black; font-family: Arial; text-align: center; font-size: 11px; }
#body { position: relative; margin: 0 auto; padding: 0; text-align: left; width: 960px; }
td { font-family: Arial; }
th { font-size: }
h1{ font-size: 18px; margin: 0 0 0 0; color: #6b1874; font-weight: normal; }
h2{ font-size: 12px; margin: 0 0 0 0; color: #6b1874; font-weight: normal; }
h3{ font-size: 11px; margin: 0 0 0 0; color: #6b1874; font-weight: normal; }
p{ font-size: 11px; }

.noscreen { display: none; }

a { color: black; font-weight: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
b, strong { font-weight: bold; }
div { border: 0px solid red; }
br.clear { clear: all; font-size: 0px; }


/* topheader */
#topheader { background: url(/style/abm_leaderboard.jpg) no-repeat; height: 140px; }
#topheader .top_link{ top: 30px; left: 10px; height: 78px; width: 205px; position: absolute;  }

/* mainheader */
#mainheader { height: 20px; background: #6b1874; }
#mainheader ul { margin: 0; padding: 0; list-style-type: none; }
#mainheader li { cursor: pointer; margin: 0; float: left; width: 159px; text-align: center; border-left: 1px solid white; padding: 3px 0 4px 0; }
#mainheader li.first { border-left: 0px solid white; }
#mainheader li:hover { background: #b397be; height: 13px; }
#mainheader a { color: #ffffff; */#206b4e;*/ font-weight: normal; font-size: 11px; }


/* contentcontainer */
#contentcontainer { margin: 0; background: url(/style/background.png) repeat-y; }


/* side */
#side { position: relative; width: 250px; float: left; background: #f3f3f3; padding: 40px 0 10px 0; margin: 0; height: 100%; }
#side ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #a7a9ab; }
#side li { cursor: pointer; padding: 5px 0 5px 0; list-style-type: none; border-bottom: 1px solid #a7a9ab; cursor: pointer; font-size: 11px; }
#side li a { color: black; font-size: 12px;}

#side li.selected { background: white; }
#side li:hover { background: white; }
#side li.first { border-bottom: 1px solid #a7a9ab; border-top: 1px solid #a7a9ab; }
#side li.invisible { display: none; }
#side img { margin: 0 10px 0 10px; }
#side .selected { color: #6b1874; }
#side h1{ font-size: 12px; margin: 0 10px 10px 10px; font-weight: normal; color: black; }
#side h2{ font-size: 12px; margin: 40px 10px 0 10px; font-weight: normal; color: black; }
#side p{ margin: 10px 10px 0 10px; }
.searchbox { position: absolute; top: 10px; left: 8px; }
  #searchbox-q { width: 120px; margin: 0px 0px; padding: 1px 2px 1px 3px; font-size: 9px; }
  .searchbox .submit { border: 0; background: url(/style/search.png) no-repeat; width: 25px; height: 20px; margin: 0 0 0 0; cursor: pointer; }
   .default { color: #a7a9ab; }
#side .language { margin: 0; padding: 0; position: absolute; list-style-type: none; top: 12px; left: 175px; border-top: 0; }
#side .language li { display: inline; margin: 0 0 0 0; padding: 0; border: 0px; }
#side .language img { margin: 0 5px 0 0; padding: 0; }
#side a { color: #6b1874; }
#side .level_2 { padding-left: 15px; background: none; display: none;}
#side .level_2 a { font-size: 11px;}

#side li.active { display: block; }
#side .selected a { color: #6b1874; }


/* content */
#content { margin: 0 0 0 250px; padding: 10px 10px 30px 10px; width: 687px; }
#content p{ margin: 10px 0 10px 0; }

.breadcrumbs { margin: 0 0 0 250px; list-style-type: none; color: #00529b; padding: 10px 0 0 10px; width: 700px;  }
.breadcrumbs li { display: inline; }
.breadcrumbs li.first { margin-left: 0; }
.breadcrumbs a { color: #00529b; }

.searchlist .breadcrumbs { margin: 0; list-style-type: none; color: #00529b; padding: 0; }
.searchlist .breadcrumbs li { display: inline; padding: 0; margin: 0; }
.searchlist .breadcrumbs li.first { margin-left: 0px; }
.searchlist .breadcrumbs a { color: #00529b; }

#content .searchlist { list-style-type: none; margin: 0; padding: 0; }
#content .searchlist li { margin: 0; padding: 0; }
#content .searchlist p { margin: 0; }
#content .searchlist table { width: 100%; border-collapse: collapse; margin: 0 0 10px 0; padding: 0; }
#content .searchlist td { vertical-align: top; }
#content .searchlist td.number { width: 15px; text-align: right; padding: 0 5px 0 0; }
.pagination .selected { font-weight: bold; text-decoration: underline; }

#content  .imagelist { border-collapse: collapse; margin: 0 0 0 0; }
#content .imagelist td { margin: 0; padding: 0 10px 10px 0; width: 50%; width: 345px; vertical-align: top; }
#content .imagelist img { float: left; margin: 0 10px 0 0; border: 1px solid #a7a9ab; padding: 10px; width: 120px; height: 120px; }
#content .imagelist p { margin: 0 0 0 150px; }
#content .imagelist h2 { margin-left: 150px; }
#content .imagelist h2 a{ font-size: 12px; }

.lightbox { float: right; }
#content .lightbox img { border: 1px solid #a7a9ab; padding: 10px; margin: 0 0 10px 10px; width: 150px; }
#lightbox-image-details-caption { color: #6b1874; font-family: Arial; }
#content .no_lightbox { float: right; }
#content .no_lightbox img { border: 1px solid #a7a9ab; padding: 10px; margin: 0 0 10px 10px; width: 150px; }

#content .extra { float: left; width: 500px; margin: 0 0 0 0; padding: 0 0 10px 0; border: 0px solid red; }
#content .extra li { margin: 0 0 0 15px; font-size: 11px; color: #a7a9ab; }
#content .extra span { color: black; }
#content .extra h2{ font-size: 12px; margin: 0 0 5px 0; color: #6b1874; font-weight: normal; padding: 0; }
#content .extra li.head { list-style-type: none; margin-left: 0; padding: 0; }
#content .links { width: 500px;  margin: 0 0 10px 0; padding: 0; display: block;  border: 0px solid red; }
#content .links h2{ font-size: 12px; margin: 0 0 5px 0; color: #6b1874; font-weight: normal; }
#content .links li{ list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0; }
#content .links li.head{ padding: 0 0 0 0; margin: 0 0 0 0; }
#content .links img{ margin: 0 5px 0 0; padding: 0; border: 0; }

#content .articletable { width: 100%; border-collapse: collapse; margin: 0 0 0 0; text-align: left; }
#content .articletable th { width: auto; padding: 3px; color: white; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; background: #b397be; vertical-align: top; text-align: left;}
#content .articletable td { border-bottom: 1px solid #f3f3f3; padding: 3px; font-size: 11px; vertical-align: top;}
#content .articletable tr.grey { background: #f3f3f3; }
#content .articletable a { font-weight: bold; }
#content .articletable tr:hover { background: #cccccc; cursor: pointer; }

#content .articledetail { border-collapse: collapse; margin: 0 0 10px 0; width: 508px; }
#content .articledetail td{ width: 20px; padding: 2px 0 2px 0; text-align: center; vertical-align: top; border-bottom: 1px solid #f3f3f3; font-size: 11px; }
#content .articledetail td.first{border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
#content .articledetail td.head{ width: 110px; text-align: left; color: #6b1874; }
#content .articledetail td.body{ width: 378px; text-align: left; }

#content .accessoires { width: 100%; border-collapse: collapse; margin: 0 0 0 0; text-align: left; }
#content .accessoires th { width: auto; padding: 3px; color: white; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; background: #b397be; text-align: left; }
#content .accessoires td { border-bottom: 1px solid #f3f3f3; padding: 3px; }
#content .accessoires tr.grey { background: #f3f3f3; }
#content .accessoires th.accessoire { width: 110px; }


.sitemap .level_2 { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
.sitemap .level_3 { margin: 0 0 0 25px; list-style-type: none; }
.sitemap .level_3 a{ color: black; }
.sitemap .info { list-style-type: none; padding: 0; margin: 0; }
.sitemap .info a{ color: black; }

#content form table{ margin: 0; }
#content form table td { padding: 2px; vertical-align: top; }
#content input.textbox { width: 200px; margin: 0px 0px; padding: 1px 2px 1px 3px; font-size: 11px; border: 1px solid #a7a9ab; }
#content input.required { border: 1px solid #00529b; }
#content form ul{ list-style-type: none; color: red; margin: 0; padding: 0; }
#content form ul li{ margin: 0; padding: 0; }
#content textarea { border: 1px solid #a7a9ab; width: 205px; font-size: 11px; }

#content .info_links { margin: 0 0 10px 0; padding: 0; display: block; }
#content .info_links li{ list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0; }
#content .info_links img{ margin: 0 5px 0 0; padding: 0; border: 0; }

.social-sharing { position: absolute; right: 0; border: 0px solid red; bottom: 30px;}
#body .social-sharing span.IN-widget .li_ui_li_gen_1317024547274_0-title-text { display: none;}


/* footer */
#footer { height: 20px; padding: 8px 0 0 0; border-top: 1px solid #a7a9ab; margin: 0; }
#footer ul { margin: 0; padding: 0; list-style-type: none; text-align: right; }
#footer li { display:inline; color: #a7a9ab; font-size: 10px; border-left: 1px solid #a7a9ab; padding: 0 3px 0 3px; }
#footer li.first { border-left: 0px solid #a7a9ab; }
#footer a { font-weight: normal; color: #a7a9ab; }



