html, body { margin: 0; padding: 0; border: 0; background-color: #CCCCCC; }
body { font: normal .7em/1.6em Verdana, Helvetica, sans-serif; color: black; }

/** pagina layout */
#container {
	position: relative;
	width: 900px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	background-image: url(../images/x9.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-top: 118px;
}
/* CONTENT*/
#content {
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 40px;
	vertical-align: top;
}
/* DE QUOTES AAN DE ZIJKANT*/
#quotes {
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6CACE6;
	z-index: 99;
	background-color: #2173BC;
	background-position: left top;
	background-image: url(../images/back/quotes.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	background-color: #2173BC;
	margin: 0px;
	padding: 0px;
}
#container #quotes .quote {
	padding: 15px;
}

	
/* DE HOOFDNAVIGATIE*/


#mainnav {
	position: absolute;
	top: 24px;
	left: 2px;
	width: 889px;
	min-height: 10px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 8px;
	z-index: 100;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:active {
	font-size: 10px;
	color: #2173BC;
	text-decoration: none;
	display: block;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	height: 25px;
	text-transform: uppercase;
	width: 110px;
}
#mainnav a:hover, #mainnav a.current:link, #mainnav a.current:visited {
	font-size: 11px;
	font-weight: bolder;
	color: #1F1A17;
}

#rechts {
	width: 220px;
	vertical-align: top;
	text-align: center;
	padding-top: 6px;

}
/* DE LOSSE ELEMENTEN OP DE PAGINA*/
#bovenrand {
	position: absolute;
	height: 20px;
	width: 900px;
	top: 0px;
	left: 0px;
	background-color: #F8C300;
	margin: 0px;
	text-align: right;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#pagetitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #DB214C;
	position: absolute;
	top: 124px;
	left: 60px;
	width: 351px;
}
#logo {
	background-image: url(../images/logo3.gif);
	background-repeat: no-repeat;
	background-position: 100px 8px;
	position: absolute;
	height: 109px;
	width: 900px;
	top: 18px;
	left: 0px;
	background-color: #E9F2F5;
}




/* for Internet Explorer */
/*\
* html .index {
height: 630px;
}
* html .design {
height: 630px;
}
*/

/*footer*/
#bot {
	height: 35px;
	width: 790px;
	background-color: #F8C300;
	left: 202px;
	text-align: center;
	padding-top: 12px;
}
/*************************** Main Navigation ******************************************/
#ulMainNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ulMainNav li {
	display: inline;
	float: left;
}


#ulHome a:link, #ulHome a:visited, #ulHome a:active {
/*	font-size: 10px;
	color: #6699FF;
	text-decoration: none;
	display: block;
	width: 92px;
	
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	height: 25px;
	text-transform: uppercase;
*/
padding-top: 32px;
}
#ulHome a:hover, #ulHome a.current:link, #ulHome a.current:visited {
	font-size: 11px;
	font-weight: bolder;
	color: #FFCC00;
}
#ulConsultancy a:link, #ulConsultancy a:visited, #ulConsultancy a:active {
	font-size: 10px;
	color: #6699FF;
	text-decoration: none;
	display: block;
	width: 92px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	height: 25px;
	text-transform: uppercase;
}
#ulConsultancy a:hover, #ulConsultancy a.current:link, #ulConsultancy a.current:visited {
	font-size: 11px;
	font-weight: bolder;
	color: #FFCC00;
}
#ulDesign a:link, #ulDesign a:visited, #ulDesign a:active {
	font-size: 10px;
	color: #6699FF;
	text-decoration: none;
	display: block;
	width: 92px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	height: 25px;
	text-transform: uppercase;
}
#ulDesign a:hover, #ulDesign a.current:link, #ulDesign a.current:visited {
	font-size: 11px;
	font-weight: bolder;
	color: #FFCC00;
}
#ulHosting a:link, #ulHosting a:visited, #ulHosting a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699FF;
	text-decoration: none;
	display: block;
	width: 92px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	height: 25px;
	text-transform: uppercase;
}
#ulHosting a:hover, #ulHosting a.current:link,  #ulHosting a.current:visited {
	font-size: 11px;
	font-weight: bolder;
	color: #FFCC00;

	}

.style1 {font-size: 16px}
.style2 {font-size: 24px}
.style3 {font-size: 20px}
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Verdana, Helvetica, sans-serif; font-size: 1em; color: #4083bc; }
.centerNav {
	width: 512px;
}
.floatLeft {
	float: left;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
}
#bovenrand .flag {
	padding-right: 3px;
}