/* Create a file named "_indexStyles.css" in the "index.html" directory to put customized content. */
body {
  background	   : url("images/background.jpg");
  background-clip  : border-box;
  background-attachment: fixed;
  background-position-x: 100%;
  background-position-y: 50%;
  color		   : #2f2f31;
  font-family	   : "Trebuchet MS", Helvetica, sans-serif;
  font-size        : 80%;
  margin           : 0px;
  padding	   : 0px;
}

img {
  border           : 0px;
}

a {
  color		   : black;
}

a:hover {
  color		   : blue;
}

.tab {
  border           : none;
  display          : none;
  vertical-align   : top;
  width            : 780px;
}


/* Styles for sections */

#footer {
  display          : block;
  text-align       : center;
  width            : 780px;
}

.row {
  width		   : 100%;
  overflow	   : hidden;
  margin	   : 0px auto;
  min-width	   : 750px;
  max-width	   : 880px;
}

.foot {
  clear		   : both;
  padding-bottom   : 25px;
  margin-top	   : 40px;
}

.foott {
  text-align	   : center;
  color		   : #de6301;
}

.onecol, .twocol, .threecol, .eightcol, .ninecol, .twelvecol {
  margin-right	   : 3.8%;
  float		   : left;
  min-height	   : 1px;
}

.powerd { margin-top : 0px;}
.stripe {
  height	   : 20px;
}

.row .threecol {
  width		   : 22.05%;
}

.row .ninecol {
  width		   : 74.05%;
}

.row .twocol {
  width		   : 13.45%;
}

.powerdby {
   float: left;
   margin-right: 15px;
}

.stripe {
  background	   : url("http://www.eklifesaving.nl/images/bg_stripe.jpg") repeat-x left center;
  height	   : 20px;
}

.last {
  margin-right	   : 0px;
}

.row .eightcol {
  width		   : 65.4%;
}

.row .twelvecol {
  width		   : 100%;
  float		   : left;
}

#header {
  background	   : url("images/bg_white.png");
  border           : none;
  font-size        : 100%;
  font-weight      : bold;
  margin	   : 0px auto;
  width		   : 100%;
  min-width	   : 750px;
  max-width	   : 880px;  
  padding	   : 0px 40px;
  box-shadow	   : 0px 0px 5px #666;
}

.fb {
  width		   : 28px;
  height	   : 30px;
  position	   : absolute;
  right		   : 0;
  background	   : url(images/fb.png) no-repeat left 0px;
  top		   : 0;
}

.fb:hover {
  background	   : url(images/fb.png) no-repeat left -30px;
}

a.faceb {
  display	   : block;
  width		   : 28px;
  height	   : 30px;
}

.tencol {
margin-left	   : 118px;
}

#logo {
   float 	   : left;
   width	   : 100px;
   margin-top	   : 25px;
}

.headtitel {
  color		   : #0d4983;
  text-transform   : uppercase;
  font-family	   : "Rokkitt", serif;
  font-weight	   : 700;
  font-size	   : 6em;
  line-height	   : 0.7em;
  margin 	   : 0px;
  padding-top	   : 40px;
}

.headtitel h1{
  padding 	   : 10px;
}

#languages {
  float 	   : right;
  padding-top	   : 27px;
}

#languages ul li {
  margin-right	   : 2px;
  float		   : left;
  list-style-type  : none;
  list-style-position : outside;
  list-style-image : none;
}

#lastupdate {
  font-size        : 0.9em;
  margin-bottom    : 5px;
  text-align       : right;
  width            : 100%;
}

#navigation {
  color		   : #0d4983;
  margin	   : 30px 0px;
  font-family	   : "Rokkitt", serif;
  font-size	   : 1.3em;
  line-height	   : 1.2em;
  text-transform   : uppercase;
  width            : 100%;
}

#noscript {
  border           : none;
  font-size        : 13px;
  font-weight      : bold;
  color            : red;
  margin-bottom    : 15px;
  text-align       : center;
  width            : 100%;
}

#freeText {
  background-color : #EFEFEF;
  border           : solid 1px black;
  color            : navy;
  font-weight      : bold;
  margin-bottom    : 15px;
  margin-left      : 40px;
  margin-top       : 10px;
  padding          : 3px;
  text-align       : center;
  vertical-align   : top;
  width            : 90%;
}

#results {
  margin-bottom    : 15px;
  vertical-align   : top;
  width            : 100%;
  line-height	   : 160%;
  font-size	   : 1em;
}


/* Styles for table rows */

.trList0 {
}

.trList1 {
  background-color: #DFDFDF;
}

.trTitle1 {
}

.trTitle2 {
  background-color: #CFCFCF;
}


/* Styles for table cells */

.title1 {
  font-size        : 15px;
  font-weight      : bold;
  padding-bottom   : 8px;
}

.title2 {
  font-weight     : bold;
}

.leftText {
}

.centerText {
  text-align      : center;
}

.rightText {
  text-align      : right;
}



/* End content "_indexStyles.css" include file */

/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {

   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/


div#menu_horiz {

   margin: 0;

   font-family: 'Rokkitt', serif;

   font-weight: 700;

   z-index: 10;

   margin-top: 13px;

}


/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {

   margin: 0;

   padding: 0;

   border-bottom: 1px dotted #d30016;

   height: 30px;

}


/* menu list items */


div#menu_horiz li {

   float: left; /* makes the list horizontal */

   list-style: none; /* hides the list bullet */ 

   margin: 0;

}


/* the links, that is each list item */


div#menu_horiz a {

   padding: 0 0.7em; /* padding inside the list item box */

   margin: 0; /* margin outside each list item box */

   text-decoration: none; /* no underline for links */
 
   color: #d30016;

   display: block; /* IE has problems with this, fixed above */

   line-height: 30px;

   font-size: 1.3em;

   text-transform: uppercase;

   font-weight: 700;

}



div#menu_horiz li:hover {

  background: #fff;

}




div#menu_horiz li a.menuactive {

  background: #fff;

  color: #de6301;

}



div#menu_horiz li a.menuactive:hover {

  background: #fff;

  color: #de6301;

}



li.parent:hover {
}

/* hover state for links */

div#menu_horiz li a:hover {
}


div#menu_horiz a.activeparent:hover {
}

/* active parent, that is the first-level parent of a child page that is the current page */

div#menu_horiz li.activeparent a {
}




/*************** TWEEDE LAAG **********************/


.slidercontainer {z-index:1;}


div#menu_horiz ul li.parent ul{
   display: none;
   position:absolute;
   z-index: 8;
   top:190px;
   height: auto;
   width: 250px;
   padding: 10px;
   background: #fff;
   border-bottom: none;
}



div#menu_horiz ul li.parent:hover ul{display:block;
}


div#menu_horiz ul li.parent ul li {
   width: 100%;
}


div#menu_horiz ul li.parent ul li a {

   margin: 0; /* margin outside each list item box */

   text-decoration: none; /* no underline for links */

   color: #de6301;

   display: block; /* IE has problems with this, fixed above */

   line-height: 20px;

   font-size: 1.2em;

   padding: 2px 0;

}



div#menu_horiz  ul li.parent ul li a.menuactive {

   color: #d30016;

   border-bottom: 1px dotted #d30016;

}


/* hover state for links */

div#menu_horiz  ul li.parent ul li a:hover {
  color: #d30016;
}


div#menu_horiz  ul li.parent ul li a.activeparent:hover {
}
