﻿/************Main layout****************/
body {
    padding:0px;
    padding-top:25px;
    margin:0px;
    font-family:Arial;
    font-size:12px;
    line-height:20px;
    background-image:url(../../img/bg_main.gif);
    color:#4C4C4C;
}

h1 {
    color:#000000;
    line-height:normal;
    font-size:27px;
    margin-top:0px;
    /*margin-top:7px;*/
    margin-bottom:7px;
}

h2 {
    color:#000000;
    line-height:normal;
    font-size:17px;
    margin-top:0px;
    margin-bottom:7px;
}

p {
    padding:0px;
    margin:0px;
}

img {
    border:0;
}

a {
    color:#BD2F19;
}

.divFullSite
{
    width: 950px;
    margin:auto;
}

.divHeader
{
    position:relative;
    width:100%;
    height:62px;
    clear:both;
    margin-bottom:37px;
    background-image:url('../../img/headerbalk_jager.jpg');
    background-repeat:no-repeat;
}

.divTopContent
{
    position:relative;
    width:700px;
    float:left;
    margin-bottom:37px;
}

.divContent
{
    background:#ECECEC url(../../img/verloop.gif) repeat-x top left;
    border:1px solid #D1D1D1;
    position:relative;
    min-height: 230px;
    padding:14px;
}

.divContentHome {
    background:#ECECEC url(../../img/verloop.gif) repeat-x top left;
    border:1px solid #D1D1D1;
    position:relative;
    min-height: 230px;
    padding:10px;
}

.divMenu
{
    position:relative;
    width:100%;
    height:35px;
    background-color:#BE301A;
}

.divRightContent
{
    position:relative;
    width: 215px;
    float: right; 
}

.divSmallRedBar 
{
    position:relative;
    height: 35px;
    width:100%;
    background-color:#BE301A;
}

.divLargeRedBar
{
    position:relative;
    height:37px;
    width:100%;
    background-color:#BE301A;
    margin-bottom:36px;
}

.divTopRightContent
{
    background:#ECECEC url(../../img/verloop.gif) repeat-x top left;
    border: 1px solid #D1D1D1;
    position:relative;
    height: 250px;
    /*width: 100%;*/
}

.divBottomContent
{
    position:relative;
    background:#ECECEC url(../../img/verloop.gif) repeat-x top left;
    border: 1px solid #D1D1D1;
    /*width:100%;*/
    min-height: 315px;
    height:100%;
    clear:both;
}

.divFooter
{
    position:relative;
    width:100%;
    background-color:#6D6D6D;
    float:left;
    clear:both;
    height:47px;
}


/*****************Menu***********************/

.divMenu {

    font-size:13px;
    font-weight:bold;
}

.divMenu a {
    text-decoration:none;
    color:White;
}

.divMenu ul
{
    margin:0;
    padding:0px;
    padding-top:7px;
    padding-left:4px;
    list-style-type: none;
}

.divMenu ul li
{
    display:inline;
    padding-left:10px;
    padding-right:10px;
}

/****************FAQ*********************/

.divFaqPage h2
{
    padding-top:20px;
}

.clickable
{
    text-decoration:underline;
    cursor:pointer;
    cursor:hand;
}

.divCategories
{
    font-weight:bold;
}

.divFaqQuestion
{
    color: #BD2F19;
    font-weight:bold;
}

.divFaqAnswer
{
    color:#4C4C4C;
    display:none;
    font-weight:normal;
    text-decoration:none;
    cursor:default;
}


/*************Footer********************/

.divFooterLinks
{
    position:relative;
    margin-top:auto;
    margin-bottom:auto;
    float:left;
}

.divFooterIdealLink
{
    position:relative;
    color:#C2C2C2;
    float:right;
    margin-right:10px;
    width:170px;
}

.divFooterIdealLink img
{
    float:right;
    margin-top:7px;
}

.divFooterIdealText {
    margin-top:15px;
    margin-right:10px;
    float:left;
}

.divFooterLinks ul
{
    list-style-type: none;
    margin:0px;
    padding:0px;
    padding-top:15px;
    padding-left:4px;
}

.divFooterLinks ul li
{
    display:inline;
    
    padding-left:10px;
    padding-right:10px;
}

.divFooterLinks .borderRight {
    border-right: 1px solid #C2C2C2;
}

.divFooter a
{
    color:#C2C2C2;
    text-decoration:none;
}

/********Selecteer afvaltype**********/

.divAfvalType {
    position:relative;
    float:left;
    margin-left:18px;
    margin-top:30px;
    text-align:center;
}

.afvalTypeOverlay {
    position:absolute;
    top:127px;
    left:0px;
    width:115px;
    z-index:5;
    color:White;
}

.afvalTypeMeerInfo {
    position:relative;
    font-size:12px;
    font-weight:bold;
}

.afvalTypeMeerInfo a {
    text-decoration:none;
    color:White;
}

.afvalTypePrijs {
    position:relative;
    font-size:15px;
    font-weight:bold;
    margin-top:5px;
}

.divAfvalSelectorTitle {
    margin-top:18px;
    margin-left:18px;
    font-size:29px;
    color:#000000;
}
/***********************Selecteer container******************************/

.divContainerSelector {
    height:340px;
}

.containerType {
    position:relative;
    margin-left:9px;
    margin-right:9px;
    float:left;
    text-align:center;
}

.containerDetails img {
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.containerDetails {
    position:relative;
    color:White;
}

.containerTypeOverlay {
    position:absolute;
    top:10px;
    left:18px;
    width:135px;
    font-size: 13px;
    font-weight:bold;
}

.containerTypeMeerInfo a {
    text-decoration:none;
    color:White;
}

.divContainerName {
    position:relative;
    font-size:18px;
    color:#000000;
    margin-bottom:15px;
}

.divContainerSelectorTitle {
    /*margin-top:23px;*/
    padding-top:23px;
    margin-left:23px;
    font-size:29px;
    color:#000000;
}

.selectedAfvalType {
    position:relative;
    margin-left:164px;
}

/*****************Bestelformulier************************/

.divOrderFormTitle {
    padding-top:10px;
    font-size:29px;
    color:#000000;
}

/********Blok met container en korte tekst op frontpage************/

.divContainerImage
{
    position:relative;
    width:352px;
    float:left;
}

.divFrontPageText
{
    position:relative;
    width:326px;
    float:right;
}

.divFrontPageText p {
    padding-bottom:10px;
}

/**************Contactinfo blokje******************/

.divContactInfoWrapper
{
    margin-left:20px;
    padding-top:16px;
}

/**************Fancyboxes*******************/

.fancyboxContent
{
    max-width:400px;
   /* background-image:url(../../img/bg_main.gif); */
}
