/* Copyright 2007-2008 KOBESPA Service */
/* Design and developt by Huy Pham (Pham IT-Group and Development) */

/* General CSS*/
body, html
{
	background-position: top center;
	background-repeat: no-repeat;
	color: #5C6164;
	font-family: Verdana, Tahoma, Georgia, "Times New Roman", Times, Serif;
	font-size: 70%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	height: 100%;
	background-image: url('../image/background2.png');
	background-repeat: repeat-y;
	
}

div
{
	margin: 0px auto 0px auto;
}

table
{
	border-collapse: collapse;
	width: 520px;
}

img
{
	border: none;
}

object
{
	border: none;
}


/* CSS Part A */
#wrap{
    background-image: url('../image/background.png');
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	position: fixed;
	bottom: 15px;
	height: 200px;
}

#footer{
background-color: #333333;
text-align: center;
	position: fixed;
	bottom: 0px;
	height: 15px;
	width: 100%;
	color: #FFFFFF;
	font-size: 10px;
}


div div#A
{
	background-image: url('../image/header.png');
	background-repeat: no-repeat;
	border-bottom: 3px solid #F78E1E;
	clear: both;
	height: 200px;
	text-align: right;
	width: 984px;
}



#main
{
	clear: both;
	width: 984px;
}

#intro-particulier
{
	border-top: 3px solid #F78E1E;
	background-color: #FFFFFF;
	float: right;
	width: 300px;
	color:  #333333;
	font-size: 11px;
	padding: 0px 20px 0px 20px;
	position: relative;
	right:  200px;
	top: 20px;
}

#intro-particulier h1 {
color: #F78E1E;
font-size: 28px;
padding: 0px;
font-weight: normal;
margin-bottom: 3px;
margin-top: 6px;
}

#intro-particulier h2 {
color: #000000;
font-size: 14px;
padding: 0px;
text-align: left;
font-weight: normal;
font-style: italic;
}

#intro-zakelijk 
{
	border-top: 3px solid #F78E1E;
	background-color: #FFFFFF;
	float: left;
	width: 300px;
	color: #333333;
	font-size: 11px;
	padding: 0px 20px 0px 20px;
	position: relative;
	left: 10px;
	top: 20px;
}

#intro-zakelijk h1 {
color: #F78E1E;
font-size: 28px;
padding: 0px;
font-weight: normal;
margin-bottom: 3px;
margin-top: 6px;
}

#intro-zakelijk h2 {
color: #000000;
font-size: 14px;
padding: 0px;
text-align: left;
font-weight: normal;
font-style: italic;
}


#link a{
color: #ffffff;
display: block;
background-color:#F78E1E;
padding: 5px;
font-weight: bold;
text-decoration: none;

}

#logo {
position: relative;
width: 984px;
left: 0px;

}

div div#A div#logo
{
	float: left;
	height: 105px;
	width: 224px;
}

div div#A div#menu-top
{
	float: right;
	margin: 30px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	width: 740px;
	font-size: 105%;
}

div div#A div#menu-top a,
div div#A div#menu-top a:link,
div div#A div#menu-top a:visited,
div div#A div#menu-top a:active
{
	color: #F78E1E;
	font-weight: bolder;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}

div div#A div#menu-top a:hover
{
	color: #5C6164;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}


/* CSS Part B */
div div#B
{
	clear: both;
	padding: 20px 0px 0px 0px;
	width: 984px;
}

div div#B div#menu-links
{
	float: left;
	font-size: 105%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	width: 210px;
}

div div#B div#menu-links div#kobespa-verzekeringen
{
	border: 1px solid #FFF200;
	height: 115px;
	margin: 0px 0px 20px 0px;
	width: 208px;
}

div div#B div#menu-links div#producten-en-diensten
{
	background-image: url('../image/producten-en-diensten.png');
	background-repeat: no-repeat;
	border: 1px solid #FFF200;
	height: 35px;
	margin: 0px 0px 3px 0px;
	width: 208px;
}

div#geen-producten-en-diensten
{
	background-repeat: no-repeat;
	height: 35px;
	margin: 0px 0px 3px 0px;
	width: 208px;
}

div div#B div#menu-links div div.link-producten-en-diensten
{
	border-bottom: 1px solid #E9E9E9;
	padding: 8px 3px 8px 3px;
	width: 202px;
}

div div#B div#menu-links div div#link-producten-en-diensten-laatst
{
	border-bottom: 2px solid #FFF200;
	font-size: 90%;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	width: 198px;
}

div div#B div#menu-links div div  a,
div div#B div#menu-links div div  a:link,
div div#B div#menu-links div div  a:visited,
div div#B div#menu-links div div  a:active
{
	color: #5C6164;
	display: block;
	text-decoration: none;
	text-align: left;
}

div div#B div#menu-links div div  a:hover
{
	color: #F78E1E;
	display: block;
	text-decoration: none;
	
}

div div#B div#menu-links div div a span
{
	color: #F78E1E;
	margin: 0px 10px 0px 5px;
}

div div#B div#menu-links div#fair-project
{
	margin: 20px 0px 15px 0px;
	text-align: center;
	width: 210px;
}

div div#B div#content
{
	color: #414141;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 22px 30px 22px;
	width: 520px;
}


div div#B div#content img
{
	border: 1px solid #FFF200;
}

div div#B div#content h1
{
	color: #5C6164;
	font-size: 200%;
	margin: 0px 0px 15px 0px;
}

div div#B div#content span
{
	color: #F78E1E;
	font-weight: bold;
}

div div#B div#content h2
{
	color: #5C6164;
	font-size: 110%;
}

div div#B div#content p
{
	line-height: 140%;
	margin: 0px 0px 15px 0px;
}

div div#B div#content p a,
div div#B div#content p a:link,
div div#B div#content p a:visited,
div div#B div#content p a:hover,
div div#B div#content p a:active
{
	color: #F78E1E;
	text-decoration: underline;
}

div div#B div#content hr
{
	border: 1px solid #FFF200;
	margin: 20px 0px 20px 0px;
}

div div#B div#content ul
{
	line-height: 140%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
}

div div#B div#content ul li
{
	color: #F78E1E;
}

div div#B div#content ul li span
{
	color: #5C6164;
}

div div#B div#content ol
{
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 16px;
}

div div#B div#content ol li
{
	color: #FFFFFF;
}

div div#B div#content ol li span
{
	color: #5C6164;
	font-weight: normal;
}

div div#B div#content table tr td.bezoekadres,
div div#B div#content table tr td.postadres
{
	width: 170px;
}

div div#B div#content table tr td.telefoon-en-faxnummer
{
	width: 180px;
}

div div#B div#content table tr td h2
{
	margin: 0px 0px 5px 0px;
}

div div#B div#content form table tr td.input-name
{
	height: 31px;
	width: 120px;
}

div div#B div#content form table tr td.mandatory
{
	height: 31px;
	width: 10px;
}

div div#B div#content form table tr td.input-field
{
	height: 31px;
	width: 390px;
}

div div#B div#menu-rechts
{
	float: right;
	font-size: 110%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	width: 210px;
}

div div#B div#menu-rechts div#contact
{
	border: 1px solid #F78E1E;
	margin: 0px 0px 20px 0px;
	width: 208px;
}

div div#B div#menu-rechts div#project-interim-en-park-management
{
	border: 1px solid #FFF200;
	height: 208px;
	margin: 0px 0px 20px 0px;
	width: 208px;
}


/* CSS Part C */
div div#C
{
	border-top: 3px solid #FFF200;
	clear: both;
	font-size: 110%;
	height: 15px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	width: 100%;
}

div div#C span#copyright
{
	color: #5C6164;
	font-weight: normal;
	padding: 10px 20px 10px 20px;
}

div div#C span
{
	color: #FFF200;
	font-weight: bold;
}

div div#C a,
div div#C a:link,
div div#C a:visited,
div div#C a:active
{
	color: #5C6164;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

div div#C a:hover
{
	color: #F78E1E;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}