@charset "utf-8";
/* CSS Document */

.sIFR-alternate {
	display:none;
}
.avatar {
	background-image:url(../image/avatar.png);
	background-repeat:no-repeat;
	width:229px;
	height:253px;
	padding-left:8px;
	padding-top:97px;
	margin:auto;
}
ul.list {
	list-style-type:none;
	list-style-image: url(../image/check.gif);
	list-style-position: outside;
	padding-left:20px;
}
#InloggenMultimixContainer {
	width:157px;
	height:10px;
	background-image:url(../image/InloggenMultimix.png);
	background-position:top;
	position:absolute;
	left:50%;
	margin-left:240px;
	top:19px;
}
#InloggenMultimixContainer div {
	margin:0px;
	padding:0px;
	position:absolute;
	width:157px;
	height:5px;
	background-image:url(../image/InloggenMultimixShadow.png);
	background-position:top;
	bottom:0px;
}
#InloggenMultimixContainer:hover {
	height:19px;
	top:10px;
}
#InloggenMultimixContainer:hover div {
	height:10px;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #FFF;
	background-image: url(../image/background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	color:#333;
}
p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
img a {
	outline:none;
}
a {
	outline:none !important;
	color: #525a8e;
	text-decoration:underline;
}
h1.logo {
	background-image: url(../image/multitaskict.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 211px;
	position: relative;
	top: 11px;
	left: 55px;
}
h1 span {
	display: none;
}
h2 {
	color:#283171;
	font-size:14pt;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
}
h3 {
	font-size:12pt;
	line-height:normal;
	padding-top:0px;
	margin-top:6px;
}
hr {
	height:1px;
	background-color:#c6c6dc;
	color:#c6c6dc;
	border-width:0px;
}
#container {
	width: 987px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	min-height:650px;
	margin-top: 13px;
	margin-bottom: 0px;
	background-image:url(../image/footer-background.jpg);
	background-position:2px bottom;
	background-repeat:no-repeat;
	padding-bottom:55px;
	overflow:auto;
}
#disclaimer {
	color:#888888;
	font-size:11px;
	margin:-25px auto 10px;
	text-align:right;
	width:882px;
}
#disclaimer a {
	color:#333;
	text-decoration:none;
}
#disclaimer a:hover {
	text-decoration:underline;
}
#menu {
	height: auto;
}
ul, ul li {
	margin: 0;
	padding: 0;
}
ul#mainmenu {
	padding-top: 20px;
	margin-left: 55px;
	width: 882px;
	list-style: none;
}
ul#mainmenu li {
	float: left;
}
ul#mainmenu li a {
	width: 126px;
	height: 36px;
	display: inline-block;
	background-color: #9599bc;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	line-height: 35px;
	margin: 0;
	padding: 0;
	background-image:url(../image/menu_overig.gif);
	background-position:top;
}
ul#mainmenu li a.branches {
	background-image:url(../image/menu_branches.gif);
}
ul#mainmenu li a.producten {
	background-image:url(../image/menu_producten.gif);
}
ul#mainmenu li a:hover, ul#mainmenu li a.current {
	background-color: #444b81;
	background-position:bottom;
}
ul#mainmenu li a.current {
	font-weight: bold;
}
ul#mainmenu li a.left {
	background-image:url(../image/menu_lft.gif);
}
ul#mainmenu li a.right {
	background-image:url(../image/menu_rght.gif);
}
ul#mainmenu li ul {
	position: relative;
	left: 30px;
	top: 0px;
}
div#submenu {
	width: 882px;
	height: 31px;
	background-image:url(../image/submenu.gif);
	margin:36px 55px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
}
div#submenu ul {
	height:31px;
	list-style:none;
	display:none;
}
div#submenu ul#submenu_Producten {
	margin-left:0px;
}
div#submenu ul#submenu_Branches {
	margin-left:240px;
}
div#submenu ul#submenu_OverOns {
	margin-left:340px;
}
div#submenu ul#submenu_Portfolio {
	margin-left:530px;
}
div#submenu ul#submenu_Contact {
	margin-left:665px;
}
div#submenu ul li {
	float:left;
	margin:7px 15px;
}
div#submenu ul li a {
	text-decoration:none;
	color:#fff;
}
div#submenu ul li a:hover {
	text-decoration:underline;
}
div#submenu ul li a:active {
	color:#a2a6c0;
}
div#submenu ul li .submenu_current {
	text-decoration:underline;
}
#header-top {
	background-image: url(../image/top_bg.jpg);
	background-repeat: no-repeat;
	height: 303px;
	margin-bottom:-145px;
}
#banner {
	width:884px;
	height:259px;
	background-image:url(../image/banner/banner-background.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	padding-left:0px;
	margin-left:-1px;
	margin-top:-14px;
}
#banner .coda-slider {
	width:880px;
	overflow:hidden;
	margin-left:2px;
}
#banner .coda-slider .bannerImage a {
	background-image:url(../image/banner/bannerbutton.png);
	background-position:top;
	background-repeat:no-repeat;
	width:183px;
	height:34px;
	text-align:center;
	vertical-align:middle;
	display:block;
	margin-left:595px;
	margin-top:165px;
}
#banner .coda-slider .bannerImage a:hover {
	background-position:bottom;
}
#banner .coda-nav {
	margin-top:-30px;
	margin-left:-8px;
}
#banner .coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden;
}
#banner .coda-nav ul li {
	display: inline;
	width:20px;
	height:20px;
}
#banner .coda-nav ul li a {
	background-color: #a2a6c0;
	color: #fff;
	display: block;
	float: left;
	margin-left:5px;
	padding:3px 7px 4px 7px;
	text-decoration: none;
}
#banner .coda-nav ul li a:hover {
	background-color:#8892b5;
}
#banner .coda-nav ul li a.current {
	background-color: #51598c;
	cursor:default;
}
#banner p {
	padding:0px;
	margin:0px;
}
#banner h2 {
	display:none;
}
#banner .panel {
	float:left;
	display:none;
}
#banner .loading {
	width:100%;
	text-align:center;
	padding-top:115px;
}
#banner .bannerImage {
	width:880px;
	height:257px;
	background-repeat:no-repeat;
	float:left;
}
#content {
	width:882px;
	margin:0px 0px auto 55px;
	position:relative;
	font-size:8pt;
	line-height:1.5em;
}
#content.voorwaarden li {
	list-style:none;
}
#content #content-left {
	width:580px;
	float:left;
	padding-right:11px;
}
#content #content-right {
	width:280px;
	float:left;
	padding-left:6px;
}
#content #websitecheck {
	width:280px;
	height:120px;
	background-image:url(../image/banner_bg_klein.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
}
#content #content-right #websitecheck a {
	cursor:pointer;
	text-decoration:none;
	color:#333;
}
#websitecheck p {
	width:140px;
	padding-top:30px;
	padding-left:12px;
	color:#333;
}
#content #content-right #andereProjecten {
	width:280px;
	margin-top:20px;
	padding-top:10px;
	position:relative;
	background-color:#eeeeee;
}
#content #content-right #andereProjecten span.title {
	font-weight:bold;
	padding-top:7px;
	padding-left:10px;
}
#content #content-right #andereProjecten ul {
	list-style-position:inside;
	list-style-type:none;
	list-style-image:none;
	padding:10px;
}
#content #content-right #andereProjecten ul li a {
	color:#333;
	text-decoration:none;
}
#content #content-right #andereProjecten ul li.active a, #content #content-right #andereProjecten ul li a:hover {
	background-image:url(../image/arrow.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}
#content h1 {
	color:#283171;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
}
.portfolioItem {
	background-image: url(../image/tussen.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom:10px;
	width:580px;
	min-height:164px;
	clear:both;
	overflow:auto;
}
.SmallimageContainer {
	background-image:url(../image/smallimage-container.png);
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	float:left;
	padding:4px 10px 14px 6px;
}
.imageContainer {
	background-image: url(../image/image-container.png);
	padding-left: 4px;
	padding-top: 4px;
	width:580px;
	height: 168px;
	width: 150px;
	float:left;
}
.imageContainer img, .SmallimageContainer img {
	cursor: url(../image/magnify.cur), -moz-zoom-in, pointer;
	border:3px solid white;
}
.imageContainer a img:hover, .SmallimageContainer a img:hover {
	border:3px solid #51598c;
}
.teamItem .imageContainer img {
	cursor:auto;
}
.teamItem .imageContainer img:hover {
	border:3px solid white;
}
.bigImageContainer {
	background-image:url(../image/bigimage-container.png);
	background-repeat:no-repeat;
	width:426px;
	height:241px;
	padding:7px;
	margin-left:2px;
	overflow:hidden;
}
.bigImageContainer div {
	position:absolute;
}
.portfolioItem .portfolioContent {
	width:425px;
	float:right;
	overflow:hidden;
}
.portfolioItem .portfolioLink {
	position:relative;
	text-align:right;
	right:0px;
	height:23px;
}
.portfolioItem .portfolioLink a {
	text-decoration:none;
	font-weight:bold;
	line-height:23px !important;
	padding: 2px 3px;
}
.portfolioItem .portfolioLink a:hover {
	background-color:#51598c;
	color:white;
	text-decoration:none;
}
.button {
	background-position:top;
	cursor:pointer;
}
.button:hover {
	background-position:bottom;
}
.arrow_bottom {
	text-decoration:none;
	color:#333;
	padding-right:12px;
}
.arrow_bottom:hover {
	background-image: url(../image/arrow_bottom.png);
	background-repeat:no-repeat;
	background-position:right;
}
a img {
	border:none;
}
#referenties li {
	float:left;
	list-style:none;
	margin-right:10px;
	background-repeat:no-repeat;
}
#paginanummer {
	width:730px;
	float:left;
	text-align:right;
}
#paginanummer ul li {
	display: inline;
	width:20px;
	height:20px;
}
#paginanummer ul li a {
	background-color: #a2a6c0;
	color: #fff;
	display: block;
	float: right;
	margin-left:5px;
	padding:3px 7px 4px 7px;
	text-decoration: none;
}
#paginanummer ul li a:hover {
	background-color:#8892b5;
}
#paginanummer ul li a.current {
	background-color:#51598c;
	cursor:default;
}
.teamItem {
	width:407px;
	height:161px;
	float:left;
	padding-right:30px;
	text-align:justify;
}
.teamItem #contactinfo {
	position:relative;
	float:left;
	top:10px;
	width:50px;
	height:29px;
	text-align:right;
}
.teamItem h3 {
	margin-top:7px;
	margin-bottom:4px;
	width:200px;
	float:left;
}
.teamItem .description {
	width:250px;
	float:right;
}
.TwoColumns_left, .TwoColumns_right {
	float:left;
	position:relative;
	height:100%;
}
.TwoColumns_left {
	width:403px;
	padding-right:39px;
	clear:left;
}
.TwoColumns_right {
	clear:right;
	width:440px;
	padding:0px;
	padding-top:15px;
}
.link_bg a {
	padding: 2px 3px;
}
.link_bg_light a {
	padding: 2px 3px;
	background-color:#e6e6e6;
	color:#333;
	text-decoration:none;
}
.link_bg_light a:hover, .link_bg a:hover {
	background-color:#51598c;
	color:white !important;
	text-decoration:none !important;
}
#terugbellen {
	background-image:url(../image/banner_bg_middel.jpg);
	height:130px;
	margin-top:20px;
	position:relative;
	width:279px;
}
#terugbellen .title {
	font-weight:bold;
	position:relative;
	top:7px;
	left:10px;
}
#terugbellen #terugbellenNaam, #terugbellen #terugbellenNummer {
	color: #666;
	position:absolute;
	width:165px;
	height:18px;
	border:1px solid #cdcdcd;
	padding-top:3px;
	left:0px;
}
#terugbellen #terugbellenNaam {
	margin:35px 0px 0px 100px;
}
#terugbellen #terugbellenNaamLabel {
	position:absolute;
	top:37px;
	left:11px;
}
#terugbellen #terugbellenNummer {
	margin:64px 0px 0px 100px;
}
#terugbellen #terugbellenNummerLabel {
	position:absolute;
	top:67px;
	left:11px;
}
#terugbellen #terugbellenButton {
	width:83px;
	height:32px;
	background-image:url(../image/button_versturen.png);
	position:absolute;
	margin:91px 0px 0px 185px;
	border-width:0px;
	left:0px;
}
/*-------BRANCHES------------------------------*/

#content-left.branches #branches_item {
	position:relative;
	float:left;
}
#content-left.branches #branches_item:hover {
	background-color:#e6e6e6;
	cursor:pointer;
}
#content-left.branches .TwoColumns_left {
	padding-right:30px;
}
#content-left.branches .TwoColumns_right h3 {
	margin-left:4px;
	margin-top:18px;
	margin-bottom:0px;
}
/*-------PRODUCTEN------------------------------*/

#content-left.producten #producten_item {
	position:relative;
	float:left;
}
#content-left.producten #producten_item:hover {
	background-color:#e6e6e6;
	cursor:pointer;
}
#content-left.producten .TwoColumns_left {
	padding-right:30px;
}
#content-left.producten .TwoColumns_right h3 {
	margin-left:4px;
	margin-top:18px;
	margin-bottom:0px;
}
/*-------SLIDING LABELS------------------------*/

form#info, form#websitecheckform {
	width:400px;
	padding:30px 0px 20px 40px;
}
#info div, #websitecheckform div {
	position:relative;
	margin:0 0 10px;
}
#info label, #websitecheckform label {
	cursor:pointer;
	display:block;
}
#info select, #websitecheckform select {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	width:100px;
	border:1px solid #999;
	padding:4px;
	-moz-border-radius:4px;
}
#info input[type="text"], #info textarea, #websitecheckform input[type="text"], #websitecheckform textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	width:300px;
	border:1px solid #999;
	padding:5px;
	-moz-border-radius:4px;
}
#info input[type="text"]:focus, #websitecheckform input[type="text"]:focus {
	border-color:#777;
}
#info textarea[name="bericht"], #websitecheckform textarea[name="bericht"] {
	vertical-align:top;
	height:100px;
}
/* submit button */
#info input[type="button"], #websitecheckform input[type="button"] {
	cursor:pointer;
	width:83px;
	height:32px;
	background-image:url(../image/button_versturen.png);
	position:absolute;
	margin:0px;
	border-width:0px;
}
#errors {
	color:#ff0000;
	margin-bottom:10px;
	margin-left:5px;
	display:none;
}
#errors ul {
	margin-left:20px;
}
#succes {
	display:none;
	width:400px;
}
/*-------ONZE PARTNERS------------------------*/

#partner {
	width:130px;
	height:72px;
	position:relative;
	background-color:white;
	border:1px solid #d9d9d9;
	margin-right:18px;
	margin-bottom:18px;
	float:left;
	text-align:center;
}
#partner:hover {
	border:1px solid #777;
}
#partner img {
	margin-top:8px;
}

