﻿/*
CNVV.nl
by Bart Heimenberg / Matching Concepts / Copyright
Versie: 1.0
Versie: 1.1 29-1-2008
Versie 2.0 Met Flash, nieuwe pagina namen

Kleurgebruik:
Roze: #e2007a;
Grijs-tekst: #878889;
Paars: #93117e

3 kolommen / 315 / 315 / 320 = 950
Kolom links = 630 Rechts 320

*/

* {
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
    list-style-type: none;
}

address {
    text-align: right;
    border-bottom: 30px solid #ccc;
}

a:link, a:visited {
    color: #e2007a;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body {
    background: #333 url(../../Media/bgBody.gif) left top;
    font: 10pt/18pt arial, verdana normal;
    color: #878889;
}

h1 {
    width: 950px;
    height: 255px;
    float: left;
}

h1 span {
    display: none;
}

#h1001 {
    background: #fff url(../../Media/h1001.jpg) right top no-repeat;
}

#h1002 {
    background: #fff url(../../Media/h1002.jpg) right top no-repeat;
}

#h1003 {
    background: #fff url(../../Media/h1003.jpg) right top no-repeat;
}

#h1004 {
    background: #fff url(../../Media/h1004.jpg) right top no-repeat;
}

#h1005 {
    background: #fff url(../../Media/h1005.jpg) right top no-repeat;
}

#h1006 {
    background: #fff url(../../Media/h1006.jpg) right top no-repeat;
}

#h1007 {
    background: #fff url(../../Media/h1007.jpg) right top no-repeat;
}

#h1008 {
    background: #fff url(../../Media/h1008.jpg) right top no-repeat;
}

#h1009 {
    background: #fff url(../../Media/h1009.jpg) right top no-repeat;
}

h2 {
    margin: 0 0 10px 0;
    font-size: 14pt;
    color: #e2007a;
    text-transform: uppercase;
}

h3 {
    margin: 0 0 20px 0;
    font-size: 11pt;
}

p {
    margin: 0 0 20px 0;
}

ul#Navigation {
    float: left;
    border-top: 10px solid #fff;
    padding: 0 0 10px 0;
    background: white;
    width: 100%;
}

ul#Navigation li {
    display: inline;
}

ul#Navigation li a:link, ul#Navigation li a:visited {
    text-decoration: none;
    text-transform: uppercase;
    color: #e2007a;
    padding: 0 10px;
    border-left: 1px solid #878889;
    font-size: 9pt;
}

ul#Navigation li:first-child > a {
    border-left: 0;
}

ul#Navigation li a:hover {
    color: #1a171b;
}

div#Wrapper {
    width: 950px;
    margin: 0 auto;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    background: transparent url(../../Media/bgWebsite.gif) left top repeat-y;
}

/* 
Give Content 30px borders
Content Initial width = 630px (30+570+30=630)
 */

div#Content {
    width: 570px;
    float: left;
    background: #fff;
    border-right: 30px #fff solid;
    border-left: 30px #fff solid;
    border-bottom: 30px #fff solid;
}

/* 
Give Right 30px borders
Right Initial width = 320px (30+260+30=320)
 */

div#Right {
    width: 260px;
    float: left;
    border-top: 30px #ccc solid;
    border-bottom: 30px #ccc solid;
    border-left: 30px #ccc solid;
    background: #ccc;
}

#Right img {
    border: 2px white solid;
    margin: 10px 0;
}

div#Footer {
    clear: both;
    width: 290px;
    padding-left: 660px;
}

.imgSide {
    border: 2px solid #fff;
    width: 256px;
    height: 171px;
    margin-bottom: 30px;
}

div#Landkaart {
    width: 260px;
    height: 350px;
    margin-bottom: 20px;
}

/* Some general Classes */

em, .em {
    font-style: italic;
}

.colorOne {
    color: #e2007a;
}

.largerFont {
    font-size: 12pt;
}

.strong, strong {
    font-weight: bold;
}

.displayBlock {
    display: block;
}

.liGeneral {
    padding-left: 20px;
}

.liGeneral li {
    list-style-type: square;
}

.liGeneral li a:link, .liGeneral li a:visited {
    color: #e2007a;
    text-decoration: none;
}

.liGeneral li a:hover {
    text-decoration: underline;
}

/*
Provide the selected link with a typical different style
*/

ul#Navigation li a.this {
    color: #ccc;
}

/* Hier het verkoperProfiel in de provincie */
div.profiel {
    width: 550px;
    border: 1px dotted #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

div.profielText {
    width: 290px;
    float: left;
}

div.profielText strong {
    display: block;
}

div.profielImage {
    width: 260px;
    float: left;
}

div.profielImage img {
    width: 260px;
}

div.clear {
    clear: both;
    height: 0;
}