/*------------------------------------------------------------------
[Table of contents]

1. Body + reset general tags
2. Links
3. Forms / Inputs
4. Containers
5. Header / #header
6. Main / #main
7. Content / #content
8. Sidebar / #sidebar
9. Footer / #footer
10.Overlay / Scrollable / jQuery Tools-lib
11.TableSorter / Pager

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 1. Body + reset general tags ]
------------------------------------------------------------------*/

html {
	width:100%;
	height:100%;
}

* {margin:0; padding:0;}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-size:0.8em;
	color:#373737;
	background:url(../images/backgrounds/body_bg.gif) 110% 118px no-repeat #4e5e9a fixed;
}

/* font embedding */
@font-face {
	font-family: 'HelveticaRoundedLTBoldRegular';
	src: url('Helvetica_Rounded_LT_Bold.eot');
	src: local('HelveticaRounded LT Bold Regular'), local('HelveticaRoundedLT-Bold'), url('Helvetica_Rounded_LT_Bold.ttf') format('truetype');
}


@font-face {
	font-family: 'HelveticaRoundedLTBoldItalic';
	src: url('Helvetica_Rounded_LT_Bold_Oblique.eot');
	src: local('HelveticaRounded LT Bold Italic'), local('HelveticaRoundedLT-BoldObl'), url('Helvetica_Rounded_LT_Bold_Oblique.ttf') format('truetype');
}


h1 {
	margin:0em 0 0.5em 0px;
	color:#404c7a;
	font-size:2.4em;
	font-weight:normal;
	font-family:HelveticaRoundedLTBoldRegular, sans-serif;
}
	h1 span {
		color:#231f20;
	}

h2 {
	margin-bottom:0.5em;
	color:#404c7a;
	font-size: 1.6em;
	line-height:1.1em;
	font-weight:bold;
	font-family:HelveticaRoundedLTBoldRegular, sans-serif;
	text-transform:uppercase;
}

h3 {
	font-size: 1.4em;
	line-height:1.2em;
	margin: 1em 0 0.2em 0;
	color:#404c7a;
}

h4{
	font-size: 1.0em;
	line-height:1.2em;
	margin-bottom:0.2em;
	color:#343434;
}



p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}


img {
	display:inline;
	border:none;
	vertical-align:bottom;
}

ul {
	margin:0;
	padding:0 0 0 18px;
}


/*------------------------------------------------------------------
[ 2. Links ]
------------------------------------------------------------------*/


a {
	color: #4e5e9a;
	text-decoration:underline;
	outline: none;
}
a.visited {
	color: #414f80;
}
a:hover {
	color: #4e5e9a;
	text-decoration: none;
	outline: none;
}

/* hide outlines on clicked links */
:-moz-any-link:focus {
	outline: none;
}


p.readmore a,
a.readmore {
	display:inline-block;
	padding:4px 0 5px 25px;
	color:#0967c7;
	font-weight:bold;
	text-decoration:none;
	line-height: 1.3em;
	background:url(../images/icons/readmore-arrow.gif) left 4px no-repeat;
}

p.readmore a:hover,
a.readmore:hover {
	color:#26aae5;
	text-decoration:underline;
	background:url(../images/icons/readmore-arrow-hover.gif) left 4px no-repeat;
}


p.readon a,
a.readon {
	display: inline-block;
	margin:0;
	padding: 0 0 0 10px;
	color:#1971cb;
	text-decoration: none;
	background:url(../images/icons/bullet-arrow.gif) left 7px no-repeat;
}
a.readon {
	display:block;
}
p.readon a:hover,
a.readon:hover {
	color: #26aae5;
	text-decoration: none;
	background:url(../images/icons/bullet-arrow-hover.gif) left 7px no-repeat;
}

/*------------------------------------------------------------------
[ 3. Forms / Inputs ]
------------------------------------------------------------------*/

form {
	display:block;
	margin: 8px 0 10px 0;
	overflow:hidden;
}

table.formblock {
	border-collapse:collapse;
}
table.formblock th {
	padding-right:30px;
	font-weight:normal;
	text-align:left;
}
table.formblock td {
	padding: 5px 0;
}


fieldset {
	float:left;
	display:inline;
	border:none;
}

label {
	display:block;
	margin:10px 0 5px 0;
	padding:0;
}

form#scan_application label {
	float:left;
	margin-bottom:5px;
}
	form#scan_application label span {
		float:left;
		display:inline;
		width:170px;
		padding-top:4px;
	}


legend {
	padding: 0;
	font-size:12px;
	font-weight:bold;
	line-height:1.0em;
}

input.text {
	height:20px;
	width:215px;
	margin:0px;
	padding:5px 3px 2px 3px;
	font-size:1.05em;
	border:1px solid #acb5d9;
}

textarea.text {
	height:110px;
	width:215px;
	margin:0px;
	padding:2px 3px 1px 3px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #acb5d9;
}

input.text:hover,
textarea.text:hover {
	border:1px solid #231f20;
}

form#scan_application input.text,
form#scan_application textarea.text {
	width:340px;
}


input.reset-default {
	color:#c1c6d9;
	font-style:italic;
}

#formsubmit{
	padding: 4px 15px 6px 22px;
	color: #0967c7;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5em;
	text-transform:uppercase;
	vertical-align: bottom;
	border-right: 1px solid #b4ada1;
	border-bottom: 1px solid #b4ada1;
	background:url(../images/icons/bullet-arrow.gif) 12px center no-repeat #f2f2f2;
}

input.radio {
	vertical-align:bottom;
}




div.error {
	padding: 3px 10px 5px 10px;
	color:red;
	font-weight:bold;
	border:1px solid red;
}
div.error p {
	margin:0;
	padding:5px 0;
}

input.error {
	color:#cc0000;
	border:1px solid red;
	background:#fff7f7;
}


/*------------------------------------------------------------------
[ 4. Containers  ]
------------------------------------------------------------------*/

div#containerBackground {
	position:relative;
	width:990px;
	height:100%;
	margin:0 auto 0 auto;
	position:static;
	background:url(../images/backgrounds/container_background.png) -1px 0 repeat-y;
	z-index:1;
}

div#outerCon {
	position:absolute;
	top:0;
	width:894px;
	left:50%;
	margin-left:-486px;
	padding:0 40px 50px 40px;
	background:#fff;
	z-index:2;
}


/*------------------------------------------------------------------
[ 5. Header ]
------------------------------------------------------------------*/


div#serviceNav {
	height:40px;
	padding: 0px 10px;
}
div#serviceNav div {
	float:right;
	padding: 6px 0;
}
div#serviceNav div a {
	margin: 0 5px;
	color:#7d89b5;
}
div#serviceNav div a:hover {
	color:#9ca7c8;
}

div#serviceNav div a.blog {
	padding-right:9px;
	background:url(../images/icons/blog-icon.gif) top right no-repeat
}


div#headerCon {
	height:78px;
}

div#logoCon {
	float:left;
	display:inline;
}

div#headerCon ul#mainNavigation {
	float:right;
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
}

/* substyles : cust_superfish.css */

/*------------------------------------------------------------------
[ 6. Main ]
------------------------------------------------------------------*/

div#contentCon {
	position:relative;
	padding: 171px 0 40px 0;
}

div#contentCon.home {
	padding: 206px 0 40px 0;
}

div#contentCon div#pagevisualCon {
	position:absolute;
	height:300px;
	width:100%;
	top:0px;
}
div#contentCon div#pagevisualCon img#pagevisual {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

div#contentCon div#pagevisualCon h2 {
	position:absolute;
	font-size:32px;
	font-family:HelveticaRoundedLTBoldItalic, sans-serif;
	font-style:italic;
	text-transform:none;
}
div#contentCon div#pagevisualCon h2.shadow {
	margin: 41px 0 0 33px;
	color:#666666;
	z-index:2;
}
div#contentCon div#pagevisualCon h2 {
	margin: 40px 0 0 32px;
	color:#fff;
	z-index:3;
}


div#breadcrumbCon {
	position:relative;
	height:30px;
	margin: 0 10px 5px 10px;
	background:url(../images/backgrounds/breadcrumb-bg.png);
	z-index:4;
}
	div#breadcrumbCon div#breadcrumbInnercon {
		padding: 9px 30px 0px 30px;
		color:#fff;
		font-size:0.8em;
		text-transform:uppercase;
	}
	div#breadcrumbCon div#breadcrumbInnercon a {
		color:#fff;
	}
.home div#breadcrumbCon {
	display:none;
}

div#columnsCon {
	position:relative;
	margin: 0 0 0 10px;
	z-index:4;
	zoom:1;
	overflow:hidden;
	background:url(../images/backgrounds/columnscon-default-bg.png) no-repeat;
}
.home div#columnsCon {
	background:url(../images/backgrounds/columnscon-home-bg.png) no-repeat;
}

div.leftCol {
	float:left;
	display:inline;
	min-height:100px;
	width:540px;
	padding:15px 20px;
	/*background:#ff6600;*/
}

div.rightCol {
	min-height:100px;
	width:285px;
	margin:0 0 0 590px;
	padding: 0px 0 15px 0;
	/*background:#cc9900;*/
}

/*------------------------------------------------------------------
[ 7. Content ]
------------------------------------------------------------------*/


div#rightColInnercon {
	margin:20px 20px 0 0;
	padding:15px 20px;
	border:1px solid #cac5d0;
	zoom:1;
	overflow:hidden;
}
.home div#rightColInnercon {
	padding:20px;
	margin:0 1px 0 0;
}


/* boxes */
div.boxcontainer {
	margin: 25px 0;
	padding: 20px 0;
	border-top:2px solid #e2e5f3;
	clear:both;
	zoom:1;
	overflow:hidden;
}
.home div.boxcontainer:first-child {
	margin:6px 0 0 0;
	padding-top:0px;
	border:none;
}
	div.boxcontainer div.boxconLeft {
		float:left;
		display:inline;
		width:246px;
	}
	div.boxcontainer div.boxconRight {
		width:246px;
		margin-left:295px;
		margin-right:-1px;
	}

div.box {
	float:left;
	display:block;
	width:245px;
	margin: 0 0 15px 0;
	border-bottom:1px solid #cac5d0;
}

div.boxcontainer div.box {
	width:245px;
}

div#rightColInnercon div.box {
	width:224px;
}

div#columnsCon p img {
	float:left;
	margin: 18px 20px 5px 0;
	border:1px solid #cac5d0;
}
div#rightColInnercon div.box p img {
	float:left;
	margin: 3px 20px 5px 0;
	border:1px solid #cac5d0;
}


/* datestamp */
div.datestamp {
	position:absolute;
	top:2px;
	left:0px;
	width:31px;
	height:32px;
	background:url(../images/backgrounds/datestamp-bg.png) no-repeat;
}
	div.datestamp span.date {
		display:block;
		width:95%;
		padding-top:4px;
		text-align:center;
		color:#2f2838;
		font-size:14px;
		line-height:0.9em;
	}
	div.datestamp span.month {
		display:block;
		text-align:center;
		color:#95909a;
		font-size:10px;
		line-height:1em;
	}



/* quotes */
div.quotes ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
	div.quotes li a {
		display:block;
		text-decoration:none;
		background:url(../images/backgrounds/cases-box-bg.png) left bottom no-repeat #fff;
	}
		div.quotes ul li a span {
			display:block;
			padding: 9px 13px 9px 24px;
			background:url(../images/icons/bullet-arrow.gif) 7px 14px no-repeat;
		}
	div.quotes li a:hover {
		color:#758dcd;
		text-decoration:none;
		background:url(../images/backgrounds/cases-box-bg-hover.png) left bottom no-repeat #fff;
	}
		div.quotes ul li a:hover span {
			background:url(../images/icons/bullet-arrow-hover.gif) 7px 14px no-repeat;
		}


/* cases */
div.cases ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
	div.cases li a {
		display:block;
		text-decoration:none;
		background:url(../images/backgrounds/cases-box-bg.png) left bottom no-repeat #fff;
	}
		div.cases ul li a span {
			display:block;
			padding: 9px 13px 9px 24px;
			background:url(../images/icons/bullet-arrow.gif) 7px 14px no-repeat;
		}
	div.cases li a:hover {
		color:#758dcd;
		text-decoration:none;
		background:url(../images/backgrounds/cases-box-bg-hover.png) left bottom no-repeat #fff;
	}
		div.cases ul li a:hover span {
			background:url(../images/icons/bullet-arrow-hover.gif) 7px 14px no-repeat;
		}

	/* rightcol caseoverview */
	div#rightColInnercon div.cases li a {
		color:#1971cb;
		font-weight:bold;
		background: none;
	}
		div#rightColInnercon div.cases ul li a span {
			padding: 5px 13px 5px 17px;
			background:url(../images/icons/bullet-arrow.gif) 0px 10px no-repeat;
		}
	div#rightColInnercon div.cases li a:hover {
		color:#26aae5;
		text-decoration:none;
		background:none;
	}
		div#rightColInnercon div.cases ul li a:hover span {
			background:url(../images/icons/bullet-arrow-hover.gif) 0px 10px no-repeat;
		}




div#casesList {
	/**/
	width:540px;
}
div#casesList div.caseItem {
	position:relative;
	display:inline-block;
	margin:0 0 20px 0;
	padding: 0 15px 20px 50px;
	border-bottom:1px solid #dad6de;
}
	div#casesList div.caseItem div.tags a {
		display:inline-block;
		margin-right:3px;
		padding: 3px 12px 4px 28px;
		font-size:0.8em;
		font-weight:bold;
		color:#1971cb;
		text-decoration:none;
		text-transform:uppercase;
		border:1px solid #eeecf0;
		background:url(../images/icons/taglinks-icon.gif) 7px 3px no-repeat;
	}
	div#casesList div.caseItem div.tags a:hover {
		color:#26aae5;
		border:1px solid #f7f6f8;
		background:url(../images/icons/taglinks-icon-hover.gif) 7px 3px no-repeat;
	}

p.branche {
	color:#95909a;
	font-style:normal;
}


/* tagcloud */
div#tagcloud {
	width:224px;
	margin: 5px 0 10px 0;
	overflow:hidden;
}
	div#tagcloud a {
		position:relative;
		display:inline-block;
		margin:0 3px 3px 0;
		padding: 0px 10px 0px 31px;
		font-size:0.9em;
		font-weight:bold;
		color:#1971cb;
		text-decoration:none;
		text-transform:uppercase;
		border:1px solid #eeecf0;
	}
	div#tagcloud a:hover {
		color:#26aae5;
		border:1px solid #f7f6f8;
		background:url(../images/icons/tagcloud-tag-bg-hover.gif) 5px 3px no-repeat;
	}
		div#tagcloud a span {
			position:absolute;
			display:inline-block;
			width:26px;
			left:0px;
			top:0px;
			background:url(../images/icons/tagcloud-tag-bg.gif) center center no-repeat #fff;
		}
		div#tagcloud a:hover span {
			background:url(../images/icons/tagcloud-tag-bg-hover.gif) center center no-repeat;
		}

	div#tagcloud a.activefilter {
		color:#fff;
		background: #1971cb;
	}
		div#tagcloud a.activefilter:hover {
			border: 1px solid #e5e2e8;
		}
		div#tagcloud a.activefilter span {
			background:url(../images/icons/tagfilter-active.gif) center center no-repeat #fff;
		}
		div#tagcloud a.activefilter:hover span {
			background:url(../images/icons/tagfilter-active-hover.gif) center center no-repeat #fff;
		}

		div#tagcloud a.prio1 {
			font-size:1.3em;
			line-height:1.6em;
		}
		div#tagcloud a.prio2 {
			font-size:1.1em;
			line-height:1.7em;
		}
		div#tagcloud a.prio3 {
			font-size:0.9em;
			line-height:2.3em;
		}


/* news */

div.news ul {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	zoom:1;
}
	div.news ul li {
		min-height:37px;
		margin: 0 0 8px 0;
	}
	div.news li a {
		position:relative;
		display: inline-block;
		padding: 0px 10px 5px 46px;
		text-decoration: none;
	}
	div.news li a:hover {
		color: #758dcd;
		text-decoration: none;
	}


/*
dl#newsList {

}
dl#newsList dt {
	position:relative;
	margin:20px 0;
	padding: 0 35px 0px 50px;
	border-bottom:1px solid #dad6de;
}
	dl#newsList dt p.readon a {
		padding: 0px;
		background: none;
	}
dl#newsList dt.active {
	border:none;
}
	dl#newsList dt.active  p.readon a {

	}
dl#newsList dd {
	display:none;
}
dl#newsList dd.extended {
	padding: 0 35px 0px 50px;
	background:url(../images/backgrounds/newspane-bg.png) left bottom repeat-x;
	border-bottom:1px solid #dad6de;
}
	dl#newsList dd .closepane a {
		color:#0967c7;
		font-weight:bold;
		text-decoration:none;
	}
	dl#newsList dd .closepane a span {
		margin:0px 5px 0px 0;
		font-size:20px;
		line-height:0.5em;
		text-decoration:none;
	}
	dl#newsList dd .closepane a:hover {
		color:#26aae5;
	}
*/

div#newsList div.newsItem {
	position:relative;
	margin:20px 0;
	padding: 0 35px 0px 50px;
	border-bottom:1px solid #dad6de;
}
.home div#newsList div.newsItem h2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.0em;
	text-transform:none;
	font-weight:normal;
}
	div#newsList div.newsItem p.readon a {
		display:inline-block;
		padding:0;
		background:none;
	}
	div#newsList div.newsItem div.extendedText {
		display:none;
	}


div#newsList div.extended {
	background:url(../images/backgrounds/newspane-bg.png) left bottom repeat-x;
	border-bottom:1px solid #dad6de;
}
	div#newsList div.extended div.extendedText {
		display:block;
	}
	div#newsList div.extended p.readon a {
		/*display:none;*/
	}
	div#newsList div.extended p.readon a {
		color:#0967c7;
		font-weight:bold;
		text-decoration:none;
	}
	div#newsList div.extended p.readon a span {
		margin:0px 5px 0px 0;
		font-size:20px;
		line-height:0.5em;
		text-decoration:none;
	}
	div#newsList div.extended p.readon a:hover {
		color:#26aae5;
	}



/* services */
div.services ul,
div.needs ul {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}
	div.services ul li,
	div.needs ul li {
		margin-bottom:2px;
		zoom:1;
		vertical-align:bottom;
	}
	div.services ul li a,
	div.needs ul li a  {
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:1.1em;
		text-decoration:none;
		background:url(../images/backgrounds/services-box-bg.png) left bottom no-repeat #679adb;
	}
	div.needs ul li a {
		background: url(../images/backgrounds/needs-box-bg.png) left bottom no-repeat #6875a9 !important;
	}

	div.services ul li a span,
	div.needs ul li a span {
		display:block;
		padding: 10px 13px 11px 32px;
		background:url(../images/icons/services-bullet.gif) 14px 13px no-repeat;
	}
	div.needs ul li a span {
		background:url(../images/icons/needs-bullet.gif) 14px 13px no-repeat;
	}

	div.services ul li a:hover,
	div.needs ul li a:hover {
		color:#fff;
		background:url(../images/backgrounds/services-box-bg-hover.png) left bottom no-repeat #7dafe2;
	}
	div.needs ul li a:hover {
		background:url(../images/backgrounds/needs-box-bg-hover.png) left bottom no-repeat #8292bf !important;
	}


	div.services ul li a:hover span{
		background:url(../images/icons/services-bullet-hover.gif) 14px 13px no-repeat;
	}
	div.needs ul li a:hover span {
		background:url(../images/icons/needs-bullet-hover.gif) 14px 13px no-repeat;
	}

	div.services ul li.active a,
	div.needs ul li.active a {
		color:#2d365b;
		background-color: #fff !important;
		background-image:none !important;
		border:1px solid #6674a8;
	}
		div.services ul li.active a span,
		div.needs ul li.active a span {
			padding: 9px 13px 10px 32px;
			background:url(../images/icons/services-bullet-active.gif) 14px 12px no-repeat;
		}

	.boxcontainer div.services {
		width:540px !important;
	}
	.boxcontainer div.services ul {
		zoom:1;
		overflow:hidden;
	}
	.boxcontainer div.services ul li {
		float:left;
		display: -moz-inline-box; /* mozilla only */
	    display: inline-block; /* for browsers that support display:inline-block*/
		width:265px;
		margin-right:1px;
	}

div#calltoaction {
	margin:30px 0;
	padding:5px 20px 10px 20px;
	background:#f9f9f9;
	border:1px solid #bcc2d9;
}
div#calltoaction h3 {
	margin-top:10px;
	color:#231f20;
}
div#calltoaction a {
	font-weight:bold;
	color:#0967c7;
}



/* team */
div.teamoverview {

}
	div.teamoverview div.wrapper ul {
		list-style:			none;
		margin:				0;
		padding:			0;
		clear:				both;
		zoom:				1;
		overflow:           hidden;
	}
	div.teamoverview div.wrapper ul li {
		position:           relative;
		float:				left;
		display:			inline;
	    width: 				224px;
		height: 			385px;
		overflow:           hidden;
	}
	div.teamoverview img {
		margin-bottom:		10px;
		border-bottom:		1px solid #e3ddea;
	}

ul.teamnames {
	list-style:none;
	margin: -5px 0 0 0;
	padding: 0;
}
	ul.teamnames li {
		float:left;
		display:inline;
		width:28%;
		padding: 3px 5px;
		text-align:center;
	}



/* blogpost */
div.blogpost ul {
	list-style:none;
	margin:0;
	padding:0;
	zoom:1;
}
	div.blogpost ul li {
		position:relative;
		display:inline-block;
		min-height:37px;
		margin: 0 0 8px 0;
		padding: 0px 10px 0px 46px;
	}
	div.blogpost ul li em {
		display:inline-block;
		margin:4px 0;
		color:#95909a;
		font-style:normal;
	}
	div.blogpost ul li p {
		padding:0;
		margin:0;
	}



/* contactpage */
ul#locations {
	list-style:none;
	margin:35px 0 30px 0;
	padding:0;
	zoom:1;
	overflow:hidden;
}
ul#locations li {
	float:left;
	display:inline;
	width:32%;
}


div.clearer {
	clear:both;
	font-size:0;
	line-height:0;
}
/*------------------------------------------------------------------
[ 8. Sidebar ]
------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 9. Footer ]
------------------------------------------------------------------*/

div#footerCon {
	margin: 0;
	padding:0 10px;
	clear:both;
}
div#footerCon div#footerInnerCon {
	width:875px;
	min-height: 265px;
	padding:14px 0px 0px 0px;
	line-height:1.4em;
	background:#f4f6ff;
	border-bottom:1px solid #dbdde5;
	zoom:1;
	overflow:hidden;
}

div#footerCon a {
	color:#0967c7;
}

div#footerHeaders {
	padding-top:10px;
}

div.footerColumn {
	float:left;
	display:inline;
	width:28%;
	padding:0 20px;
}

div#footerCon div.footerColumn h2 {
	color:#4e5e9a;
	text-transform:uppercase;
}

div#footerCon div#footerBlocks div.footerColumn h2 {
	color:#000;
	text-transform:uppercase;
}
div#footerCon div#footerBlocks div.footerColumn h2 span {
	margin:0;
	color:#787878;
}

div#footerCon div#footerBlocks div.footerColumn p.tags {
	font-size:15px;
	color:#0967c7;
}

div#footerCon a.rssfeed {
	display:inline-block;
	padding: 5px 0 5px 30px;
	background:url(../images/icons/rss-feed.gif) 2px center no-repeat;
	text-decoration:none;
}
div#footerCon a.rssfeed span {
	padding: 0 0 0 16px;
	background:url(../images/icons/double-arrow-blue.gif) 2px center no-repeat;
}
div#footerCon a.rssfeed span strong {
	text-decoration:underline;
}
div#footerCon a.rssfeed:hover span strong {
	text-decoration:none;
}




div#creditsCon {
	padding: 15px 0;
	text-align:right;
}
div#creditsCon a {
	margin-left:8px;
	color:#000;
}
div#creditsCon a:hover {
	color:#404040;
}

/*------------------------------------------------------------------
[ 10.Overlay / Scrollable / jQuery Tools-lib
------------------------------------------------------------------*/


/* scrollable */

/* default scrollable styles */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable .wrapper {
	position:relative;
	overflow:hidden;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .wrapper .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .wrapper li {
	float:left;
	cursor:pointer;
}

/* active item */
.scrollable .wrapper .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


	/* specific scrollable styles [projectslist] */
	#quotationsList .scrollable .wrapper {
		width: 540px;
		height: 190px;
	}

	.teamoverview .scrollable .wrapper {
		width: 224px;
		height: 385px;
	}



/* position and dimensions of the navigator */
.scrollableNav { /* default hidden */
	display:none;
}

.scrollable .scrollableNav {
	display:block;
	margin-top:10px;
	padding:5px 0;
	text-align:center;
	z-index:1000;
}
.scrollableNav table {
	padding:0;
	border-collapse:collapse;
	margin:0 auto;
}

.navi {
	float:left;
	display:block;
	margin:0 auto;
	height:20px;
}

/* items inside navigator */
.navi a {
    width:21px;
    height:21px;
    float:left;
    margin:0px;
    background:url(../images/icons/navi-bullits.gif) 0 0px no-repeat;
    display:block;
    font-size:1px;
	cursor:pointer;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -42px;
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -21px;
}


/* disabled navigational button */
.navi a.disabled {
	visibility:hidden !important;
}



/*------------------------------------------------------------------
[ 11. Pager
------------------------------------------------------------------*/


/* pagination */

.customnav {
	background-color: #fff;
	padding: 3px;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.customnav a {
	display: inline-block;
	width:25px;
	height:15px;
	margin-left: 3px;
	padding: 6px 0px 4px 0px;
	text-align:center;
	color:#000;
	font-weight: bold;
	text-decoration:none;
	background:url(../images/icons/customnav-icons.gif) 0 -30px  no-repeat;
}
.customnav a:hover {
	color:#fff;
	background:url(../images/icons/customnav-icons.gif) 0 -60px  no-repeat;
}
.customnav a.selected {
	color:#fff;
	text-decoration:none;
	background:url(../images/icons/customnav-icons.gif) 0 -90px  no-repeat;
}
.customnav a.prev, .customnav a.next {
	background-color: #fff;
}
.customnav a.disabled {
	cursor: not-allowed;
	color:#f2f2f2;
	text-decoration:none;
	background:url(../images/icons/customnav-icons.gif) 0px 0px  no-repeat;
}