/*======================================
      DATALYZER / ITK
--------------------------------------      
   Isabel, effectieve webcommunicatie
      Author: Ardjan van Nuland
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #EFEFEF;
	background-image: url("../img/header-grey-bg.png");
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
body#HomePage {
	background-image: url("../img/header-bg.png");
}

img {
	border: 0px;
}

h1 {
	color: #993333;
	font-size: 1.6em;
}
h2 {
	color: #cc3333;
	font-size: 1.3em;
}
h3 {
	color: #590e10;
	font-size: 1.2em;
}
a:link, a:visited {
	color: #CC3333;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #CC3333;
	font-weight: bold;
	text-decoration: none;
}
table, th, td {
	border: 0px;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
textarea, input[type="text"], input[type="password"], select {
	width: 250px;
}
/**************************************/
/*              HEADER                */
/**************************************/
#logo-meta-search {
	
	height: 75px;
}
#logo {
	width: 358px;
	float: left;
}
#meta, #search {
	width: 950px;
	text-align: right;
	float: none;
	*position: relative; /* IE6, IE7 */
	*top: -78px; /* IE6, IE7 */
}
#meta-left {
	width: 10px;
	height: 24px;
	float: right;
	background-image: url('../img/meta-left-bg.png');
	margin-left: 10px;
}
#meta-content {
	height: 24px;
	float: right;
	background-image: url('../img/meta-bg.png');
	color: #ffffff;
}
#meta-content a {
	font-weight: normal;
	color: #ffffff;
}
#meta-content a.section, #meta-content a.current {
	text-decoration: none;
	font-weight: bold;
}

#meta-right {
	width: 10px;
	height: 24px;
	float: right;
	background-image: url('../img/meta-right-bg.png');
}

#search fieldset {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#Search {
	position: relative;
	top: -32px;
	left: -70px;
	top: -22px\9; /* IE6, IE7, IE8 */
	*top: -42px; /* IE6, IE7 */
}
#SearchForm_SearchForm_action_results {
	position: relative;
	top: -68px;
	left: 5px;
	top: -58px\9; /* IE6, IE7, IE8 */
	*top: -78px; /* IE6, IE7 */
}
/*#search input {
	position: relative;
	top: -8px;
	left: -4px;
}*/

#header {
	color: #ffffff;
}
#header-productboxes {
	position: relative;
	left: -110px;
	padding-top: 50px;
}
#header-tagline {
	height: 145px;
}
#header-btn-choose {
	display: block;
	width: 300px;
	height: 77px;
	background-image: url("../img/header-btn-choose-n.png");
	margin-top: 35px;
}
#header-btn-choose:hover {
	background-image: url("../img/header-btn-choose-h.png");
}

#header-btn-register {
	display: block;
	width: 204px;
	height: 34px;
	background-image: url("../img/header-btn-register-trans-n.png");
}
#header-btn-register:hover {
	background-image: url("../img/header-btn-register-trans-h.png");
}

#header-btn-request {
	display: block;
	width: 204px;
	height: 34px;
	background-image: url("../img/header-btn-request-trans-n.png");
}
#header-btn-request:hover {
	background-image: url("../img/header-btn-request-trans-h.png");
}
#header h3 {
	color: #ffffff;
}
#header-tagline {
	font-size: 2.7em;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	padding-top: 10px;
}

#tagline {
	height: 110px;
	padding-top: 10px;
}
#taglinetop {
	/*font-size: 1.5em;*/
	color: #982024;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
}
#texttopright {
	font-size: 1em;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#menu {
	height: 40px;
	padding: 0px;
}

#menu-11 {
	display: block;
	width: 102px;
	height: 32px;
	background-image: url("../img/menu-home-n.png");
	float: left;
}
#menu-11:hover, #menu-11.current, #menu-11.section {
	background-image: url("../img/menu-home-h.png");
}
#menu-13 {
	display: block;
	width: 138px;
	height: 32px;
	background-image: url("../img/menu-software-n.png");
	float: left;
}
#menu-13:hover, #menu-13.current, #menu-13.section {
	background-image: url("../img/menu-software-h.png");
}
#menu-25 {
	display: block;
	width: 157px;
	height: 32px;
	background-image: url("../img/menu-why-n.png");
	float: left;
}
#menu-25:hover, #menu-25.current, #menu-25.section {
	background-image: url("../img/menu-why-h.png");
}
#menu-29 {
	display: block;
	width: 152px;
	height: 32px;
	background-image: url("../img/menu-trial-n.png");
	float: left;
}
#menu-29:hover, #menu-29.current, #menu-29.section {
	background-image: url("../img/menu-trial-h.png");
}
#menu-35 {
	display: block;
	width: 119px;
	height: 32px;
	background-image: url("../img/menu-clients-n.png");
	float: left;
}
#menu-35:hover, #menu-35.current, #menu-35.section {
	background-image: url("../img/menu-clients-h.png");
}
#menu-41 {
	display: block;
	width: 197px;
	height: 32px;
	background-image: url("../img/menu-about-n.png");
	float: left;
}
#menu-41:hover, #menu-41.current, #menu-41.section {
	background-image: url("../img/menu-about-h.png");
}

#submenu a, #submenu a:visited {
	display: block;
	color: #8b8b8b;
	font-weight: normal;
	float: left;
	padding: 1px 5px 1px 5px;
	margin: 0px 5px 0px 5px;
	text-decoration: none;
}
#submenu a:hover, #submenu a.current, #submenu a.section {
	color: #3b3b3b;
	border-bottom: solid 1px #c2272d;
	text-decoration: none;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/

/* Easy Slider */
 
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:291px;
	height:240px;
	overflow:hidden; 
	}
span#prevBtn{
	display: block;
	width: 260px;
	height: 20px;
	position: relative;
	top: -230px;
	float: left;
}
span#prevBtn a {
	background-image: url("../img/icon-clients-left.png");
	display: block;
	height: 22px;
	width: 26px;
}
span#nextBtn{
	display: block;
	width: 34px;
	height: 20px;
	position: relative;
	top: -230px;
	float: right;
	text-align: right;
	padding-right: 16px;
}	
span#nextBtn a {
	background-image: url("../img/icon-clients-right.png");
	display: block;
	height: 22px;
	width: 26px;
}				
#slider ul {
	padding-left: 0px !important;
}
#slider li img {
	border: solid 1px #cdcdcd;
}
#slider li h3 {
	display: block;
	width: 100%;
	text-align: center;
}
/* // Easy Slider */

#ClientsPage ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
}
#ClientsPage ul li {
	margin-left: 0px;
	padding-left: 0px;
}

#SearchResults {
	padding-left: 0px;
	margin-left: 0px;
}
#SearchResults li {
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
}
/************************
SITEMAP
************************/
#sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/
#sitemap-list li {padding:5px; margin-top:5px; font-size:13px; background:#f0f0f0;} /*1st level items*/
 
#sitemap-list ul {margin:2px 5px 2px 5px; padding:2px 5px; font-weight:normal; background:#f8f8f8;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/
 
#sitemap-list ul ul {margin-left:5px;padding:2px 5px;  background:#fff;} /*3rd level lists*/
#sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	width: 100%;
	height: 190px;
	background-image: url("../img/footer-bg.png");
	padding-top: 30px;
	padding-bottom: 20px;
	overflow: hidden;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9em;
}
#footer a:hover {
	text-decoration: underline;
}

#footer-copyright {
	text-align: right;
	color: #ffffff;
	border-top: solid 1px #590e10;
	font-size: 0.8em;
}

