@charset "utf-8";
/* CSS Document */

body {
 background-color:#ffffff;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 17px;
 color: #51555e;
 margin: 0px;
 padding: 0px;
}

div {
 margin-top:0px;
 margin-bottom:0px;
 margin-left: auto;
 margin-right: auto;
 padding:0px;
}



/* Layout */
div.menu {
 position:relative;
 width:995px;
 height:60px;
 margin-bottom:1px;
}

div.header {
 color:#51555e;
 min-height: 180px;
 /*height: 371px;*/
 text-align: center; 
 font-size: 0px;
}

div.content {
 position: relative;
 min-height: 100px;
 width: 995px;
 overflow: auto;
}

div.footer {
 margin-top: 37px;
 color:#51555e;
 border-top: 1px solid #87c80a;
 height: 40px;
 bottom: 0px;
 line-height: 40px;
 text-align:center;
}

.blue {
 background-color: #0093d7;
}
.green {
 background-color: #87c80a;
}

h1 {
	color: #51555e;
	font: bold 24px Helvetica, Arial, sans-serif;
	padding-bottom: 9px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 9px;
	line-height: 30px;
	margin: 0px 0px 9px;

}
h2 {
	color: #51555e;
	font: bold 18px Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 14px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 14px;
	line-height: 22px;
}
h2 b {
 color:#0093d7;
}

p {
 margin:5px;
}

font {
 color:#FF0000;
}

a {
 border:0px;
}
img {
 border:0px;
}

.left {
 float:left;
}
.right {
 float:right;
}
.clear {
 clear:both;
}

.lefthalf {
 position: relative;
 margin-top: 10px;
 padding-right: 50px;
 width:447px;
 float:left;
}

.righthalfblok {
 position: relative;
 margin-top: 10px;
 width:447px;
 float:right;
 padding-left: 50px;
 border-left: 1px solid #87c80a;
}

.righthalf {
 clear:both;
}
.righthalf, .lefthalf {
 margin-bottom: 70px;
}

.third {
 border-left: 1px solid #87c80a;
 position: relative;
 margin-top: 10px;
 width:309px;
 padding-left: 20px;
}
.thirdBorderRight {
 border-right: 1px solid #87c80a;
 position: relative;
 margin-top: 10px;
 width:200px;
 padding-right: 20px;
}
.third-blok {
 margin-bottom: 70px;
}

.twothird {
 position: relative;
 margin-top: 10px;
 width:665px;
 margin-bottom: 20px;
}


.minutes td {
 text-align: center;
 border-right: 1px solid #87c80a;
}
.minutes td.heading {
 text-align:left;
 font-weight:bold;
 width: 80px;
 color: #0093d7;
}
.minutes td.odd {
 background-color: #eeeeee;
 color:#FFFFFF;
}
.minutes tr.odd {
 /*background-color: #eeeeee;*/
}
.minutes tr.odd td{
 border-bottom: 1px solid #87c80a;
}
.minutes tr.even {
 font-weight: bold;
}
.minutes tr.even td{
 border-top: 1px solid #87c80a;
}


/* MENU */
div.logo {
 position:absolute;
 left:0px;
 bottom:0px;
}
div.language {
 position:absolute;
 top:1px;
 right:0px;
 z-index: 2;
}
div.language img{
 border: 1px solid #51555e;
}
div.language a {
 line-height: 15px;
 vertical-align: middle;
}

div.menu ul {
 position:absolute;
 bottom:0px;
 left:353px;
 padding:0px;
 margin:0px;
 list-style: none;
 background-color:transparent;
 white-space:nowrap;
}
div.menu li {
 display:inline;
 white-space: nowrap;
}
div.menu ul a {
 position:relative;
 top:4px;
 padding: 14px 10px 6px 10px;
 background-color:#ffffff;
 line-height:42px;
 font-size:18px;
 text-decoration:none;
 color:#51555e;
}
div.menu ul a:hover {
 background-color:#87c80a;
 color:#FFFFFF;
}
div.menu ul a.active {
 background-color:#87c80a;
 color:#FFFFFF;
}
/* END MENU */
 
/* HEADER */
div.header div.visual {
 position: relative;
 width:995px;
 white-space:nowrap;
}
div.header br.visualClear {
 clear:both;
}
div.header div.bookmark {
 position: absolute;
 left: 0px;
 z-index:4;
}

div.header span.button {
 position:absolute;
 bottom: 10px;
 right: 20px;
}
/* END HEADER */

/* KNOP */
SPAN
{ 
	margin-bottom: 10px;
	vertical-align: baseline;
}
span.button {
/*
 position:absolute;
 bottom: 0px;
 right: 20px;
*/
}

SPAN.button A
{
	margin-top:10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	font: bold 18px/32px Helvetica, Arial, sans-serif;
	float: left;
	height: 32px;
	overflow: hidden;
	text-decoration: none;
	padding-top: 0px;
}
SPAN.button A SPAN
{
	padding-bottom: 5px;
	line-height: 23px;
	padding-left: 0px;
	padding-right: 12px;
	display: block;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 5px;
}

/* Green */
SPAN.button A.green
{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/green-left.png) #87c80a no-repeat left top;
	color: #ffffff;
	padding-top: 0px;
}
SPAN.button A.green SPAN
{
	background: url(http://www.belkaart.nl/images/buttons/green-right.png) #87c80a no-repeat right top;
}
SPAN.button A.belkaart.green
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/green-phone.png) #87c80a no-repeat left top;
	padding-top: 0px;
}
SPAN.button A.green:hover
{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/green-left-over.png) #87c80a no-repeat left top;
	color: #ffffff;
	padding-top: 0px;
}
SPAN.button A.green:hover SPAN
{
	background: url(http://www.belkaart.nl/images/buttons/green-right-over.png) #87c80a no-repeat right top;
}
SPAN.button A.belkaart.green:hover
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/green-phone-over.png) #87c80a no-repeat left top;
	padding-top: 0px;
}

/* Blue */
SPAN.button A.blue
{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/blue-left.png) #0093d7 no-repeat left top;
	color: #ffffff;
	padding-top: 0px;
}
SPAN.button A.blue SPAN
{
	background: url(http://www.belkaart.nl/images/buttons/blue-right.png) #0093d7 no-repeat right top;
}
SPAN.button A.belkaart.blue
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/blue-phone.png) #0093d7 no-repeat left top;
	padding-top: 0px;
}
SPAN.button A.check.blue
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/blue-vink.png) #0093d7 no-repeat left top;
	padding-top: 0px;
}
SPAN.button A.blue:hover
{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/blue-left-over.png) #0093d7 no-repeat left top;
	color: #ffffff;
	padding-top: 0px;
}
SPAN.button A.blue:hover SPAN
{
	background: url(http://www.belkaart.nl/images/buttons/blue-right-over.png) #0093d7 no-repeat right top;
}
SPAN.button A.belkaart.blue:hover
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/blue-phone-over.png) #0093d7 no-repeat left top;
	padding-top: 0px;
}
SPAN.button A.check.blue:hover
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/blue-vink-over.png) #0093d7 no-repeat left top;
	padding-top: 0px;
}
/* END KNOP */

/* orange */
SPAN.button A.orange
{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/orange-left.png) #ff6400 no-repeat left top;
	color: #ffffff;
	padding-top: 0px;
}
SPAN.button A.orange SPAN
{
	background: url(http://www.belkaart.nl/images/buttons/orange-right.png) #ff6400 no-repeat right top;
}
SPAN.button A.belkaart.orange
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/orange-phone.png) #ff6400 no-repeat left top;
	padding-top: 0px;
}
SPAN.button A.orange:hover
{
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/orange-left-over.png) #ff6400 no-repeat left top;
	color: #ffffff;
	padding-top: 0px;
}
SPAN.button A.orange:hover SPAN
{
	background: url(http://www.belkaart.nl/images/buttons/orange-right-over.png) #ff6400 no-repeat right top;
}
SPAN.button A.belkaart.orange:hover
{
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 0px;
	background: url(http://www.belkaart.nl/images/buttons/orange-phone-over.png) #ff6400 no-repeat left top;
	padding-top: 0px;
}
/* END KNOP */


/* Tarieflijst */
#letter-a-link {
 
}
#letter-a-link span, #letter-a-link:hover { 
 
}

p#alphabet {
 padding:0px;
 margin: 0px;
}
p#alphabet a {
 padding: 14px 7px 6px 7px;
 background-color:#ffffff;
 line-height:42px;
 font-size:16px;
 text-decoration:none;
 color:#51555e;
}
p#alphabet a:hover {
 background-color:#87c80a;
 color:#FFFFFF;
}

#ratelist { margin: 0px 0px 20px 0px;  text-align:left;}

    #rates { height: 440px; overflow: auto; width:650px; text-align:left;}
        #rates table { width:633px;}
            #rates thead th { padding-bottom: 1px; }
            #rates thead th, #ratelist tbody th { font-weight: normal; }
            #rates thead th.rate { text-align: center; }
			#rates thead th.tax { text-align: center; color:#e7f4ce; }

            #rates tbody { }
				#rates tbody tr:hover, #rates tbody tr.odd:hover { background-color: #87c80a; border-top: 1px solid #ffffff; color: #ffffff;}
				#rates tbody tr:hover td.tax, #rates tbody tr.odd:hover td.tax{ color: #e7f4ce;}
				#rates tbody tr:hover a, #rates tbody tr.odd:hover a{ color: #ffffff;}
			
				 #rates tbody tr td { border-bottom: 1px solid #87c80a; cursor: pointer;}
                #rates tbody th { color: white; font-weight: bold; background-color: #87c80a; text-align: left; line-height: 18px;}
                #rates tbody tr.odd { background-color: #eeeeee; }
                #rates tbody td a, #rates tbody td.access-number, #rates tbody td.rate { font-weight: bold; }
                #rates tbody th.rate, #rates tbody td.rate-prefix, #rates tbody td.rate { text-align: center; }
				#rates tbody th.tax { text-align: right; color:#c3e384; padding-right:5px}
				#rates tbody th.letter { width:220px; }
                #rates tbody td.rate-competitor, #rates tbody td.rate_tax { text-align: right; padding-right: 4px; }
				#rates tbody td.tax { text-align: right; padding-right: 4px; color:#bbbbbb}
                #rates tbody td a { border-color: #cce6f4; color: #0093d7; text-decoration: none; line-height: 20px;}
                    #rates tbody td a:hover { border-color: #c00; }

            #rates tbody td .rate-fixed a, #rates tbody td .rate-mobile a { padding: 0; border: 0; font-weight: bold; font-size: .85em; }
            #rates tbody td .rate-fixed { margin-right: 1em; }
                #rates tbody td .rate-fixed img { margin-right: 1px; }
                #rates tbody td .rate-mobile img { margin-left: 4px; margin-right: 4px; }

/* END Tarieflijst */

/* FAQ */
ul.open{
	list-style-type: none;
}
ul.open li.question {
	text-align:left;
	padding-left:16px;
	cursor: pointer;
	font-weight: bold;
	background-image: url(http://www.belkaart.nl/images/bullet.png);
	background-repeat: no-repeat;
}
ul.open li.awnser {
	text-align:left;
	padding-left:20px;
	display: block;
	padding: 5px;
	margin-left: 0px;
}
ul.closed {
	list-style-type: none;
}
ul.closed li.question {
	text-align:left;
	padding-left:16px;
	cursor: pointer;
	font-weight: bold;
	background-image: url(http://www.belkaart.nl/images/bullet.png);
	background-repeat: no-repeat;
}
ul.closed li.awnser {
	display: none;
}
/* END FAQ */

/* FOOTER */
div.footer a {
 position:relative;
 top:0px;
 padding: 13px 10px 6px 10px;
 background-color:#ffffff;
 line-height:34px;
 font-size:12px;
 text-decoration:none;
 color:#51555e;
 display:inline;
}
div.footer a:hover {
 background-color:#87c80a;
 color:#FFFFFF;
}
div.footer a.active {
 background-color:#87c80a;
 color:#FFFFFF;
}
div.footer span {
	position:absolute;
}
div.footer span a {
 padding: 0px 10px 0px 10px;
}
div.footer span a:hover {
 background-color:#FFFFFF;
 color:#FFFFFF;
}
div.footer img {
	position:relative;
}
/* END FOOTER */

/* WELKOM VLAGGEN */
#flag {
	width:78px;
	float:left;
	text-align:center;
	position:relative;
	display:block;
	padding-bottom:0px;
	margin: 0px 8px 0px 0px;
	line-height: 12px;
	color:#0093d7;
	text-decoration:none;
}
#flag:visited {
	color:#0093d7;
}
#flag:hover, #flag:active {
	background-color:#87c80a;
	color:#ffffff;
}

#flagwrap {
	position:relative;
	margin: 15px auto 2px auto;
	width:48px;
	height:32px;
	display:block;
	overflow: hidden;
}
#flagwrap img {
	position:absolute;
	top:0px;
	left:0px;
	border: none;
}
#country {
	font-size:10px;
	display:block;
	margin-top:2px;
}
#price {
	display:block;
}

/* FORMS */
fieldset {
 border: 1px solid #87c80a;
 padding: 10px;
}
/* END FORMS */