/* Start of CMSMS style sheet 'wissels_techniek CSS' */
/* -----------------------------  LAYOUT  --------------------------- */

html, body {
height: 100%; /* héél belangrijk */
}

* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: verdana;
   background-color: #9fbfdf;
  color: #000;
margin:0;
padding:0;
height:100%;
}

#page_wrapper {
position: relative;
margin: 0 auto;
text-align: left;
background: url(uploads/images/sidebar.jpg) left top repeat-y;
background-color: #0070e0;
min-height:100%;
width: 1002px;
margin:auto;
}

* html #page_wrapper {height:100%}


#header {
  width: 1002px;
  height: 151px;
  /*background: url(uploads/images/header.jpg) top no-repeat;*/
  background-color: #FFF;
  border-bottom: 4px solid #000;
}

#header h1 a, #header h2 {
display: none;
}

div#taal {
   position: absolute;
   right: 10px;
   /*margin-top: 121px;*/
   padding: 8px 10px 0px 15px;
}

div#taal img {
   border : none;
   padding-left: 5px;
}


#sidebar {
float: left;
padding: 18px 0;
width: 240px;
}

div#main_wrap:after {
content:" ";
display:block;
clear:both;
}


div#main {
width: 682px;
padding: 40px 40px 0 40px;
min-height: 310px;
background: url(uploads/images/main_bg.jpg) right top no-repeat;
float: right;
}

div#main p {
   color: #FFF;
   font-size: 13px;
   font-family: verdana;
}

#footer {
position:absolute;
bottom:0;
height: 314px;
width:1002px;
text-align:left;
background-color: #0070e0;
}

/* ==================================================================
 Hieronder alle afbeeldingen koppelen aan de pagina-aliassen!
 Zowel Nederlands als Engels, gescheiden door een komma. Bedankt-pagina en contact gebruiken op dit moment dezelfde afbeelding.
=================================================================== */


.footer_welkom, .footer_welcome { background: url(uploads/images/footers/home.jpg) left top no-repeat;}

.footer_producten, .footer_products { background: url(uploads/images/footers/reserve.jpg) left top no-repeat;}

.footer_Seismic-Oilfield-Servises, .footer_Seismic_Oilfield_Servises { background: url(uploads/images/footers/boorputten.jpg) left top no-repeat;}

.footer_Innovatie, .footer_Innovation { background: url(uploads/images/footers/boormastjes.jpg) left top no-repeat;}

.footer_boormaschines, .footer_drillingmachines { background: url(uploads/images/footers/boormasten.jpg) left top no-repeat;}

.footer_Wissels-Techniek, .footer_Wissels_Techniek { background: url(uploads/images/footers/verkoop.jpg) left top no-repeat;}

.footer_fotoalbum, .footer_photogallery { background: url(uploads/images/footers/fotoalbum.jpg) left top no-repeat;}

.footer_contact, .footer_contact_2, { background: url(uploads/images/footers/contact.jpg) left top no-repeat;}

.footer_bedankt, .footer_request { background: url(uploads/images/footers/reserve01.jpg) left top no-repeat;}

.footer_boormastjes, .footer_request { background: url(uploads/images/footers/reserve01.jpg) left top no-repeat;}

.footer_plattegrond, .footer_map { background: url(uploads/images/footers/reserve01.jpg) left top no-repeat;}

.footer_contactgegevens, .footer_contactinformation { background: url(uploads/images/footers/over.jpg) left top no-repeat;}

.footer_contactformulier, .footer_contactform { background: url(uploads/images/footers/contact.jpg) left top no-repeat;}

/* =================================================================== */





div#main_wrap { /* RUIMTE ONDERKANT TEKST, GELIJK AAN FOOTER HOOGTE */
padding-bottom: 314px;
}


div#adres {
   text-align: left;
   position: absolute;
   bottom: 20px;
   margin: 0 18px;
   width: 180px;
   padding: 8px 10px;
}

div#adres p {
   font-family: arial;
   color: #000;
   line-height: 18px;
   font-size: 14px;
   font-weight: bold;
}

#adres a {
   color: #000;
   text-decoration: underline;
}

#adres a:hover {
   color: #F60;
   text-decoration: underline;
}

div#adres img {
   padding: 7px 0px;
}


/* -----------------------------  STYLING ELEMENTEN  --------------------------- */


h2, h3, h4, h5 {
   color: #FFF;
   font-family: helvetica, arial;
   margin-bottom: 20px;
}


h1 {   font-size: 28px; }
h2 {   font-size: 24px; font-weight: normal; }
h3 {    font-size: 20px; font-weight: normal; }
h4 {    font-size: 16px; }
h5 {    font-size: 12px; }

h6 {
   font-size:11px;
   font-weight: bold;
   padding-bottom: 5px;
}


a:link, a:active, a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #90d0f4;
}

a:hover {
   text-decoration: none;
   background-color: #inherit;
   color: #90d0f4;
}

p {
   font-size: 12px;
   margin: 0 0 15px 0; /* some air around p elements */
   line-height: 1.5em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}



/* -----------------------------  LIST ITEMS  --------------------------- */


/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   color: #000;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
   list-style-type: disc;
   color: #FFFFFF;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* -----------------------------  CONTACTFORM STYLING  --------------------------- */


td {
color: #FFF;
font-size: 12px;
}

.formwrapper textarea {
border: 1px solid #00507d;
padding: 2px;
margin: 0 0 0 3px;
width: 300px;
height: 150px;
font-family: verdana, arial;
font-size: 11px;
color: #000;
}

.formwrapper input {
border: 1px solid #00507d;
padding: 2px;
margin: 0 0 0 3px;
width: 150px;
font-size: 12px;
color: #000;
}

.formwrapper .fbsubmit{
border: 1px solid #004f9d;
padding: 2px;
margin: 0 0 0 3px;
width: 150px;
font-size: 13px;
color: #000;
background-color: #b4b4b4;
}

/* -----------------------------  MENU STYLING  --------------------------- */


#menuwrapper {
   margin: 0 18px;
   padding: 8px 7px 10px 7px;
   z-index: 9;
   width: 186px;
   font-family: arial;
   font-size: 14px;
   font-weight: bold;
}

#primary-nav {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

 #primary-nav ul {
   list-style: none;
   margin: 0;
   padding: 0px;
   position: absolute;
   top: 0;
   left: 100%;
   display: none;
   width: 100%;
}

#primary-nav li {
   position: relative;
}


#primary-nav li ul {
margin-top: 5px;
}

#primary-nav a {
   padding: 7px 8px 5px 8px;
   line-height: 12px;
   border: none;
   display: block;
   color: #000;
   text-decoration: none;
   border-bottom: 2px solid #003f7d;
   min-height:1em; /*Fixes IE7 whitespace bug*/
}

 html>body #primary-nav a { /*IE 7 ONLY */
   line-height: 16px;
}


#primary-nav li.menuactive {
   background-color: #2a86e1; /* ACTIVE BUTTON ALL BROWSERS */ 00507d
}

#primary-nav li.menuparent {
   background-color: transparant; /* BUTTONS MET SUBMENU ALL BROWSERS */
   background-position: center right;
   background-repeat: no-repeat;
}

#primary-nav li.menuparent:hover {
   background-color: #0060bf; /* MAIN HOVER MET SUBMENU FIREFOX */
   background-position: center right;
   background-repeat: no-repeat;
}

#primary-nav li.menuparenth {
   background-color: #transparant; /* FUNCTIE ONBEKEND */
   background-position: center right;
   background-repeat: no-repeat;
}

#primary-nav li:hover { /* SUBMENU HOVER */
   background-color: #0060bf;
}

#primary-nav li.menuh {
   background-color: #0060bf; /* MAIN HOVER ZONDER SUMENU IE */
   border: none;
}

#primary-nav li.menuparenth {
   background-color: #0060bf; /* MAIN HOVER MET SUMENU IE */
}

#primary-nav li.menuactiveh { /* MAIN ACTIVE HOVER */
   background-color: #0060bf;
}

#primary-nav li ul { /* SUBMENU ACHTERGROND KNOPPEN */
   border: 1px solid #404884;
   background-color: #f3f3f3;
}

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
   display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul
{
   display: block;
}

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* -----------------------------  ALBUM STYLING  --------------------------- */
div#main .albumlist li {
list-style: none;
width: auto;
margin-right: 10px;
margin-top: 10px;
margin-left: 5px;
}
div#main .picturelist {
margin-top: 10px;

}
div#main .picturelist li {
list-style: none;
}
.albumlist h3 {
   font-family: arial,sans-serif;
   font-size: 16px;
   color: #000000;
   margin: 10px 0 15px 0;
}
.albumname,
.instructiontext {
clear: both;
font-family: arial,sans-serif;
font-size: 11px;
text-align: center;
font-weight: normal;
font-style: normal;
}
.albumpicturecount {
font-size: smaller;
text-align: center;
font-weight: normal;
font-style: italic;
}


/* End of 'wissels_techniek CSS' */