/****************************************************************************/
/********************** CASCADING STYLE SHEET KATHALISS *********************/
/****************************************************************************/

html,
body {
	background:url(images/bg.png) #a0cadc repeat-x;
	font-family:"Tahoma";
	line-height:19px;
	font-size:11px;
	color:#333333;
	height:100%;
	padding:0;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:100%;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) center no-repeat;
	width:100%;
}

#header .inner {
	padding:0 0 0 35px;
	position:relative;
	margin:0 auto;
	height:238px;
	width:920px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1.logo {
	text-indent:-6000px;
	position:absolute;
	padding:0;
	margin:0;
	left:0;
	top:0;
}

#header h1.logo a {
	display:block;
	height:110px;
	width:335px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

ul#menu {
	list-style-type:none;
	line-height:normal;
	position:absolute;
	height:35px;
	width:920px;
	left:35px;
	top:140px;
	padding:0;
	margin:0;
}

ul#menu table {
	border-collapse:collapse;
	margin:-1px;
	padding:0;
}

/****************************************************************************/
/******************************** MENU - UL LI ******************************/
/****************************************************************************/

ul#menu li {
	position:relative;
	margin:0 8px 0 0;
	z-index:100;
	height:29px;
	float:left;
	padding:0;
}

ul#menu li.bedrijfvisie,
ul#menu li.aanboddiensten {
	width:215px;
}

ul#menu li.referentiesklanten a,
ul#menu li.partnerscollegas a,
ul#menu li.referentiesklanten-en a,
ul#menu li.partnerscollegas-en a {
	text-indent:-6000px;
	display:block;
	height:72px;
	width:215px;
}

ul#menu li.referentiesklanten a {
	background:url(images/menu_referenties.png) left top no-repeat;
}

ul#menu li.referentiesklanten-en a {
	background:url(images/en-menu-klanten.jpg) left top no-repeat;
}

ul#menu li.partnerscollegas a {
	background:url(images/menu_partners.png) left top no-repeat;
}

ul#menu li.partnerscollegas-en a {
	background:url(images/en-menu-partners.jpg) left top no-repeat;
}

ul#menu li.referentiesklanten a:hover,
ul#menu li.partnerscollegas a:hover,
ul#menu li.referentiesklanten-en a:hover,
ul#menu li.partnerscollegas-en a:hover  {
	background-position:left bottom;
}

ul#menu li a:hover {
	border:0;
}

/****************************************************************************/
/****************************** MENU - UL LI DL *****************************/
/****************************************************************************/

ul#menu li dl {
	position:absolute;
	padding-bottom:0;
	left:0;
	top:0;
}

ul#menu li dl {
	background:transparent;
	padding:0;
	margin:0;
}

/****************************************************************************/
/***************************** MENU - UL LI DL DT ***************************/
/****************************************************************************/

ul#menu li dl dt {
	text-indent:-6000px;
	font-weight:bold;
	width:215px;
	padding:0;
	margin:0;
}

ul#menu li dl dt a,
ul#menu li dl dt a:visited {
	display:block;
	color:#000;
}

ul#menu li dl dt.bedrijfvisie a,
ul#menu li dl dt.aanboddiensten a,
ul#menu li dl dt.bedrijfvisie-en a,
ul#menu li dl dt.aanboddiensten-en a
{
	height:72px;
	width:215px;
}

ul#menu li dl dt.bedrijfvisie a {
	background:url(images/menu_bedrijf.png) top no-repeat;
}

ul#menu li dl dt.bedrijfvisie-en a {
	background:url(images/en-menu-bedrijf.jpg) top no-repeat;
}

ul#menu li dl dt.aanboddiensten a {
	background:url(images/menu_aanbod.png) top no-repeat;
}

ul#menu li dl dt.aanboddiensten-en a {
	background:url(images/en-menu-aanboddiensten.jpg) top no-repeat;
}

ul#menu li:hover dt.bedrijfvisie a,
ul#menu li:hover dt.aanboddiensten a,
ul#menu li:hover dt.bedrijfvisie-en a,
ul#menu li:hover dt.aanboddiensten-en a,
ul#menu a:hover dt.bedrijfvisie a,
ul#menu a:hover dt.aanboddiensten a,
ul#menu a:hover dt.bedrijfvisie-en a,
ul#menu a:hover dt.aanboddiensten-en a {
	background-position:bottom;
	width:215px;
}

/****************************************************************************/
/***************************** MENU - UL LI DL DD ***************************/
/****************************************************************************/

ul#menu li dl dd {
	display:none;
	padding:0;
	margin:0;
}

ul#menu li.bedrijfvisie dl dd,
ul#menu li.aanboddiensten dl dd {
	width:215px;
}

ul#menu li.bedrijfvisie-en dl dd,
ul#menu li.aanboddiensten-en dl dd {
	width:215px;
}

ul#menu li dl dd a {
	background:url(images/menu.png) top no-repeat;
	text-decoration:none;
	padding:8px 0 0 22px;
	cursor:pointer;
	display:block;
	height:20px;
	color:#fff;	
}

ul#menu li dl dd.top a,
ul#menu li dl dd.tweede a,
ul#menu li dl dd.bottom a {
	width:193px;
}

ul#menu li dl dd.top a {
	background:url(images/menu_top.png) no-repeat;
	padding-top:8px;
	height:21px;
}

ul#menu li dl dd.tweede a {
	background:url(images/menu_tweede.png) no-repeat;
	padding-top:7px;
	height:20px;
}

ul#menu li dl dd.bottom a {
	background:url(images/menu_bottom.png) no-repeat;
	padding-top:8px;
	height:21px;
}

ul#menu li dl dd a:hover {
	background-position:left bottom;
	font-weight:bold;
	color:#003f64;
}

ul#menu li:hover dl dd,
ul#menu li a:hover dl dd {
	display:block;
}

ul#menu li dl dt.current a {
        background-position:bottom;
}

/****************************************************************************/
/********************************** LOCATIE *********************************/
/****************************************************************************/

.locatie {
	position:absolute;
	display:block;
	bottom:-87px;
	height:63px;
	z-index:350;
	right:75px;
}

#header .locatie.welkom {
	background:url(images/locatie_welkom.png) no-repeat;
	width:139px;
}

#header .locatie.welkom-en {
	background:url(images/ttl-en-welkom.png) no-repeat;
	width:284px;
}

#header .locatie.bedrijf {
	background:url(images/ttl-bedrijfenvisie.png) no-repeat;
	width:340px;
}

#header .locatie.bedrijf-en {
	background:url(images/ttl-en-bedrijfvisie.png) no-repeat;
	width:340px;
}

#header .locatie.aanbod {
	background:url(images/ttl-aanbodendiensten.png) no-repeat;
	width:340px;
}

#header .locatie.aanbod-en {
	background:url(images/ttl-en-aanboddiensten.png) no-repeat;
	width:340px;
}

#header .locatie.contact {
	background:url(images/ttl-contactinfo.png) no-repeat;
	width:284px;
}

#header .locatie.contact-en {
	background:url(images/ttl-en-contactinformatie.png) no-repeat;
	width:284px;
}

#header .locatie.partners {
	background:url(images/ttl-partnerscollegas.png) no-repeat;
	width:340px;
}

#header .locatie.partners-en {
	background:url(images/ttl-en-partners.png) no-repeat;
	width:340px;
}

#header .locatie.referenties {
	background:url(images/ttl-klantenenreferenties.png) no-repeat;
	width:340px;
}

#header .locatie.referenties-en {
	background:url(images/ttl-en-klantenreferenties.png) no-repeat;
	width:340px;
}

#header .locatie.waarom {
	background:url(images/ttl-waarom.png) no-repeat;
	width:284px;
}

#header .locatie.waarom-en {
	background:url(images/ttl-en-waaromkathaliss.png) no-repeat;
	width:284px;
}

#header .locatie.lead {
	background:url(images/ttl-leadgen.png) no-repeat;
	width:284px;
}

#header .locatie.print {
	background:url(images/ttl-printmarketing.png) no-repeat;
	width:284px;
}

#header .locatie.event {
	background:url(images/ttl-eventmarketing.png) no-repeat;
	width:284px;
}

#header .locatie.online {
	background:url(images/ttl-onlinemarketing.png) no-repeat;
	width:284px;
}

#header .locatie.retention {
	background:url(images/ttl-retentionmarketing.png) no-repeat;
	width:284px;
}

#header .locatie.tele {
	background:url(images/ttl-telemarketing.png) no-repeat;
	width:284px;
}

#header .locatie.tele-en {
	background:url(images/ttl-en-telemarketing.png) no-repeat;
	width:284px;
}

#header .locatie.extra {
	background:url(images/ttl-extradiensten.png) no-repeat;
	width:284px;
}

#header .locatie.extra-en {
	background:url(images/ttl-en-extradiensten.png) no-repeat;
	width:284px;
}

#header .locatie.katleen {
	background:url(images/ttl-profiel.png) no-repeat;
	width:284px;
}

#header .locatie.katleen-en {
	background:url(images/ttl-en-profile.png) no-repeat;
	width:284px;
}

#header .locatie.essentie {
	background:url(images/ttl-essentie.png) no-repeat;
	width:284px;
}

#header .locatie.essentie-en {
	background:url(images/ttl-en-essencedirect.png) no-repeat;
	width:284px;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/


#body {
        background:url(images/container.png) repeat-y;
        min-height:100%;
        margin:0 auto;
        width:956px;
}

#body .inner {
        background:url(images/body.png) no-repeat;
        padding:105px 0 40px 60px;
        min-height:205px;
        width:896px;
}

#body .oranje {
	color:#ec7404;
}

#body .blauw {
	color:#003f64;
}

#body p {
	margin:0 0 10px 0;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body .content {
	text-align:justify;
}

#body .content.groot_logo {
	background:url(images/logo_groot.png) no-repeat;
	padding:0 0 0 218px;
	min-height:476px;
	width:617px;
}

#body .content.kathaliss {
	background:url(images/kathaliss.png) no-repeat;
	padding:0 0 0 218px;
	min-height:550px;
	width:617px;
}

#body .content.box {
	background:url(images/box.jpg) no-repeat;
    padding-left: 30px;
    padding-top: 5px;
}

#body .content.groot_logo span {
	font-size: 12px;
}

/****************************************************************************/
/************************************ WIJ ***********************************/
/****************************************************************************/

#body .content ul.wij {
	background:url(images/wij.png) no-repeat;
	list-style-type:none;
	padding:0 0 0 115px;
	margin:0 0 40px 0;
	line-height:18px;
	height:75px;
}

#body .content ul.wij li {
	color:#ec7404;
}

#body .content ul.wij li span {
	font-weight:bold;
	color:#003f64;
}

.content ul.list li {
   list-style-type: square;
	line-height:20px;
}

.content ol.list li {
	padding:0 0 9px 0px;
}

/****************************************************************************/
/******************************* TEKST KOLOMMEN *****************************/
/****************************************************************************/

#body .content .een,
#body .content .twee {
	width:298px;
}

#body .content .een {
	float:left;
}

#body .content .twee {
	float:right;
}

#body .content .samen {
	width:425px;
}

#body .content .landing {
	width:445px;
}

/****************************************************************************/
/*********************************** FOOTER *********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) repeat-x;
	height:105px;
	color:#fff;
	width:100%;
}

#footer .inner {
	background:url(images/footer_inner.png) top center no-repeat;
	padding:25px 35px 0 35px;
	margin:0 auto;
	height:80px;
	width:886px;
}

#footer a {
	text-decoration:none;
	color:#fff;
}

#footer a:hover {
	font-weight:bold;
}

/****************************************************************************/
/*************************** WEBDESIGN BY WEBREGION *************************/
/****************************************************************************/

#footer .by {
	float:left;
}

/****************************************************************************/
/******************************** FOOTER LINKS ******************************/
/****************************************************************************/

#footer ul.links {
	list-style-type:none;
	float:right;
	padding:0;
	margin:0;
}

#footer ul.links li {
	font-weight:bold;
	margin:0 5px 0 0;
	color:#003f64;
	float:left;
}

#footer ul.links li span {
	color:#003f64;
}

#footer ul.links li a {
	background:url(images/dot.png) 0 6px no-repeat;
	font-weight:normal;
	padding:0 0 0 10px;
	color:#fff;
}

#footer ul.links li a:hover {
	font-weight:bold;
}

/****************************************************************************/
/********************************* SNELKEUZE ********************************/
/****************************************************************************/

ul.snelkeuze {
	list-style-type:none;
	line-height:normal;
	position:absolute;
	z-index:999;
	height:24px;
	padding:0;
	margin:0;
	right:42px;
	top:97px;
}

ul.snelkeuze table {
	border-collapse:collapse;
	margin:-1px;
	padding:0;
}

/****************************************************************************/
/***************************** SNELKEUZE - UL LI ****************************/
/****************************************************************************/

ul.snelkeuze li {
	position:relative;
	z-index:250;
	height:24px;
	width:203px;
	padding:0;
	margin:0;
}

ul.snelkeuze li a:hover {
	border:0;
}

/****************************************************************************/
/*************************** SNELKEUZE - UL LI DL ***************************/
/****************************************************************************/

ul.snelkeuze li dl {
	background:transparent;
	position:absolute;
	padding-bottom:0;
	padding:0;
	margin:0;
	left:0;
	top:0;
}

/****************************************************************************/
/************************** SNELKEUZE - UL LI DL DT *************************/
/****************************************************************************/

ul.snelkeuze li dl dt {
	width:203px;
	padding:0;
	margin:0;
}

ul.snelkeuze li dl dt a {
	background:url(images/snelmenu.png) top center no-repeat;
	text-decoration:none;
	padding:5px 0 0 11px;
	display:block;
	color:#003f64;	
	z-index:250;
	height:19px;
	width:192px;
}


ul.snelkeuze li:hover dt a,
ul.snelkeuze a:hover dt a {
	background:url(images/snelmenu_hover.png) no-repeat;
	font-weight:bold;
	width:192px;
	color:#ec7404;	
}

/****************************************************************************/
/************************** SNELKEUZE - UL LI DL DD *************************/
/****************************************************************************/

ul.snelkeuze li dl dd {
	display:none;
	width:203px;
	padding:0;
	margin:0;
}

ul.snelkeuze li dl dd a {
	background:url(images/snelmenu_item.png) repeat-y;
	text-decoration:none;
	padding:5px 0 0 11px;
	cursor:pointer;
	display:block;
	color:#003f64;	
	height:20px;
}

ul.snelkeuze li dl dd.bottom a {
	background:url(images/snelmenu_bottom.png) no-repeat;
	padding-top:7px;
	height:21px;
	width:192px;
}

ul.snelkeuze li dl dd a:hover {
	background-position:left bottom;
	font-weight:bold;
	color:#003f64;
}

ul.snelkeuze li:hover dl dd,
ul.snelkeuze li a:hover dl dd {
	display:block;
}

/****************************************************************************/
/************************************ TAAL **********************************/
/****************************************************************************/

#header ul.taal {
	list-style-type:none;
	position:absolute;
	z-index:999;
	right:275px;
	top:100px;
	padding:0;
	margin:0;
}

#header ul.taal li {
	text-indent:-6000px;
	margin:0 0 0 5px;
	float:left;	
}

#header ul.taal li a {
	display:block;
	height:11px;
	width:16px;
}

#header ul.taal li.nl a {
	background:url(images/taal_nl_h.png) no-repeat;	
}

#header ul.taal li.en a {
	background:url(images/taal_en_h.png) no-repeat;	
}

#header ul.taal li.nl a:hover,
#header ul.taal li.nl_current a {
     background:url(images/taal_nl.png) no-repeat;
}

#header ul.taal li.en a:hover,
#header ul.taal li.en_current a {
     background:url(images/taal_en.png) no-repeat;
}

/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

.clear {
	clear:both;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #055A8C;
}

a.contact:hover
{
	text-decoration:none;
	color: #055A8C;
}

a.blauw:link, a.blauw:visited 
{
	text-decoration:none;
	font-weight:bold;
	color: #003f64;
}

a.blauw:hover
{
	text-decoration:underline;
	font-weight:bold;	
	color: #003f64;
}

a.oranje:link, a.oranje:visited 
{
	text-decoration:none;
	font-weight:bold;
	color: #ec7404;
}

a.oranje:hover
{
	text-decoration:underline;
	font-weight:bold;	
	color: #ec7404;
}

.formulier 
{
	background: #FFFFFF;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}