@charset "utf-8";
/************************************************************
Title:     Intro
Author:    Emile Blume - Netcreators.com
************************************************************/
#center, #right { display:none; }
#container { height: 430px;}
#main { height: 430px !important;}

#c172 { display:none; }

/* Intro////////////////////////////////////////////////////////////////////////////////*/
#intro {
	float: left;
	margin-top: 15px;
	height: 250px;
	width: 730px;
	width: 900px;
	position: relative;
	text-align: left;
	overflow: hidden;
}

.content {
	float: right;
	margin-right: 10px;
	width: 220px;
	width: 380px;
}

#intro .content p a, #intro .content h3 a {	
	background: url(../images/arrow-pink.gif) no-repeat right;
	color: #EC0C9A;
	padding-right: 12px;
}

#intro .content a:hover { text-decoration:underline; }

.content h2 { margin-bottom: 0.3em;}
#intro h2 span { display: none;}

#intro h2 a {
	display: block;
	cursor: pointer;
	height: 120px;
	width: 240px;
}

#intro .content h2 a { /*color:#EC0C9A;*/ height:auto; }

#intro ul { margin: 6px;}
#intro #block-03 ul, #intro #block-04 ul { margin-top: 12px;}
#intro #block-02 ul, #intro #block-04 ul { margin-left: 12px;}

#intro li {
        display: inline;
	float: left;
	width: 220px;
}

#intro #block-01 li { width:110px;}
#intro #block-04 li { width:110px; }

#intro li a {
	background: url(../images/bg_intronav_a.gif) no-repeat left top;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
	letter-spacing: 0.1px;
	width: 95px;
        width: 220px;
	text-decoration: none;
}

#intro #block-01 li a.internal-link { width:100px;}
#intro #block-04 li a { width:100px; }

#intro li a:hover {
	background: url(../images/bg_intronav_a.gif) no-repeat left top;
	color: #05F1F2;
}

#intro .content p a.internal-link {
/*      background: transparent url(../images/bg_a_arrow.gif) no-repeat scroll 0pt 0.45em;
        padding-left: 15px;
*/
}

#intro .content p a:hover { color: #EC0C9A;}

#block-01, #block-02, #block-03, #block-04 {
	background: url(../images/home-consultancy.jpg) left top;
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	height: 120px;
	width: 240px;
	overflow: none;
	visibility: visible;
}

#block-02, #block-04 {
	background: url(../images/home-academy.jpg) left top;
	left: 240px;
}

#block-03, #block-04 {
	background: url(../images/home-research.jpg) left top;
	top: 120px;
}

#block-04 { background: url(../images/home-sourcingpractices.jpg) left top;}

/* Navigatie blokken */
#block-01-sub { background: url(../images/home-consultancy-on.jpg) no-repeat left top;}
#block-02-sub { background: url(../images/home-academy-on.jpg) no-repeat left top;}
#block-03-sub { background: url(../images/home-research-on.jpg) no-repeat left top;}
#block-04-sub { background: url(../images/home-sourcingpractices-on.jpg) no-repeat left top;}

/* Nieuws items ////////////////////////////////////////////////////////////////////////////////*/
#content .news-list-item h3 {
	font-size: 100%;
	font-family: Arial, Helvetica, san-serif;
	margin-bottom: 0.3em;
}

/* Replacements ////////////////////////////////////////////////////////////////////////////////*/
#footer {
	background: url(../images/bg_kirkman_home.gif) no-repeat scroll 50% 76px;
	margin-left: auto;
	margin-left: auto;
	width: 100%;
        display: inline;
        float: left;
	position: relative;
}

#content {
	overflow: hidden;
	margin: auto;
	width: 728px;
	width: 978px;
	position: relative;
	font-family: arial,helvetica,sans-serif;
	font-size: 90%;
	line-height: normal;
}

#content .frame-01, #content .frame-02, #content .frame-03 {
        display: inline;
	float: left;
	margin-right: 30px;
	margin-top: 30px;
	width: 225px;
	width: 290px;
}

#content .frame-01 { margin-left: 30px;}

#content .frame-02, #content .frame-03 {
	width: 220px;
	width: 290px;
}

#content .frame-03 { margin-right: 0;}

#content h3 {
	font-family: 'palatino linotype',garamond,palatino,'times new roman',times,serif;
	font-size: 180%;
	margin: 20px 0pt 8px;
}

#content h4 {
	font-size: 100%;
	font-family: arial,helvetica,sans-serif;
}

#content p{ margin: 0pt 0pt 1em;}

#content a {
	color: #EC0C9A;
	text-decoration: none;
}

#content a:hover { text-decoration: underline;}

#swv { 
	display:block;
	left:626px;
	top:200px;
	position:absolute;
	height:60px;
	width:260px;
	overflow:hidden;
	z-index:10;
}