/*** GLOBAL ***/

@import url("secondary-content.css");

html body *, html body
{
  margin: 0;
  padding: 0;
}
html, body
{
  height: 100%;
}

.h1link h1
{
  padding-bottom:4px;
  margin-bottom:6px;
  background-repeat:no-repeat;
  text-decoration:none;
  text-indent:-20000px;
}

.h1link div
{
  padding-bottom:4px;
  margin-bottom:6px;
  background-repeat:no-repeat;
  text-decoration:none;
  text-indent:-20000px;
}

.h1link:hover,
.h1link
{
  display:block;
  width: 100%;
  text-decoration:none;
}

.gecko .h1link h1
{
  padding-bottom:14px;
}

.gecko .h1link div
{
  padding-bottom:14px;
}

/* handjes consistent doorvoeren? */
input[type=radio], input[type=checkbox], select, .expandcollapser
{
  cursor: pointer;
}

.cleardiv
{
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  padding: 0;
  margin: 0;
}

.hrdiv
{
  height: 1ex; /* bottom "margin" */
  font-size: 1ex; /* bottom "margin" */
  border-style: solid;
  border-color: #dddddd;
  border-width: 1px 0 0 0;
  padding: 0;
  margin: 1ex 0 0 0; /* top margin :) */
  clear: both;
  display: block;
}

ul, ol, li
{
  list-style: none;
}
a
{
  color: #333399;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

.breadCrumbBox {
  background-color: #f8f8fb;
  padding-left: 4px;
}
.breadCrumbBox a
{
  text-decoration: none;
  color: #353896;
}
.breadCrumbBox a:hover
{
  text-decoration: underline;
}
.breadCrumbBox a.last {
  color: #F8991C;
  font-weight: bold;
}

img
{
  border: none;
}
.hidden, .collapsed, #googleMapResultsCoords
{
  height: 1px;
  display: none;
  overflow: hidden;
}
.hiddensearch
{
  height: 1px;
  display: none;
  overflow: hidden;
}
.warning
{
  color: red;
}
table, h3, h4, h5, h6
{
  font-size: 100%;
}
.customer-rating
{
  color: gray;
  font-weight: bold;
  padding: 3px 0;
  margin-left: 1em;
}
.customer-rating img
{
  background: white url(/img/bg_customer_rating_fill.gif) left center no-repeat;
}

p.notice
{
  clear: both;
  padding: .5em;
  margin: 0;
  color: #353896;
  background-color: #fef5e8;
}

p.notice img
{
  margin: 0 .2em 0 0;
  vertical-align: baseline;
}

a.print, li.print a
{
  background: url(/img/print.gif) left bottom no-repeat;
  padding: 0 0 0 20px;
}

.darkblue
{
  color: #353896;
}

/*** FRAMEWORK ***/
body
{
  background-color: #f1f1f1;
  font-family: Arial, Sans-Serif;
  font-size: 70%;
  text-align: center;
}
#main-box
{
  margin: 0 auto;
  padding: 4px 12px 4px 12px;
  background: url( "/img/verticale-schaduw.jpg" ) repeat-y;
  text-align: left;
  min-height: 290px !important;
  width: 976px;
}
* html #main-box
{
  height: 290px;
}
#extra
{
  position: absolute;
  margin: 4px 0 0 -12px;
  width: 1000px;
  height: 12px;
  overflow: hidden;
  background-image: url( "/img/shadow-bottom.gif" );
}

/*** HEADER ***/
#header
{
  width: 100%;
  position: relative;
  padding: 4px 0 26px 0;
  background-image: url( "/img/blauwe-seperator-puntje.gif" );
  background-repeat: repeat-x;
  background-position: bottom left;
}
#header h2 a
{
  display: block;
  height: 47px;
}

#header #header-image
{
  margin: 0 0 1px 0;
}

/*** EXTRA MENU ***/
#extramenu
{
  position: absolute;
  font-size: 1.1em;
}

#extramenu li
{
  float: left;
  margin-top: 2px;
  padding: 0 10px;
}

#extramenu li.selected
{
  font-weight: bold;
}

/*** CONTENT ***/
#content-box
{
  float: left;
  margin-bottom: 6px;
  padding: 0 0 6px 0;
  border-left:1px solid white;
}

#primary-content-box
{
  position: relative;
  float: left;
  width: 732px;
  z-index: 1;
}

#secondary-content-box
{
  position: relative;
  float: right;
  width: 236px;
  z-index: inherit;
  margin-left: 6px;
}

#no-js
{
  width: 100%;
  font-weight: bold;
  color: Red;
}

/*** FOOTER ***/
#footer
{
  clear: both;
  position: relative;
}

#phone
{
  padding: 7px 0 0 8px;
  font-weight: bold;
  font-size: 1.1em;
  height: 27px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 20px;
}
#phonenumber
{
  color: #FFFFFF;
}
#legalmenu
{
  position: absolute;
  top: 7px;
  right: 10px;
}
#legalmenu li
{
  float: left;
  padding: 0 6px;
  border-left: 1px solid #FFFFFF;
}
#legalmenu li.selected
{
  font-weight: bold;
}
#legalmenu li.first
{
  border: none;
}
#links
{
  position: absolute;
  padding: 8px 0 8px 10px;
}
#link-anvr
{
  position: relative;
  top: -5px;
  padding-right: 16px;
}
#link-sgr
{
  position: relative;
  top: -3px;
  padding-right: 16px;
}
#link-thuiswinkel
{
  padding-right: 20px;
}
#highlightmenu
{
  position: absolute;
  font-family: Tahoma, Arial, sans-serif;
}
#highlightmenu li
{
  position: relative;
  float: left;
  padding: 0 15px;
  border-left: 1px solid #5D5D5D;
}
#highlightmenu li.first
{
  border: none;
  padding-left: 0;
}
#highlightmenu li.selected
{
  font-weight: bold;
}
#highlightmenu a
{
  color: #5D5D5D;
}
#copyright_vs
{
  clear: both;
  position: absolute;
  color: #888;
  font: .8em Tahoma, Arial, sans-serif;
}

/* Preview in Lime */

#preview .preview
{
  display: block !important;
}

#preview .placeholder, #preview .limebutton, #preview #cms-edit-tools
{
  display: none;
}

#preview .paragraphs, #preview .paragraph, #preview .q42editable
{
  background-color: transparent !important;
  font: 85% Arial, sans-serif !important;
}

#selectcamp
{
  position: absolute;
  top: 35px;
  right: 0;
  padding: 0 20px;
}

#selectcamptext
{
  clear: both;
  position: absolute;
  top: 60px;
  right: 0;
  padding: 0 20px;
  color: #5d5d5d;
  font: .8em Tahoma, Arial, sans-serif;
}

#extraHeaderTitle
{
  font-size: 1.4em;
  position: absolute;
  right: 130px;
  top: 17px;
  font-weight: bold;
  text-transform: uppercase;
}

.darkBlue
{
  color: #343795;
}

.lightBlue
{
  color: #9999CC;
}

.extrabar
{
  background-color:White;
  position:absolute;
  top: 223px;
  height: 20px;
  width: 250px;
}

#newsletterLink 
{
	position:absolute;
  top: 5px; left: 262px;
}

#toolTip {
	position:absolute;
	width:300px;
	background-color:#f6f5fb;
	border:1px solid #333399;
	border-left-width:1px;
	font-size:9pt;
	font-family:arial,verdana,sans serrif;
	color:#626262;
	padding:5px 5px 5px 5px;
	display:none;
	z-index:100;
}

.showpointer 
{
	cursor:default !important;
}

.ssl_loading
{
	margin:25px 0 25px 25px;
}