/* **************************************************************************** */
/* Declaratie van de BODY van de hoofdpagina */
body 
{
	background-color: #E9E9E9;
	font-size : 90.0%;
	font-family: Verdana;
}


/* container voor sites met maximale breedte */
#container {
	width: 635px;
	padding-right: 1px;
}

 
/* **************************************************************************** */


/* **************************************************************************** */
/* Declaratie van de TEKST opmaak op de paginas */

h1 
{
	color: #5B438d;
	font-family: "Verdana", serif;
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
}


h2 
{
font : normal 1.5em, "Verdana", serif;
color: #330000;
}

h3 
{
	font-size: 0.8em;
	font-family: Verdana;
	color: #5B438d;
	background-color: #CCCCCC;
}

h4 
{
font-size: 0.7em;
font-family: Verdana;
color: #5B438d;
}


h5 
{
font-size: 0.7em;
padding: 0;
font-family: Verdana;
color: #5B438d;
}


h6 
{
font-size: 0.7em;
padding: 0;
font-family: Verdana;
color: #F30818;
}

/* **************************************************************************** */

/* **************************************************************************** */
/* Declaratie van het VERTICALE MENU */
#navcontainer { 
top: 10em
left: 30em
margin-left: 0px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 1em;
}

#navcontainer li { 
margin: 0 0 1px 0; 
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 1em;
}

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 10em;
color: #fff;
background-color: #330066;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #9900CC;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 10em;
color: #fff;
background-color: #369;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}


/* **************************************************************************** */


/* **************************************************************************** */
/* Declaratie van het HORIZONTALE MENU */
#hormenu li a:link
{
	font-size: 0.65em;
	height: 1.0em;
	width: 10em;
	padding: 0.1em;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #330066;
} 

#hormenu ul a:hover
{
background-color: #369;
color: #FFFFFF;
}

#hormenu li a:visited
{
	font-size: 0.65em;
	height: 1.0em;
	width: 10em;
	padding: 0.1em;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background-color: #330066;
} 

#hormenu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#hormenu li
{
float: left;
margin: 0 0.15em;
padding: 0;
} 

#hormenu
{
width:62em;
height:2.5em;
}
 


/* **************************************************************************** */



/* **************************************************************************** */
/* Declaratie van de SECTIES op de pagina's  */

#topleft
{
	background-color: #E9E9E9;
	position: absolute;
	top:2em;
	left:3em;
	width:62em;
	height:8em;
	background-repeat: no-repeat;
	background-image: url(Images/grassobanner.jpg);
}

#indextop
{
	background-color: #E9E9E9;
	position: absolute;
	top:2em;
	left:3em;
	width:62em;
	height:8em;
	background-repeat: no-repeat;
	background-image: url(Images/logo_grasso_groot.gif);
}

#menu
{
	background-color: #E9E9E9;
	position: absolute;
	top:10em;
	left:3em;
	width:62em;
	height:2.5em;
	border: 0;

}

#textblock
{
	background-color:  #9900FF;
	position: absolute;
	top:390px;
	left:575px;
	border: 0;
	width:300px;
	height:190px;
	background-image: url(Images/huis.jpg);
	background-repeat: no-repeat;
	background-position:top;
}

#textblock2
{
	background-color:  #9900FF;
	position: absolute;
	top:225px;
	left:420px;
	width:300px;
	height:150px;
	border: 0;
	background-repeat: no-repeat;
	background-image: url(Images/schade.jpg);
	background-position: center right;
}

#textblock3
{
	background-color:  #9900FF;
	position: absolute;
	top:45px;
	left:635px;
	width:250px;
	height:150px;
	border: 0;
	background-repeat: no-repeat;
	background-image: url(Images/sport.jpg);
	background-position: middle right;
}

#textblock4
{
	background-color:  #9900FF;
	position: absolute;
	top:350px;
	left:55px;
	width:300px;
	height:200px;
	border: 0;
	background-image: url(Images/vakantie.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#textblock5
{
	background-color:  #660099;
	position: absolute;
	top:25px;
	left:200px;
	width:300px;
	height:190px;
	border: 0;
	background-image: url(Images/huis2.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

#textblock6
{
	background-color: #E9E9E9;
	position: absolute;
	top:25px;
	left:200px;
	width:650px;
	height:500px;
	border: 0;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-position: center right;
}

#menublock6
{
	background-color: #E9E9E9;
	position: absolute;
	top:10px;
	left:15px;
	width:13em;
	height:12em;
	border: 0;
}
#content
{
	background-color: #E9E9E9;
	position: absolute;
	top:12.5em;
	left:3em;
	width:62em;
	height:34em;
	border: 0;
	background-image: url(Images/Logo_Grasso.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

#paginatitel
{
	position: absolute;
	top:1em;
	left:1em;
	width:20em;
	height:2em;
	border: 0;
}

#paginatekst
{
	position: absolute;
	top:6em;
	left:2em;
	width:50em;
	height:22em;
	border: 0;
}

#right
{
	position: absolute;
	top:0em;
	left:52em;
	width:10em;
	height:24em;
	border: 0;
	background: transparent;
}

#contact-footer
{
	background: transparent;
	position: absolute;
	top:28em;
	left:2em;
	width:62em;
	height:2em;
	overflow: hidden;
}
#footer
{
	background: transparent;
	position: absolute;
	top:30em;
	left:2em;
	width:62em;
	height:1.5em;
	overflow: hidden;
}

/* **************************************************************************** */




/* **************************************************************************** */
/* Declaratie van SCROLLBAR opmaak en kleuren 
html {
scrollbar-base-color: #800080;
scrollbar-arrow-color: white;
scrollbar-track-color: #008000;

scrollbar-shadow-color: #800080;
scrollbar-lightshadow-color: #800080;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}
*/
/* **************************************************************************** */

/* **************************************************************************** */
/* Declaratie van LINKs */
/* div p a:link {
text-decoration : none;
color : #990;
}
div p a:visited {
text-decoration : none;
color : #394657;
}
div p a:hover, div p a:active {
background-color : #990;
text-decoration : none;
color : #FFF;
} */

/* **************************************************************************** */

h1 {
	margin: -0px -0px 0.5em;
	padding: -5px 0 5px;
	text-align: right;
	background: #660099;
	color: #FFFFFF;
	font-family: verdana, arial, Helvetica, sans-serif;
	height: 1.5em;
	vertical-align: middle;
	font-size: 0.8em;
}