/* CSS Document */

body {margin: 0; padding: 0; background: #e1f1e4 url(images/bg.gif) repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: #444;}
h1 {color: #000; padding: 0; margin: 0 0 5px 0; font-size: 15px; line-height: 20px;}
h2 {color: #000; padding: 0; margin: 10px 0 10px 0; display:block; font-size: 13px;}
h2.product {color: #2075ae; border-bottom: 2px solid #2075ae; padding: 5px; margin: 5px 5px 0 5px; display:block; font-size: 12px; font-weight: bold;}
h3 {color: #2075ae; border-bottom: 2px solid #2075ae; padding: 5px; margin: 0 5px 0 5px; display:block; font-size: 12px; font-weight: bold;}
strong {font-weight: normal;}
p {padding: 5px; margin: 0;}
img{border: 0;}
a {text-decoration: none; color: #000;}
th {text-align: left; font-size: 14px; color: #2075ae; border-bottom: 2px solid #2075ae;}
table {margin: 0 5px 0 5px;}
input {font: 11px Verdana, Geneva, sans-serif; color:#777; padding: 8px; border: 1px solid #ddd; width:150px;}
label {font-size: 10px; border-right: 1px dotted #e52626; margin: 7px 50px 0 0; width: 145px; display: block; float: left; font-weight: bold;}
form{padding:0; margin:0;}
input.button {cursor: pointer; font-size: 10px; width: auto; font-weight: bold; border: 1px dotted #a9c8dc; background: #7db0d2; color: #fff;}
input:hover.button {background: #2075ae; color: #fff;}
input.radio {width: auto;}
p.button {text-align: center; display:block;}

div.error {border: 1px solid #FF0000; padding: 10px; margin: 10px 5px 10px 5px; background: #ffdbdb url(images/error.gif) no-repeat 10px; text-align: center; font-style: italic;}
div.melding {border: 1px solid #a2d5a0; padding: 10px; margin: 10px 5px 10px 5px; background: #d5f2d4 url(images/melding.gif) no-repeat 10px; text-align: center; font-style: italic;}
div.laden {border: 1px solid #ebdd7b; padding: 10px; margin: 10px 5px 10px 5px; background: #fef8cd url(images/loading.gif) no-repeat 10px; text-align: center; font-style: italic;}

.td1 {background-color: #f4fbfe;}
.td2 {background-color: #e4f1f8;}
th.titel {font-size: 11px;}
td.first {font-size: 10px; font-weight: bold; padding: 0 0 0 35px; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position:15px 50%;}
td.norow {font-size: 11px; font-style:italic; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position:15px 50%; text-align:center;}
.prijs {color: #e52626; font-weight: bold;}
td.bestel {text-align: left; font-size: 13px; font-weight:bold;}
td.bullet {padding: 0 0 0 35px; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position: 15px 50%;}

#top {background: #000000 url(images/header.gif) repeat-x top left;}
#top div.container {overflow: hidden; margin-left: auto;	margin-right: auto;	width: 900px; height: 120px; background: url(images/groen.gif) repeat-x bottom;}
#top div.container div.logo {float: left; width: 200px;	margin: 37px 0 0 30px;}
#top div.container div.sub {float: right; text-align: right; color: #fff; width: 640px; margin: 55px 30px 0 0px; font-size: 10px; font-weight: bold;}
#top div.container div.sub ul {margin: 0;	padding: 0;}
#top div.container div.sub ul li {list-style: none; display: inline; padding: 0 25px 0 25px; border-right: 1px solid #f1e18a;}
#top div.container div.sub ul li.last {list-style: none; display: inline; padding: 0 0px 0 25px; border-right: 0;}
#top div.container div.sub ul li a {text-decoration: none; color: #fff; }
#top div.container div.sub ul li a:hover {color: #f1e18a;}

#banner ul {margin: 25px auto 0 auto; width: 900px; padding: 0; overflow: hidden;}
#banner ul li {position: relative; cursor:pointer; height: 36px; list-style: none; margin: 0px 1px 0 0; padding: 20px; background: #000 url(images/banner.gif) no-repeat right top; width: 174px; float:left;}
#banner ul li:hover { background-position: right bottom;}
#banner ul li.home {background: url(images/home.gif) no-repeat; width: 30px;}
#banner ul li.home:hover { background-position: right 0px;}
#banner ul li.webhosting {width: 148px;}
#banner ul li.dedicated {width: 184px;}
#banner ul li.colocatie {width: 188px;}
#banner ul li.streaming {background: url(images/streaming.gif) no-repeat right top; margin: 0; width: 146px;}
#banner ul li.streaming:hover {background-position: right bottom;}
#banner ul li a {color: #fff; display:block;}
#banner ul li span {color: #f1e18a; padding: 0; margin: 0; display:block; font-size: 14px; width: 100%; font-weight: bold;}
#banner p {padding: 0; margin: 0; color: #fff;}

#header {width: 900px; background: #FFFFFF; margin: 0px auto 0px auto;}

#content {margin: 25px auto 0 auto; width: 860px; background:#FFF; padding: 20px; overflow: hidden;}
#content a {border-bottom: 1px dotted #444; padding-bottom: 2px;}
#content a:hover {border-bottom: 1px dotted #e52626; color: #e52626;}
#content span.link {font-weight:bold; font-size: 10px; background: url(images/bullet.gif) no-repeat 0px 3px; padding: 0 0 0 15px; line-height: 40px; margin-left: 15px;}
#content span.link a {color: #e52626; border-color: #e52626;}
#content span.link a:hover {color: #000; border-color: #000;}

#content div.left{float: left; width: 600px;}
#content div.left #lijst {padding: 0 5px 0 5px; margin: 0;}
#content div.left #lijst h3 {border: 0; color: #444; margin: 0;font-size: 11px; font-weight: normal; padding: 15px 15px 15px 35px; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position:15px 50%; overflow: hidden;}
#content div.left #lijst span {font-size: 10px; display:block; width: 125px; float: left; border-right: 1px dotted #e52626; margin-right: 20px;}
#content div.left #lijst div {padding: 15px; border-top: 1px dotted #e52626; border-bottom: 1px dotted #e52626;}

#content div.left #nummer {padding: 10px; margin: 0;}
#content div.left #nummer h3 {border: 0;color: #444; margin: 0;font-size: 11px; font-weight: normal; line-height: 30px; overflow: hidden;}
#content div.left #nummer h3 span {font-size: 12px; font-weight: bold; color: #e52626; display:block; width: 30px; float: left; margin-right: 0px;}
#content div.left #nummer div {padding: 0 15px 0 30px;}

#content div.left #nieuws {padding-left: 10px;}
#content div.left #nieuws li {padding: 12px; padding-left: 35px; overflow: hidden; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position:15px 50%;}
#content div.left #nieuws li span {font-size: 10px; font-weight: bold; color: #000; display:block; width: 100px; float: left; margin-right: 35px; border-right: 1px dotted #e52626;}
#content div.left span.datum {font-size: 10px; font-weight: bold; color: #e52626; margin: -5px 0 5px 0; display: block;}

#content div.left ul.lijst {padding: 10px 5px 10px 5px; margin: 0;}
#content div.left ul.lijst li {margin: 0; list-style:none; padding: 10px 15px 10px 35px; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position:15px 50%; overflow: hidden;}
#content div.left ul.lijst span {color: #444; font-weight: bold; font-size: 10px; display:block; width: 125px; float: left; border-right: 1px dotted #e52626; margin-right: 50px;}
#content div.left ul.lijst span.test {color: #444; font-weight: bold; font-size: 10px; display:block; width: 50%; float: left; border-right: 1px dotted #e52626; margin-right: 35px;}
#content div.left ul.lijst li.btw {border-top: 1px dotted #e52626; background: none; padding-left: 450px;}
#content div.left ul.lijst li.totaal {font-weight: bold; border-top: 1px dotted #e52626; padding: 10px; background:none; margin: 0 10px 0 440px;}
#content div.left ul.lijst li.btw span {font-weight: bold; font-size: 10px; display:block; width: 50px; float: left; border:none; margin: 0;}
#content div.left ul.lijst li.totaal span {font-weight: bold; font-size: 10px; display:block; width: 50px; float: left; border:none; margin: 0;}
#content div.left ul.lijst li.bestellen {padding-top: 25px; background-image: none; text-align: center;}
#content div.left ul.lijst li.bestellen a {padding: 14px; border: 0; font-size: 9px; font-weight: bold; background: #dedede; color: #000; text-transform:uppercase; letter-spacing: 2px;}
#content div.left ul.lijst li.bestellen a:hover {background: #e52626; color: #fff;}

#content div.left ol {margin: 5px 0 0 0;}
#content div.left ol li {color: #e52626; line-height: 20px; margin-bottom: 15px; font-weight: bold;}
#content div.left ol li span {color: #000; font-weight: normal;}

#content div.left ul.bestellen li {cursor: pointer;}
#content div.left ul.bestellen li:hover {background-color: #eeffda;}
#content div.left ul.menu {overflow:hidden; margin: 15px 0 20px 0; padding: 0 0 20px 0; font-size: 10px; border-bottom: 1px dotted #e52626;}
#content div.left ul.menu li.ui-state-default {display: inline; margin: 0; list-style:none; float: left; border-right: 1px solid #fff; font-weight:bold; text-align:center;}
#content div.left ul.menu li.ui-state-default a {display: block; border: 1px dotted #a9c8dc; padding: 11px 0 11px 0; background: #7db0d2; color: #fff;}
#content div.left ul.menu li.ui-state-active a {background: #2075ae;}
#content div.left ul.menu li:hover.ui-state-default a {background: #2075ae;}
#content div.left ul.sitemap li {line-height: 30px;}

#content div.right{float: right; width: 220px; text-align: left;}
#content div.right ul {padding: 0 5px 0 5px; margin: 0; list-style: none;}
#content div.right ul li {line-height: 40px; padding: 0 0 0 50px;}
#content div.right ul li.email {background: #f4fbfe url(images/email.png) no-repeat 15px 50%;}
#content div.right ul li.telefoon {background: #e4f1f8 url(images/telephone.png) no-repeat 15px 50%;}
#content div.right ul li.klantenpaneel {background: #f4fbfe url(images/group_key.png) no-repeat 15px 50%;}
#content div.right ul li.contactgegevens {background: #e4f1f8 url(images/comments.png) no-repeat 15px 50%;}

#content div.menu {float: left; width: 220px; text-align: left;}
#content div.menu ul {margin: 0; padding: 0 0 20px 0; list-style: none;}
#content div.menu ul li {border-bottom: 1px dotted #fff; background: #000; font-weight: bold;}
#content div.menu ul li a {display: block; padding: 14px 14px 14px 35px; height: 18px; color: #fff; border: 0; background: url(images/menu.gif) no-repeat left top;}
#content div.menu ul li a:hover {color: #f1e18a; background: url(images/menu.gif) no-repeat left bottom;}

#content div.right a.twitter{background: url(images/twitter.gif) no-repeat top left; text-align: center; text-decoration: none; border:0; display:block; margin: 25px 47.5px 0 47.5px; width: 125px; height: 89px; padding: 0;}
#content div.right a:hover.twitter {background-position: left -89px;}

#content ul.submenu {margin: 15px 0 15px 0; padding: 0; overflow: hidden; border-bottom: 4px solid #e52626;}
#content ul.submenu li {list-style-type: none; float: left; margin: 0 1px 0 0; font-weight: normal;}
#content ul.submenu li a {background-color: #dedede; color: #333; border: 0; padding: 10px 15px 10px 15px; display:block; border-top: 4px solid #fff;}
#content ul.submenu li a:hover {background-color: #e52626; color: #fff; border-top: 4px solid #e52626;}
#content ul.submenu li a.active {background-color: #e52626; color: #fff; border-top: 4px solid #e52626;}

/* ## Footer */
#footer {font-size: 10px; color: #ddd; padding: 15px 10px 10px 10px; margin: 25px auto 0 auto; width: 880px; background: #000000 url(images/footer.gif) repeat-x top left; overflow:hidden;}
#footer div.left{float: left; width: 50%;}
#footer div.right{float: right; width: 50%; text-align: right;}
#footer a {color: #ddd;	border-bottom: #ddd 1px dotted;}
#footer a:hover {color: #fff; border-bottom: #fff 1px dotted;}

#suspended {width: 580px; margin: 50px auto 0 auto;}
#suspended h2 {margin: 0; padding: 0; display: block;}
#suspended a {color: #000;}
#suspended a:hover {color: #e52626;}
#suspended strong {font-weight: bold;}
#suspended div.logo {border-bottom: 3px solid #e52626; padding: 0 0 10px 0;}
#suspended ul {padding: 10px 0 10px 0; margin: 0;}
#suspended ul li {margin: 0; list-style:none; padding: 10px 10px 10px 30px; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position:10px 50%; overflow: hidden;}

.ui-tabs .ui-tabs-hide {display: none;}
fieldset {padding: 0; margin: 0; border: 0; }
select {font: 11px Verdana, Geneva, sans-serif; color:#777; border: 1px solid #ddd; background: #fff; margin: 0; padding: 10px; width: 240px;}