/*	Algemeen */
#content
{	
	position: relative;
	min-height: 430px;
}
p
{
	color: #3f4246;
}
.Left
{
	float: left;
}
.Right
{
	float: right;
	width: 325px;
}
.SmallCaps
{
	font-variant: small-caps;
}

/*	Headings */
h1 .SmallCaps
{
	font-size: 27pt;
	font-weight: bold;
}
h1 img
{
	margin-right: 18px;
}
h1
{
	font-size: 35pt;
	font-family: "century gothic";
	font-weight: normal;
	margin-top: 20px;
	margin-left: 20px;
}
h2
{
	font-size: 16px;
	color: #4dabde;
	font-variant: small-caps;
	font-weight: normal;
	margin-bottom: 20px;
}
h3
{
	color: #4dabde;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: normal;
	margin-top: 12pt;
	margin-bottom: 5px;
}
h3 img
{
	margin-right: 10px;
}
h4
{
	margin-bottom: 10px;
	font-size: 8pt;
	color: #505050;
}

.Left p, .Left h2, .Left h3
{
	margin-left: 62px;
}
.Left p
{
	width: 400px;
	line-height: 16pt;
}

.Column, .Wide
{
	line-height: 14pt;
	float: left;
	font-size: 10pt;
}

/*	Screenshot */
#screenshot
{
	position: absolute;
	z-index: 1;
}

/*	Bar */
#bar-container
{
	position: relative;
	padding-top: 20px;
	padding-left: 42px;
	height: 152px;
	clear: both;
	z-index: 2;
}
.Small-Bar-Text
{
	width: 50px;
	padding-top: 15px;
	font-size: 8pt;
	width: 100px;
	padding-left: 20px;
	color: #999999;
}
#bar
{
	width: 759px;
	height: 152px;
	background-image: url("../images/bar.png");
	position: absolute;
	z-index: 3;
}
#bar .Column
{
	width: 250px;
	margin-left: 22px;
}
#bar .Column p
{
	margin-bottom: 10px;
}
#bar .Column a
{
	background-image: url("../images/btn-background.png");
	border: 0 !important;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	line-height: 25px;
	vertical-align: middle;
	width: 108px;
	height: 32px;
	display: block;
}

/*	Product toelichting */
#bottom-content
{
	clear: both;
	margin-top: 0px;
	padding-left: 62px;
	min-height: 240px;
}
#bottom-content-menu
{
	background-image: url("../images/replacedivmenu.png");
	position: relative;
	height: 83px;
	bottom: 7px;
	right: 20px;
	line-height: 100px;
	padding-left: 20px;
	vertical-align: bottom;
	background-repeat: no-repeat;
}
#bottom-content a
{
	text-decoration: none;
	color: #4dabde;
}
#bottom-content a:hover
{
	text-decoration: underline;
}

#bottom-content h2
{
	display: inline;
	margin-right: 40px;
}
#bottom-content h3:before
{
	content: url("../images/h3bullet.png");
	padding-right: 5px;
}
#bottom-content .Wide
{
	width: 350px;
	margin-right: 31px;
}
#bottom-content .Wide p
{
	margin-bottom: 14pt;
}
#bottom-content .Column
{
	width: 217px;
	margin-right: 31px;
}
#bottom-content .Column p
{
	margin-bottom: 14pt;
}
#bottom-content .FloatLeft
{
	float: left;
	height: 100%;
	font-size: 10pt;
}
#bottom-content .FloatLeft p
{
	margin-top: 8px;
	margin-bottom: 20px;
	width: 195px;
}
.Advantages
{
	line-height: 14pt;
	font-size: 10pt;
	font-weight: bold;
	color: #3f4246;
}
.Advantages li
{
	margin-top: 10px;
	list-style-position: outside;
	list-style-image: url("../images/check.png");
	margin-left: 13px;
	padding-left: 10px;
}

.Small-Bar
{
	position: relative;
	right: 7px;
	margin-top: 15px;
	width: 206px;
	height: 94px;
	background-image: url("../images/bar-small.png");
	background-repeat: no-repeat;
}
.Small-Bar-Picture
{
	float: left;
	margin-left: 4px;
	margin-right: 5px;
	padding: 0;
	height: 81px;
}
.Small-Bar-Picture img
{
	vertical-align: middle;
	line-height: 81px;
	padding-top: 8px;
}
.Small-Bar p
{
	padding-top: 15px;
	font-size: 8pt;
	width: 150px;
	color: #999999;
}

/*	Buttons */
#buttons
{
	margin-top: 40px;
	margin-left: 62px;
}
.ButtonContainer
{
	float: left;
	width: 111px;
	height: 31px;
	color: white;
	margin-right: 10px;
}
.Button
{
	width: 100px;
	font-size: 10pt;
	line-height: 23px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
img
{
	border: none;
}

/*	Rectangle */
.RectangleContainer
{
	padding-left: 20px;
}
.Rectangle
{
	float: left;
	font-size: 10pt;
	width: 368px;
	margin-top: 0px;
	margin-left: 42px;
	margin-bottom: 20px;
	padding: 0px;
}
.Pakketten .Rectangle
{
	width: 340px;
	margin-right: 0px;
}
.Pakketten .Rectangle img
{
	margin-left: 20px;
}
.Pakketten .Rectangle p
{
	width: 155px;
	line-height: 14pt;
}
.Rectangle img
{
	float: right;
	margin-right: 0px;
}
.WideRectangle
{
	margin-left: 42px;
	margin-right: 42px;
}
.WideRectangle
{
	padding-top: 0px;
	margin-top: 0px;
}
.WideRectangle p
{
	font-size: 10pt;
}
.WideRectangle table
{
	margin-top: 25px;
	border-collapse: collapse;
	color: #3f4246;
}
.WideRectangle table td
{
	padding: 2px;
	padding-right: 15px;
	text-align: center;
}
.WideRectangle table thead
{
	border-bottom: 2px solid #3f4246;
}
.WideRectangle table thead td
{
	border-left: 1px solid #3f4246;
}
.WideRectangle table tbody td
{
	border-left: 1px solid #3f4246;
}
.WideRectangle table td:first-child
{
	border-left: none;
	text-align: left;
}
.InnerRectangle
{
	padding-left: 25px;
}
.Grey465x445
{
	background-image: url("../images/rectangle-grey-465x445.jpg");
	width: 465px;
	height: 445px;
	margin-left: 0px;
	position: relative;
	left: -25px;
	margin-top: 20px;
	margin-left: 61px;
}
.Blue249x445
{
	float: left;
	width: 249px;
	height: 445px;
	background-image: url("../images/rectangle-blue-249x445.jpg");
	color: white;
	margin-left: 0px;
	margin-top: 20px;
}
.Rectangle h3
{
	padding-top: 20px;
	position: relative;
	right: 12px
}
.Rectangle h3:before
{
	content: url("../images/h3bullet.png");
	padding-right: 5px;
	position: relative;
}
.Blue249x445 h3
{
	color: white;
	margin-bottom: 10px;
}
.Blue249x445 ul
{
	font-size: 8pt;
	font-weight: bold;
}
.Blue249x445 ul li
{
	padding-bottom: 5px;
}
.Rectangle p
{
	margin-bottom: 20px;
}
.Rectangle a
{
	text-decoration: none;
	color: #4dabde;
}
.Rectangle a:hover
{
	text-decoration: underline;
}

/*	Form */

.Rectangle form
{
	width: 250px;
	float: left;
}
.Rectangle form td
{
	padding-bottom: 5px;
	color: #4dabde;
	font-weight: bold;
	font-size: 8pt;
}
.Rectangle ul
{
	margin-left: 15px;
}
.Rectangle ul li
{
	list-style-image: url("../images/small-bullet.png");
}
.Rectangle form td img
{
	border: 1px solid #4dabde;
	margin-bottom: 5px;
}
.Rectangle form td:first-child
{
	max-width: 100px;
	padding-right: 15px;
}
.Rectangle form input
{
	border: 1px solid #4dabde;
	margin-right: 100px;
}
.FormError
{
	color: red !important;
	white-space: nowrap;
}
#captcha__row img
{
	float: left;
}

.Special
{
	color: #78d057;
}
.Box
{
	position: relative;
	left: 30px;
	float: right;
	margin-right: 20px;
	width: 149px;
	height: 258px;
}
#basis
{
	background-image: url("../images/box-basis.png");
}
#compleet
{
	background-image: url("../images/box-compleet.png");
}
/*	Pakketten */
.Pakketten
{
	background-image: url("../images/bar-big.png");
	height: 242px;
	background-repeat: no-repeat;
	background-position: 40px 0px;
	margin-top: 20px;
	padding-top: 0px;
}
.Pakketten h3
{
	margin-top: 0px;
}

/*	Buttons */
/*	Default */
.ButtonLeft,.ButtonMiddle,.ButtonRight
{
	height: 17px;
	line-height: 17px;
	background-repeat: no-repeat;
	float: left;
	vertical-align: middle;
}

.ButtonLeft
{
	width: 4px;
}

.ButtonMiddle
{
	text-align: center;
}

.ButtonMiddle a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.ButtonRight
{
	width: 4px;
}
/*	Demo */
#demo
{
	width: 826px;
	height: 693px;
	text-align: center;
	margin: auto;
	padding-top: 12px;
	margin-top: 25px;
	margin-bottom: 25px;
	background-image: url(../images/demo-shade.jpg);
	background-repeat: no-repeat;
}
/*	Submit */
.FormButton
{
	background-image: url("../images/btn-verzenden.jpg");
	border: 0 !important;
	color: white;
	font-weight: bold;
	padding-bottom: 10px;
	width: 108px;
	height: 32px;
}
/*	Sitemap */
#sitemap a
{
	text-decoration: none;
	color: #4DABDE;
	line-height: 14pt;
	font-size: 10pt;
	font-weight: bold;
}
#sitemap a:hover
{
	text-decoration: underline;
}
#sitemap ul
{
	margin-left: 15px;
}
/*	Zoekwoorden */
#searchlinks
{
	margin-top: 10px;
	font-size: 8pt;
	text-align: center;
}
#searchlinks a
{
	color: black;
	text-decoration: none;
	color: #4DABDE;
}
#searchlinks a:hover
{
	text-decoration: underline;
}