*{
	margin:0;
	padding:0;
}

body,html {
	height: 100%;
	width: 100%;
}
body {
	font-family:Arial;
	font-size:13px;
	color:#535353;
	background-color: #ffffff;	
}
.addeditguestbook{
	display: none;
}

/*.png {
	behavior: url("/pngbehavior.htc");
}*/

img {
	border:0px;
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height:14pt;
	font-size: 13px;
}
.clearboth {
	clear:both;
}


input,
select,
textarea {
	color: #000;
	font-family:Arial;
	font-size:13px;
	background-color: #fff;
	width: 188px;
	height: 19px;
	
}
select {
	width: 185px;
	height: 23px;
}

ul {
	list-style-type: none;	
	margin: 0px;
	padding: 5px 0px 0px 0px;
	
}
li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 15px;
	background: url(/images/ico-list.gif) no-repeat 0px 3px;
}

ul.ico-check {
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
}
li.ico-check {
	color: #313131;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 15px;
	background: url(/images/ico-check.gif) no-repeat 0px 2px;
	border-bottom: 1px dotted #e3ed99;
}


ul.faq{
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
}
li.faq {
	color: #313131;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	background-image: none;
}

.grid_hover {
        background-color:#85b7bb;
    }

h1 {
	font-size: 19px;
	font-weight: bold;
	color: #004549;
	padding-bottom: 3px;
	border-bottom: 1px dotted #004549;
	margin-bottom: 12px;
}

h2 {
	font-size: 19px;
	font-weight: normal;
	color: #004549;
	margin-bottom: 12px;
}

h3 {
	font-size: 18px;

	color: #004549;
	padding-bottom: 3px;
	border-bottom: 1px dotted #004549;
	margin-bottom: 12px;
}
h3.subrubriek {
	text-transform:none;
	
}

h4 {
	font-size: 14px;
	color: #004549;
	padding-bottom: 3px;
}

a:link {color: #004549; text-decoration: none;}
a:visited {color: #004549; text-decoration: none;}
a:hover {color: #004549; text-decoration: underline;}
a:active {color: #004549; text-decoration: none;}

a.footer:link {color: #004549; text-decoration: none; font-size: 12px; }
a.footer:visited {color: #004549; text-decoration: none; font-size: 12px;}
a.footer:hover {color: #004549; text-decoration: underline; font-size: 12px;}
a.footer:active {color: #004549; text-decoration: none; font-size: 12px;}

a.breadcrumb:link {color: #535353; text-decoration: none; font-size: 13px; font-weight: bold;}
a.breadcrumb:visited {color: #535353; text-decoration: none; font-size: 13px; font-weight: bold;}
a.breadcrumb:hover {color: #535353; text-decoration: underline; font-size: 13px; font-weight: bold;}
a.breadcrumb:active {color: #535353; text-decoration: none; font-size: 13px; font-weight: bold;}



	
#content_houder {
	width: 970px;
	margin: 0px auto;
	padding-top: 11px;
	background: url(/images/background.gif) repeat-x;
	overflow:hidden;
}
#header {
	height: 50px;
}

#logo {
	float: left;
	width: 430px;
}

#menu-top {
	float: left;
	margin-right: 10px;
	width: 530px;
	color: #004549;
}

#navigatie {
	height: 55px;
	background: url(/images/navigatie-achtergrond.gif) no-repeat;
	margin-bottom: 6px;
}
#btn-start {
	width: 80px;
	height: 55px;
	float: left;	
}
#btn-abonnementen {
	width: 160px;
	height: 55px;
	float: left;	
}
#btn-prepaid {
	width: 145px;
	height: 55px;
	float: left;	
}
#btn-smsxs {
	width: 131px;
	height: 55px;
	float: left;	
}

#navigatieButtons {
	float: left;
	width: 620px;
	height: 55px;
}

#profielLogin
{
	float: left;
	width: 330px;
	height: 40px;
	text-align: right;
	line-height:15pt;
	padding: 5px 0 0 10px;
}

#loginForm {
	float: left;
	width: 340px;
	height: 40px;
	padding: 10px 0 0 10px;
	background: url(/images/background-loginform.gif) no-repeat 10px 10px;
}

#loginFormwachtwoord {
	float: left;
	height:10px;
	width:330px;
}

#loginFormEmail {
	float: left;
	width: 130px;
}
.inputLoginEmail {
	border: 0px;
	width: 115px;
	background: none;
	color: #000;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 3px;
}
#loginFormWachtwoord {
	float: left;
	width: 125px;
}
.inputLoginWachtwoord {
	border: 0px;
	width: 115px;
	background: none;
	color: #000;
	font-size: 12px;
	margin-top: 1px;
	margin-left: 3px;
}
#loginFormInloggen {
	float: left;
	width: 75px;
}
.inputBtnInloggen {
	width: 75px;
	height: 24px;
	border: 0px;
	background: none;
}
#pakketen {
	height: 320px;
	background: url(/images/background-pakketten-voorpagina.gif) repeat-x;
	padding: 10px 0 0 8px;
	width: 962px;
}

#pakketten2 {
	height: 330px;
	background: url(/images/pakketten-vervolg.png) repeat-x;
	width: 970px;
	position: relative;
}

#pakket1 {
	position: absolute;
	top: 30px;
	left: 180px;
	width: 280px;
	height: 120px;
}

#pakket2 {
	position: absolute;
	top: 30px;
	left: 660px;
	width: 280px;
	height: 120px;
}

#pakket3 {
	position: absolute;
	top: 190px;
	left: 180px;
	width: 280px;
	height: 120px;
}

#pakket4 {
	position: absolute;
	top: 190px;
	left: 660px;
	width: 280px;
	height: 120px;
}
.pakket-item {
	height: 30px;
	width: 100%;
}
/* pakket items */
.pakket-dagen {
	width: 35px;
	margin-right: 5px;
	color: #004549;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	padding-top: 2px;
	height: 28px;
	float: left;	
}
.pakket-periode {
	width: 65px;
	color: #004549;
	text-align: left;
	padding-top: 10px;
	height: 20px;
	float: left;
}
.pakket-euro {
	width: 20px;
	text-align: left;
	color: #313131;
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
	height: 26px;
	float: left;		
}
.pakket-prijs {
	width: 65px;
	text-align: right;
	color: #313131;
	font-size: 18px;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	height: 26px;
	float: left;		
}
.pakket-bestel {
	padding-top: 4px;
	height: 26px;
	float: left;	
}

.voorpagina-abonnement {
	width: 234px;
	height: 310px;
	padding-right: 6px;
	position: relative;
	float: left;
}

.voorpagina-abonnement-close {
	width: 25px;
	height: 24px;
	top: 10px;
	right: 16px;
	cursor: pointer;
	position: absolute;
}
.voorpagina-abonnement-tekst {
	width: 210px;
	height: 92px;
	top: 125px;
	left: 11px;
	position: absolute;	
}
.voorpagina-abonnement-maakuwkeuze {
	color: #d5e566;
	font-weight: bold;
	font-size: 12px;
	width: 229px;	
	top: 243px;
	left: 3px;
	text-align: center;
	position: absolute;
}
.voorpagina-abonnement-keuzes {
	color: #004549;
	font-size: 12px;
	width: 229px;	
	top: 262px;
	left: 9px;
	position: absolute;
}
.keuze-inactief {
	width: 54px;
	height: 54px;
	background: url(/images/btn-keuze.gif) no-repeat;
	cursor: pointer;
	text-align: center;	
	float: left;
}
.keuze-inactief:hover {
	width: 54px;
	height: 54px;
	background: url(/images/btn-keuze-hover.gif) no-repeat;
	cursor: pointer;
	text-align: center;	
	float: left;
}
.keuze {
	width: 54px;
	height: 54px;
	background: url(/images/btn-keuze-over.gif) no-repeat;
	cursor: pointer;
	text-align: center;	
	float: left;
}
.keuze-aantal {
	font-size: 24px;
	font-weight: bold;
}

.keuze-periode {
	font-size: 11px;
}
.bg-prijs-top {
	background: url(/images/bg-prijs.jpg) no-repeat;
	width: 97px;
	height: 32px;
	color: #004549;
	padding-top:  2px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 43px;
	right: 0px;
}
.prijsNaKomma {
	font-size: 17px;
}
.voor-top {
	background: url(/images/txt-voor.jpg) no-repeat;
	position: absolute;
	top: 49px;
	right: 102px;
	width: 40px;
	height: 14px;
}
.bestel-top {
	top: 69px;
	right: 97px;
	width: 114px;
	height: 23px;
	position:absolute;
}		
.txt-top {
	font-size: 24px;
	color: #004549;
	top: 10px;
	left: 0px;
	width: 220px;
	height: 40px;
	position:absolute;		
}			
#content-midden {
	margin-top: 10px;
	background: #e5e5e5;
}

#path {
	height: 30px;
	border-bottom: 1px solid #fff;
}

.breadcrumb-eersteitem {
	background: #c7dc33;
	padding:0 5px 0 11px;
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
.breadcrumb-item {
	background: #c7dc33;
	padding:0 9px 0 11px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	height: 30px;
}
.breadcrumb-middle {
	background: url(/images/breadcrumb-middle.gif) no-repeat;
	height: 30px;
	width: 16px;
}
.breadcrumb-einde {
	background: url(/images/breadcrumb-einde.gif) no-repeat;
	height: 30px;
	width: 16px;	
}
#content {
	padding: 16px 9px 16px 9px;
}
#content-links {
	background: url(/images/content-top.gif) no-repeat #fff ;
	position: relative;
	left: 10px;
	margin: 10px 10px 10px 0px;	
	width: 590px;
	float: left;
}
#content-groot {
	background: url(/images/content-top-groot.gif) no-repeat #fff ;
	position: relative;
	left: 10px;
	margin: 10px 10px 10px 0px;	
	width: 950px;
	float: left;
}
#content-links-bottom-groot {
	background: url(/images/content-bottom-groot.gif) no-repeat;
	height: 20px;
}
#content-links-bottom {
	background: url(/images/content-bottom.gif) no-repeat;
	height: 20px;
}
#rechts {
	padding: 16px 0px 0px 9px;
}
#content-rechts {
	background: url(/images/rechts-top.gif) no-repeat #fff;
	position: relative;
	left: 10px;
	margin: 10px 0px 10px 0px;	
	width: 350px;
	float: left;
}
#content-rechts-bottom {
	background: url(/images/rechts-bottom.gif) no-repeat;
	height: 20px;
}

#footer {
	color: #004549;
	margin-top: 10px;
	border-top: 5px solid #336a6d;
	padding: 10px 20px 10px 20px;	
}
#snippet-tab {
	width: 177px;	
	float: left;
}
.snippet-tab-item {
	background: no-repeat;
	width: 177px;
	cursor: pointer;
	position: relative;
}
.snippet-tab-item-prijs-out {
	top: 17px;
	left: 85px;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	position: absolute;
}
.snippet-tab-item-prijs-on {
	top: 17px;
	left: 85px;
	color: #313131;
	font-weight: bold;
	font-size: 17px;
	position: absolute;
}
.snippet-content {
	width:137px;
	padding: 13px 16px 0px 5px;
	background: url(/images/bg-snippet.gif) no-repeat;
	color: #313131;
	height: 227px;
	float: left;
}
.blockaccount-tekst {
	height: 140px;
	margin-bottom: 10px;
	overflow:hidden;
}
.lijn-rechts {
	font-size:1px;
	overflow:hidden;
	height: 1px;
	background-color: #e5e5e5;
	width: 331px;
}
#snippet-2daags-account {
	margin-top: 10px;
	width: 333px;
	height: 63px;
}

.vraagBlock {

	margin-right: 10px;
	margin-bottom: 10px;
	width: 600px;
	float: left;
}

.blockaccountsTable {
	font-size: 14px;
}
.tableHeader {
	font-weight: bold;
	color:white;
	background-color:#004549;
/*	border-top: 1px solid #313131;
	border-right: 1px dotted #313131;
	border-bottom: 2px solid #313131;
	border-left: 0px;
*/
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
.tdItem {
	border-top: 0px;
	border-right: 1px dotted #313131;
	border-bottom: 1px dotted #313131;
	border-left: 0px;
	padding: 5px;
	text-align: left;
	vertical-align: middle;	
}
.bg0 {
	background: #fff;
}
.bg1 {
	background: #cade3d;
}