﻿/* HOME + STYLE */
#main
{
    font-family: Tahoma, Verdana, Geneva, Sans-Serif;
    font-size: 115%;
}

#main ul
{
    list-style-type: square;
}
#main li
{
    margin-bottom: 5px;
}

/* history */
.history
{
    width: 400px;
    _width: 395px;
}
.slideshow
{
    float: right;
    width: 234px;
    overflow: hidden;
    padding: 30px 20px;
    height: 400px;
}

.slide
{
    width: 234px;
    height: 400px;
    text-align: center;
}



/* WORLD */
#world
{
    position: relative; /*overflow: hidden; 	height: 480px;*/
}

#world #block1, #world #block2, #world #block3, #world #block4, #world #block5
{
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 10px;
    border: solid 0px red;
}

#world #block1
{
    width: 369px;
    height: 258px;
}

#world #block2
{
    left: 402px;
    width: 283px;
    height: 262px;
}

#world #block3
{
    top: 290px;
    width: 200px;
    height: 150px;
    font-size: 90%;
}

#world #block4
{
    left: 240px;
    top: 290px;
    width: 203px;
    height: 150px;
    font-size: 90%;
}

#world #block5
{
    left: 483px;
    top: 290px;
    width: 204px;
    height: 150px;
    font-size: 90%;
}


/* LOVE */
#love
{
    position: relative;
}

#love #block1, #love #block2, #love #block3, #love #block4, #love #block5
{
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 10px;
}

#love #block1
{
    background-color: #F5F5F5;
    color: #000;
    padding: 10px;
    width: 468px;
    height: 360px;
    _width: 465px; /* voor jScrollPane -3 */
    _height: 356px; /* voor jScrollPane -4 */
}

#love #block1 .scroll
{
    position: relative;
    width: 468px;
    height: 360px;
    _width: 465px; /* voor jScrollPane -3 */
    _height: 356px; /* voor jScrollPane -4 */
}

#love #block1 .intro
{
}
#love #block1 .list
{
font-size: 90%;
}

#love #block2
{
    left: 500px;
    width: 209px; /*209*/
    height: 136px; /*156*/
    padding: 0;
    border-bottom: solid 1px #e4175d;
}

#love #block3
{
    left: 500px;
    top: 150px;
    width: 209px; /*209*/
    height: 130px;
    padding: 0;
}

#love #block4
{
    top: 395px;
    width: 464px; /* 488 - padd - border */
    height: 38px; /* 65 */
    line-height: 32px; /* vert centering */
    border: solid 2px #e4175d;
    background-color: #E9D7D3;
}
#love #block4.black a {
color: #000;
}

#love #block5
{
    left: 500px;
    top: 286px;
    width: 189px; /*209*/
    height: 151px;
    background-color: #fbd7d4;
    font-size: 90%;
}






/* NEWS */
#news
{
    /* width = 714 / height = 475 */
    position: relative;
    overflow: hidden; /*background-color: Red;*/
}

#news #block1
{
    float: left;
    margin-top: 10px;
    width: 330px;
    height: 430px; /* 470 */ /*background-color: Yellow;*/
}

#news #block2
{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    height: 430px; /*450 */
    width: 360px; /* 320*/
    background-color: #fbd7d4;
}

#news #block2 .scroll
{
    padding: 10px;
    height: 410px; /*450 */
    width: 340px; /* 320*/
}
#news #block1 .scroll
{
    padding: 15px;
    width: 300px; /* 364 */
    height: 400px; /* 470 */ /*	background-color: Yellow;*/
}






/* GUESTBOOK PAGE */
#guest
{
    /* width = 714 / height = 475 */
    position: relative;
    overflow: hidden; /*background-color: Red;*/
}

#guest ul#items {
list-style-type: none;
margin:0;
font-size: 80%;
}

#guest ul#items li {
margin:0;
padding:0;
}

#guest ul#items H5 {
margin-bottom: 2px;
}

#guest #block1
{
    margin-top: 10px;
    float: left;
    width: 330px;
    height: 4300px; /* 470 */ /*background-color: Yellow;*/
}

#guest #block2
{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    height: 375px; /*450 */
    width: 360px; /* 320*/
    background-color: #fff;
}

#guest #block2 .scroll
{
    padding: 10px;
    padding-bottom: 5px;
    height: 360px; /*450 */
    width: 340px; /* 320*/
}
#guest #block1 .scroll
{
    padding: 15px;
    width: 300px; /* 364 */
    height: 400px; /* 470 */ /*	background-color: Yellow;*/
}
#guest #calltoaction
{
    margin-top: 13px;   
    background-color: #E9D7D3;
    border: 2px solid #E4175D;
    height: 38px;
    line-height: 32px;
    padding-left: 10px;
    
}
#guest #calltoaction a {
color: #111;
}
#guest #calltoaction h2 {
    border-width: 0px;
}


