﻿body
{    
    background-image: url('../Images/site.jpg');
    background-repeat: repeat-x;
    background-color: White;
    
    position: relative;
    top: -7px;

    font-family: verdana;
    font-size: 1em;
    font-variant: small-caps;
}

h1
{
    font-family: verdana;
    font-size: 1.1em;
    color: #996533;
    font-variant: small-caps;
}

p
{
    font-family: verdana;
    font-size: 0.83em;
    font-weight: lighter;
    color: #808080;
}

.webPage 
{
    background-color: Silver;
    height: 100%;
    width: 990px;
    margin: 0 auto;
}

.header
{
    background-image: url('../Images/header.jpg');
    background-repeat: no-repeat;
    width: 990px;
    height: 275px;
    float: left;
}

a
{
    color: Blue;
    text-decoration: underline;
}

.txtCSS 
{
    font-family: verdana;
    font-size: 0.83em;
    font-weight: lighter;
    color: #808080;
}

.leftBar 
{
    width: 330px;
    float: left;
    min-height:400px;
}

.main
{
    width: 660px;
    min-height:250px;
    float: left;
}


.footer
{
    background-image: url('../Images/footer.jpg');
    background-repeat: no-repeat;
    height: 50px;
    float: left;
    width: 990px;
}

.menu 
{
    position:relative;
    top: 232px;
    left: 200px;
}

.tabel
{
    font-family: verdana;
    font-size: 0.83em;
    font-weight: lighter;
    color: #808080;
}

/*
** CSS voor de carousel
*/

.carouselMain
{
    position: relative;
}

.carouselButton
{
    float: left;
    position: relative;
    top: 100px;
}

.carouselDraaien 
{ 
  position: relative;
  width: 590px;
  height: 290px;
  float: left;
  overflow: hidden;
}

.carouselBook
{
    position: absolute;
    width: 190px;
    top: 0px;
}

.carouselImages 
{
    overflow: hidden;
}