/* @override http://www.scab.nl/css/styles.css */

/* @override http://www.scab.nl/css/styles.css */


body {
	margin: 0 auto 0;
	font: 12px/1.9 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #919191;
}

.head {
	width: 980px;
	margin: 0 auto 0;
}

.logo {
	background: url("../images/logo.jpg") 0px 0px no-repeat;
	height: 26px;
	padding: 10px 0 0 95px;
	margin: 40px 0;
	font-size: 20px;
	font-weight: bold;
	color: #3e77bc;
	float: left;
	height: 40px
}

div.container {
	width: 100%;
	float: left;
	background: #8cc9ea;
}

div.contentbg {
	background: url("../images/contenbg.jpg") no-repeat;
	float: left;
	width: 100%;
	min-height: 330px;
}

.contentblock {
	width: 980px;
	margin: 30px auto 0;
	display: block;
}

.scan {
	float: left;
	width: 100%;
}

.breadcrum {
	width: 300px;
	float: left;
	height: 100%;
	padding: 0 0 0 0px;
	margin: 0 25px 0 0;
}

.breadcrum p {
	margin: 0 0 15px 45px;
	clear: both;
}

.container3 {
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 5px #aaa;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 10px solid #fff;
	display: block;
	margin: 10px 0;
	padding: 0 10px;
	float: left;
	background: #ffffff;
}

.container2 {
	-moz-box-shadow: 0 1px 1px #aaa;
	-webkit-box-shadow: 0 1px 1px #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 10px solid #fff;
	display: block;
	margin: 10px 0;
	padding: 0 10px;
	background: #ffffff;
}

.container2 img {
	margin: 5px 10px;
}

.contact h2 {
	color: #3e77bc;
}

.breadcrum-r {
	width: 260px;
	float: left;
	height: 100%;
	padding: 0 0 0 0px;
	margin: 0 0 0 25px;
}

.breadcrum h2 a {
	text-decoration: none;
	color: #5a5a5a;
}

h2.site {
	background: url("../images/1-web.png") 0px 0px no-repeat;
	min-height: 34px;
	padding: 0 0 0 45px;
	margin: 0;
}

h2.shop {
	background: url("../images/1-cart.png") 0px -5px no-repeat;
	min-height: 25px;
	padding: 0 0 0 45px;
	margin: 0;
}

h2.web {
	background: url("../images/1-code.png") 0px -5px no-repeat;
	min-height: 25px;
	padding: 0 0 0 45px;
	margin: 0;
}

h2.design {
	background: url("../images/1-paintbrush.png") 0px 0px no-repeat;
	min-height: 34px;
	padding: 0 0 0 45px;
	margin: 0;
}

h2.fotografie {
	background: url("../images/1-photo.png") 0px -5px no-repeat;
	min-height: 25px;
	padding: 0 0 0 45px;
	margin: 0;
}

h2.contact {
	background: url("../images/1-comment.png") 0px 0px no-repeat;
	min-height: 28px;
	padding: 0 0 0 45px;
	margin: 15px 0 0 0;
}

h2.text {
	background: url("../images/1-text.png") 0px 0px no-repeat;
	min-height: 34px;
	padding: 0 0 0 45px;
	margin: 0;
}

.breadcrum h2 a:hover {
	text-decoration: underline;
}

.breadcrum2 {
	width: 630px;
	float: left;
	height: 100%;
	padding: 0 0 0 0px;
	margin: 0 25px 0 0;
}

.breadcrum2 p {
	
}

img.item {
	margin: 0;
	padding: 0;
	float: left;
}

.headslider {
	float: left;
	background: #88C8EB;
	width: 100%;
}

.headimg {
	
}

.headblock {
	margin: 0 auto 0;
	padding: 20px 0 0 0;
	width: 980px;
	height: 100px;
	background: #88C8EB url("../images/bghead.jpg") 700px 0 no-repeat;
}

.headblock h1 {
	color: white;
	font-size: 40px;
	margin: 0;
	text-shadow: 2px 2px 2px #84BDDC;
	letter-spacing: -3px;
}

#imgheadblock {
	margin: 0 0 0 130px;
}

.headblock img {
	display: block;
	float: left;
	position: absolute;
	margin: -50px 0 0 0;
}

.hr-line {
	float: left;
	background: url("../images/hr.png") repeat-x;
	min-height: 57px;
	width: 100%;
}

/* Buttons***********************************************************/

a.btn:link, a.btn:visited {
	color: #5a5a5a;
	text-decoration: none;
	display: block;
	background: url("../images/btnbg.png") no-repeat;
	padding: 0 0 0 45px;
	line-height: 28px;
	font-weight: bold;
}

a.btn:hover {
	text-decoration: underline;
}

a.btn-orange:link,a.btn-orange:visited {
	background: url("../images/btnorange.png") no-repeat;
	width: 170px;
	height: 25px;
	display: block;
	padding: 10px 15px;
	margin: 0 0 20px 0;
	text-decoration: none;
	font-size: 14px;
	color: white;
}

a.btn-orange:hover {
	text-decoration: underline;
}

a.btn-orange2:link,a.btn-orange2:visited {
	background: url("../images/btnorange.png") no-repeat;
	width: 170px;
	height: 25px;
	padding: 10px 19px;
	margin: 0px 0 10px 0px;
	font-size: 12px;
	color: white;
	text-decoration: underline;
	display: block;
}

a.btn-orange2:hover {
	text-decoration: none;
}

/* Typography***********************************************************/

a:hover {
	color: #000;
	line-height: 1.2em;
	text-decoration: none;
}

a:link, a:visited, a:active {
	color: #3e77bc;
	line-height: 1.2em;
}

h1 {
	font-size: 24px;
	color: #ccc;
	font-weight: bold;
	margin: 34px 0 15px  0;
}

h2 {
	font-size: 18px;
	color: #5a5a5a;
	font-weight: bold;
	
}

h3 {
	font-size: 14px;
	color: #919191;
	margin: 0;
	padding: 0;
	line-height: 1.9em;
}

h4 {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0 5px 0 0px;
	padding: 0 20px 0 10px;
	background: #bbb;
	line-height: 1.9em;
}

.head {
	font-size: 24px;
	font-weight: bold;
	color: #091a77;
}

td {
	padding: 0 0 0 5px;
}

img {
	border: 0px;
}

p {
	margin: 0 0 20px 0;
}

.hr_line {
	border-bottom: 1px dotted #999;
	padding: 3px 3px 3px 3px;
}

.hr_line2 {
	border-bottom: 1px dotted #999;
	padding: 3px 3px 3px 3px;
}

.heading2 {
	font-size: 16px;
	color: #6B6B6B;
	font-weight: bold;
	line-height: 20px;
	width: 100%;
	padding: 10px 0 5px 0;
	display: block;
}

ul {
	padding: 10px;
	margin: 0 0 0 35px;
}

#list li {
	background: url("../images/20-browser.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
	margin: 0;
	list-style: none;
}

/* MENU  navigation ***********************************************************/

div#navigation {
	float: right;
	padding: 0px 0 0 21px;
	margin: 50px 0 50px 0px;
	z-index: 20;
	width: 583px;
}

div#navigation ul {
	float: right;
	padding: 0;
	margin: 0;
	display: block;
}

div#navigation li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

div#navigation a {
	padding: 2px 15px 0px 15px;
	margin: 4px;
	display: block;
	height: 30px;
	line-height: 30px;
	background: #0079bc;
	color: white;
	font-family: calibri, arial;
	font-size: 14px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#navigation li:hover a {
	background-color: #88C8EB;
	color: #0079bc;
}

div#navigation a.active {
	background-color: #ccc;
	color: #0079bc;
}

div#navigation ul:hover a.active {
	background-color: #ccc;
}

/*  Navigation - submenu | (menu is hacked in IE & IE6) **********************************************************/

div#navigation li ul a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #0079bc;
}

div#navigation li ul {
	display: none;
}

div#navigation li:hover ul {
	display: block;
	width: 500px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}

div#navigation li:hover ul li {
	width: 100px;
	padding: 0;
	margin: 2px;
	float: left;
}

div#navigation li ul a {
	font-size: 12px;
	display: block;
	height: 20px;
	padding: 5px 0 0 10px;
	margin: 0;
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
}

/* Footermenu */

.footer {
	float: left;
	min-height: 200px;
	width: 100%;
}

.footermenu {
	margin: 15px auto 0;
	width: 980px;
}

.footermenu h3 {
	font-size: 17px;
	color: #919191;
}

.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer ul li {
	margin: 0;
	vertical-align: middle;
	display: block;
	height: 20px;
}

.footer a:link, .footer a:visited {
	color: #919191;
}

.footer a:hover {
	text-decoration: none;
}

.webshop {
	background: url("../images/20-browser.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.websites {
	background: url("../images/20-code.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.design {
	background: url("../images/20-paintbrush.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.fotografie {
	background: url("../images/20-photo.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.seo {
	background: url("../images/20-seo.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

/* contact vcard */

.org {
	background: url("../images/20-person.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.email {
	background: url("../images/20-mail.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.adr {
	background: url("../images/20-target.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
}

.tel {
	background: url("../images/20-phone.png") 0px 0px no-repeat;
	padding: 0 0 0 30px;
	margin: 4px 0 0 0;
}

.klantcontainer {
	float: left;
	width: 100%
}

.klantlink {
	border: 1px solid #ccc;
	margin: 0 20px 15px 0;
	background: #white;
	padding: 10px;
	width: 120px;
	height: 120px;
	float: left
}

.klantlink:hover {
	border: 1px solid #3e77bc;
	-moz-box-shadow: 0px 1px 2px #ccc;
	-webkit-box-shadow: 0px 1px 2px #ccc;
}

.portfoliocrum {
	border-bottom: 1px solid #d8d8d8;
	height: 50px;
}

.portfoliocrum:hover {
	background: white;
	cursor: pointer;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 3px #aaa;
}

.port-left {
	margin: 10px;
	float: left;
	width: 300px;
	height: 100%;
	overflow: visible
}

.port-right {
	margin: 10px;
	float: left;
	width: 400px;
	height: 100%;
	overflow: visible
}

.accordian {
	float: left;
	width: 700px;
	margin: 0px 0;
}

.accordian ul {
	padding: 0;
	margin: 0;
	display: block;
}

.accordian li {
	list-style-type: none;
	margin: 20px 0;
	clear: both;
	width: 100%;
	height: 270px;
	vertical-align: middle;
	display: block;
	padding-top: 15px;
}

.tech {
	margin: 10px 0 0 0;
	float: left;
}

.dimension {
	margin: 20px;
}

.even, .odd {
	font-weight: bold;
	font-size: 14px;
	height: 27px;
	padding-top: 3px;
	padding-left: 10px;
	border-top: 1px solid #d8d8d8;
	height: 50px;
}

.odd:hover, .even:hover {
	background: #fff;
	color: #8cc9ea;
}

.short-txt {
	float: right;
	margin: 0 10px 0 0;
	font-weight: normal;
	text-align: left;
	width: 600px;
	font-size: 12px;
}

.panel h2.title {
	color: white;
	font-size: 40px;
	margin: 0;
	text-shadow: 2px 2px 2px #84BDDC;
	letter-spacing: -3px;
}

noscript div {
	background: #ccc;
	border: 1px solid #900;
	margin: 20px 0;
	padding: 15px
}

/* Most common stuff you'll need to change */

.coda-slider-wrapper {
	padding: 0;
	margin: 0 auto;
	width: 1040px;
	height: 100%;
}

.coda-slider {
	background: url("../images/bghead.jpg") 520px 20px no-repeat;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}

/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider, .coda-slider .panel {
	width: 880px
}

/* Change margin and width of the slider (with dynamic arrows) */

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 900px
}

.coda-slider-wrapper.arrows .coda-slider {
	margin: 0 10px
}

/* Arrow styling */

.coda-nav-left a, .coda-nav-right a {
	margin: 80px 0;
	padding: 0px;
	width: 45px;
	display: block;
	text-align: center;
	text-decoration: none;
	height: 30px;
	vertical-align: bottom;
}

.coda-nav-left {
	height: 100%;
}

.coda-nav-left a {
	line-height: 100%;
	background: transparent url("../images/control_left.jpg") 0px 0px no-repeat;
}

.coda-nav-right a {
	background: url("../images/control_right.jpg") 0px 0px no-repeat;
}

/* Tab nav */

.coda-nav ul li a.current {
	background: #39c
}

/* Panel padding */

.coda-slider .panel-wrapper {
	padding: 20px;
min-height: 184px;
}

.coda-slider .panel-wrapper img {
	display: block;
	margin: 10px;
	float: left;
}
.panel ul{
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}
.panel li{
	list-style: none;
	
	color: white;
	margin: 0 40px 0 0;
	
}

/* Preloader */

.coda-slider p.loading {
	padding: 20px;
	text-align: center
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */

.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden
}

.coda-nav ul li {
	display: inline
}

.coda-nav ul li a {
	background: #000;
	color: #fff;
	display: block;
	float: left;
	margin-right: 1px;
	padding: 3px 6px;
	text-decoration: none
}

/* Miscellaneous */

.coda-slider-wrapper {
	clear: both;
	overflow: auto
}

.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}

.coda-slider .panel {
	display: block;
	float: left
}

.coda-slider .panel-container {
	position: relative
}

.coda-nav-left, .coda-nav-right {
	float: left;
	height: 100%;
}

.coda-nav-left a, .coda-nav-right a {
	
}

.examples img {
	margin: 0 13px 10px 13px;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 4px #aaa;
	border: 10px solid #fff;
}

/* forms ************************************/

div.scanbtn {
	font-size: 12px;
	float: right;
	margin: 10px 20px 0 0;
}

#form {
	width: 100%;
}

.form-row {
	width: 100%;
	
}


label { display: block; float: left; width: 150px; color: #353f41; font-size: 14px; }


input, 
textarea,
select {
	border: 0;
}

textarea {
	vertical-align: top !important;
}


input[type=text], 
textarea, select, 
.vTextField {
	margin: 5px 0;
	width: 300px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 12px;
}

input:focus, 
textarea:focus, 
select:focus, 
.vTextField:focus {
	border: 0;
	border: 1px solid #999999;

	}

/*  FORM BUTTONS  ***********************************************************/

input[type=submit], 
input[type=button], 
.submit-row input {
	background: url("../images/btnorange.png") no-repeat;
	width: 190px;
	height: 40px;
	display: block;
	padding: 10px 15px;
	margin: 10px 0 20px 0;
	text-decoration: none;
	font-size: 14px;
	color: white;
}

/*  - Balloon [error] */

.textfieldRequiredMsg {
	width: 349px;
	height: 48px;
	line-height: 38px;
	padding: 10px 10px 10px 20px;
	margin: 0;
	border: 0;
	display: none;
	position: absolute;
	margin: -50px 0 0 275px;
	background: url('../images/balloon-error.png') no-repeat center center;
	color: #333333;
	z-index: 100;
	
}

.textfieldInvalidFormatMsg{
	width: 349px;
	height: 48px;
	line-height: 38px;
	padding: 10px 10px 10px 20px;
	margin: 0;
	border: 0;
	display: none;
	position: absolute;
	margin: -50px 0 0 275px;
	background: url('../images/balloon-error.png') no-repeat center center;
	color: #333333;
	z-index: 100;
}

#twitter {display: none;position: absolute; width: 210px; height:80px; margin:158px 50px 0px 750px; padding-top:35px; background: url("../images/twitter.png") 115px 0  no-repeat;}
#twitter a{color:#FFFFFF;font-weight:normal;font-size:13px;background:none;margin-left:0px;}
#twitter a:link{color:#fff;}
#twitter a:visited{color:#FFFFFF;}
#twitter a:hover{color:#41606C;}

.star{
	color: red;
}
.adres{
	float: left;
	width: 220px;

	margin: 0 30px 0 0 ;
	
}
.adres2{
	float: left;
	width: 170px;
	margin: 10px 20px 0 0 ;
	display: block;
	height: 140px;
}
.adres2 p{
	margin: 0 0 14px 30px;
	
}
.adres img{
	margin: 0 13px 10px 0px;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 4px #aaa;
	border: 10px solid #fff;
}
* Analyse */
.loader img{vertical-align: middle;}

.overall{margin: 0; float:right;  font-weight:bold;  height:184px; width: 250px;
}

.table-analyse img {vertical-align:middle; margin-left:10px}
.table-analyse td{font-weight: bold;}
.order	{display: none;}
a.btn-order:visited{margin: 0;padding: 20px;background: url('../images/analyse-order-btn.jpg') no-repeat left top; height:100px}
a.btn-order{text-decoration: none; color: white; font-size:25px; margin: 0;padding: 20px;background: url('../images/analyse-order-btn.jpg') no-repeat left top; height:100px}
a.btn-order:hover {background: url('../images/analyse-order-btn.jpg') no-repeat left bottom;}

.analyse-url{font-size: 20px;}
.result-container{
	background: white;
	border: 1px solid wheat;
	padding: 5px;
	margin: 10px;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 10px #aaa;
	border: 10px solid #fff;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.result-container h2{
	background: #FDFDFD;
}
.scan-right{
	float: right;
	margin: 15px  0  10px 0;
	
	}
	
.result{
	float: left;
	width: 70px;
	display: block;
	margin: 10px;
	text-align: center;
	font-weight: bold;
}
.score{
	margin: 0;
	font-size: 20px;
	color: #0079BC;
}
.score-overall{
	margin: 0;
	font-size: 28px;
	background: #0079BC;
	color: #ffffff;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	
}
.title{
	margin: 0;
	padding: 0;
	color: black;
}
.table-analyse{

}
	
.form-item-scan input[type=text], 
textarea, select, 
.vTextField {
	margin: 5px 0;
	width: 620px;
	padding: 5px;
	border: 1px solid #999999;
	background-color: #ffffff;
	font-size: 20px;
}
#form{
	float: left;
	display: block;
	clear: both;
}
.form-item-scan{

margin:6px 10px 0 0px;
float: left;
}
.form-item-scan2{

margin: 0;
float: left;
}
.form-label-scan, .form-label-scan h3 {
	color: white;
}


#tooltip{position:absolute;	border:1px solid #333;	background:#f7f5d1;	padding:2px 5px; width:250px;	color:#333;	display:none;	}	


/*	TOOLTIPS
---------------------------------------------------------------------------- */

/* --- Helpertext extended --- */
#helper { width: 250px; top: 100px; left: 200px; position: absolute; z-index: 220; display: none; }
#helper .helper-header { float: left; width: 100%; height: 100%; }

#helper .helper-content,
#helper .helper-corner-r-t,
#helper .helper-corner-l-b,
#helper .helper-corner-r-b { float: left; background: url(../images/helper-ext.png) no-repeat;}

#helper .helper-content { height: 100%; width: 90%; background-position: left top; }
#helper .helper-corner-r-t { height: 100%; width: 10%; background-position: right top;}

#helper .helper-corner-l-b { height: 25px; width: 20%; background-position: left bottom; }
#helper .helper-corner-r-b { height: 25px; width: 80%; background-position: right bottom; }

#helper .helper-content p { padding: 0; margin: 13px 3px 3px 13px; }