/*
Cascading Style Sheet (css)
Website          : Dierenpension DEMO
Version          : V1.0
Author(s)        : Armand Laclé (armand /[at]/ webwerkers.nl)
Company          : Webwerkers
Created on       : 1 Oktober 2008
Last modified    : 

ABOUT & NOTES    : General formatting & Global reset.

/* General formatting  
-----------------------------------------------------------------------------*/ 
html { overflow: -moz-scrollbars-vertical !important; }

body {
     margin: 0;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #265a8e;
     background-color: #d3e1ee;
     line-height: 18px;
}

h1,h2,h3,h4,h5,h6 { 
    font-weight: bold; 
    color: #ff6c01;    
    font-size: 14px;
}

h1 { font-size: 14px; }

a:link,
a:visited { color: #265a8e; }

a:hover,
a:active {
     text-decoration: none;
     color: #265a8e;
}

.hr {
     height: 15px;
     background: url(../images/horz_dots.jpg) no-repeat scroll center;
}

.hr hr { display: none; }

.clear { clear:both; }

#wrapper {
     width: 980px;
     margin-right: auto;
     margin-left: auto;
     margin-top: 0px;
     position: relative;
     overflow: hidden;
}

#header{
    height:98px;
    background-color: #6699cc;
    position: relative;
    margin-top: 40px;
}

#header_logo{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}


.header_adres{
    float: right;
    width: 275px;
    padding-top: 5px !important;
    padding-top: 15px;
}

.adres1{
    float: left;
    width: 120px;
    padding-right: 14px;
    border-right: 1px solid #fff;
    text-align: right;
}

.adres2{
    float: right;
    width: 113px;
    padding-right: 10px;
}

.adres2 a, .adres2 a:visited{
    color: ;
}

#header img{
    padding-left: 0px;
}

#logo_top img{
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 10;
}


#links{
    width: 400px;
    color: #424242;
    float: left;

}

#links h1{
    background-color: #ff1b18;
    color: #fff;
    padding: 5px;
    padding-left:10px;
    margin: 0px;
}

#links p{
    background-color: #e6e6e8;
    border: 1px solid #b3b4b6;
    margin: 0px;
    padding: 10px 0px 10px 10px;
    float: left;
    width: 216px;
    color: #424242;
    line-height: 24px;
}

#links_verkocht {
    background-color: #2c2c2c;
    height: 115px;
    border-right: 1px solid #000;
}

#links_verkocht h1{
    background-color: #FF6C01;
    background: url(../images/verkocht_top.jpg) no-repeat top left;
    margin-bottom: 10px;
    height: 29px;
    
}

#midden{
    padding-bottom:20px;
    padding-left:15px;
    width:565px;
    z-index: 10;
    position: relative;
    float: left;
    background-color: #fff;
    overflow: hidden;
}

#verkocht .contentblok{
    float: left;
    clear: both;
}


#midden2{
    padding-bottom:20px;
    padding-left:15px;
    width:965px;
    z-index: 10;
    position: relative;
    float: left;
    background-color: #2c2c2c;
    overflow: hidden;
}

#footer {
     font-size: 10px;
     color: #000;
     padding-left: 10px;
     width: 850px;
     text-align: center;
     font-weight: bold;
     position: absolute;
     bottom: 10px;
     z-index: 11;
}

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

#content_bg img{
    position: absolute;
    bottom: 10px;
    right: 15px;
    z-index: 0;
}

/* MENU */

#menu{
    background-color: #265a8e;
    padding-left:9px;
    padding-top: 5px;
    width: 571px;
    height: 28px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#nav, #nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em;
    height:28px;
}

#nav a{
    color:#FFFFFF;
    display:block;
    font-size:11px;
    font-weight:normal;
    padding:4px 10px;
    text-decoration:none;
}

#nav a:hover{
    color:#fff;
    background-color: #0f3256;
}

#nav li{
    float:left;
    position:relative;
    background-image:tranparant;
}

#nav ul {
    position:absolute;
    display:none;
    width:11em;
    top:3.5em;
    background-color:#fff;
}

#nav li ul a{
    width:10em;
    height:auto;
    float:left;
    background-color:#dadada;
    color:#000000;
    background-image:none;
}

#nav li ul a:hover{
    background-color:#bcbcbc;
}

#nav ul ul{
    top:auto;
}    

#nav li ul ul {
    left:11em;
    margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}


/* CONTENT BLOKKEN */
#midden_home .contentblok{
    background-color:#EBEBEB;
    border-bottom:1px solid #265A8E;
    float:left;
    font-size:11px;
    padding-bottom:15px;
    padding-left:10px;
    width:517px;
}

#midden_home .contentblok h2{
    color: #ff6c01;
    font-size: 11px;
    margin-left: 110px;
}

#midden_home .contentblok .tekst_rechts{
    padding: 0px 0px 0px 0px;
    line-height: 18px;
    width: 400px;
}

#midden_home .contentblok .tekst_rechts p{
    padding: 0px;
    margin: 0px;
}

#midden_home .image_links img{
    width: 100px;
    float: left;
    padding-right: 10px;
    margin-top: -23px;
    border: 0px solid;
}

#midden_home .image_links{
    width: 110px;
}

#midden_home .home_intro{
    background-color: #ebebeb;
    border: 1px solid #265a8e;
    border-bottom: 0px solid;
    padding: 10px;   
    padding-left:15px;
    margin-right: 18px;
    padding-top:10px;
    margin-top: 10px;
    
}

#midden_home .home_intro2{
    background-color: #ebebeb;
    border: 1px solid #265a8e;
    padding: 10px;   
    padding-left:10px;
    margin-right: 18px;
    padding-top:10px;
    margin-top: 10px;
    float: left;
    
}

#midden_home .home_intro_bottom{
    background-image: url(../images/home_bottom_intro.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    height: 20px;
}

.home_sterke_links{
    margin-top: 0px;
    float: left;
    width: 240px;
}

#midden_home .home_sterke_links .contentblok{
    margin-top: 15px;
    float: left;
    width: 200px;
    background-color: transparent;
    text-align: center;
}

#midden_home .home_sterke_links .contentblok .image_links{
    float:left;
}

#midden .contentblok h2{
    padding-top: 0px !important;
    padding-top: 10px;
    color: #FF6C01;
    
} 

.home_sterke_bg{
    margin-top: 0px;
    background-image: url(../images/sterke_bg01.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    border-left: 1px solid #373737;
    border-right: 1px solid #373737;
}

.home_sterke_header{
    height: 44px;
}

.home_sterke_bg ul{
    margin: 0px;    
    padding: 0px;
    padding-left: 30px;
    padding-top: 10px;
    list-style-image: url(../images/bullet02.gif);
    line-height: 20px;
}

.home_sterke_bottom{
    background-image: url(../images/sterke_bg02.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    height: 20px;
}

/* PARTNER BLOK */

.partner_blok .contentblok{
    background-color:#373737;
    border:1px solid #2C2C2C;
    clear:both;
    float:left;
    margin-top:15px;
    padding:5px 10px 10px;    
    width: 527px;
}

.partner_blok .contentblok h2{
    color: #fff;
    font-size:13px;
    
}

.partner_blok .contentblok h2 a{
    color: #ff6c01;
    text-decoration: none;
    
}

.partner_blok .image_links{
    width: 130px;
    float: left;
    
}

.partner_blok .image_links img{
    width: 130px;
    
}

.partner_blok .tekst_rechts{
    width: 300px;
    float: left;
    padding-left: 15px;
    
}

.sloop .tekst_rechts{
    width: 429px;
    float: left;
    padding-left: 15px;
    
}


.image_links{
   float: left;
   width: 120px;
}

.image_links img{
   width: 110px;
   border: 0px solid;
}

.tekst_rechts{
    float: left;
    width: 420px;

}

/* kenteken */

div.kentekenplaat{
    background:white url(../images/kenteken.gif) no-repeat scroll 0 0;
}

input.kentekenplaat{
    background-color:#F4BE04;
    border:1px solid #F4BE04;
    font-size:61px;
    font-weight:bold;
    letter-spacing:4px;
    line-height:60px;
    margin-bottom:15px;
    margin-left:76px;
    margin-top:21px;
    text-transform:uppercase;
    width:330px;
}

#links_verkocht a{
    color: #fff;
    text-decoration: none;
}

#links_verkocht a:hover{
    color: #FF6C01;
    text-decoration: none;
}

#terugbelTableForm{
    border: 1px solid #2C2C2C;
    background-color: #373737;
    padding: 10px;
}

.header{
    color: #FF6C01;
    font-weight: bold;
    padding-bottom:5px
}

#links_verkocht2{
    height: auto;
    background-color:#EBEBEB;
    border:1px solid #265A8E;
    float: left;
    margin-top: 10px;
    padding: 10px;
}

#links .contentblok{
    float: left;
    width: 120px;
}

#links_verkocht2 p{
    background:transparent none repeat scroll 0 0;
    border:0 solid;
    color:#FFFFFF;
    font-size:14px;
    padding-top:0;
    width:370px;
}

#links_verkocht2 .contentblok h2{
    display: none;
}

#links_verkocht2 .tekst_rechts{
    width: 399px;
}

#links_verkocht2 h1{
    background-color: #FF6C01;
    background: url(../images/verkocht_top.jpg) no-repeat top left;
    margin-bottom: 10px;
    height: 19px;
    
}

.partner_blok .contentblok .tekst_rechts p{
    margin-top: 0px;
}