html{height: 100%;}

/* TAALKEUZE */
.menu { width:251px; float: left; margin: 118px 0 0 700px}
.menu img { vertical-align:bottom; margin:0 0 0 10px}
.menu ul { padding:0; width:230px; margin:0 0 0 10px; background:url(../images/bgmenu.png) repeat-x top #8d3383; display:block; border-left:1px solid #8a3780; border-right:1px solid #8a3780;}
.menu li { list-style:none; background:url(../images/libottom.png) no-repeat bottom; text-align:center; padding:5px 0 8px}
li.last { background:none;}
li.active a, li.active, .menu a:hover { color:#eedeed}
.menu a { font-family:Verdana; font-size:12px; color:#d6b1d3; text-decoration:none; font-weight:bold}
.title { font-size:12px; font-weight:bold; font-family:Verdana; text-align:center; padding:7px 0 19px 0; background:url(../images/title.png) top no-repeat}

*html .menu li {background:url(../images/libottom.gif) no-repeat bottom;}
*html .title {background:url(../images/title.gif) top no-repeat}


/* SITE */
body { font-family:Arial, helvetica, sans-serif; font-size:11px;  padding:0; margin:0; background:url(../images/bgbody.png) repeat-x top #fc1feb; height: 100%}
#body-taalkeuze{background: #fc1deb url("../images/bgbody-taalkeuze.jpg") repeat-x; }
h1 { font-weight:normal; font-size:30px; padding:0; margin:0; color:#7d1769; padding-bottom:15px}
h2 { font-size:12px; font-weight:bold; color:#7d1769; padding-top:15px}
h3 { font-size:27px; font-weight: normal; padding:0; margin:0; color:#fff}
a img { border: none}

label, input[type="text"], textarea {  font-family:Arial, helvetica, sans-serif; font-size:11px;width:220px; height:15px; color:#333; margin:3px 5px 2px 0; float: left; }
label {clear: both;margin-top: 6px;}
input[type="button"], input[type="submit"] { background:url(../images/btn.png) no-repeat center; border:hidden; border:none; width:89px; cursor:pointer; height:28px; margin: 5px 0 0 0}

select { float:left; clear: both;margin: 5px 0;}
.textblock {float: left;clear: none;margin: 0 4px 0 0}
.inputblock{
	float: left;
	clear: both;
	width: 100%;
}
.iebut{
	float: left;
	clear: both;
}

* html .textBox1 li { list-style-image: none; line-height:normal; padding:5px 0 5px 20px; background:url(../images/li.gif) left  center no-repeat; list-style:none}
* html .textBox1 ul { margin:0px; padding:0; padding-left:0px}
/* html input.textblock {  font-size:11px; color:#333; margin:3px 0; z-index:100}*/
* html .iebut {background:url(../images/btn.jpg) no-repeat center; border:hidden; border:none; width:89px; cursor:pointer; height:28px; margin:5px 0 0 0}
* html .prices {padding:0px 20px 20px 40px; line-height:60px; height:165px}

.info a:hover, a.light:hover, .textbox3 a:hover { border-bottom:0px;}
a.light { color:#c59fac; text-decoration:none; border-bottom:1px dotted #c59fac;}
a.package {margin-top: 10px;display: block;height: 25px;background: url('/images/package.png') no-repeat top left; padding-left: 30px;border: 0;}
a.package:hover {color: #000}

.clear { clear:both}
.push { height:260px; clear:both}
.push2 { height:50px; clear:both}

.boxbg-NL {background: url(../images/bg_NL.jpg) no-repeat left top; margin:0;}
.boxbg-FR {background: url(../images/bg_FR.jpg) no-repeat left top; margin:0;}
.boxbg-DE {background: url(../images/bg_DE.jpg) no-repeat left top; margin:0;}
.boxbg-plain {background: url(../images/bg-plain.jpg) no-repeat left top; }
.boxbg-taalkeuze {background: url(../images/bg-taalkeuze.jpg) no-repeat left top; height: 100%;}
.container { width:980px; margin:0 0 0 20px;}
.corners {width:689px; float:left; }


#free-sample-url {
	width: 200px;
	height: 190px;
	position: absolute;
	z-index: 100;
	left: 780px;
	top: 20px;
}

.textBox1 { padding:0 20px; background: url(../images/gradient1.png) repeat-x top #ffdcdd; min-height: 340px; line-height:20px}
.textBox1 h1{padding-top: 10px;}
.textBox1 li { list-style-image: none; line-height:normal; padding:0px 0 0px 20px; background:url(../images/li.gif) left  center no-repeat; list-style:none; line-height:26px;}
.textBox1 ul { margin:10px 0 0 0; padding:0;}

.textBox2 { padding:30px 10px 0 ; margin: 0;background:url(../images/gradient2.png) repeat-x top; line-height:20px; background-color: #ffdcdc;}
.textbox-page{ padding:15px 10px 0; }


.textbox3 { padding:0px 10px 20px 40px}
.textbox3 span { font-size:11px; color:#FFF;}
.textbox3 p { font-size:11px; color:#eaefb5; line-height:18px; margin-bottom: 25px;}
.textbox3 a { color:#fff; text-decoration:none; border-bottom:1px dotted #FFF}
.testitop {float: left; background: url(../images/testi_top.png) no-repeat; width: 280px; padding: 0;padding-top: 28px; margin-left: 20px;}
.testitop .content {background: url(../images/testi_middle.png) repeat-y; padding: 15px; margin-left: 0px;}


p.first { font-weight:bold; line-height: 16px;}
.address_left { width:260px; min-height: 350px;float: left; margin-bottom: 15px; border:none; border-right:1px dotted #8e688e; padding:5px;}
.info { color:#4e2149}
.info a { border-bottom:1px dotted #4e2149; text-decoration:none; color:#4e2149}
.info2 { font-size:12px; color:#993399;}
.prices { background:url(../images/bgPrices.gif) no-repeat center; padding:30px 20px 20px 20px; line-height:50px; font-size:17px; color:#3b0c36; float:left; width:340px; margin:15px 0 0 15px; }
.prices .left{ display:block; float: left; width: 120px; margin-right: 60px; text-align: center;}

.orderinfo { padding:5px 20px 20px 40px;float:left; width:320px;  margin:5px 0 0 15px;}
.orderinfo span, .orderinfo a{
	float: left; clear: both;
	width: 100%;
}

.questionarea{
	float: left;
	width: 200px;
	padding: 5px 0 0 25px;
}
.questionarea textarea{
	width: 300px;
	height: 300px;
}

.address{
	padding:0px 13px 5px 30px;
	margin: 0;
	height: 30px;
	background: url(/images/corners_bottom3.gif) no-repeat;
}
.address.btm2{background: url(/images/corners_bottom2.gif) no-repeat;}
.nomargin{margin-top: 0;}
.address a{border-bottom:1px dotted #4e2149; text-decoration:none; color:#4e2149}
img.bot { vertical-align:bottom;}
img.w50px { width:50px; height:15px}
.righttext { float:left; width:280px}
.links { height:200px;margin: 35px 0 0 0;}
.links a {border: 1px transparent solid; width: 110px; float: left; clear: both; padding: 0; height: 28px; display: block;}
.links a:hover {background: url('/images/hover.png') no-repeat}
.links #bestel{margin-left: 75px; background-position: 8px 3px;}
.links #vragen{ margin-left: 115px; margin-top: 8px; background-position: -1px 5px;}
.links #gebruik{ margin-left: 135px; margin-top: 10px; background-position: 3px 5px;}
.links #contact{ margin-left: 155px; margin-top: 14px; background-position: -1px 6px;}

.popupbox{width: 910px; height: 540px; overflow: auto;}
.error, .jsError{float: left; width: 100%;clear: both; display: block; margin: 0; color: red; font-size: 11px; font-weight: bold;}

#overviewform table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
#overviewform table tr td{
	padding: 2px 15px;
}
#overviewform table tr.pink td{
	background: #feb5da;
}
#overviewform table tr.bold td{
	font-weight: bold;
	font-size: 12px;
	
}
#overviewform table tr.bigbold{
	border: 1px solid #999;
	border-width: 1px 0 0 0;
	padding-top: 15px;
}
#overviewform table tr.bigbold td{
	font-weight: bold;
	font-size: 14px;
}

#overviewform .remark{
	display: block;
	float: left;
	clear: right;
	height: 15px;
	margin: 6px 0 2px 5px;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	font-style: italic;
}

#overviewform input[type="submit"]{
	margin: 20px 0 0 0;
	float: left;
}
#overviewform a.btnright{
	float: right;
	color: #999;
	margin: 20px 0 0 0;
}