/* MuntInternet Stylesheet | Author: Booreiland Creations - www.booreiland.nl */

/* main */
body {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff;	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	width: 100%;}
#main {position: absolute; width: 740px; left: 50%;	margin: 20px 0px 20px -370px; text-align: left;}
#maincontentholder {position: absolute;	margin: 0px 0px 0px 0px; top: 190px; width: 530px; background-color: #ffffff;}

/* menu */
#menucontainer {position:relative; left:0px; top:0px; width:540px; height:190px; font-family:arial, verdana, sans-serif; font-size:11px; line-height:13px; background-image:url(/images/menubg.jpg)}
#menucontainer a:link, #menucontainer a:visited {text-decoration: none;}
#menucontainer .menuitem {position: absolute; bottom: 0px; width: 95px;}
#menucontainer #home {left: 10px;}
#menucontainer #hosting {left: 105px;}
#menucontainer #network {left: 200px;}
#menucontainer #services {left: 295px;}
#menucontainer #helpdesk {left: 390px;}
#menucontainer #home div {visibility: hidden; overflow: hidden; height: 0px; padding: 5px 0px 7px 0px; background-image: url(/images/bg_home.jpg); background-repeat: no-repeat; background-position: bottom;}
#menucontainer #hosting div {visibility: hidden; overflow: hidden; height: 0px; padding: 5px 0px 7px 0px; background-image: url(/images/bg_hosting.jpg); background-repeat: no-repeat; background-position: bottom;}
#menucontainer #network div {visibility: hidden; overflow: hidden; height: 0px; padding: 5px 0px 7px 0px; background-image: url(/images/bg_servershop.jpg); background-repeat: no-repeat; background-position: bottom;}
#menucontainer #services div {visibility: hidden; overflow: hidden; height: 0px; padding: 5px 0px 7px 0px; background-image: url(/images/bg_diensten.jpg); background-repeat: no-repeat; background-position: bottom;}
#menucontainer #helpdesk div {visibility: hidden; overflow: hidden; height: 0px; padding: 5px 0px 7px 0px; background-image: url(/images/bg_helpdesk.jpg); background-repeat: no-repeat; background-position: bottom;}
#menucontainer .menuitem div a {display: block; margin: 2px 0px 0px 5px; padding-left: 3px; color: #000000; line-height:15px;}
#menucontainer .menuitem div a:hover {color: #ffffff; background-color: #e43233;}
#menucontainer .rootitem {background-image: url(/images/button.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 95px; height: 18px; text-align: center; padding: 2px 0px 0px 0px; margin: 0px 0px -2px 0px; color: #ffffff; font-weight: bold; line-height: 13px; overflow: hidden;}
.popupmenu div {visibility: visible !important;	height: auto !important;}
.popupmenu .rootitem {background-position: 0px -18px !important; color: #000000 !important;}
.popupmenu .rootitem span {padding: 0px 5px 0px 5px !important;}
.overmenu .rootitem {background-position: 0px -18px !important;color: #000000 !important;}
.overmenu .rootitem span {padding: 0px 5px 0px 5px !important;}

/* layout */
#contact {border: 1px solid #9EACBC; background-color: #e8eef5; width: 173px; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}
#sidetextholder {position: absolute; top: 200px; margin: 0px 0px 0px 0px; width: 185px; left: 540px;}
#sidetextlight {border: 1px solid #9EACBC; background-color: #e8eef5; color: #000000; width:173px; margin: 10px 0px 0px 0px; padding: 5px 5px 5px 5px;}
#sidetextdark {border: 1px solid #3F5162;	background-color: #66788a; color: #ffffff; width:173px;	margin: 10px 0px 0px 0px; padding: 5px 5px 5px 5px;}
#muntcontainernl {position:absolute; left:540px; top:0px; width:185px; height:190px; background-image:url(/images/munt_nl.jpg);}
#muntcontaineren {position:absolute; left:540px; top:0px; width:185px; height:190px; background-image:url(/images/munt_en.jpg);}
#languagebutton {position: relative; top: 174px; left: 0px; width: 185px; text-align: right;}

/* textareas */
#textholder {position: relative; margin: 0px 0px 0px 0px; left: 0px; width: 530px; background-color: #ffffff;}
#textholderwithflash {position: absolute; margin: 0px 0px 0px 0px; left: 0px; width: 400px; background-color: #ffffff;}
#flashholder {position: absolute; margin: 10px 0px 0px 0px; width: 120px; top: 0px; left: 410px;}
#productselector {margin: 10px 0px 0px 0px;	padding: 0px 0px 0px 0px; background-color:#e8eef5;}
#footer {margin: 0px 0px 20px 0px; text-align: center; font-size: 10px; color: #ffffff; background-color: #000000;}
.textfield {margin: 10px 0px 0px 0px; padding: 10px 10px 10px 10px; background-color:#e8eef5; border: 1px solid #9EACBC;}
.infofield {margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; background-color:#e8eef5; border: 1px solid #9EACBC;}
.summarytable{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; border-collapse: collapse; border-spacing: 1px;}
.summarytableholder {position: relative; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; text-align: center; background-color: #ffffff;}
.summarytablecell {font-size: 11px; line-height: 17px; text-align: left; padding: 5px 5px 5px 5px; color: #ffffff; background-color: #66788a; border: 1px solid #ffffff;}
.product {text-align: center; margin: 10px 0px 10px 0px;}
.summarytableholder a:link, 
.summarytableholder a:hover, 
.summarytableholder a:active, 
.summarytableholder a:visited {color: #FFFFFF;}

/* elements */
p {font-size: 12px; font-weight: normal; text-align:justify;}
em {font-size: 12px; font-style: normal; font-weight: bold;}
h3 {font-size: 13px; font-weight: bold; color: #e32829; letter-spacing: 0.2em; margin: 5px 0px 20px 0px;}
h4 {font-size: 10px; font-weight: bold; color: #e32829;  margin: 5px 0px 20px 0px;}
h5 {font-size: 13px; font-weight: bold; color: #e32829; letter-spacing: 0.2em; margin: 15px 0px 3px 0px;}
h6 {font-size: 10px; font-weight: bold; color: #e32829;  margin: 3px 0px 3px 0px;}
li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
a:link{color: #000000;}
a:active{color: #000000;}
a:visited{color: #000000;}
a:hover{color: #e32829;}
a.contact:link{color: #000000;}
a.contact:active{color: #000000;}
a.contact:visited{color: #000000;}
a.contact:hover{color: #e32829;}
ul.type1 {margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; list-style-image: url(/images/li1.gif);}
ul.type2 {margin: 0px 0px 0px 18px; padding: 0px 0px 0px 0px; list-style-image: url(/images/li2.gif);}
ul.faq {margin: 0px 0px 10px 18px; padding: 0px 0px 0px 15px;}
li.q {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: italic; font-weight: bold; list-style-image: url(/images/faq-q.gif);}
li.a {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; font-style: normal; font-weight: normal; list-style-image: url(/images/faq-a.gif);}

/* shop */
#shop {margin: 0px 0px 0px 0px;}
#shoptitle {margin: 10px 0px -10px 0px;	background-color: #e32829; color: #ffffff; padding: 3px 5px 1px 5px; background-image: url(/images/shop_title.gif); background-repeat: no-repeat; text-align: right;}
#shop .product {margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; text-align: left; color: #e32829; font-size: 14px; font-weight: bold;}
#shop form {margin: 0px 0px 0px 0px;}
#shop table {width: 100%; margin: 0px 0px 10px 0px; font-size: 12px; font-weight: normal; text-align: left; border: 1px solid #66788a;}
#shop table .groups {width: 33%; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; font-style: normal; font-weight: bold; vertical-align: baseline;}
#shop table .products {margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; font-style: normal; font-weight: normal; vertical-align: baseline;}
#shop table .total {text-align: right; font-weight: bold;}
#shop table .nobtw {font-weight: normal; font-style: italic; font-size: 11px; color: #66788a;}
#shop table .cartproduct {width: 66%; padding: 5px 5px 5px 5px; font-weight: bold;}
#shop table .cartcost {padding: 5px 5px 5px 5px; font-size: 12px; font-weight: normal; text-align: right;}
#shop table .order {width: 33%; padding: 0px 0px 0px 20px;}
#shop table .orderhead {color: #66788a; font-style: italic; padding: 10px 0px 10px 5px;}
#shop .announcement {color: #e32829; font-weight: bold;}
.submitbutton {display: block; text-align: right;}
.submitbutton input {background-color: #66788a; color: #ffffff;}

/* formfields */
.formField {background-color: #e8eef5;border: 1px solid #9EACBC; font-family: Arial, Helvetica, sans-serif;font-size: 10px;color:#333333; width: 100px;}
.formField2 {background-color: #e8eef5;border: 1px solid #9EACBC; font-family: Arial, Helvetica, sans-serif;font-size: 10px;color:#333333; width: 200px;}

/* admin */
#mainadmin {position: absolute; width: 700px; left: 50%; margin: 20px 0px 20px -350px; text-align: left;}
#admintitle {margin: 10px 0px -10px 0px; background-color: #e32829; color: #ffffff; padding: 3px 5px 1px 5px;}
#admin table {margin: 0px 0px 10px 0px; font-size: 12px; font-weight: normal; text-align: left; border: 1px solid #66788a;}
#admin td {text-align: left;}
#admin .vraag {text-align: left; font-weight: bold;}