/* CSS Document */
html,body 
{
margin:0;
background-color: #74CEE2;
height:100%;
padding:0;
}

#main
{
position: relative;
margin: 0 auto;
width:723px;
height:100%;
}

/* header starts */
#header-home
{
background-image:url(img/header-home.jpg);
height:282px;
background-repeat:no-repeat;
}
#header-voor
{
background-image:url(img/header-voor.jpg);
height:231px;
background-repeat:no-repeat;
}
#header-wat
{
background-image:url(img/header-wat.jpg);
height:232px;
background-repeat:no-repeat;
}
#header-algemeen
{
background-image:url(img/header-algemeen.jpg);
height:232px;
background-repeat:no-repeat;
}
#header-contact
{
background-image:url(img/header-contact.jpg);
height:231px;
background-repeat:no-repeat;
}





/* header ends */

/* body content starts */
#container{
width:723px;
}

#bar1-green{
background-image:url(img/bar1-green.jpg);
background-repeat:repeat-y;
width:70px;
height:100%;
overflow:visible;
float:left;
margin:0;
}
#bar1-brown{
background-image:url(img/bar1-brown.jpg);
background-repeat:repeat-y;
width:70px;
height:100%;
overflow:visible;
float:left;
margin:0;
}



#content
{
background-color:#B0D35C;
width:436px;
height:100%;
float:left;
margin:0;
padding:0;
}

#content-brown
{
background-color:#D8D7C1;
width:436px;
height:100%;
float:left;
margin:0;
}


#bar2-green{
background-image:url(img/bar2-green.jpg);
background-repeat:repeat-y;
width:40px;
height:100%;
float:left;
margin:0;
}
#bar2-brown{
background-image:url(img/bar2-brown.jpg);
background-repeat:repeat-y;
width:40px;
height:100%;
float:left;
margin:0;
}



#menu1{
background-color:#D8D7C1;
width:99px;
height:100%;
float:left;
margin:0;
padding:0;
}

#menu2{
background-color:#B0D35C;
width:99px;
height:100%;
float:left;
margin:0;
padding:0;
}

.image
{
padding-top:8px;
padding-bottom:7px;
padding-right:0px;
padding-left:0px;
}

#bar3-brown{
background-image:url(img/bar3-brown.jpg);
background-repeat:repeat-y;
width:60px;
height:100%;
float:left;
margin:0px;
padding:0px;
}

#bar3-green{
background-image:url(img/bar3-green.jpg);
background-repeat:repeat-y;
width:60px;
height:100%;
float:left;
margin:0px;
padding:0px;
}


.pagetitle
{
padding-top:10px;
padding-bottom:10px;
}

#desc{
color:#394826;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.paratext
{
font-size:11px;
}

.boldtext
{
font-size:12px;
font-weight:bold;
}

.emaillink
{
text-decoration:none;
font-size:10px;
font-weight:bold;
color:#000000;
}

.emaillink a{ 
text-decoration:none;
}
.emaillink a:hover{
text-decoration:none;
}

a{
text-decoration:none;
border:0px;
}
.whitefont
{
font-size:10px;
color:#FFFFFF;
font-weight:bold;
}





/*

#middlesection
{
padding-left:100px;
padding-right:100px;
}

#leftside
{
background-color:#D8D7C1;
width:470px;
height:690px;
float:left;
}

#rightside{
background-color:#B0D35C;
width:130px;
height:668px;
float:right;
}

#leftsidebig
{
background-color:#B0D35C;
width:470px;
height:1300px;
float:left;
}

#rightsidebig
{
background-color:#D8D7C1;
width:130px;
height:1300px;
float:right;
}

#leftside1
{
background-color:#B0D35C;
width:470px;
height:690px;
float:left;
}

#rightside1{
background-color:#D8D7C1;
width:130px;
height:690px;
float:right;
}
*/
/* body content ends */

/* design starts */
/*
#topbrush
{
width:803px;
height:236px; 
background-image:url(img/top.gif);
background-image:url(img/topbrush.gif);
position:absolute;
top:0px;;
left:auto;
}

#middlebrush
{
width:803px;
background-image:url(img/middlebrush.gif);
position:absolute;
top:236px;;
left:auto;
height:665px;
}

#middleone{
background-image:url(img/middle1.gif);
position:absolute;
top:236px;;
margin-left:68px;
height:667px;
width:45px;
}
#middletwo{
background-image:url(img/middle2.gif);
position:absolute;
top:236px;;
margin-left:546px;
height:667px;
width:42px;
}
#middlethree{
background-image:url(img/middle3.gif);
position:absolute;
top:236px;
margin-left:684px;
height:667px;
width:39px;
}
*/
/* design ends */
/*

.pagetitleone
{
padding-top:30px;
padding-left:22px;
padding-bottom:10px;
color:#C62530;
font-size:26px;
font-weight:bold;
}

.pagetitleonewhite
{
padding-top:30px;
padding-left:22px;
padding-bottom:10px;
color:#FFFFFF;
font-size:26px;
font-weight:bold;
}



#img
{
padding-left:22px;
width:190px;
float:left;
}
#imgdesc
{
padding:0px;
padding-right:25px;
width:220px;
float:right;
}



.whitefont
{
font-size:11px;
color:#FFFFFF;
}


.menu
{
text-align:center;
color:#FFFFFF;
padding-top:10px;
font-size:20px;
font-family:Noovo;
}

.menuselect
{
text-align:center;
padding-top:10px;
color:#C62530;
font-size:20px;
font-family:Noovo;
}


#test_mac{
position:absolute; 
top:0px; 
left:auto;
right:auto;
margin-left:0px;
margin-right:0px;
width:803px;
height:236px; 
background-image:url(img/top.gif);
}

#middleonemac{
background-image:url(img/middle1.gif);
position:absolute;
top:236px;;
margin-left:68px;
margin-right:690px;
height:667px;
width:45px;
}
#middletwomac{
background-image:url(img/middle2.gif);

position:absolute;
top:236px;;
margin-left:546px;
margin-right:299px;
height:667px;
width:42px;
}
#middlethreemac{
background-image:url(img/middle3.gif);
position:absolute;
top:236px;
margin-left:684px;
margin-right:80px;
height:667px;
width:39px;
}

.pagetitle1
{
padding-top:8px;
padding-left:22px;
padding-bottom:10px;
}
*/