/*
OpleidingVerkoopstyling.nl
Startdatum: 7-1-2008
by Bart Heimenberg / Matching Concepts / Copyright
Versie: 1.0
Versie: 1.1 21-1-2008

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;
}

address a:link, address a:visited {
    color: #e2007a;
    text-decoration: none;
}

address 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;
}

#h1Opleiding {
    background: #fff url(../../Media/h1Opleiding.jpg) right top no-repeat;
}

#h1Inhoud {
    background: #fff url(../../Media/h1Inhoud.jpg) right top no-repeat;
}

#h1OneDayCourse {
    background: #fff url(../../Media/h1OneDayCourse.jpg) right top no-repeat;
}

#h1OverOns {
    background: #fff url(../../Media/h1OverOns.jpg) right top no-repeat;
}

#h1Samenwerking {
    background: #fff url(../../Media/h1Samenwerking.jpg) right top no-repeat;
}

#h1Data {
    background: #fff url(../../Media/h1Data.jpg) right top no-repeat;
}

#h1Netwerk {
    background: #fff url(../../Media/h1Netwerk.jpg) right top no-repeat;
}

#h1Internationaal {
    background: #fff url(../../Media/h1Internationaal.jpg) right top no-repeat;
}

#h1Pers {
    background: #fff url(../../Media/h1Pers.jpg) right top no-repeat;
}

#h1Partners {
    background: #fff url(../../Media/h1Samenwerking.jpg) right top no-repeat;
}

h2 {
    margin: 0 0 10px 0;
    font-size: 14pt;
    color: #e2007a;
}

h3 {
    margin: 0 0 20px 0;
    font-size: 11pt;
}

p {
    margin: 0 0 20px 0;
}

ul#Navigation {
    float: left;
    width: 950px;
    padding: 10px 0;
    background: #fff;
}

ul#Navigation li {
    display: inline;
}

ul#Navigation li a:link, ul#Navigation li a:visited {
    text-decoration: none;
    color: #e2007a;
    padding: 0 15px;
    border-right: 1px solid #878889;
}

ul#Navigation li a:hover {
    color: #1a171b;
}

/*
At the end of the navigationBar we don't want a border-right (seperatation line)
Therefore I create a class and attach it to my last item
*/

ul#Navigation li a.navigationEnd {
    border-right: 1px solid #fff;
}

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 & Right 30px borders
Content Initial width = 630px
Right Initial width = 320px;
Since the Navigation is part of Content, No border-top can be defined in the container
This border is defined in the Navigation-element (ul) border-bottom
 */

div#Content {
    width: 570px;
    float: left;
    background: #fff;
    border-right: 30px #fff solid;
    border-left: 30px #fff solid;
    border-bottom: 30px #fff solid;
}

div#Right {
    width: 260px;
    float: left;
    border-left: 30px #ccc solid;
    border-bottom: 30px #ccc solid;
    background: #ccc;
}

div#Footer {
    clear: both;
    width: 290px;
    padding-left: 660px;
}

.imgBeforeAfter {
    border: 2px solid #fff;
    width: 256px;
    height: 171px;
    margin-bottom: 30px;
}

/* 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;
}

p a {
    color: #e2007a;
}