/*
Theme Name: Greenhost theme
Theme URI: http://wordpress.org/extend/themes/toolbox/
Author: Automattic / Parkers / Greenhost
Author URI: http://automattic.com/
Description: Dit is het Greenhost Wordpress theme
Version: 1.2.1
License: GNU General Public License
License URI: license.txt
Tags: greenhost


$Id: style.css 407 2013-02-26 10:59:03Z mart $
$Revision: 407 $

*/

/* =Structure
-------------------------------------------------------------- */

/* ================================ +
	Studio Parkers - Greenhost
+  ================================ 

 

** Made by: Studio Parkers / Larissa Wiens
** Email: info@studioparkers.nl
** Website: www.studioparkers.nl

** Modified and adapted by: Greenhost / Douwe & Emile & Mart & Sacha & Carl & Luis & Good coffee
** Email: info@greenhost.nl
** Website: https://greenhost.nl

*/


/* ================================ +
		DEFAULT
+  ================================ */

/* start RESET DEFAULT styles */
* { 
	margin:0;
	padding:0;
	border:0px;
}

*:focus { 
	outline: 0; 
}
	
html {
	overflow-y: scroll; /* Show scrollbar */
}

body { 
	font-family: sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	background-color:  #333333;
	xbackground-attachment:fixed;
	xbackground-image: url('images/bg.jpg');
	xbackground-size: 100%;
}

li { 
	list-style-type: none; 
	/*list-style-position: inside;*/
}

ol li {
	list-style-type: decimal; 
	list-style-position: inside;
}

ol ol,
ol ul {
	padding-left: 20px; 
}

ol li ul li {
	list-style-type: disc;
	list-style-position: outside;
}

ol.voorwaarden li { 
	width: 620px; 
	list-style-type: decimal; 
	list-style-position: outside; 
	padding-bottom: 4px; 
}

ol.voorwaarden li.level2 { 
	list-style-type: disc;
	padding-left: 20px; 
}

.entry-content ul li {
	list-style-type: initial;
	list-style-position: inside;
}


img { 
	border: 0px; 
}

a { 
	text-decoration: none; 
	color: #2e93b0; 
	cursor: pointer;
}
 
a:hover { 
	color: #145467;	
	cursor: pointer;
}

.clear { clear: both; 
	 color: transparant;
}

.float-left { 
	float: left;
}

.float-right { 
	float: right; 
}

@font-face {
  font-family: 'Museo500';
  src: url('../../../wp-content/themes/toolbox/fonts/museo500-regular-webfont.eot');
  src: local('☺'), url('../../../wp-content/themes/toolbox/fonts/museo500-regular-webfont.woff') format('woff'), url('../../../wp-content/themes/toolbox/fonts/museo500-regular-webfont.ttf') format('truetype'), url('../../../wp-content/themes/toolbox/fonts/museo500-regular-webfont.svg#webfontJBzumwr8') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Museo700';
  src: url('../../../wp-content/themes/toolbox/fonts/museo700-regular-webfont.eot');
  src: local('☺'), url('../../../wp-content/themes/toolbox/fonts/museo700-regular-webfont.woff') format('woff'), url('../../../wp-content/themes/toolbox/fonts/museo700-regular-webfont.ttf') format('truetype'), url('../../../wp-content/themes/toolbox/fonts/museo700-regular-webfont.svg#webfontgex3Ra07') format('svg');
  font-weight: normal;
  font-style: normal;
}

h2 {
	margin: 5px 0;
}

.search-everything-highlight-color {
	background-color: #FBE84E;
	border: 1px solid #FBE84E;
}

/* end RESET DEFAULT styles */


/* ================================ +
		   TYPO & LINKS
+  ================================ */

p { 
	padding-bottom: 1em; 
}

#middle-col h2,
h2 a,
#slideshow h2,
#slideshow h2 span,
#slideshow h2 a
h5,
h6 { 
	padding-bottom: 0em; 
}

textarea, text {
	width: 450px;
	height: 200px;
	padding: 5px;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	color: #373737;
	font: 15px 'Droid Sans', sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

/* space between multiple widgets */
aside { 
	padding-bottom: 5px;
	margin-top: 10px;
}

.main-head,
.main-head-link a {
	font-family: Museo500;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 15px;
	color: #333;
	display: inline;
	background-color: #FAFAFA;
	padding-bottom: 10px;
	padding-right: 5px;
	line-height: 20px;
	position: relative;
	z-index:2;
}


#basket h2  {
	font-family: Museo500;
	font-weight: normal;
	line-height: 28px;
}
#basket .cart-colspan1 {
	max-width: 120px;
	overflow: hidden;
}

#middle-col h2,
h2 a { font-size: 18px;}
 
h2.orderform {
	margin-top: 20px;
}
   
.sub-menu,
h3 { 
	font-family: 'Droid Sans', sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
	/* display: inline; */ 
	background-color: #FAFAFA;   
	padding-right: 5px;
	line-height: 25px;
	position: relative;
	z-index:2;
}

.sub-menu li.current-menu-item a {
  text-decoration:  underline;
}

h3 a {
  	cursor: pointer;
  	color: #333;
}

h3 a:hover { 
	color: #333; 
	cursor: pointer;
}

h4 {
	font-family: Museo500;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

h4 span {
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
}

h5 {  font-size: 13px;
}

#right-col h5 { padding-bottom: 5px; }

h6 { 
	font-weight: bold;
	font-size: 15px;
}

.hl-line {
	xborder-top: 4px solid #cbcbcb;
	border-top: 4px solid #FAFAFA;
	margin-top: -6px;
}

.quote,
.quote-small { 
	font-family: 'Droid Serif', serif; 
	display: block;
	margin-bottom: 10px;
}

.quote {
	font-size: 14px; 
	line-height: 21px; 
}

.quote-small { 
	font-size: 12px; 
}
	

#lang-selection a { color: #FAFAFA; }

.inline-list,
.data { 
	padding-bottom: 12px; 
}

.inline-list li { padding-bottom: 6px;}

.col-redenen a,
.col-redenen p,
.col-redenen-last p { 
	font-size: 13px; 
	padding-top: 12px;
}

.subtitle { 
	color:#cbcbcb; 
	font-family: 'Droid Sans', sans-serif; 
	font-size: 11px; 
	vertical-align: text-top; 
}

.intro {
	font-size: 15px;
	line-height: 20pt;
	padding-top: 5px;
	padding-bottom: 20px;
}

.intro span ul {
	font-size: 13px;
	padding-top: 10px;
}

.widget-title {	
	font-family: Museo500;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 10px;
	color: #444;
	display: inline;
}


address { font-style: normal; padding-bottom: 4px; }


/* ================================ +
		 GLOBAL LAYOUT
+  ================================ */

#bg {
	position: fixed;
}

#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}

#bg td {
	text-align:center;
	vertical-align:middle;
}

#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}


#container {
  width:     100%;
}

#content-wrapper {
	width:      1000px;
  position:   relative;
  margin:     auto auto;
}

#main-content { 

background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 89%, #ecf2ca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(89%,#fafafa), color-stop(100%,#ecf2ca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 89%,#ecf2ca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 89%,#ecf2ca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 89%,#ecf2ca 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 89%,#ecf2ca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ecf2ca',GradientType=0 ); /* IE6-9 */

	width: 1000px;
	clear: both;
	padding-bottom: 30px;
}

#blog-content { 
	float: left;
	width: 700px;	
	background-color: #FAFAFA;
	padding: 1px 0 0 0;
}

/* Background */
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

/* ================================ +
		   HEADER
+  ================================ */

#header {
	padding: 0px;
	width: 1000px;
	height: 130px;
	background-color: #52C1DD;
}

#headerlogo {
	position: absolute;
	margin: 40px 22px 30px 42px;
	/* fix IE 6 relative padding bug */
	z-index: 101;
}

#logo{
	width: 220px;
	height: 44px;
	background-image: url(../../../wp-content/themes/toolbox/images/logo.png);
	text-indent: -9999px;
	float: left;
}
.langselect {
    float: right;
    margin: 14px 15px 0;
}


/* ---------------------------------
		   Input fields
   --------------------------------- */
/* SMALL */
input.input-small,
select.input-small  {
	font-size: 12px;
	color:   #2E93B0;
	width:     150px;
	height: 14px;
	padding: 3px 0px 3px 5px;
	margin: 3px 5px 3px 0px;
	border-radius: 4px;
	background: #ffffff;
}
/* MEDIUM */
#commentform p,
div.input-medium-row {
	clear:both;
	margin: 0 0 14px 0;
}
#commentform label,
div.input-medium-label{
	float: left;
	width: 25%;
	padding: 7px 0;
	font-size: 15px;
}

#commentform input,
.order table td.inputtable input,
.order table td.inputtable select,
#commentform textarea,
input.input-medium,
select.input-medium,
textarea.input-medium {
    background-color: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 0 #FFFFFF;
    color: #363636;
    font-size: 15px;
    line-height: 1;
    padding: 7px;
    width: 70%;
}

#commentform .form-submit input,
input.input-medium-button {
	float:right;
    line-height: 1;
	background-color: #EDEDED;
    border: 1px solid #CBCBCB;
    border-radius: 4px 4px 4px 4px;
    color: #3A3A3A;
	height: auto;
	width: auto;
    float: right;
    font-family: Museo500;
    font-size: 15px;
    padding: 7px 30px;
    position: relative;
	cursor: pointer;
}
#commentform .form-submit input:hover {
	color: #336666;
	background-color: #deeb8f;
	border: 1px solid #cbcbcb;
}
/* BIG */
input.input-big {
	width: 400px;
	padding: 4px 3px 4px 5px;
	border: 4px solid #B2D00A;
	font-family: Museo500;
	font-weight: normal;
	font-size: 18px;
	color: #5b5b5b;
	height: 29px;
	float: left;
	background-color: #fff;
}
#middle-col-div input.input-big {
	width: 280px;
}

input.input-big-button {
    background: none repeat scroll 0 0 #B2D00A;
    border: 0 solid #CBCBCB;
    border-radius: 0 4px 4px 0;
    color: #333333;
    cursor: pointer;
    float: left;
    font-family: Museo500;
    font-size: 18px;
    font-weight: normal;
    height: 45px;
    padding: 11px 10px 10px 8px;
    width: 150px;
}

.orderTable {
	width:100%;
}
.order table td.inputtable input,
.order table td.inputtable select{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.order table td.inputtable input[type="radio"]{
	width: auto;
}

.order table td.inputtable h2 {
	margin-top: 20px;
}
.order table td.inputtable {
	padding: 7px 0;
	font-size: 15px;
}

.order #tr_find_relation,
.order #tr_find_other{ 
	display: none;
}

/* ---------------------------------
		   Login fields
   --------------------------------- */

.loginfields {
	margin:   0 30px 0px 10px;
	padding:  20px 20px 15px 20px;
	background-color: #2e93af;
	float: right;
	-moz-border-bottom-right-radius: 5px 5px;
	-moz-border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
}

.loginfields a.error{
  color:      wheat;
}

#login_title {
	font-size: 12px;
	color: #ffffff;
	width:50px;
}

#login_feedback {
	clear:both;
	color: wheat;
	font-size: 12px;
	padding: 3px 0 0 0;
	text-align: left;
}

.loginpanelcols li {
  width:     160px;
  float:     left;
	list-style-position: inherit;
}

.field-in-content-login,
.loginfields select  {

}

input[name=login_username]:focus,
input[name=login_password]:focus  {
	color: #333;
	background-color: #ededed;
}
input.error[name=login_username]:focus,
input.error[name=login_password]:focus,
input.error[name=login_username],
input.error[name=login_password] {
	color: #000;
	background-color: #ffcccc;
}

.loginfields select  {
  color:        #333333;
  width:        160px;
  height: 		20px;
}

.lostpass {
  font-size:   11px;
  color: #fff;
  display: block;
  float: left;
  margin: 3px 0 0 0;
  padding: 0 1px;
  text-decoration: underline;
}

.lostpass:hover,
.lostpass:focus {
  color:           #fff;
  background-color: #52C1DD;
  text-decoration: none;
}
  
#loginpanel .content input:focus.field {
	background-color: white;
}

#header_login	{
	min-width: 95px;
	padding: 2px 7px;
	margin: 4px 6px 0 0;
	display: block;
	background: #ededed;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	float: right;
	border-radius: 4px;
	-moz-border-radius: 1px;
}

#header_login_extra {
	float:       right;
	font-family: Museo500,Arial;
	font-size:   10px;
	height:      22px;
	margin:		4px 0 0 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #323232;
	color:             #fff;
	padding:          0 4px 1px 4px;
}

#header_login_extra:hover,
#header_login_extra:focus{
  background-color: #fff;
  color:            #323232;
  cursor:           pointer;
}

.bt_login:hover, .bt_login_extra:hover{
	background-position: 0 -30px;
	color: #21dc30;
}

.webmail_choice {
  width:        220px;
  float:        right;
  color:        #ffffff;
  font-size:    11px;
  display: none;
}

.webmail_choice input{
  vertical-align: -2px;
}

.language {
  color:        #3a3a3a;
  float:        left;
  width:        50px;
  margin:       16px 0 0 70px;
}

.language a {
	text-decoration: none;
	color:           #3a3a3a;
}

.language a:hover{
	text-decoration: underline;
}
.language a.active {
	font-weight: bold;
}

.mar_right {
  padding-right: 10px;
}


/* --------------------------------- 
	  TOP NAVIGATION
--------------------------------- */

#nav-wrapper {
	padding: 0 10px;
	height: 60px;
	background-color: #FAFAFA;
	clear: both;
}

/* Wordpress wants a unique classname for every menu translation.
   CSS does not allow class inheritance, so we use 2 selectors.

   @Whoever typed the above: NO WE DO NOT. Go home.
*/

#nav-wrapper li {
	font-family: Museo500;
	font-weight: normal;
	font-size: 15px;
	float: left;
	background: #FAFAFA;
	width: 106px;
	height: 31px;
	padding-top: 15px;
	text-align: center;
}


#nav-wrapper li a {
	color: #333;
}

#nav-wrapper li a:hover {
	border-bottom: 4px solid #52C1DD;
}

#nav-wrapper li.current-menu-item,
#nav-wrapper li.current_page_parent,
#nav-wrapper li.current-page-ancestor {
	background-color:#52C1DD;
	border-radius: 0 0 10px 10px;
	height: 30px;
	display: block;
	color: #FAFAFA;
	padding-top: 15px;
	width: 85px;
	margin: 0 13px;
	position: relative;
}
/** Start weird roundings for selected menu item **/

#nav-wrapper li.current-menu-item:before,
#nav-wrapper li.current_page_parent:before,
#nav-wrapper li.current-page-ancestor:before {
	width: 10px;
	height: 10px;
	background-color: #52C1DD;
	position: absolute;
	left: -10px;
	top: 0px;
	content: "";
	display: block;
	z-index: 5;
}
#nav-wrapper li.current-menu-item a:before,
#nav-wrapper li.current_page_parent a:before,
#nav-wrapper li.current-page-ancestor a:before {
	width: 10px;
	height: 10px;
	background-color: #FAFAFA;
	position: absolute;
	left: -10px;
	top: 0px;
	content: "";
	border-radius: 0 10px 0 0;
	display: block;
	z-index: 10;
}
#nav-wrapper li.current-menu-item:after,
#nav-wrapper li.current_page_parent:after,
#nav-wrapper li.current-page-ancestor:after {
	width: 10px;
	height: 10px;
	background-color: #52C1DD;
	position: absolute;
	right: -10px;
	top: 0px;
	content: "";
	display: block;
	z-index: 5;
}
#nav-wrapper li.current-menu-item a:after,
#nav-wrapper li.current_page_parent a:after,
#nav-wrapper li.current-page-ancestor a:after{
	width: 10px;
	height: 10px;
	background-color: #FAFAFA;
	position: absolute;
	right: -10px;
	top: 0px;
	content: "";
	border-radius: 10px 0 0 0;
	display: block;
	z-index: 10;
}
/** End weird roundings **/

#search {
	float: right;
	width: 215px;
	margin:  0px 0px 0px 0px;
}

#search-form {
	margin: 12px 0 0 0;
	float: right;
}

#field-search-top {
  font-size: 12px;
  color:  #2E93B0;
  width:  156px;
  height: 16px;
  padding: 3px 0px 3px 5px;
  margin: 0px -4px 3px 0px;
  border: 1px solid #CBCBCB;
  background: #ffffff;  
  float:left;
}


#field-search-top:focus {
  color: #333;
  background-color: #ededed;
}




/* --------------------------------- 
	  SUB NAVIGATION
--------------------------------- */
#sub-nav {
	width: 210px;
	margin: 20px 10px 0 40px;
	padding: 0;
	float: left;
}

#sub-nav li {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 13px 0 0 0;
	margin: 0;
}
#sub-nav li a {
	display: block;
}
#sub-nav li:first-child { margin-top: -12px; }

.active-sub a,
#sub-nav li.current-menu-item {  color: #145467; padding-left: 0;}

#sub-nav li.current-menu-item a {  color: #145467; }

#sub-nav ul.sub-menu li a { font-weight: normal; margin-left: 10px; }

#sub-nav .sub-menu li:first-child { margin-top: 0; }

#sub-nav .sub-menu li:last-child { border: 0; padding-bottom: 0; }

#right-col #sub-nav {
  width: 210px;
  margin: 20px 0 0 0px;
  float: left;
}

/* --------------------------------- 
	HELPDESK NAVIGATION
--------------------------------- */
#helpdesk-nav li {
	list-style-type: circle;
}

.helpdesk-post ol li {
	list-style-type: decimal;
	list-style-position: inside;
	border-bottom: 1px dotted #cbcbcb;
}

.helpdesk-post h3 {
	display: inline;
	margin: 0 0 0 0;
}

.helpdesk-post p {
	line-height: 17px;
	font-size: 12px;
}

.helpdesk-image img {
   float: left;
}

.helpdesk-topic h2 {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}

.helpdesk-topic p {
	margin-bottom: 0px;
}

/* --------------------------------- 
	NEXT/PREV NAVIGATION
--------------------------------- */
#nav-below {
	height: auto;
	width: 100%;
	float: left;	
	padding: 10px 0px 20px;
	margin: 0px;
}

#nav-above {
	height: auto;
	width: 100%;
	float: left;	
	padding: 10px 0px 20px;
	margin: 0px;
}

/* --------------------------------- 
		BUTTONS
--------------------------------- */
/*  small float left  */

a.button-big {
	width: auto;
	padding: 11px 10px 10px 8px;
	float: left;
	margin: 10px 0px 10px 10px;
	background: #ededed;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 15px;
	text-shadow: #FAFAFA 1px 1px ;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
}

a.button-big:hover {
	background: #d7eff2;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px;   
}

a.button-small {
	width: auto;
	padding: 2px 8px;
	margin: 4px;
	background: #ededed;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
}

a.button-small:hover {
	background: #d7eff2;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px;   
}

#basket a.button-small {
  margin-left: 0
}

div.button-small {
	width: auto;
	padding: 2px 8px;
	margin: 4px;
	background: #ededed;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	float: left;
}

div.button-small:hover {
	background: #d7eff2;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px;   
}


/*  small float right */
.button-small-right {
	width: auto;
	padding: 2px 6px;
	background: #ededed;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	border-radius: 4px;
	-moz-border-radius: 4px;
	float: right;
}

.button-small-right:hover {
	background: #d7eff2;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px ;   
}
/*
.form-submit{
	background: #ddd;
	-moz-border-radius: 3px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	width: 200px;
}*/

#submit {
	width: 130px;
	background: #ddd

}

/*  small green */

.button-small-green {
	width: auto;
	padding: 4px 8px;
	margin-right: 4px;
	background: #deeb8f;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	border-radius: 4px ;
	  -moz-border-radius: 4px ;
	cursor: pointer;
}
  
.button-small-green:hover {
	background: #d7eff2;
	color: #336666; 
	text-shadow: #FAFAFA 1px 1px ;   
}

.button-small-green-center {
	width: 75px;
	padding: 4px 8px;
	background: #deeb8f;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	border-radius: 4px ;
	  -moz-border-radius: 4px ;
	float: center;
	text-align: center;
	margin-left: 20%;
	margin-right: 28%;
	cursor: pointer;
}
  
.button-small-green:hover {
	background: #d7eff2;
	color: #336666; 
	text-shadow: #FAFAFA 1px 1px ;   
}


/*  small white */

.button-small-white {
	list-style-type: none;
	display: inline;
	text-align: center;
	border-color: #ededed;
	border-style: solid;
	border-width: 1px;
	width: auto;
	padding: 4px 8px;
	margin: 4px 4px 0 0;
	background: #ededed;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	float: left;
	border-radius: 4px ;
	  -moz-border-radius: 4px ;
	cursor: pointer;
}
  
.button-small-white:hover {
	background-color: #d7eff2;
	border-color: #d7eff2;
	border-style: solid;
	border-width: 1px;
	color: #336666; 
	text-shadow: #FAFAFA 1px 1px ;   
}


/*  small ok  */
.button-ok {
	padding: 4px 4px 2px;
	background: #ededed;
	color: #333;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	height: 24px;
	border: 1px solid #cbcbcb;
	border-left: none; 
	border-radius: 0 4px 4px 0 ;
	  -moz-border-radius: 0 4px 4px 0 ;
	cursor: pointer;
}

.button-ok:hover {
	color: #336666;
	background-color: #deeb8f;
	background-colour: #ededed;
	border: 1px solid #cbcbcb;
	border-left: none; 
}



div.button-big {
	padding: 11px 10px 10px 8px;
	background: #ededed;
	color: #333;
	font-family: Museo500;
	font-weight: normal;
	font-size: 15px;
	height: 39px;
	margin-top: 20px;
	text-shadow: #FAFAFA 1px 1px;
	border: 1px solid #cbcbcb;
	border-left: none; 
	border-radius: 0 4px 4px 0 ;
	  -moz-border-radius: 0 4px 4px 0 ;
	cursor: pointer;
	-moz-background-clip:padding !important;
	
}

div.button-big:hover {
	background: #deeb8f;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px ;   
}

/*  big ok  */
.button-ok-big {
	padding: 11px 10px 10px 8px;
	background: #b2d00a;
	color: #333;
	font-family: Museo500;
	font-weight: normal;
	font-size: 18px;
	height: 45px;
	width: 150px;
	border: 0 solid #cbcbcb;
	border-radius: 0 4px 4px 0 ;
	-moz-border-radius: 0 4px 4px 0 ;
	cursor: pointer;
	-moz-background-clip:padding !important;
  float: left;
}

.button-ok-big:hover {
	background: #b2d00a;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px ;   
}

.post-template-order-php .button-ok-big {
  float: left
}

/*  aanmelden */
.button-aanmelden {
	width: auto;
	padding: 6px 10px;
	background: #deeb8f;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 15px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	text-shadow: #FAFAFA 1px 1px ;
	
}

.button-aanmelden:hover {
	background: #d7eff2;
	color: #145467; 
	text-shadow: #FAFAFA 1px 1px ;   
}

.tabsmenu {
	background: #ededed;
	color: #2e93b0;
	list-style-type: none;
	display: inline;
	text-align: center;
	border-color: #CBCBCB;
	border-style: solid;
	border-width: 1px;
	width: auto;
	padding: 4px 8px;
	margin: 4px 4px 0 0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	float: left;
	border-radius: 4px ;
	  -moz-border-radius: 4px ;
	cursor: pointer;
}

.tabsmenu-active {
	background-color: #deeb8f;
	color: #2e93b0;
	list-style-type: none;
	display: inline;
	text-align: center;
	border-color: #CBCBCB;
	border-style: solid;
	border-width: 1px;
	width: auto;
	padding: 4px 8px;
	margin: 4px 4px 0 0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	float: left;
	border-radius: 4px ;
	  -moz-border-radius: 4px ;
	cursor: pointer;
}


/* --------------------------------- 
		COLUMNS
--------------------------------- */

#middle-col {
	width: 460px;
	height: auto;
	margin: 20px 20px 0 0;
	float: left;
}

#left-middle-col { 
	float: left; 
	width: 650px;
	margin: 20px 30px 130px 40px;
}

#right-middle-col-div,
.right-middle-col-div {
	width: 695px; 
	margin: 20px 0 0 14px;
	float: left;
}

#left-col-homepage {
	margin: 20px 17px 0 21px;
	width: 280px;
	float: left;
	height: auto;
}

#specstable {
	width: 460px;
	height: auto;
	padding-bottom: 0px;
	margin: 20px 20px 40px 20px;
	float: left;
}

#middle-col,
.home-middle-col{
}

#middle-col-div,
.middle-col-div {
	width: 450px; 
	margin: 20px 0 0 10px;
	float: left;
}


#right-col,
.right-col-div { 
	width: 220px;
	margin: 0 30px;
	}


#right-col { float: left; }

.left-col-div {
	margin-bottom: 30px; 
	overflow: hidden;
}

.right-col-div {
	clear: both;  
	margin: 20px 0 30px 0;
}

.right-col-homepage {
	margin: 0 30px 0 17px;
	float: right;
	width: 280px;
}

.field-in-content {
	width: 180px;
	padding: 3px 3px 4px 3px;
	margin-bottom: 5px;
	border: 1px solid #cbcbcb;
	border-right: none;
	float: left;
}

#order-field-domain {
	width: 300px;
	height: 17px;
	padding: 2px 3px 3px 1px;
}

.field-text {
	height: 15px;
	padding: 3px 3px 4px 3px;
	margin-bottom: 5px;
	border: 1px solid #cbcbcb;
	border-right: none;
	float: left;
	background-color: white;
}

#field-domein-home {
  height:   29px;
}

#field-domein-order {
  height:   29px;
  width: 	255px;
}

input[id=field-domein-home]:focus {
	color: black;
}

.field-domein {
	width: 400px;
	padding: 4px 3px 4px 5px;
	border: 4px solid #B2D00A;
	font-family: Museo500;
	font-weight: normal;
	font-size: 18px;
	color: #5b5b5b;
	background-color: #fff;  
	float: left
  }



/* ================================ +
       HOMEPAGE
+  ================================ */

.domeinform {
  width:        100%;
  background-color: #ecf2ca;  
  text-align:center;
  clear:        both;
  height:       40px;
  padding:      30px 0 30px 0;
  float:        left
}

.domeinform form {
  width:       570px;
  position: relative;
  margin: 0 auto;
}

h3.testimonial {
  width:        200px;
  font-family: Museo500;
  font-weight: normal;
  color: #2E93B0; 
  font-size:16px;
}

a.grey {
    color: #333333;
    cursor: pointer;
    font-size:13px;
    line-height:24px;
}

h3.subheader {
  font-family: Museo500;
  font-size:20px;
}

.home-middle-col { 
  margin: 0 0 0 20px; 
  float: left;
  width: 650px;
}

.social-icon {
		float: right;
		margin-left: 12px;
}

.affiliate-icon {
		margin-left: 20px;
}


/* --------------------------------- 
		NEWS
--------------------------------- */
.nieuws-status-g {
	border: 1px solid rgba(180,209,11,0.60);
	background: rgba(180,209,11,0.25);
	padding: 15px;
}

.nieuws-status-y { 
	border: 3px solid #ffce63;
	background: rgba(255,206,99,0.50); 
	padding: 15px;
}

.nieuws-status-r { 
	border:	3px solid rgba(245,145,145, 0.99);
	background: rgba(245,145,145,0.85);
	padding: 15px;
}

.nieuws-status-y,
.nieuws-status-r,
.nieuws-status-g { margin-bottom: 10px; }

.nieuws-header a {
	color: black;
}

.line {
	margin-bottom: 15px;
}

/* --------------------------------- 
		TWITTER
--------------------------------- */

#twitter_update_list {
	font-size: 12px;
	line-height: 16px;
	list-style: none;
	}
#twitter_update_list li {
	padding-bottom: 7px;
	margin-bottom: 9px;
	}
#twitter_update_list span {
	color: #333;
	text-decoration: none;
	}
	
#twitter_update_list span a {
	color: #52C1DD;
	text-decoration: none;
	}
	
#twitter_update_list a {
	color: #555;
	}

/* --------------------------------- 
		ICONS
--------------------------------- */

.icon,
.icon-last,
.icon-product { width: 60px; }

.icon {
	min-height: 50px;
	margin: 24px 20px 100px -60px;
	float: left;
	display: block;
}

.icon-last { min-height: 150px; float: left; }

.icon-slide {
	height: auto;
	margin-right: 40px;
	float: left;
	display: block;
}

.icon-product {
	margin-right: 20px;
	margin-left: 10px;
	float: left;
}

.icon-footer {
	width: 38px;
	min-height: 34px;
	margin-right: 6px;
	float: left;
}



/* --------------------------------- 
	3 REDENEN CAROUSEL
--------------------------------- */

#redenen 	{ 
		width: 1000px; 
		}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	border-bottom: 20px solid #333333;
	width: 100%;
	xbackground: -webkit-linear-gradient(#FAFAFA 0%, #ffffff 100%);
	background-image: url('../../../wp-content/themes/toolbox/images/bg_carousel.jpg');
	margin-bottom: 0;
	height: 228px;
	padding: 0;
	margin: 0;
}

#slideshow ul {
	margin: 0;
	list-style-type: none;
	height: 1%; /* IE fix */
}

#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;}		

/* ---------------------------------------------------- */
/* CAROUSEL > REDENEN
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	width: 100%;
	background: none;
	height: 180px;
   }

#slideshow .slides ul {
	width: 2880px;
	}

#slideshow .slides li {
	width: 860px;
	float: left;
   background-image: url('../../../wp-content/themes/toolbox/images/bg_carousel.jpg');
}

#slideshow p {
	width: 90%;
}

.promo-thumbnail {
	margin: 0 20px 0 0;
	padding: 0;
	border: none;
	float:left;
}

/*
#slideshow .promo-image {
	width: 250px;
	height: 202px;
	float:left;
}
*/

#slideshow .promo-content {
	width: 900px;
	margin: auto auto;
	padding: 30px 20px 50px 130px;
}

a.slide  { 
	color: #333;
	font-family: Museo500;
	font-weight: normal;
	font-size: 32px;
	margin-top: 0;
	line-height: 40px;
	
}
a.slide span {
	color: #2E93B0;
}
#slideshow .slides h2 span { color: #2e93b0; }

#slideshow .slides h2 {
	font-family: Museo500;
	font-weight: normal;
	color: #333;
	font-size: 26px;
	margin-top: 0;}
	

#slideshow .slides a.btn {
  display:      block;
  height:       18px;
  padding:  10px;
  font-size:    15px;
  font-weight:  bold;
  color:        #ffffff;
  background-color: #b2d00a;
  border-radius:  4px;
  margin-left:  600px;
  margin-top:   -54px;
}
#slideshow .slides a.btn:hover {
    color:        #333333;
}
	
#slideshow .slides #slide-one a.btn {
  width:        140px;
  margin-left:  575px;
}	

#slideshow .slides #slide-two a.btn {
  width:        190px;
  margin-left:  530px;
} 

#slideshow .slides #slide-three a.btn {
  width:        120px;
  margin-left:  650px;
} 
	
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */

#slideshow .slides-nav li {
	width: 332px;
	float: left;
	border-left: 1px solid #52C1DD;
}

#slideshow .slides-nav li.last-slide {
	border: none;
}

#slideshow .slides-nav li a {
	display: block;
	padding: 15px 20px;
	outline: none;
	background-color: #FAFAFA;
	font-family: Museo700;
	font-weight: normal;
	font-size: 18px;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
	background-color: #e1fbfc;}

.js #slideshow .slides-nav li.on a {
	position: relative;
	top: -2px;}



/* --------------------------------- 
		TEASER
--------------------------------- */

.teaser-first,
.teaser {
	padding-bottom: 10px;
	border-bottom: 1px dotted #cbcbcb;
	width: 100%;
}


.teaser { margin-top: 10px; }


/* --------------------------------- 
		Effects 
--------------------------------- */

.ui-effects-transfer {
	background-color: red;
	border: 10px solid green;
	  z-index:10;
}


/* --------------------------------- 
		PRODUCTEN
--------------------------------- */

#left-middle-col .domeinform { /*bij bestellen*/
  width:        100%;
  padding:      20px 0 20px 0px;
  background: none; 
  margin-left: -15px
}


#left-middle-col .domeinform .main-head {
  font-family: Museo500;
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 10px;
  color: #333;
  display: block;
  float:left;
  width:    180px;
  background-color: transparent;
  padding-top: 12px;
  padding-right: 5px;
  line-height: 20px;
  position: relative;
  z-index:2;
}

#left-middle-col .domeinform .field-domein {
  width: 270px;
  float: left;
}

h2.subhead {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color:    #2e93b0;
}


.product-subtitle h2, 
.product-subtitle a { 
	color:#333; 
	margin-top: -15px; 
	font-size: 14px; 
}

.checklist li,
.quickfacts li {
	padding-bottom: 10px;
	font-size: 12px;
	list-style-image: url('../../../wp-content/themes/toolbox/images/ico_tick.gif');
	margin-left: 20px;
	list-style-position: outside;
}

ul.quickfacts {
	margin-top: 10px;
}

.note { 
	margin-top: 10px; 
	font-size: 11px; 
}

.overzicht {
	width: 100%;
	height: auto;
	float: left;
	padding-right: 20px;
}

.overzicht-line {
	border-bottom:2px double #cbcbcb;
	margin-bottom:10px;
	font-weight: bold;
}


/* Error field for order messages */
p#ordererror {
	color: red;
}

form.order input {
}

form.order select {
}

form.order input.error {
	background-color: #f59191;
	color: #333;
}

form.order select.error {
	background-color: #f59191;
	color: #333;
}

form.existing input {
}

form input.error {
	background-color: #f59191;
	color: #333;
}

form select.error {
	background-color: #f59191;
	color: #333;
	padding: 0px;
}
form textarea.error {
	color: #333;
	border: 2px solid #f59191;
}

.hosting_groups,
div.hosting_options,
.product_groups_front {
	display: table;
	margin: 14px 0;
}

div.hosting_group,
div.hosting_option,
div.hosting_group_active,
div.hosting_option_active,
.product_group_front {
	display:table-cell;
	width: 185px;
	margin: 6px 10px 17px 0;
	padding: 8px 14px;
	background: #edf3ca;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	-moz-background-clip:padding !important;
}

div.hosting_group_active,
div.hosting_option_active {
	background: #deeb8f;
}

div.hosting_option:hover,
.hosting_group:hover,
a.product_group_front,
a.product_group_front:hover{
	color: #333;
}

.hosting_group_spacer,
.product_group_front_spacer{
	display:table-cell;
	width: 17px;
	content: " ";
}

div.hosting_option:hover,
.hosting_group:hover,
.product_group_front:hover {
	background: #d7eff2;
}

div.hosting_options {
	display: none;
}

h1.hosting_group,
h1.hosting_option{
	font-family: Museo500;
	font-weight: bold;
	font-size: 16px;
	line-height:26px;
}

/* --------------------------------- 
	SPECIFICATIONS TABLE
--------------------------------- */



/* GH table render style */
table#product-specification { 
	text-align: left; 
	width: 100%;
	margin-top: 15px;
}

table#product-specification th {
	border-collapse: collapse;
	padding-top: 5px;
	border-bottom-width: 0px;
	line-height: 25px;
	width: 120px;
	margin-top: 20px; 
	font-size: 13px;
	color: #2e93b0;
	text-align: center;
	text-shadow: #FAFAFA 1px 1px ;
}

table#product-specification tr td { 
   /* border-left: #aec809 solid 2px; 
	border-right: #aec809 solid 2px; */
	border-top: #c7c7c7 dotted 1px; 
	padding: 5px; 
	width:80px; 
	vertical-align: top; 
	margin: 0px;
}

td.element {
	text-align: center;
}


#product-specificaties { 
	text-align: left; 
	margin-top: 40; 
	margin-bottom: 15px; 
	width: 100%;}

table#product-specificaties th {
	padding-top: 5px;
	border-bottom-width: 0px;
	line-height: 25px;
	width: 120px;
	margin-top: 20px; 
	font-size: 13px;
	color: #2e93b0;
	text-shadow: #FAFAFA 1px 1px ;
}

table#product-specificaties tr td { 
	border-left: #aec809 solid 2px;
	border-top: #c7c7c7 dotted 1px; 
	padding: 5px; 
	width:80px; 
	vertical-align: top; 
}

.tr-color { }

/*---- Specifications ----*/

td.label { background-color:#FAFAFA; }
  
td.specs { font-weight:bold; }


/* --------------------------------- 
	DOMEINNAAM TABLE
--------------------------------- */

#domein { margin: 10px 0 10px 0; width: 460px; }

table#domein tr td { 
	padding: 5px; 
	vertical-align: middle;
	border-bottom: 1px dotted #cbcbcb;
}





/* --------------------------------- 
	WINKELWAGEN
--------------------------------- */

.mini-cart {
	margin-left:-31px; 
	background: url('../../../wp-content/themes/toolbox/images/ico_cart.gif') no-repeat 0px 0;  
	padding-left:31px;
}

table.cart {
	width: 100%;
  margin-top: 5px;
  margin-left: -4px
}

table.cart td {
	padding: 5px;
	border-bottom: 1px dotted #cbcbcb; 
	border-collapse:collapse;

}

td.cart-endprice {
	border-top : 2px double #cbcbcb;
	border-bottom: 0px solid white;
	padding: 5px;
	font-size: 13px;
	color: black;
}

table.cart td.cart-endprice-small {
	font-size: 12px;
	padding-bottom:0px;
	border-bottom: 0px solid white;
}

table.cart td.cart-endprice-extra-small {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	border-bottom: 0px solid white;
}

td.cart-column1 {
	padding: 5px;
}

/* Width: E xxx.xx = ok/max */
td.cart-column2 {
	padding: 5px;
	width: 60px;
}

td.cart-column3 {
	padding: 5px;
	width: 12px;
}

p.order_product_meta {
	margin-left: 0px;
	font-size: 13px;
  line-height: 20px;
}

h4.order_product {
	font-size: 13px;
	font-family: Museo500;
	font-weight: normal;
	line-height: auto;
	padding-top: 0px;
}



/* --------------------------------- 
	  BESTELVOORTGANG
--------------------------------- */

.stap { 
	background: #deeb8f/*d7eff2*/; 
	text-shadow: #FAFAFA 1px 1px; 
	padding: 5px; 
	margin-top: 20px;
	display: block; 
	border-bottom: 4px solid #d3e46b; 
}

.stap-1,
.stap-2,
.stap-3,
.stap-4 { 
	height: 4px;
	margin-top: -4px;
	background: #b5d209; 
	margin-bottom: 10px;
}

.stap-1 { width: 175px; }

.stap-2 { width: 350px; }

.stap-3 { width: 525px; }

.stap-4 { width: 700px; }


.stap-selectie {
	width: auto;
	padding: 4px 8px;
	margin-right: 4px;
	background: #deeb8f;
	color: #2e93b0;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	text-shadow: #FAFAFA 1px 1px ;
	border-radius: 4px ;
	  -moz-border-radius: 4px ;
}

.step-selectie:hover {
	background: #d7eff2;
	color: #336666;
	text-shadow: #FAFAFA 1px 1px ;
}


/* --------------------------------- 
		PARTNERS
--------------------------------- */

.image {
	width: 110px;
	margin-top: 4px;
	margin-right: 20px;
	min-height: 100px;
	float: left;  
}

.image-promo {
	margin: 5px;
	border: 1px solid rgba(0,0,0,0.1)
}

.image_products {
	width: 50px;
	margin: 10px 20px 50px 0;
	float: left;  
	clear: left;
}


/* --------------------------------- 
	  CATEGORIES FAQ/HELPDESK
--------------------------------- */

.teaser ul a.sub-categories-on,
.right-col-div ul a.sub-categories-on {
	color: #145467;
	font-size: 13px;
	margin: 10px 0 6px 0;
}
  
.right-col-div ul li ul li a {
	margin-left: 10px;
	font-weight: normal;
	line-height: 18px;
}

.right-col-div ul li ul li ul li a {
	margin-left: 20px;
}

.teaser ul a.on-main { font-size: 15px; }


.teaser ul a.on-main,
.right-col-div ul a.on-main{
	font-weight: bold;
	color: #145467;
	margin: 10px 0 6px 0;
} 

.teaser ul li a.on {
	padding-left: 10px;
	font-weight: bold;
	color: #145467;   
}

.teaser ul li.on-sub a,
.right-col-div ul li.on-sub a  {
	color: #145467;
}

.right-col-div ul li.on-sub a  {
	font-size: 13px;
}

.teaser ul li.on-sub a {
	font-size: 15px;
}

.teaser ul li .on { padding: 5px 0 20px 10px; }

.teaser ul li .on h5 { padding-top:10px; }

.teaser ul li .on img{ padding: 10px 0; }

.right-col-div ul li ul li ul li a.sub-categories-on {
	padding-left: 10px;
	
}


.teaser ul li ul li a {
	margin-left: 10px;
	font-weight: normal;
	line-height: 18px;
}


.menu-helpdesk {
	text-align: left;
	color: #2e93b0;
	font-size: 13px;
} 

.menu-helpdesk-level-0 {
	color: #2e93b0;
}

.menu-helpdesk-level-1 {
	color: #336666;
	font-family: Museo500;
	font-weight: normal;
	line-height: 13px;
	margin-left: 10px;
	font-size: 13px;
}

.menu-helpdesk-level-2 {
	color: #336666;
	font-family: Museo500;
	line-height: normal;
	font-weight: normal;
	margin-left: 10px;
}


td.domainname {
	font-weight: bold;
	width: 300px;
}

td.domainprice {
	width: 50px;
}

td.domaincheck {
	width: 180px;
}

div#domainsearch {
	clear: left;
	padding-top: 5px;
	padding-bottom: 10px;
}

div#domainsearchextra {
	display: none;
	margin: 0px;
	padding: 0px;
}

/* --------------------------------- 
	   REGISTRATIE FORMULIER
--------------------------------- */
fieldset { border-bottom: 1px dotted #cbcbcb; }


/* --------------------------------- 
	   ZOEK FORMULIER
--------------------------------- */


.error { color: #ff0000; }


/* --------------------------------- 
	  MEDEWERKERS
--------------------------------- */
.connect li {
	float: left;
	padding: 10px 5px 0 0;
}


/* ================================ +
		   BLOG
+  ================================ */

.blog-post { margin-bottom: 0px; }

.blog-post-img {  
	border-width: 1px; 
	float: left;
	margin: 0 30px 50px 0;
	max-width: 160px;
	overflow: hidden;
	font-size: 11px;
	text-align: right;
}

.alignleft {  
	float: left;
	margin: 0 10px 5px 0;
	overflow: hidden;
}

.alignright {
	float: right;
	overflow: hidden;

}

/* @begin forms 
form input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CBCBCB;
    color: #2E93B0;
}/**/

form input:focus {
    background-color: #EDEDED;
    color: #333333;
}

.ghform {
	margin: 0.85em 0 0 0;
	padding: 0;
}

.ghform-answer {
	color: blue;
	font-style: italic;
}

.button {
	padding: 4px 4px 4px 4px;
	background: #ededed;
	color: #333;
	font-family: Museo500;
	font-weight: normal;
	font-size: 12px;
	height: 24px;
	border: 1px solid #cbcbcb;
	border-radius: 4px 4px 4px 4px;
	  -moz-border-radius: 4px 4px 4px 4px;
	cursor: pointer;
}

.button:hover {
	color: #336666;
	background-color: #deeb8f;
	border: 1px solid #cbcbcb;
}
/* @end forms */

/* @begin clearfix hack */
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
  display:table;
  content:"";
  line-height:0;
}

.clearfix:after { clear:both; }
/* @end clearfix hack */

/* @begin weblog styles */
.css-debug {
	border: 1px solid black; 
}

.meta {
	text-align: right;
}

p.meta-field {
	margin: 0;
	padding: 0;
}

.attachment-post-thumbnail {
	margin: 0px 30px 10px 30px; 
	padding: 0;
}

.attachment-thumbnail-home{
	float: left;
	margin-right: 8px;

}

.column-meta {
	margin-top: 30px;
	width: 180px;
	float: left;
}

.column-post {
	margin: 0 0 0 30px;
	width: 425px;
	float: left;
}

.text-wrap p {
	width: 600px;
}

.blog-post-full p {
	padding-top: 0px;
	width: 470px;
}

	
.blogtitle { 
  font-family: 'Droid Sans', sans-serif; 
  padding:        30px 5px 15px 0;
  }
/* @end blog styles */
h2.blogtitle a{ 
  font-family: 'Droid Sans', sans-serif; 
  font-size:      24px;
  padding:        30px 5px 15px 0;
  line-height:     28px;
  }

li.post  {
  width:      435px;
  float:      left;
  margin-right: 15px;
}


li.post-meta-small  {
  width:      125px;
  float:      left;
  font-size: 11px;
  padding-top:    110px;
}

.post-meta {
	padding: 10px 0 10px 8px;
	font-size: 11px;
	width: auto;
	margin: 10px 0;
	clear: both;
	background-color: #f3f3f3;
	color: #999;
}




.share { margin: 20px 0 10px 0; }
.share li { padding-bottom: 10px; }


/* --------------------------------- 
	  COMMENTS
--------------------------------- */

#comments {
	margin-left: 210px;
	width: 470px;
}
.comment-notes{
	visibility: hidden;

}

#respond {
	padding-bottom: 30px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cbcbcb;
}

#reply-title {
	font-size: 11pt;
}


#comments-title {
	margin-top: 50px;

}
/*
.comment-form-author {
	height: 35px;
}

#author {
	width: 200px;
	height: 21px;
	margin: 0 0 0 11px;
	padding: 0 7px;
}


.comment-form-email {
	height: 35px;
}

#email {
	width: 200px;
	height: 21px;
	margin: 0 0 0 8px;
	padding: 0 7px;
}

.comment-form-url {
	height: 35px;
}

#url {
	width: 200px;
	height: 21px;
	margin: 0 0 0 40px;
	padding: 0 7px;
}

.comment-form-comment {
	height: 150px;
	
}

#comment {
	width: 400px;
	height: 182px;
	margin: 0 0 0 20px;
	padding: 7px;
}
*/

.form-allowed-tags {
	visibility: hidden;
	display: none;
}
	

.required {
	padding-right: 10px;

}

.commentlist { 
	margin-top: 10px;
	padding: 10px;
}

.comment.depth-1 { 
	padding: 10px;
	padding: 10px;
	margin: 10px 0 0 0px;
	border-left: 1px solid #c6c6c6;
	background: #f3f3f3;
}
.comment li { 
	padding: 10px;
	padding: 10px;
	margin: 10px 0 0 0px;
	border-left: 1px solid #c6c6c6;
	background: #f3f3f3;
}



.message-info {
	border: 1px solid green;
	background: #98f591;
	padding: 5px;
	margin-bottom: 20px;
}

.message-error {
	border: 1px solid red;
	background: #f59191;
	padding: 5px;
	margin-bottom: 20px;
}

comment-meta commentmetadata

.user { 
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #c6c6c6;
}

/* ================================ +
		   FOOTER
+  ================================ */

#footer-left {
	width: 400px;
	float: left;
}
#footer-right {
	width: 300px;
	float: right;
}

#footer {
	margin-top: 0px;
	height: 135px;
	background: #f3f3f3;
	padding: 20px 0px 20px 0px;
	clear: both;
	border-top: 1px solid #cdcdcd;
}

#footer a {
  color:      #333;
}

#footer a:hover {
  color: #145467;
  text-decoration: underline
}
#footer h6 a:hover,
.footer-headline,
.footer-link,
.footer-col ul li ul.subpages li a { color: #333; }

#footer-info {
	height: 20px;
}

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

#footer-info a:hover,
.footer-col ul li ul.subpages li a:hover { color: #145467; }

.footer-col {
	width: 250px;
	height: auto;
	float: left;
}

.footer-col-support,
.footer-col-about {
	width: 230px;
	height: auto;
	float: left;
}


.footer-col-contact,
.footer-col-blog {
	width: 220px;
	height: auto;
	float: left;
}

.footer-col-blog { margin-left: 20px; }

.footer-col{ margin-left: 40px; }

.footer-col-contact { margin-right: 0; }

.footer-col ul li ul.subpages li a { margin-left: 10px; }

#footer h6 { 
	margin-bottom: 11px; 
	font-family: Museo500;
	font-weight: 500;
}

#footer li { line-height: 22px; }

.line-footer {
	border-bottom: 1px dotted #c6c6c6; 
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.map { margin-bottom: 10px; }

.socialmedia { margin-top: 20px; }

.social,
.oplossingen { margin: 0 4px -3px 0; }

#footer-info {
	width: auto;
	color: #FAFAFA;
	background: #52C1DD;
	padding: 10px 20px;
	clear: both; 
}