/*CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  NAVIGATION
  CONTENT
  FOOTER
  -
  CLEARFIX

*************************************************************/
.noScreenDisplay { display: none;}


/*************************************************************
  P A G E
*************************************************************/
* { /*border: 0;*/ font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background: #646464 url(images/bg_patroon.png) repeat-x top left; color: #333; font: 0.75em/1.50em Arial, Helvetica, sans-serif; }
#site-wrapper  { background: #646464 url(images/bg_patroon.png) repeat-x top left; }

/** Error */
div.error { background: #f2dede; color: #b94a48; border: 1px solid #eed3d7; -webkit-border-radius: 4px; border-radius: 4px; }
div.error a { color: #b94a48; }

div.status { background: #dff0d8; color: #468847; border: 1px solid #d6e9c6; -webkit-border-radius: 4px; border-radius: 4px; }
div.status a { color: #b94a48; }

div.messages ul { list-style: none; margin: 0; }
div.messages ul li { line-height: 20px; }
div.messages { padding: 8px 35px 8px 14px; font-size: 12px; margin: 0 0 20px 0; }
div.messages em { font-style: normal; font-weight: bold; }
/*************************************************************
  ALGEMEEN
*************************************************************/
h1, h2, h3 { font: normal 1.5em/1em  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; margin-bottom: 20px; display: block; clear:both; }
h2.content-title { color: #922525; font-size: 1.6em; padding-bottom: 0px;}
h3 { padding-top: 40px; padding-bottom: 0px;}

a, a:link, a:visited { color: #922525; font: normal Arial, Helvetica, sans-serif; text-decoration: underline;}
a:hover, a:active, a.active { text-decoration: none;}

table { border-collapse: separate;}

#close { width: 962px; height: 20px; line-height: 0; font-size: 0; margin: 0; padding: 0; display: block; clear: both;}

thead th { border-bottom: 0 !important; font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif !important; color: #555 !important; width: 50%}

.content p { padding-bottom: 15px; }

/*************************************************************
  L A N D K E U Z E
*************************************************************/
#rollover_be, #rollover_nl, #rollover_fr, #rollover_lu, #rollover_uk { width: 110px; background-color: #B72727 !important; color: #FFF !important }
#rollover_be a, #rollover_nl a, #rollover_fr a, #rollover_lu a, #rollover_uk a { color: #FFF;}
/*************************************************************
  H E A D E R
*************************************************************/
#header { width: 962px; margin: 0 auto; }
#logo { float: left;}
#logo a { height: 94px; display: block; width: 251px; margin: 0; padding: 0; line-height: 0; font-size: 0;}
#logo img { border: 0;}
#language { float: right; padding-top: 10px; width:200px; overflow:hidden;}
#language select{ border: 1px solid #ccc; background-color: #FFF;}
#block-locale-0 { width: 200px }

#content .node-readmore   { padding-left: 0px; padding-top: 5px; display: inline-block; }

/*************************************************************
  C O U N T R Y    D R O P D O W N
*************************************************************/
ul#country-dropdown { width: 30px; padding: 0px; margin: 0px; text-align: center; overflow: hidden; position: absolute; z-index: 500; margin-left:160px}
ul#country-dropdown li { background-color: #FFF;}
ul#country-dropdown li.last { background-image: url(../../modules/rcaonline/language_dropdown_flags/icons/bg-dropdown.png); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.open { height:auto;}
.closed { height: 22px;}

#country-dropdown-arrow {  margin-left: 32px; float:right}

ul#country-languages { float:right; margin: 2px 0px 0px 4px; padding:0px; text-align:right; width:auto}
ul#country-languages li { display:inline; padding: 5px;}


/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { width: 962px; height: 31px; display: block; clear: both; margin: 0 auto;}
#navigation ul.menu li { display: block; float: left; margin: 0; padding: 0; }
#navigation  ul.menu li a, #navigation  ul.menu li a:link, #navigation  ul.menu li a:visited { font: bold 1em/2.5em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(images/menu_divider.gif) no-repeat center right; height: 31px; display: block; float: left; padding: 0 20px;}
#navigation  ul.menu li a:hover, #navigation  ul.menu li a:active, #navigation  ul.menu li a.active { background: url(images/menu_active.gif) no-repeat center right; }

#secondary-links { float: right;}
#secondary-links ul.menu li a, #secondary-links ul.menu li a:link, #secondary-links ul.menu li a:visited { background-image: url(images/menu_secondary.jpg) }
#secondary-links ul.menu li a:hover, #secondary-links ul.menu li a:active, #secondary-links ul.menu li a.active  { background-image: url(images/menu_active.gif);}

#sidebar_left .block { padding-bottom: 15px;}
/*************************************************************
  CONTENT WRAPPER
*************************************************************/
#wrapper { width: 982px; background: url(images/bg_wrapper.png) repeat-y top center; margin: 0 auto; position: relative; top: 20px;}
#top { width: 982px; height: 30px; background: url(images/bg_top.png) no-repeat top center;}
#content_wrapper { width: 962px; background: #fff url(images/bg_contentwrapper.png) repeat-x top left; margin: 0 auto; text-align: justify;}


/*************************************************************
  SIDEBAR LEFT
*************************************************************/
#sidebar_left { float: left; padding: 0 36px 0 ); width: 260px; text-align: left; }
#sidebar_left .block-menu-block { padding-left: 30px }
.no-sidebars #sidebar_left { display: none;}
#conceptimage { width: 336px; height: 310px; background: url(images/bg_sidebar.jpg) no-repeat top left; }

/* LAATSTE NIEUWS BLOCK RIGHT SIDEBAR */

#block-views-news-block_1 {width: 226px; border: 2px dotted #ccc; padding: 20px 20px 5px 20px; line-height: 120%; background-color: #FFF;}
#block-views-news-block_1 .views-row { margin: 0 0 15px 0;}
#block-views-news-block_1 .views-field-body { margin: 5px 0 0 0;}
#block-views-news-block_1 a, #block-views-news-block_1 a:link, #block-views-news-block_1 a:visited, #block-views-news-block_1 a:active  { padding-bottom: 5px;}
#block-views-news-block_1 h2 {margin: 0 0 15px 0; }

.view-news  { clear: both; padding-top: 26Px; margin-left: 30px}
.view-news .views-row { border: 2px dotted #CCC; padding: 15px; }

/*************************************************************
  CONTENT
*************************************************************/
#content { float: right; width: 556px; padding: 0 35px;}
.no-sidebars #content { width: 897px; padding: 0 35px 0 30px; }
#breadcrumb { width: 556px; text-align: right;}

#content li { list-style:disc; padding-left:20px; list-style-position:inside }
#content ul { margin:7px 0px}

#content #land_language li { list-style:none; padding:0px; }
#content #land_language ul { margin:0px }

#content #land_language div { background: transparent url(images/kaart/ballon.png) no-repeat top left !important; height: 30px; padding-top: 12px !important;}
#content #land_language div ul { height: 22px; padding-left: 27px}
#content #land_language div ul li { float: left}
#content #land_language div ul a { color: #AB2524; text-decoration: underline; padding-right: 7px; line-height: 22px;}

#content #land_language #rollover_uk ul { background: transparent url(images/kaart/vlaggen.jpg) no-repeat top left !important;}
#content #land_language #rollover_fr ul { background: transparent url(images/kaart/vlaggen.jpg) no-repeat 0px -22px !important;}
#content #land_language #rollover_be ul { background: transparent url(images/kaart/vlaggen.jpg) no-repeat 0px -44px !important;}
#content #land_language #rollover_nl ul { background: transparent url(images/kaart/vlaggen.jpg) no-repeat 0px -66px !important;}
#content #land_language #rollover_lu ul { background: transparent url(images/kaart/vlaggen.jpg) no-repeat 0px -88px !important;}
#content #land_language #rollover_de ul { background: transparent url(images/kaart/vlaggen.jpg) no-repeat 0px -110px !important;}

/*leveranciers*/
#content_wrapper .view-leveranciers td  { width: 49%; padding:20px 0 20px }
#content_wrapper .view-leveranciers table { width: 100%; }
#content_wrapper .view-leveranciers .views-row { float:left; margin:20px 0 20px; text-align:left; width:49%;}
/*#content_wrapper .view-Suppliers .views-row-first { border-top: 1px dotted #fff; display: block; clear: both; padding: 15px 0; }
#content_wrapper .view-Suppliers .views-field-field-logo-fid { padding: 0 0 10px 0; }
#content_wrapper .view-Suppliers .views-field-title { font: bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; margin-bottom: 10px; }
#content_wrapper .view-Suppliers .views-field-title a { color: #555; cursor: pointer; }
#content_wrapper .view-Suppliers .views-field-body { text-align: left; padding: 0 5px 0 0;}
#content_wrapper .view-Suppliers .views-field-view-node { padding-bottom: 5px;}*/

#footer .view-leveranciers  { display: inline-block; float: left; margin-top: 13px; }
#footer .view-leveranciers td { display: inline-block; margin-right: 15px }
#footer #block-menu-menu-footer-links { float: right; margin-top: 10px; margin-left: 15Px; }
#footer #block-menu-menu-footer-links li { list-style-type: none; list-style-image: none; }

.field-name-field-location .field-item { width: 157px; min-height: 160px; float: left; border: 1px dotted #ccc; padding: 10px; }
.field-name-field-location .odd { margin: 0 9px;}
.field-name-field-location .field-item .fn { margin-bottom: 10px; display: block; color: #922525; }
.node-type-supplier-address .field-field-supplier .field-label { margin-top: 10px;}
.node-type-supplier-address .field-field-gmap { margin-top: 10px;}

.field-field-website .field-label { margin-top: 15px;}
.postal-code  { display: inline-block; }

.field-field-logo {}
.field-field-logo .field-label { display: none ;}
.field-name-field-logo .field-items img { margin: 20px 0;}

#content .beeld_artikel { float:left; width:auto; margin: 0px 20px 5px 0px; }
/*************************************************************
  CONTENT - H O M E
*************************************************************/

/* login */
#login { width: 626px; height: 210px; background: url(images/bg_login.png) no-repeat center; margin: 0 -35px; padding: 0; }
#login_left div { text-align: right; display: block; margin-bottom: 4px;}
#login_left {  width: 240px; padding: 30px 0 0 40px; float: left;}
#login label { margin-right: 10px; color: #666; font-weight: normal; display: inline-block; }
#login input { border: 1px solid #ccc; height: 18px; }
#login input.button { background: #333 url(images/bg_button.png) repeat-x center; color: #FFF; padding: 3px 15px; margin: 0; height: auto; text-decoration: none;}
#login_right { float: left; padding: 30px  0 0 70px; width: 240px;}
#login h2 { color: #B52433; text-align: center;}
#login h3 { color: #4B4B4B; text-align: center; margin:0px!important; clear:none}
#login h3 a { color:#4B4B4B; text-decoration: none; padding-top:8px; display:block }
#login h3 a:hover { color:#4B4B4B; text-decoration: underline;}
#login .login-cart a { display:block; float:left; background: #FFF url(images/cart.jpg) no-repeat left; text-indent: -9999px; overflow:hidden; width:155px; height: 61px;  margin-left: 85px;  }

/* promo en over tradcom */
#block-views-teaser-block { width: 236px; border: 2px dotted #ccc; /*background: url(images/bg_abouttradcom.gif) no-repeat bottom center;*/ float: left; padding: 15px 15px 120px 15px; height: 115px;}
#block-views-teaser-block .content p { text-align:left }
#block-views-teaser-block .views-field-title {font: normal 1.5em/1em  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; margin-bottom: 20px;}
#block-views-teaser-block h2 a { text-decoration: none; }

.view-news .content p { text-align:left }
.view-news .views-field-title {font: normal 1.5em/1em  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; margin-bottom: 20px;}
.view-news h2 a { text-decoration: none; }

#block-views-promo-block  { width: 236px; float: right; padding: 15px; text-align: left; border: 2px dotted #ccc; line-height: 1.2em; height: 220px; }
#block-views-promo-block h2 { font-size: 1.4em; margin-bottom: 0;}
#block-views-promo-block h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #922525; padding: 0;}
#block-views-promo-block .views-field-view-node { display: block; clear: both;}
#block-views-promo-block .views-field-title {font: bold 1.3em/1em  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; margin-bottom: 25px; margin-top: 0px;}
#block-views-promo-block .views-field-field-promosubtitle-value {font: bold 1.5em/1em  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #00699b; margin-bottom: 15px;}
#block-views-promo-block img { position: relative; top: -15px;}
#block-views-promo-block .views-field-field-small-logo-fid img { position: relative; top: -50px; float: right;}
#block-views-promo-block .views-field-view-node{ position: relative; top: /*-80px*/ 0;}


#abouttradcom { width: 270px; height: 255px; background: url(images/bg_abouttradcom.gif) no-repeat top center; float: left;}
#promo { width: 270px; height: 255px; background: url(images/bg_promo.gif) no-repeat top center; }

/*************************************************************
  C O N T A C T
*************************************************************/
body.node-type-company-coordinates .content table { float: right;}


/*************************************************************
  FOOTER
*************************************************************/
#footer { width: 912px; height: 52px; display: block; clear: both; background: #fff url(images/bg_footer.png) no-repeat bottom center; padding: 0 35px; }
#copyright { float: right; padding-top: 12px; display: block;}
#block-menu-menu-footer {}
#block-menu-menu-footer h2 { display: none;}
#block-menu-menu-footer ul.menu { padding: 0; margin: 0; }
#block-menu-menu-footer ul.menu li { padding: 0; margin: 0; list-style-image: none; list-style-type: none; float: right; padding: 12px 0 0 10px;}

.view-leveranciers-footer {  width: 620px; float: left; padding: 4px 0 0 0;}
.view-leveranciers-footer img { float: left; margin-right: 15px; }

/*************************************************************
  ADMIN STYLE - TABS
*************************************************************/