@import url('https://fonts.googleapis.com/css?family=Amaranth:700|Varela+Round');
/* ---------------------------------------------------------------------------------------------------------------- */
/* Global 																											*/
/* ---------------------------------------------------------------------------------------------------------------- */
html {
	padding					: 0;
	margin					: 0;
	height					: 100%;
}
body {
	font-family				: "Varela Round",sans-serif;
	font-size				: 14px;
	line-height				: 1.73;
	color					: #4a5c6f;
	text-align				: left;
	padding					: 0;
	margin					: 0;
	height					: 100%;
	background				: #0091d1 url(../images/back.jpg) bottom center fixed;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Amaranth";
}
/*Opera Fix*/
body:before {
	content					: "";
	height					: 100%;
	float					: left;
	width					: 0;
	margin-top				: -32767px;
}
#wrap {
	min-height				: 100%;
	margin					: 0 auto;
}
#grid {
	padding					: 80px 0 93px 0;  /* must be same height as the footer */
}
.container {
	width					: 936px;
	margin-left				: auto;
	margin-right			: auto;
}
#header-border {
	position				: absolute;
	top						: 0;
	width					: 100%;
	height					: 80px;
	padding-bottom			: 5px;
	background				: url(../images/transborder_licht.png);
}
#header {
	position				: absolute;
	top						: 0;
	width					: 100%;
	height					: 80px;
	background				: url(../images/headerbg.png);
}
#menu {
	position				: absolute;
	float					: left;
	top						: 0;
	left					: 50%;
	margin					: 0 0 0 -468px;
	width					: 936px;	
}
.logo {
	float					: left;
	width					: 150px;
	height					: 49px;
	margin-left				: 16px;
	margin-top				: 16px;
}

#main {
  	padding					: 40px 0px;
	clear					: both;
	overflow				: hidden;
}
#footer-border{
	padding-top				: 5px;
	margin-top				: -98px; /* negative value of footer height */
	background				: url(../images/transborder_licht.png);
	clear					: both;
}
#footer{
	height					: 93px;
	background				: url(../images/footerbg.png) repeat-x;
}
a {
	color					: #0091d1; 
	text-decoration			: none; 
	outline					: none; 
}
a:hover { 
	color					: #0091d1; 
	text-decoration			: underline; 
	outline					: none; 
}
.janbody {
	background				: #e8e8e8;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Tien */
/* ---------------------------------------------------------------------------------------------------------------- */

.tien .box .boxcontent h1{
	font-size:18px;
	line-height:35px;
}

.tien .box{
	float:left;
}
.tien .box .boxcontent{
	height:158px;
	background-image: url("../images/boxbg01.png");

} 
.tien .box .hartje{
	float:left;
	width:40px;
	height:38px;
	background:url(../images/hartje.png);
	margin-right:10px;
}
.box{
	position:relative;
	float: left;
	margin: 10px 0px 0px 0px;
}
.box .boxcontent{
	width:293px;
	height:208px;
	border: 1px solid #afafaf;
	background: #fff;
}
.box .boxcontent h1{
	font-size:18px;
	line-height:35px;
}
.left{
	margin-right:10px;
}
.hartje{
	position: relative;
	top: -5px;
	float:left;
	width:40px;
	height:38px;
	background:url(../images/hartje.png);
	margin-right:10px;
	margin-bottom: -5px;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Header */
/* ---------------------------------------------------------------------------------------------------------------- */
#header #mainmenu {
	position				: absolute;
	height					: 47px;
	text-align				: right;
	margin-right			: 0px;
	margin-top				: 20px;
	top						: 38px;
	clear					: right;
	margin-left				: 195px;
}
.topmenu {
	float					: right;
	height					: 15px;
	text-align				: right;
	width					: 300px;
	margin					: 15px 0 0 0;
	font-family: "Varela Round";
}
/* Topmenu */
.topmenu a {
	font-weight	: bold 
	font-size: 15px;
	margin					: 0;
	padding					: 0;
	line-height				: 14px;
}
.topmenu a {
	color					: #848484;
	padding					: 0px;
	text-decoration			: none;
}
.topmenu a:hover {
	color					: #0091d1;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Hoofdmenu																										*/
/* ---------------------------------------------------------------------------------------------------------------- */
#mainmenu ul {
	font-weight	: bold 
	font-size: 16px;
	line-height				: 47px;
	margin					: 0;
	padding					: 0;
	height					: 47px;
	list-style				: none;
	font-family: "Varela Round";
}
#mainmenu ul li {
	float					: left; /* float: left; = horizontal menu */
	padding					: 0px 0px 0px 0px;
}
#mainmenu ul li a,
#mainmenu ul li.first a,
#mainmenu ul li.last a,
#mainmenu ul li.active a {
	color					: white;
	display					: block;
	padding					: 0px 16px 0px 16px;
	text-decoration			: none;
	background				: url(../images/mainmenubg.png) right;
}
#mainmenu ul li.first a {
	background				: url(../images/mainmenubg-first.png) no-repeat;
}
#mainmenu ul li.last a {
	background				: url(../images/mainmenubg-last.png) right no-repeat;
}
#mainmenu ul li.active a {
	color					: #99bf34;
	background				: url(../images/mainmenubg-active.png) repeat-x;
}
#mainmenu ul li.first-active a {
	color					: #99bf34;
	background				: url(../images/mainmenubg-first-active.png) repeat-x;
}
#mainmenu ul li.last-active a {
	color					: #99bf34;
	background				: url(../images/mainmenubg-last-active.png) right;
}
#mainmenu ul li a:hover {
	color					: #4a5c6f;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Submenu																											*/
/* ---------------------------------------------------------------------------------------------------------------- */
.submenu ul {
	font-weight	: bold 
	font-size: 15px;
	margin					: 0;
	padding					: 0;
	list-style				: none;
}
.submenu ul li {
	padding					: 10px 0px;
	border-top				: 1px dotted #afafaf;
}
.submenu ul li.active a {
	color					: #4a5c6f;
}
.submenu ul li a {
	color					: #009ee2;
	padding					: 0px 0px 0px 0px;
	text-decoration			: none;
}
.submenu ul li a:hover {
	color					: #4a5c6f;
}
/* Level 1 */
.submenu ul li ul {
	font-size				: 14px;
	margin					: 0;
	padding					: 0;
	list-style				: none;
}
.submenu ul li ul li {
	padding 				: 10px 0 0 14px;
	border					: none;
}
.submenu ul li ul li a {
	color					: #009ee2;
	padding					: 0px 0px 0px 0px;
	text-decoration			: none;
}
.submenu ul li ul li a:hover {
	color					: #4a5c6f;
}
.submenu ul li.active ul li a {
	color					: #009ee2;
	padding					: 0px 0px 0px 0px;
	text-decoration			: none;
}
.submenu ul li.active ul li a:hover {
	color					: #4a5c6f;
	padding					: 0px 0px 0px 0px;
	text-decoration			: none;
}
.submenu ul li.active ul li.active a {
	color					: #4a5c6f;
	text-decoration			: none;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Body */
/* ---------------------------------------------------------------------------------------------------------------- */
.content-full,
.content-2col{}
.content-2col {
	float					: right;
	width					: 676px;
}
.left-col{
	float					: left;
	width					: 251px;
}
.boxborder{
	float					: left;
	padding					: 5px 5px 5px 5px;
	background				: url(../images/transborder.png);
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.breed {
	width					: 636px; 
}
.boxborder2 {
	float					: left;
	padding					: 5px 5px 5px 5px;
	background				: red;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.boxcontent {
	position				: relative;
	text-align				: left;
	padding					: 14px;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.rondehoek {
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}	
.specialcontent {
	position				: relative;
	text-align				: left;
	padding					: 0;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.content .mijnmaxes {
	float					: left;
	padding					: 14px;
	height					: 400px;
	border					: 1px solid #afafaf;
	background				: url(../images/backs/mijnmaxes.jpg) bottom right no-repeat;
}
.content .meisjepc {
	float					: left;
	padding					: 14px 200px 14px 14px;
	height					: 333px;
	border					: 1px solid #afafaf;
	background				: url(../images/backs/meisjepc.jpg) bottom right no-repeat;
}
.content .vierstappen {
	float					: left;
	padding					: 14px 200px 14px 14px;
	height					: 333px;
	border					: 1px solid #afafaf;
	background				: url(../images/backs/4stappen.jpg) bottom left no-repeat;
}
.content .gladiolen {
	float					: left;
	padding					: 14px 200px 14px 14px;
	height					: 333px;
	border					: 1px solid #afafaf;
	background				: url(../images/backs/gladiolen.jpg) bottom right no-repeat;
}
.content .chriszegers {
	float					: left;
	padding					: 14px;
	height					: 1100px;
	border					: 1px solid #afafaf;
	background				: url(../images/backs/chriszegers.jpg) bottom right no-repeat;
}
.content .corona {
	float					: left;
	padding					: 14px;
	height					: 600px;
	border					: 1px solid #afafaf;
	background				: url(../images/corona.jpg) bottom right no-repeat;
}
.content .korting {
	float					: left;
	padding					: 14px 300px 14px 14px;
	height					: 333px;
	border					: 1px solid #afafaf;
	background				: url(../images/backs/korting.jpg) bottom right no-repeat;
}
.klant {
	float					: left;
	width					: 146px;
	height					: 136px;
	text-align				: center;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
	border					: 1px solid #afafaf;
	margin					: 0 13px 13px 0;
}
.last {
	margin-right			: 0;
}
.content-full .boxcontent h1,
.content-2col .boxcontent h1,
.content .meisjepc h1,
.content .gladiolen h1,
.content .chriszegers h1,
.content-2col .specialcontent h1,
.content-2col .boxcontent h4,
.left-col .boxcontent h1 {
	font-weight: bold;
	font-size: 24px;
	color : #4a5c6f;
	padding : 0px 0px 10px 0px;
	margin : 0;
}
.content-2col .boxcontent h2 {
	font-weight: bold;
	font-size: 20px;
	color					: #85a923;
	padding					: 0px 0px 10px 0px;
	margin					: 0px 0px 0px 0px;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Hosting */
/* ---------------------------------------------------------------------------------------------------------------- */

.hosting-2col{
	float: right;
	width: 676px;
	margin-top:10px;
	color:#fff;
}

.hosting-2col .boxcontent h1 {
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.hosting-2col .boxcontent h2,{
	font-weight: bold;
	font-size: 20px;
	color					: #85a923;
	padding: 0px;
	margin: 0px;
}
.hosting-2col .boxcontent h3{
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.content-full .boxcontent h2,
.left-col .boxcontent h2 {
	font-weight: normal;
	font-size: 16px;
	color					: #0091d1;
	padding					: 0;
	margin					: 0;
}
.content-full .boxcontent h3,
.content-2col .boxcontent h3,
.left-col .boxcontent h3 {
	font-weight: bold;
	font-size: 13px;
	color					: #4a5c6f;
	padding					: 0px;
	margin					: 0px 0px 0px 0px;
}
.content-full .boxcontent h5,
.content-2col .boxcontent h5 {
	font-weight: bold;
	font-size: 15px;
	color					: #4a5c6f;
	padding					: 0px;
	margin					: 0px;
}
.content-2col .boxcontent h4 {
	position				: relative;
	top						: 20px;
	margin					: 0px 0px 20px 0px;
}	
.content-full .row {
	margin					: 0px 0px 10px 0px;
	overflow				: hidden;
	clear					: both;
}
.shoppingcart h4 {
	font-size				: 30pt;
	font-weight				: bold;
	text-align				: center;
	color					: white;
	padding					: 0px;
	margin					: -6px 0px -6px 0px;
}
.shoppingcart2 .dbsaanbied {
	position				: relative;
	top						: -14px;
	left					: 8px;
	margin-bottom			: 0;
	padding-bottom			: 0;
}
.shoppingcart2 {
	height					: 150px;
	padding					: 0;
}
.shoppingcart h5 {
	font-size				: 20pt;
	font-weight				: bold;
	text-align				: center;
	color					: white;
	padding					: 0px;
	margin					: 10px 0px 65px 0px;
}
.shoppingcart h6 {
	font-size				:12pt;
	font-weight				: bold;
	text-align				: center;
	color					: white;
	padding					: 0px;
	margin					: 0px 0px -65px 0px;
}
.een95 {
	position				: relative;
	top						: -15px;
	left					: -10px;
	margin-bottom			: -100px;
	border					: 0;
}

.left{
	margin-right:10px;
}
.hartje{
	float:left;
	width:40px;
	height:38px;
	background:url(../images/hartje.png);
	margin-right:10px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* Body - Boxes full */
/* ---------------------------------------------------------------------------------------------------------------- */
/* Domaincheck */
.content-full .domaincheck,
.left-col .domaincheck {
	float					: left;
	margin					: 0px;	
}
.content-full .domaincheck .boxcontent,
.left-col .domaincheck .boxcontent {
	width					: 581px;
	height					: 108px;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/boxbg01.png) top repeat-x;
}

.vierstappen .domainfield,
.content-full .domaincheck .domainfield,
.left-col .domaincheck .domainfield {
	float					: left;
	font-size				: 18px;
	font-weight				: bold;
	color					: #b2b2b2;
	line-height				: 38px;
	height					: 38px;
	width					: 420px;
	padding					: 0px 10px;
	margin					: 15px 10px 0px 0px;
	border					: 1px solid #c5c5c5;
	background				: #e9e9e9;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.vierstappen .domainfield:focus,
.content-full .domaincheck .domainfield:focus,
.left-col .domaincheck .domainfield:focus {
	color					: #4a5c6f;
}
.vierstappen .domainbutton,
.content-full .domaincheck .domainbutton,
.left-col .domaincheck .domainbutton {
	float					: left;
	font-weight	: bold 
	font-size: 28px;
	font-family: "Varela Round";
	text-align				: center;
	text-decoration			: none;
	line-height				: 40px;
	color					: white;
	display					: block;
	cursor					: pointer;
	width					: 126px;
	height					: 40px;
	margin					: 15px 0px 0px 0px;
	border					: none;
	background				: url(../images/buttonbg02.png) no-repeat;
}
.vierstappen .domainbutton:hover,
.content-full .domaincheck .domainbutton:hover,
.left-col .domaincheck .domainbutton:hover {
	background				: url(../images/buttonbg02-hover.png) no-repeat;
}
.mijnmaxes {
	background				: url(../images/mijnmaxes.png) bottom right no-repeat;
}
/* Shoppingcart */
.content-full .shoppingcart,
.left-col .shoppingcart {
	float					: right;
	margin					: 0px 0px 0px 0px;
}
.content-full .shoppingcart .boxcontent,
.left-col .shoppingcart .boxcontent {
	color					: white;
	width					: 266px;
	min-height				: 64px;
	padding-bottom			: 60px;
	border					: 1px solid #0088c2;
	background				: #0091d1 url(../images/boxbg02.png) top repeat-x;
}
.content-full .shoppingcart2 .boxcontent {
	color					: white;
	width					: 266px;
	min-height				: 64px;
	padding-bottom			: 60px;
	border					: 1px solid #0088c2;
	background				: red;
}
.content-full .shoppingcart h1,
.left-col .shoppingcart h1 {
	color					: white;
}
.content-full .shoppingcart .shoppingbasket,
.left-col .shoppingcart .shoppingbasket {
	position				: absolute;
	bottom					: 0px;
	left					: 14px;
	width					: 104px;
	height					: 51px;
	background				: url(../images/shoppingbasket.png) no-repeat;
}
a.checkout {
	position				: absolute;
	bottom					: 14px;
	right					: 14px;
	font-weight	: bold 
	font-size: 16px;
	text-align				: center;
	text-decoration			: none;
	line-height				: 38px;
	color					: white;
	display					: block;
	width					: 106px;
	height					: 38px;
	background				: url(../images/buttonbg01.png) no-repeat;
}
a.checkout:hover {
	background				: url(../images/buttonbg01-hover.png) no-repeat;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Domeincheck
/* ---------------------------------------------------------------------------------------------------------------- */
.vrij,
.besteld,
.bezet {
	float					: right;
	font-weight	: bold 
	font-size: 16px;
	font-family: "Varela Round";
	text-align				: center;
	color					: white;
	cursor					: pointer;
	width					: 84px;
	height					: 30px;
	line-height				: 30px;
	margin					: 5px 0px 0px 0px;
	border					: none;
}
.dbsubmit,
.dbrood,
.dbgrijs {
	font-weight	: bold 
	font-size: 16px;
	font-family: "Varela Round";
	text-align				: center;
	color					: white;
	cursor					: pointer;
	width					: 84px;
	height					: 30px;
	line-height				: 30px;
	margin					: 5px 0px 0px 0px;
	border					: none;
}
.dbroodb,
.dbsubmitb {
	font-weight	: bold 
	font-size: 16px;
	font-family: "Varela Round";
	text-align				: center;
	color					: white;
	cursor					: pointer;
	width					: 126px;
	height					: 40px;
	line-height				: 40px;
	margin					: 5px 0px 0px 0px;
	border					: none;
}
.besteld,
.dbgrijs {
	background				: url(../images/but_besteld.png) no-repeat;
}
.besteld:hover {
	background				: url(../images/but_besteld_hover.png) no-repeat;
}
.vrij,
.dbsubmit {
	background				: url(../images/but_vrij.png) no-repeat;
}
.vrij:hover,
.dbsubmit:hover {
	background				: url(../images/but_vrij_hover.png) no-repeat;
}
.bezet,
.dbrood {
	background				: url(../images/but_bezet.png) no-repeat;
}
.dbroodb {
	background				: url(../images/but_moment.gif) no-repeat;
}
.dbsubmitb {
	background				: url(../images/buttonbg02.png) no-repeat;
}
.bezet:hover,
.dbrood:hover,
.dbgrijs:hover {
	background				: url(../images/but_bezet_hover.png) no-repeat;
}
.dbsubmitb:hover {
	background				: url(../images/buttonbg02-hover.png) no-repeat;
}
.domeinregel {
	float					: left;
	font-family: "Varela Round";
	font-weight	: bold 
	font-size: 18px;
	color					: #b2b2b2;
	line-height				: 38px;
	height					: 38px;
	width					: 600px;
	padding					: 0 5px 2px 10px;
	margin					: 5px 10px 0px 0px;
	border					: 1px solid #c5c5c5;
	background				: white;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.domeinregel:hover {
	border					: 1px solid #0091d1;
	color					: #4a5c6f;
}
.tweejaar {
	position				: relative;
	top						: -5px;
	font-size				: 0.7em;
}
.bolletjes {
	position				: relative;
	top						: 5px;
	margin-bottom			: -5px;
}
.lucht {
	float					: left; 
	width					: 100%;
	height					: 8px;
}
.naam {
	float					: left;
	width					: 400px;
}
.naamnl {
	float					: left;
	width					: 300px;
}
.nlextra {
	float					: left;
	width					: 100px;
}	
.euro {
	float					: left;
	width					: 15px;
}
.domeinregel .euro {
	float					: left;
	font-weight	: bold 
	font-size: 18px;
	width					: 15px;
	margin-top				: 8px;
}
.prijs {
	float					: left;
	width					: 50px;
	text-align				: right;
}
.koopknop {
	float					: left;
	text-align				: center;
	width					: 84px;
	margin-left				: 40px;
}
/* Chris zegers */
#chriszegers, #green {
	float					: left;
	margin					: 0px 9px 0px 0px;	
}
#chriszegers .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/boxbg-chriszegers.png) no-repeat;
}
#chriszegers h1,
#chriszegers h2 {
	margin-left				: 118px;
}
#chriszegers h1,
#kadobon h1,
#veilig h1,
#vierdaagse h1,
#dnssec h1,
#corona h1,
#green h1 {
	margin-bottom			: -5px;
}
/* Live registratie */
#kadobon {
	float					: left;
	margin					: 0px 9px 0px 0px;	
}
#kadobon .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #ffffff url(../images/boxbg_kadobon.jpg) no-repeat;
}
#veilig {
	float					: left;
	margin					: 0px 9px 0px 0px;	
}
#veilig .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #ffffff url(../images/boxbg_wannacry.jpg) no-repeat;
}
#vacature .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #ffffff url(../images/bg_php.jpg) no-repeat;
}
#dnssec .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #ffffff url(../images/dnssec.jpg) no-repeat;
}
#corona .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #ffffff url(../images/corona.png) no-repeat;
}
#green .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/green.jpg) no-repeat;
}
/* 4Daagse */
#vierdaagse {
	float					: left;
	margin					: 0px 0px 0px 0px;	
}
#vierdaagse .boxcontent {
	width					: 266px;
	height					: 178px;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/vierdaagse.png) no-repeat;
}
/* Contentbox */
.content {
	overflow				: hidden;
	clear					: both;
}
.content .boxcontent {
	float					: left;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/boxbg01.png) top repeat-x;
}
.hosting-2col .boxcontent {
	background				: #02a0e5; 
	color					: white;
}
.hosting-2col a:link,
.hosting-2col a:active,
.hosting-2col a:visited {
	color					: #26276a;
	text-decoration			: none;
}
.hosting-2col a:hover {
	color					: #26276a;
	text-decoration			: underline;
}
a.readmore {
	position				: absolute;
	bottom					: 14px;
	right					: 14px;
	font-weight	: normal;
	font-size: 16px;
	font-family: "Varela Round";
	text-align				: center;
	text-decoration			: none;
	line-height				: 38px;
	color					: white;
	display					: block;
	width					: 106px;
	height					: 38px;
	background				: url(../images/buttonbg01.png) no-repeat;
}
a.readmore2 {
/*	position				: absolute;
	bottom					: 14px;
	right					: 14px;*/
	margin-top: 10px;
	font-weight	: normal;
	font-size: 16px;
	font-family: "Varela Round";
	text-align				: center;
	text-decoration			: none;
	line-height				: 38px;
	color					: white;
	display					: block;
	width					: 106px;
	height					: 38px;
	background				: url(../images/buttonbg01.png) no-repeat;
}
a.readmore:hover,
a.readmore2:hover {
	background				: url(../images/buttonbg01-hover.png) no-repeat;
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* Body - Left column */
/* ---------------------------------------------------------------------------------------------------------------- */
.left-col .boxcontent h1 {
	font-size				: 18px;
}
.left-col .boxcontent h2{
	font-size				: 18px;
}
/* Submenu */
.left-col .submenu {
	margin					: 0px;
}
.left-col .submenu .boxcontent {
	width					: 212px;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/boxbg01.png) top repeat-x;
}
/* Domaincheck */
.content .vierstappen,
.left-col .domaincheck {
	float					: none;
	margin					: 0px 0px 10px 0px;
}
.left-col .domaincheck .boxcontent {
	width					: auto;
	height					: 145px;
	border					: 1px solid #afafaf;
	background				: #e8e8e8 url(../images/boxbg01.png) top repeat-x;
}
.content .vierstappen {
	width					: 500px;
	height					: 345px;
	border					: 1px solid #afafaf;
}
.content .vierstappen .domainfield,
.left-col .domaincheck .domainfield {
	float					: none;
	font-size				: 14px;
	width					: 190px;
	margin					: 5px 0px 0px 0px;
}
.content .vierstappen .domainbutton,
.left-col .domaincheck .domainbutton {
	float					: right;
	margin					: 10px 0px 0px 0px;
}

/* Shoppingcart */
.left-col .shoppingcart {
	float					: none;
	margin					: 0px 0px 0px 0px;	
}
.left-col .shoppingcart .boxcontent {
	width					: auto;
}
.left-col .shoppingcart h2 {
	font-weight	: bold 
	font-size: 24px;
	color					: white;
}
.left-col .shoppingcart .shoppingbasket {
	position				: absolute;
	bottom					: 0px;
	left					: 14px;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------------------------------------------------------------- */
.footer-row01 {
	padding					: 12px 0px 10px 0px;
	border-bottom			: 1px dotted #afafaf;
	clear					: both;
	overflow				: hidden;
}
.footer-row02 {
	font-size: 13px;
	padding					: 7px 0px 0px 0px;
	clear					: both;
}
.footer-row01 .left {
	float					: left;
	padding					: 5px 0px 0px 0px;
}
.footer-row01 .right {
	float					: right;
	font					: bold 26px "Amaranth";
	color					: #0091d1;
	text-align				: right;
	padding					: 0px 0px 3px 0px;
}	
.footer-row01 .right span {
	color					: #4a5c6f;
}
.footer-row02 .left {
	float					: left;
	color					: #848484;
	padding					: 0px;
}
.footer-row02 .right {
	float					: right;
	color					: #848484;
	text-align				: right;
	padding					: 0px 0px 0px 0px;
}
.footer-row02 a {
	color					: #848484; 
	text-decoration			: none; 
	outline: none; 
}
.footer-row02 a:hover { 
	color					: #0091d1; 
	text-decoration			: none; 
	outline					: none; 
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* Forms */
/* ---------------------------------------------------------------------------------------------------------------- */
input.myInput, 
select.myInput, 
textarea.myInput {
	color					: white;
	font-size				: 11px; 
	padding					: 3px;
	background-color		: #45330f; 
	border					: 1px solid #f8b323; 
}
input.myInput:focus, 
select.myInput:focus, 
textarea.myInput:focus {
	background-color		: #594318; 
}

.del {
	float					: left; 
	background				: url(../images/winkel_del.png) left no-repeat; 
	width					: 10px;
	height					: 11px;
	margin-top				: 10px;
}
.del:hover {
	float					: left; 
	background				: url(../images/winkel_del_over.png) left no-repeat; 
	width					: 10px;
	height					: 11px;
	margin-top				: 10px;
	cursor					: pointer;
}
.product {
	float					: left; 
	color					: white;
	padding					: 5px 0 0 0;
	width					: 120px;
}
.euroteken {
	color					: white;
	float					: left; 
	padding					: 5px 0 0 0;
	width					: 5px;
}
.wprijs {
	float					: left; 
	color					: white;
	padding					: 5px 15px 0 0;
	width					: 60px;
	text-align				: right;
}
.totaalex {
	float					: left;
	margin-bottom			: 45px;
}
.dot {
	float					: left;
	background				: url(../images/dot.gif) repeat-x;
	width					: 212px;
	height					: 1px;
	margin					: 2px 0;
}
.shoppingcart-data {
	clear					: both;
	overflow				: hidden;
}
.vraag {
	float					: left;
	clear					: both;
	height					: 24px;
	width					: 200px;
	margin					: 0px 10px 5px 0px;
	padding-top				: 5px;
}
.antwoord {
	float					: left;
	width					: 420px;
	height					: 29px;
	margin					: 0px 0px 5px 0px;
}
.antwoord2 {
	float					: left;
	min-height				: 24px;
	width					: 420px;
	margin					: 0px 0px 5px 0px;
	padding-top				: 5px;
}
.tekstveld  {
	font-weight	: bold 
	color					: #4a5c6f;
	line-height				: 24px;
	height					: 24px;
	padding					: 0px 10px 0px 10px;
	margin					: 5px 10px 0px 0px;
	border					: 1px solid #c5c5c5;
	background				: white;
	border-radius			: 5px;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
}
.tekstveld:focus {
	border					: 1px solid #4a5c6f;
}
span.customStyleSelectBox {
	font-size				: 14px;
	font-weight				: normal;
	color					: #4a5c6f;
	line-height				: 24px;
	height					: 24px;
	padding					: 0px 8px 0px 4px;
	margin					: 0px 10px 0px 0px;
	border					: 1px solid #c5c5c5;
	background				: white;
	border-radius			: 2px;
	-moz-border-radius		: 2px;
	-webkit-border-radius	: 2px;
}
.customStyleSelectBoxInner {
	background				: url(../images/arrow.gif) no-repeat center right;
} 
.is-styled {
	min-height				: 24px;
}
.fout {
	border					: 1px solid red;
}
.fout2 {
	border					: 1px solid red;
	padding					: 1px 1px 2px 1px;
	height					: 24px;
	width					: 400px;
}
.lang {
	width					: 400px;
}
.medium {
	width					: 200px;
}
.kort {
	width					: 100px;
}
.mini {
	width					: 60px;
}

.mevrouw,
.personalia,
.error,
.succes,
.company,
.adres,
.postbus,
.munten,
.duidelijk,
.factuur,
.instellingen,
.iphone  {
	float					: left;
	width					: 592px;
	font-size				: 18px;
	border-bottom			: 1px solid #c5c5c5;
	font-weight				: normal;
	color					: #4a5c6f;
	margin 					: 20px 0px 10px 0;
	padding					: 10px 0px 15px 40px;
}
#bedrijfmetkvk {
	height					: 156px;
}
.iphone  {
	background 				: url(../images/iphone.png) no-repeat;
}
.instellingen  {
	background 				: url(../images/instellingen.png) no-repeat;
}
.duidelijk  {
	background 				: url(../images/vergrootglas.png) no-repeat;
}
.munten  {
	background 				: url(../images/munten.png) no-repeat;
}
.factuur  {
	background 				: url(../images/factuur.png) no-repeat;
}
.postbus  {
	background				: url(../images/postbus.png) no-repeat;
}
.adres  {
	background				: url(../images/home.png) no-repeat;
}
.company  {
	background				: url(../images/business.png) no-repeat;
}
.mevrouw  {
	background 				: url(../images/vrouw.png) no-repeat;
}
.succes {
	background				: url(../images/succes.png) no-repeat;
}
.error {
	background				: url(../images/error.png) no-repeat;
}
.personalia  {
	background 				: url(../images/man.png) no-repeat;
}
.lijn {
	float					: left;
	width					: 636px;
	height					: 1px;
	border-bottom			: 1px solid black;
	margin-bottom			: 10px;
}
.omschrijving {
	float					: left;
	width					: 430px;
}
.periode {
	float					: left;
	width					: 100px;
}
.bedrag {
	float					: left;
	width					: 100px;
}
.zprijs {
	float					: left;
	width					: 75px;
	text-align				: right;
}	
.totaal	{
	font-weight	: bold 
	font-size: 17px;
	text-transform			: uppercase;
}
.space {
	float					: left;
	width					: 636px;
	height					: 100px;
}
.uwreferentie {
	float					: left;
	padding-top				: 50px;
}
.branche {
	float					: left; 
	width					: 199px;
	margin					: 0 13px 13px 0;
}
.branche ul{
	 list-style-image		: url(../images/li_blauw.png);
	 margin-left			: 0; 
	 padding-left			: 15px;
	 margin-top				: 0;
}
.breedte {
	float					: left;
	width					: 630px;
	font-weight				: bold;
	border-bottom			: 1px solid #d0ced1;
	border-top				: 1px solid #d0ced1;
	margin					: 20px 0 10px 0;
	background				: #e0dee1;
}
.factuurdatum,
.factuurnummer,
.betaaldatum,
.totaalbedrag,
.handelingen {
	float 					: left;
}
.factuurnummer,
.totaalbedrag,
.factuurdatum,
.betaaldatum {
	width					: 120px;
}
.handelingen {
	width					: 150px;
}
.factuureuro {
	float					: left;
	width					: 30px;
}
.factuurmunten {
	float					: left;
	text-align				: right;
	width					: 60px;
	padding-right			: 30px;
}
.iconpdf {
	position				: relative;
	top						: 2px;
	margin-bottom			: -2px;
}