html {
	height:100%; 
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0;
	overflow: hidden;  
}

body
{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #ffffff;
}

a
{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

.a2
{
	color: #D63717;
	cursor:pointer;
}

h1
{
	font-size: 20px;
	margin-top:10px;
	margin-bottom:10px;
}


h2
{
	font-size: 18px;
	margin:0;
}

h3
{
	font-size: 15px;
	margin:0;
	margin-bottom:5px;
}

h4
{
	position:relative; 
	float:left; 
	margin:0;
	padding-top:5px; 
	margin-right:5px;
	font-size: 18px;
}

h5
{
	position:relative; 
	float:left; 
	width:120px;
	height:20px;
	left:10px;
	top:13px;
	margin:0;
	margin-right:0px;
	margin-bottom:10px;
	font-size: 18px;
}

#top
{
	position:absolute;
	left: 0px;
	top: 0px;
	height: 52%;
	width: 100%;
	background-color: #ffffff;
	z-index: 0;
}

#bottom
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 48%;
	width: 100%;
	background: url(../images/gradient_website.jpg) repeat-x;
	background-color: #D63717;
	z-index: 0;
}

#geheel
{
	position:absolute;
	width:832px;
	height:482px;
	left: 50%; 
	margin-left: -416px;
	top: 50%; 
	margin-top: -241px;
	z-index: 1;
}

/*----------geheel------------*/

.ct
{
	position:relative;
	float:left;
}

.logo
{
	position:relative;
	width: 267px;
	height: 98px;
	background: url(../images/cms-makkelijk-logo.jpg) no-repeat;
	background-position:center;
}

.menu
{
	position:relative;
	float:right;
	height: 25px;
	width:auto;
	right: 32px;
}

.knop
{
	position:relative;
	float:left;
	margin-right:5px;
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#D63717;
}

.content
{
	position:relative;
	float:left;
	width:832px;
	height:196px;
	background: url(../images/cms-makkelijk-content.jpg);
}

.content2
{
	position:relative;
	float:left;
	width:832px;
	height:344px;
	background: url(../images/cms-makkelijk-content2.jpg);
}

.tekst
{
	position:relative;
	float:right;
	right:24px;
	top:12px;
	width:500px;
	height:auto;
}

.bestel_tekst
{
	position:relative;
	float:left;
	left:590px;
	top:150px;
	height:25px;
}

.pakketten
{
	position: relative;
	float:left;
	width:843px;
	height:134px;
	margin-top:5px;
	left:5px;
	cursor: pointer;
}

.pakket
{
	position:relative;
	float:left;
	width:280px;
	height:134px;
}

.p1
{
	background:url(../images/pakket_box1.jpg) no-repeat;
}

.p2
{
	background:url(../images/pakket_box2.jpg) no-repeat;
}

.p3
{
	background:url(../images/pakket_box1.jpg) no-repeat;
}

.pakket_tekst
{
	position:relative;
	float:left;
	width:160px;
	height:110px;
	left:15px;
	top:10px;
	margin-right:0px;
}
.pakket_tekst_breed
{
	position:relative;
	float:left;
	width:260px;
	height:110px;
	left:15px;
	top:10px;
	margin-right:0px;
}
.pakket_regel
{
	position:relative;
	float:left;
	width:140px;
	margin-bottom:4px;
}
.pakket_regel_breed
{
	position:relative;
	float:left;
	width:250px;
	margin-bottom:4px;
}
.pakket_plaatje
{
	position:relative;
	float:right;
	width:135px;
	height:134px;
}

.inloggen
{
	position:absolute; 
	top:134px; 
	left: 10px; 
	height:107px; 
	width:273px;
	padding-top:67px;
	padding-left:20px;
	color:#000000;
	background: url(../images/inlogscherm.jpg);
}

.inloggen2
{
	position:relative;
	float:left; 
	height:107px; 
	width:273px;
	top:40px;
	padding-top:67px;
	padding-left:20px;
	color:#000000;
	background: url(../images/inlogscherm.jpg);
}

.login_form
{
	position:relative; 
	float:left; 
	height:25px;
}

.button
{
	width:89px;
	height:26px;
	background: url(../images/login_button.jpg);
	border:0px;
	cursor:pointer;
}

.footer
{
	position:relative;
	float:right;
	font-weight:normal;
	margin-right:20px;
}

.pakketten_bestellen
{
	position:relative;
	float:lef;
	left:20px;
	top:20px;
}

.verplichtveld
{
	position:relative;
	float:left;
	width:17px;
	height:17px;
	background:url(../images/verplichtveld.jpg);
}

.formulier
{
	position:relative;
	float:left;
	width:100px;
	height:15px;
	padding-top:3px;
	padding-left:6px;
	color:#000000;
}

.formulier2
{
	position:relative;
	float:left;
	width:120px;
	height:14px;
	padding-left:6px;
	color:#000000;
}

.formulier_veld
{
	position:relative;
	float:left;
	width:290px;
	height:25px;
}

.formulier_veld2
{
	position:relative;
	float:left;
	width:270px;
	height:14px;
	color:#000000;
}

.input2
{
	width:250px;
	height:15px;
	font-size:11px;
}

.input3
{
	width:290px;
	height:16px;
	border:0px;
	background-color:#CCCCCC;
}

.button2
{
	width:92px;
	height:26px;
	border:none;
	cursor:pointer;
	background: url(../images/verzenden_button.jpg);
}

.button3
{
	width:87px;
	height:24px;
	border:none;
	cursor:pointer;
}

.stappen
{
	position:relative; 
	float: left; 
	width:410px; 
	height:18px; 
	padding-left:14px; 
	padding-top:3px; 
	left:0px; 
	margin-top:15px; 
	background:url(../images/stappen_achtergrond.jpg) no-repeat;
	background-position:right;
	color:#CC0000;
}

.pakket_regel
{
	position:relative; 
	float:left; 
	width:100%; 
	margin-bottom:5px;
}