*{ margin: 0; padding: 0; }*
body{font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(/includes/bg.gif) repeat-x; color: #8E8E91;text-align:justify}
a{color: #eb0000;background: inherit; text-decoration: none; }
a:hover{color: #808080; background: inherit; text-decoration: underline; }
p{margin: 0 0 15px 0; }
h1{font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h1 a{color:#444}
h1 a:hover{border-bottom:2px solid #eb0000}
h2,h3,h4{font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h3{font-size: 1.4em}
h4{font-size: 1.1em;margin:0}
img{border: 0}
#content{width: 930px; margin: 25px auto}
#logo{margin: 10px 0 20px 0; width: 340px; float: left}
#logo p{margin: 0}
#logo p span{color:#eb0000}
#menu{float: right; padding: 40px 0 0; margin: 0 0 38px}
#menu.admin{margin-bottom:20px}
#menu li{font-size: 1.1em; display: inline}
#menu li a{float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 3px; color: #636365;  }
#menu li a.current{background: #fff url(/includes/button.gif) no-repeat; color: #fff; }
#menu li a:hover{text-decoration: none; color: #000; background: #fff url(/includes/button_grey.gif) no-repeat; }
.clear{clear: both}
.box { background: #eee; padding: 10px}
.box li,.top10 li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box ul>li:last-child,.top10 ul>li:last-child{border-bottom:0}
.box li p{color:#444}
.box li a { padding: 0 5px; }
.box .explain {height:80px;text-align:justify;font-size:0.8em;margin-top:10px}
.left{float: left}
.caption{background: #fff url(/includes/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff}
.caption p,h2{margin: 0}
.caption h2{border:none;padding:0;color:#fff;font: 1em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em}
#left {margin: 0 0 20px; clear: left; width: 160px}
#frontpage,#provider,#sitemap{width: 500px; margin: 0 15px 20px 15px}
#frontpage a{color:#636365; border-bottom:1px dotted }

#begrippen{width:660px}
#begrippenIndex{width:250px;margin-right:20px}
.anchor{color:#444}
.anchor:hover{text-decoration:none;color:#444}
#newestReactions{width:230px}
#newestReactions .reaction{border-bottom: 1px solid #ccc;padding-bottom:4px;margin-bottom:10px}
#newestReactions .reaction:last-child{border:none}
#newestReactions .reaction h3 a{color:#444;font-size:0.8em}
#newestReactions .reaction>a{text-align:right;display:block}


#providerinfo{width:300px}
#provider{width:600px}
#remaining{background:#eee;text-align:center;padding:10px;color:#ccc}
#remaining ul{text-align:center}
#remaining li{display:inline;margin:0 4px;}
#remaining a{color:#ccc}


#reactions .reaction{background:url(/includes/bg.gif) repeat-x;padding:10px;margin-top:2em}
#reactions h4{color:#eb0000}
#reactions .date{font-size:0.8em;text-align:right;display:block;border-top:1px solid #eee;color:#ccc}
#reactions .date span{color:#aaa}

#usedpackages a{margin-right:10px;border-right:1px solid #aaa;padding-right:14px}
#usedpackages a:last-child{border:none}


#top10MostViewedPackages{width:290px;margin-right:30px}
#top10MostViewedProviders{width:290px;margin-right:30px}
#top10CheapestPackage{width:290px;}
/*#top10MostViewed .caption{letter-spacing:-0.05em}*/
.top10 .caption{background-image:url(/includes/title_big.gif)}
.top10 li {font-size:1.2em}
.top10 li span.pos{display:inline-block;width:20px;text-align:center}
.top10 li span.by{font-size:.7em}

form{margin-top:10px;width:100%;text-align:center}
form label span{display: inline-block;width:8em;text-align:right;padding-right:1em;vertical-align:top}
form input,form textarea{border:1px solid #ccc;width:200px;padding:2px 5px}
form textarea{margin-top:0.3em}
form input[type="radio"],form input[type="checkbox"]{width:auto}
.button{background:#eb0000;color:#fff;margin:10px}
.not{display:block;color:#eb0000;font-size:0.7em}

form ul li ul{width:300px;margin:auto;text-align:left;padding-left:300px}
form ul li ul input{margin-right:10px}

.allproviders{width:217px;margin-left:20px;border-bottom:2px solid red}
#allproviders>div>div:first-child{margin-left:0}

#publisher{width:510px;margin-right:20px;text-align:justify}
#contact{width:400px}

#search{background:url(leftcap.jpg) no-repeat top left;text-align:left;color:#fff;width:auto;margin-bottom:3em}
#search ul{background:url(rightcap.jpg) top right no-repeat;padding:14px 0 14px 20px;}

#search li{list-style:none;display:inline-block;margin:0 10px 0 0;padding:0}
#search .submit{border:none}
#search input{width:50px;text-align:center}
#search #datalimit{margin-right:10px}
#search span{width:auto}
#search span em{color:#aaa;font-size:0.7em;margin-right:2px}

.gradation>div{width:33%;float:left}
.gradation .stars{background:url(alt_star.gif) left top;height:25px;width:125px}
.gradation .rating{background:url(alt_star.gif) left center;height:25px;text-align:center}
.gradation .star0{background:none;width:125px}
.gradation .star1{width:25px}
.gradation .star2{width:50px}
.gradation .star3{width:75px}
.gradation .star4{width:100px}
.gradation .star5{width:125px}

#searchtable{width:100%;border-collapse:collapse}

#searchtable td{padding:0 20px;}
#searchtable thead tr,#pricingtable .package_name{background: url(main_menu_bg.gif); height:33px;color:#fff;font-weight:bold;font-size:1.1em}
#searchtable thead tr td.price,#pricingtable .package_name td.last{background: url(main_menu_end.gif) no-repeat right}
#searchtable thead tr td.provider,#pricingtable .package_name td{background: url(main_menu_end.gif) no-repeat left}

#searchtable tbody td{line-height:2em}
#searchtable tbody tr.even{background:#eee}
#searchtable tbody td.price{color:#ccc}
#searchtable tbody td.price span{color:#8e8e91}

#searchtable .relevant{line-height:4em;text-align:center;font-weight:bold;color:#c00}

#pricingtable{width:100%;border-collapse:collapse}
#pricingtable td{padding:2px 10px;border-top:1px dotted #ccc;text-align:center}
#pricingtable tr.firstrow td{border-top:none}

#pricingtable thead span{font-size:9px}
#pricingtable thead{border-bottom:1px dotted #ccc;background:#8E8E91;color:#fff}
#pricingtable .package_name td{padding-left:20px;border-top:none;text-align:left}

#pricingtable .package_name td a{color:#444}
#pricingtable td.feature-yes{background:url('icon-greencheck.gif') no-repeat center}
#pricingtable td.feature-nononono{background:url('icon_redcross.png') no-repeat center}
#pricingtable .othervaluta{text-align:center;display:block}
#pricingtable tr.even{background:#eee}
#pricingtable sup{color:#ccc}
#pricingtable {border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
#pricingtable td{border-right:1px solid #ccc}

#pricingtable em{font-size:2.3em;font-style:normal;font-weight:normal;color:#ddd}
#pricingtable .pricing_name{text-align:left}
#pricingtable .pricing_kbyte{width:50px}
#pricingtable .pricing_retention sup{color:#555}
#pricingtable .pricing_mbit sup{display:block}
#pricingtable .pricing_kbyte sup{display:block}
#pricingtable .pricing_connections{}
#pricingtable .pricing_account_sharing,#pricingtable .pricing_datalimit,#pricingtable .pricing_ssl{width:30px}

#bottom,#copyright{margin:4px;text-align:center}
#bottom a,#copyright a{color:#666}
#copyright{margin:4px;text-align:center;color:#aaa}
#bottom li{list-style:none;display:inline-block;margin:0 20px}

#react{text-align:left;margin:30px 0 0 30px}
#react li{list-style:none;margin:4px 0; padding:4px 0;border-bottom:1px solid #ddd}
#react li input[type="text"]{margin-right:10px;width:250px}
#react li select{width:262px}
#react li select option{padding:2px 10px;border-bottom:1px solid #ddd}
#react li input[type="checkbox"]{margin-right:3px}

#react li textarea{width:250px;height:100px;}
#react li .container{display:inline-block;width:auto}
#react li .container label{display:block;margin:0 0 4px 0}
#react li .container label input[type="checkbox"]{margin-right:4px}

#react li.error span{color:red}
#react li.error input[type="text"]{border-color:red}
#react div.error{color:red;margin:10px 0 0 116px;padding-left:23px;background:url(sprite.png) no-repeat 0 -238px;}

.star-rating{list-style:none;margin: 0 10px 0 0;padding:0;width: 125px;height: 25px;position: relative;overflow:hidden;background: url(alt_star.gif) top left repeat-x}
.star-rating li{padding:0px!important;margin:0px!important;width:25px;height:25px;/*\*/float: left/* */}
.star-rating li a{display:block;width:25px;height: 25px;line-height:25px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;overflow:hidden;outline: none}
.star-rating li a:hover{background: url(alt_star.gif) left bottom;z-index: 2;left: 0px;border:none;}
.star-rating a.one-star{left: 0px}
.star-rating a.one-star:hover{width:25px}
.star-rating a.two-stars{left:25px}
.star-rating a.two-stars:hover{width: 50px}
.star-rating a.three-stars{left: 50px}
.star-rating a.three-stars:hover{width: 75px}
.star-rating a.four-stars{left: 75px}
.star-rating a.four-stars:hover{width: 100px}
.star-rating a.five-stars{left: 100px}
.star-rating a.five-stars:hover{width: 125px}
.star-rating li.current-rating{background: url(alt_star.gif) left center;position: absolute;height: 25px;display: block;text-indent: -9000px;z-index: 1}
a:active{outline: none}

.star-rating{display:inline-block!important;}
/***********************************************
	Admin
**/
.datatable{width:100%}
.sub{}
.subholder{width:100%}
.subholder table{width:100%}

.sub tbody{/*display:none;*/background:#eee}
.hider{background:#ccc;line-height:1px;height:4px;color:#fff}
.plus{background:red}

#systemMessage{height:40px;text-align:center;margin-bottom:10px}
#systemMessage div{line-height:30px;height:30px;background:red;margin:0 100px;background:#79BB16 url(/includes/sprite.png) repeat-x scroll 0 -550px;-moz-border-radius:5px;color:#fff;font-size:14px;font-size:bold}

#packageform{text-align:left}
#packageform li{display:inline-block;margin-right:10px}
#packageform li.nowidth span{width:auto}
#packageform li label span{display:block;text-align:left;width:auto}
#packageform input[type="text"]{width:120px}
#packageform input.numeric{width:40px}
#packageform input[type="radio"]{margin-right:4px}

#packageform .extra{padding-left:20px;background:#ddd;margin-top:4px}

ul.sitemap{list-style:none;margin: 0 0 1.5em 0;list-style-position:outside;}
ul.sitemap li a{color:#eb0000!important;text-decoration:none!important;background:none}
ul.sitemap li ul{margin:0 .5em; list-style:none}

.treeview ul {margin-top: 4px}
.treeview .hitarea {background: url(/includes/treeview-default.gif) -64px -23px no-repeat;height: 16px;width: 16px;margin-left: -16px;float: left;cursor: pointer}
/* fix for IE6 */
* html .hitarea {display: inline;float:none}

.treeview li {padding: 3px 0pt 3px 16px}
#treecontrol { margin: 1em 0; display: none}
.treeview .hover { cursor: pointer; }
.treeview li { background: url(/includes/treeview-default-line.gif) 0 0 no-repeat}

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -174px; }
.treeview .expandable-hitarea { background-position: -80px -1px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/includes/treeview-default.gif)}
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

#googlead{text-align:center;}