/******************************
** Standaard dingen
*******************************/
* {
	margin: 0;
	padding: 0;
	border: 0;
	
}


body {
	color: #87888a;
	font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	font-size: 12px;
background-image:none;
background-repeat:repeat-x;
background-attachment:fixed;
background-position:bottom; 
padding-top: 20px;
}

table {
	/*border: 1px solid #e0e0e0;*/
}

table td {
	padding: 3px;
}

table th {
	text-align: left;
	background-image: url("../images/bg_headermenu.png");
	padding: 3px;
}

th.header { 
   
    cursor: pointer; 
} 

#myTable 
	{
			width: 100%;
	}
#myTable td
	{
		margin: 10px;
		float: ;
	}

a {
	color: #1178BA;
	text-decoration: underline;
}

#techtable 
	{
		border:none;
	}

#techtable  td {
	padding: 3px;
	border: hidden #009EE0;
}

#techtable  th {
	text-align: left;
	padding: 3px;
}

input, select, textarea {
	border: 1px solid #D9DBDC;
	color: #87888a;
	font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	font-size: 14px;
}

input:focus, textarea:focus{
	border: 1px solid #1178BA;
}

a img {
	border:none
}

h2 {
	font-size: 17px;
	margin-bottom: 10px;
}

#content ul, #content ol {
	margin-left: 20px;
	
}
/******************************
** Algemeen
*******************************/
#container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 25px 0 25px;
	margin-top: 0;
	padding-top: 10px;
	background-image: url('/images/yourprofessionalin.png');
	background-position: 680px 10px;
	background-repeat: no-repeat;
	background-color: #FFF; /* 	WK ORANJE TOEVOEGING  */
	display: table;
}

#header {
	height: 84px;
	*height: 110px;
 	margin-bottom: 10px;
}

#header h1 {
	display: none;
}

/******************************
** Algemene waarden van formulieren en labeltjes
*******************************/
p.formLabel {
	margin-bottom: 8px;
}

p.formLabel label {
	float: left;
	width: 80px;
	margin-right: 200px;
}

p.formLabel input {
	width: 200px;
}

p.formLabel select {
	width: 202px;
}

input.error, textarea.error {
	background-color: #FFC1C1;
}

p.formLabel input.checkbox {
	width: 14px;
}

p.formLabelBig {
	margin-bottom: 8px;
}

p.formLabelBig label {
	float: left;
	width: 150px;
	margin-right: 10px;
}

p.formLabelBig input {
	width: 300px;
}

p.formLabelBig input[type=submit] {
	width: 302px;
}

p.formLabelBig select {
	width: 202px;
}

input.error, textarea.error {
	background-color: #FFC1C1;
}

p.formLabelBig input.checkbox {
	width: 14px;
}

#content ul {
	margin-left: 14px;
	
}

#submit, #submitteamaplus {
	padding: 1px 10px 1px 10px;
	font-size: 14px;
	font-weight: bold;
	background-image: url('../images/bg_headermenu.png');
 	background-repeat: repeat-x;
	cursor: pointer;
}

.submit_portfolio {
	padding: 1px 45px;
	font-size: 14px;
	font-weight: bold;
	width: 175px;
	background-image: url('../images/bg_headermenu.png');
 	background-repeat: repeat-x;
	cursor: pointer;
}

#loginsubmit {
	padding: 1px 10px 1px 10px;
	background-color: transparent;
	*padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	background-image: url('../images/bg_headermenu.png');
 	background-repeat: repeat-x;
	cursor: pointer;
}

#loginsubmit:hover, #searchsubmit:hover, #submitteamaplus:hover {
	background-image: url('../images/bg_headermenu_active.png');
	color: #fff;
}

#submit:hover, #submit.active {
	background-image: url('../images/bg_headermenu_active.png');
	color: #fff;
}

.submit_portfolio:hover, .submit_portfolio:active {
	background-image: url('../images/bg_headermenu_active.png');
	color: #fff;
}

#searchform {
	padding: 10px;
	border: 1px solid #d9dbdc;
}

#searchform ul {
	margin-left: 20px;
}

#header #logo {
	float: left;
	width: 400px;
	height: 120px;
}

#header #searchblock {
	float: left;
	width: 350px;
	margin-top: 61px
}

#header #login {
	float: right;
	height: 100px;
}

#header #login input, #header #login select  {
	width: 170px;
	margin-bottom: 4px;
}

#header #login input.submit, #header #login select  {
	width: 172px;
}

/******************************
** Menu bovenkant
*******************************/
#menu {
	border: 1px solid #d9dbdc;
	background-image: url('../images/bg_headermenu.png');
 	background-repeat: repeat-x;
	margin-bottom: 10px;
	font-size: 14px;
	width: 949px;
	display: table;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
		position:relative;
	behavior: url(/css/PIE.htc);
}

#aanbieding {
	background-image: url('../images/bg_headermenu_aanbieding.png');
}

#menu ul #aanbieding a{
color: #ffffff; 
}

#menu ul { 
	list-style-type: none;
}

#menu ul li {
	float: left;
	border-left: 1px solid #D9DBDC;
	width: 85px;
	text-align: center;
}

#menu ul li:first-child {
	border-left: none;
	width: 79px;
	
}

/* Deze kan weg als het webshop buttontje er staat, dan is er nl. geen border meer nodig!! */
#menu ul li:last-child {
	border-right:NONE;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#menu ul li a {
 	background-repeat: repeat-x;
	color: #87888a;
	text-decoration: none;
	display: block;
	height: 18px;
	padding: 2px 0;
}



#menu ul li a:hover, #menu ul li a.active {
	background-image: url('../images/bg_headermenu_active.png');
	color: #fff;
	

}

#menu ul li:first-child a:hover, #menu ul li:first-child a.active {
	
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	behavior: url(/css/PIE.htc);
	position:relative;

}

#menu ul li:last-child a:hover, #menu ul li:last-child a.active {
	
	width: 95px;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
	behavior: url(/css/PIE.htc);

}

/******************************
** Banner onder het menu
*******************************/
#banner {
	margin-bottom: 10px;   
	padding: 7px;
	vertical-align: bottom;
	overflow: hidden;
	height: 290px;
	border: 1px solid #d9dbdc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
}

#banner img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	
}

#banner_inner {
	width: 936px;
}

#banner_inner ul {
	list-style-type: none;
}

#banner_knoppen {
position:absolute;
width:950px;
margin-top:120px;

}

#vrgKnop {
display:inline-block;
float:left;
*zoom:1;
*display:inline;
}

#vlgKnop {
display:inline-block;
float:RIGHT;
*zoom:1;
*display:inline;

}

/******************************
** Menu linkerkant
*******************************/

#leftMenu ul { 
	list-style-type: none;
	
}

#leftMenu h3 { 
	color: #009EE0;
}

#leftMenu ul li {
	float: left;
	width: 198px;
	border-top: 1px solid #D9DBDC;
}

#leftMenu ul li a {
	background-image: url('../images/bg_headermenu.png');
 	background-repeat: repeat-x;
	color: #87888a;
	text-decoration: none;
	display: block;
	height: 18px;
	padding: 2px 0 2px 20px;
}

#leftMenu ul li a:hover, #leftMenu ul li a.active {
	background-image: url('../images/bg_headermenu_active.png');
	color: #fff;
}



.searchradioholder {
	height: 25px;
}

.searchradioholder input {
	border: none;
}


#searchblock input#search {
	padding: 2px;
	width: 196px;
}

#searchblock input#submitSearch {
	padding: 1px;
	background-color: #1178BA;
	border: 1px solid #1178BA;
	*border: none;
	cursor: pointer;
	color: #fff;
}

#searchblock h3{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}



/******************************
** Menu's aan de linkerkant
*******************************/
#leftHolder {
 	width: 200px;
 	float: left;
	font-size: 12px;
}

#leftHolder div p {
 	margin-bottom: 10px;
	padding-left: 10px;
}

#leftHolder h3 {
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	min-width: 178px;
}
#leftMenu
{
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	float: left;
	position:relative;
	margin-bottom: 10px;
}

#leftContact
 {
 	border: 1px solid #d9dbdc;
	float: left;
	width: 198px;
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	position:relative;
}

.aplus_tweet
 {
 	border: 1px solid #D9DBDC;
	width: 196px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	position:relative;
	float: left;
	padding:1px;	
	margin-bottom: 10px;
}

#leftNews 
{
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	padding-bottom: 5px;
	position:relative;
    float: left;
    margin-bottom: 10px;
    width: 198px;
}

#leftNews ul {
	margin-left: 25px;
	margin-bottom: 10px;
}

#leftNews ul li {
	margin-bottom: 5px;
}

#leftLogin p.formLabel label {
	width: 70px;
}

#leftLogin p.formLabel input {
	width: 98px;
}



/******************************
** Social Media linkerzijde
*******************************/
#dockContainer { position: fixed; top: 20%; left: 6px; }  
#jqDock { position: relative; bottom: 48px; } 
.dock {list-style-type: none; *margin-left: -20px;}
.jqDockLabel { background: #333; color: #fff; padding: 3px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }  


/******************************
** Algemene waarden van de content
*******************************/
#content {
	width: 739px;
 	margin-left: 10px;
 	float: left;
	
}

#content_border {
	border: 1px solid #d9dbdc;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	position:relative;
	
}

#interndownload a{
/*float: right;
margin-top: -177px;*/
color: #87888A;
}

#content h3 {
	margin-bottom: 5px;
}

#content h2 {
	margin-bottom: 20px;
}

#content p { 
	margin-bottom: 15px;
}

#content #pdfButton{
	float:right;
}
/******************************
** Portfolio pagina
*******************************/
#portfolio_box {
	padding: 6px;
	border: 1px solid #d9dbdc;
	height: 163px;
	width: 725px;
	margin-top: 6px;
}


#portfolio_text {
		margin-left: -303px;
	
}

#border {
	padding: 10px;
		border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	position:relative;
}


#portfolio_box div {
	float: right;
	width: 495px;
	
}
#portfolio_box div img {
	margin-left: -38px;
}

/******************************
** Index pagina
*******************************/
#index_box {
	padding: 9px;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	height: 120px;
	width: 469px;
	margin-bottom:10px;
	position:relative;
	float: left;
}

#border {
	padding: 10px;
	border: 1px solid #d9dbdc;
}

#index_bel_box {
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	height: 140px;
	width: 236px;
	margin-bottom:10px;
	margin-top: -152px;
	margin-left: 499px;
	padding-left: 4px;
	font-size: 20px;
	position:relative;
	float: left;
}

#index_bel_box h3 {
	padding: 1px;
	color: #1178BA;
	font-size: 20px;
}

#index_box div {
	float: left;
	width: 455px;
	
}
#index_box div img {
	margin-left: 10px;
}

#index_box2 {
	width: 750px;
}

#index_box2 ul {
	margin: 0;
	margin-top: 10px;
	list-style-type: none;
}

#index_box2 ul li {
	margin: 0 10px 10px 0;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	position:relative;
	padding: 10px;
	width: 218px;
	float: left;
	text-align: center;
}

#index_box2 ul li h3 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#index_box2 ul li p {
	text-align: left;
}


/******************************
** Contact pagina
*******************************/
#contactform {
	float: left;
	margin-right: 10px;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	padding: 10px;
	width: 600px;
	position:relative;

}

#contactgegevens {
	float: left;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	padding: 10px;
	width: 296px;
	position:relative;
	
}

#googlemap {
	float: left;
	margin-bottom: 15px; 
	margin-right: 10px;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	padding: 10px;
	width: 274px;
	height: 270px;
	position:relative;
}

#googlemap_inner {
	width: auto;
	height: 100%;
}

#googlemap_content h1 {
	font-size: 16px;
}

.googlecontain{

}

#txtarea {
	width: 200px;
	height: 100px;
}

.txtareabig {
	width: 300px;
	height: 100px;
}

#contactform #submit {
	width: 202px;
}

#teamaplus_box {
	width: 750px;
	float: right;
}

#teamaplus_box ul {
	margin: 0;
	margin-top: 10px;
	list-style-type: none;
}

#teamaplus_box ul li {
	margin: 0 10px 10px 0;
	border: 1px solid #d9dbdc;
	padding: 10px;
	width: 218px;
	float: left;
	text-align: center;
}

#teamaplus_box ul li h3 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#teamaplus_box ul li p {
	text-align: left;
}
/**************************
** Notificatie bar
**************************/
div#notificationbar {
	border: 1px solid #d9dbdc;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

div#notificationbar.success {
	background-color: #C7FFC1;
}

div#notificationbar.error {
	background-color: #FFC1C1;
}

#content_border ol, #content_border ul {
	margin-left: 30px;
}

ul.faq a {
	text-decoration: none;
	color: #87888a;
}

ul.faq a:hover {
	color: #1178BA;
}

.contentitle {
	font-size: 18px;
	color: #009EE0;
	margin-bottom: 5px;
}



span.domainresult {
	font-size: 22px;
}

span.domeinregbutton a {
	padding: 1px;
	font-size: 20px;
	color: #000;
	text-decoration: none;
}

#domaincheck {
	padding: 1px;
}

.red {
	color: red;
}

.green {
	color: green;
}

#poweredby {
	width: 948px;
	float: left;
	text-align: right;
	margin-top: 3px;
}

#footer {
	width: 948px;
	float: left;
	margin-top: 3px;
	border: 1px solid #d9dbdc;
	padding: 1px 0;
	background-image: url('/images/bgfooter.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:relative;
	behavior: url(/css/PIE.htc);
}

#footer a {
	color: #87888a;
	text-decoration: none;
}

#footer a:hover {
	color: #1178BA;
}

#footer div {
	float: left;
	padding: 0 15px;
	border-left: 1px solid #d9dbdc;
	height: 270px;
}


#footer h2 {
	font-size: 16px;
	color: #1178BA;
	margin-bottom: 2px;
}

#footer ul {
	list-style-type: none;
}



#brandsfloat {
	width: 943px;
	float: left;
	margin-top: 3px;
	* margin-top: 4px;
	border: 1px solid #D9DBDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
	padding: 2px;
	position: relative;
}

.brandslist li{
                margin-right:10px;
}

.brands{
                overflow:hidden;
}


/******************************
** De broodkruimelpad en de sharelink
*******************************/
#extra {
	border: 1px solid #d9dbdc;
	margin-bottom: 10px;   
	padding: 7px;
	vertical-align: bottom;
	float: left;
	width: 936px;
	*width: 934px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/css/PIE.htc);
		position:relative;
}

#extra_sharelink {
	float: right;
}

#extra_breadcrumb {
	float: left;
}


#rightbox{
float:right;
}

/************************************
** Dropdown Order Formulier....
************************************/
.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: white;
	border: 1px solid #D9DBDC; 
	width: 100%; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px; 
	display: block;
	color: #87888a;
	font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	font-size: 12px;
}


.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
	padding: 5px; 
}

.aButton{
border: 1px solid #D9DBDC;
padding: 1px 10px 1px 10px;
	font-size: 14px;
	font-weight: bold;
	background-image: url('../images/bg_headermenu.png');
 	background-repeat: repeat-x;
	cursor: pointer;
	color: #87888a;
	text-decoration: none;
}

.aButton:hover{
	background-image: url('../images/bg_headermenu_active.png');
	color: #fff;
	}
	}
	
		/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#ffffff;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#1178ba;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}