body {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    color: #666;
    /*background: #DDD;*/
}

#Page {
    width: 1000px;
    height: 680px;
    background-image: url(../images/Background.jpg);
    margin: auto;
}

#Header {
    height: 10%;
    padding-right: 17px;
}

#Header h1 {
    display: none;
}

#PageMarker {
    height: 7%;
    background: url(../images/pijltje_subpagina.png) no-repeat right bottom;
}

#Menu {
    text-align: right;
    margin: 0;
    padding: 0;
}

#Menu li {
    padding-top: 27px;
    display: inline-block;
    margin: 5px;
}

#Menu li a, #Menu li span {
    text-align: left;
    display: block;
    height: 35px;
    text-decoration: none;
    text-indent: -100em;
    overflow: hidden;
}

#Menu a.Home, #Menu span.Home {
    width: 75px;
    background-image: url(../images/bttn_home.png);
}

#Menu a.About, #Menu span.About {
    width: 150px;
    background-image: url(../images/bttn_overveka.png);
}

#Menu a.Contact, #Menu span.Contact {
    width: 101px;
    background-image: url(../images/bttn_contact.png);
}

#Menu a.Home, #Menu a.About, #Menu a.Contact {
    background-position: left 0px;
}

#Menu span.Home, #Menu span.About, #Menu span.Contact {
    background-position: left 35px;
}

#Menu a.Home:hover, #Menu a.About:hover, #Menu a.Contact:hover {
    background-position: left 70px;
}

#Main {
    height: 86%;
    padding-right: 17px;
    padding-left: 17px;
	
    background-image: url(../images/vignet.png); 
    background-position: 30px 320px; 
    background-repeat: no-repeat;
}

#Intro {
    padding-left: 44%;
    padding-right: 0%;
    height: 20%;
	text-align:center
}

#Intro h2,
#Intro h3 {
    font-family: "Arial Rounded MT Bold", Arial;
}
#Intro h2 {
    font-size: 190%;
    font-weight: normal;
    color: #FFF;
    margin: 0;
    padding: 0 0 0 0;
    line-height: 1.2;
}

#Intro h3 {
    font-weight: normal;
    color: #23408E; /*#013068;*/
    font-size: 150%;
    margin: 0.3em 0 0 0;
    padding: 0;
}

.MainItems {
    height: 60%;
    width: 50%;
    margin: 20px 0 0 auto;
	text-align: right;
}

.MainItem,.MainItemLong {
    width: 192px;
    margin: 2% 2%;
	display: inline-block;
	text-align: left;
    height: 42%;
}

.MainItemLong {
	height: 53%;
}

.MainItemInlay {
    padding: 7px;
    height: 80%;
    background-color: #FFF;
	background-image: url(../images/gradient.jpg);
	background-repeat: no-repeat;
    background-position: center bottom;
	position: relative;
	/*margin-top: 30px;*/
}

.TopImage {
	position: absolute;
	bottom: 105px;
    left: 3px;
}

.BottomImage {
	position: absolute;
	bottom: 10px;
    left: 0;
}

.MainItem1 {
    background-image: url(../images/boeken.png); 
}

.MainItem2 {
    background-image: url(../images/menu_afb_vto.png); 
}

.MainItem3 {
    background-image: url(../images/tablet.png); 
}

.MainItem4 {
    background-image: url(../images/menu_afb_zakelijk.png); 
}

.MainItem5 {
    background-image: url(../images/menu_afb_vca.png); 
}

.MainItemInlay h2 {
    margin: 20px 0 6px 0;
    padding: 0;
    color: #319DCB;
    font-size: 150%;
    font-weight: normal;
}

.MainItemLong .MainItemInlay {
	margin-top: 4%;
	height: 84%;
}

.MainItemLong .MainItemInlay h2 {
	margin-top: 0px;
}

.MainItemInlay h3 {
    margin: 0;
    padding: 0;
    font-size: 90%;
}

.MainItemInlay p {
    margin: 0;
    padding: 0;
    font-size: 90%;
}

.MainItemInlay ul {
    margin: 0;
    padding-left: 1em;
    font-size: 90%;
}

.MainItemButtonBar {
    height: 20%;
    background: #FFF;
    text-align: center;
}

.MainItemLong .MainItemButtonBar {
	height: 16%;
}

.MainItemButtonBar > div {
    display: inline-block;
	margin-top: 2px;
}

.MainItemButtonBar a {
    display: block;
    text-decoration: none;
    width: 96px;
    height: 24px;
    background-image: url(../images/bttn_naardesite2.png);
    background-position: left 0px;
    text-indent: -100em;
    overflow: hidden;
}

.MainItemButtonBar a:hover {
    background-position: left 24px;
}

#SocialMedia {
    height: 20%;
    width: 20%;
    margin: -30px 0 0 25%;
}

#SocialMediaInlay {
    position: relative;
}

#SocialMediaInlay h2 {
    position: absolute;
    left: -65px;
    color: #FFF;
    font-size: 112%;
}

#SocialMediaInlay a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 25px;
    text-indent: -100em;
    overflow: hidden;
}

#SocialMedia a.Button1 {
    background: url(../images/bttn_facebook.png);
    background-position: left 0px;
}

#SocialMedia a.Button2 {
    background: url(../images/bttn_hyves.png);
}

#SocialMedia a.Button3 {
    background: url(../images/bttn_twitter.png);
}

#SocialMedia a.Button1:hover, #SocialMedia a.Button2:hover, #SocialMedia a.Button3:hover {
    background-position: left 40px;
}

#Footer {
    height: 4%;
    background: #031E39;
    padding-right: 20px;
    text-align: right;
    color: #FFF;
    font-size: 80%;
    line-height: 20px;
}

#Overlay {
    height: 93%;
    padding: 0;
    margin: 0;
    background-color: #FFF;
}

.OverlayAbout {
	background-image: url(../images/plaatjeoverveka.png);
	background-repeat: no-repeat;
	background-position: right bottom
}

#OverlayInlay {
    padding: 30px;
}

#Overlay h2 {
    padding: 0;
    margin: 0;
    color: #319DCB;
}

#Overlay .OverLayColumn33 {
    width: 33.33%;
    float: left;
}

#Overlay .OverLayColumn50 {
    width: 50%;
    float: left;
}

#Overlay .OverLayColumn40 {
    width: 40%;
    float: left;
}

#Overlay .OverLayColumn60 {
    width: 60%;
    float: left;
}

#Overlay p {
    line-height: 1.4;
    font-size: 114.5%;
}

#Overlay p.Name {
    font-weight: bold;
    font-size: 120%;
}

#Overlay label {
    color: #319DCB;
}

#Overlay iframe {
    border: 5px solid #319DCB;
}

.OverlayContact {
    background-image: url(../images/gradientje.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.IntroText {
    font-weight: bold;
}