body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em;}

:focus {outline: none;}

a:link, a:visited {color:#df3f3f; text-decoration: underline;outline: none;}
a:hover {color:#df3f3f; text-decoration: underline}
a:active, a:focus {outline: none;}

p, .s2 { margin:0; padding:0; font-size:13px; line-height:1.5em; color:#010000}
p a:link, p a:visited {color:#da0a31; text-decoration: underline;}
p a:hover {color:#da0a31; text-decoration: underline}

h1, .s4 { margin:0; padding:0 0 10px 0; font-size:22px; font-weight: bold; color:#da0a31; }
h2, .s3 { margin:0; padding:0; font-size:17px; font-weight: bold;color:#fff;}
h3 { margin:0; padding:0; font-size:22px; font-weight: bold;color:#000}
h4 { padding:0; font-size:14px; font-weight: bold;color:#333; margin:20px 0 0 0;}

/*
---------------------------------------------
TOPBAR LOGO + LOGIN
---------------------------------------------
*/

#topbar { width:900px; height:130px; margin:0 auto; padding-top:0px}
#logo { float:left; width:316px; height:61px; border:none;}

#logo2 { float:left; width:316px; height:61px; border:none; margin:14px 0 14px 0;}

#wrapper-login {float: right;width:100%;text-align:right;height:14px;margin:0 23px 0 0;}

form {margin:4px 0 0 0;}
form input:focus, form textarea:focus {background-color: #ffffe0;}
form input {border:1px solid #dbdbdb;padding-left:3px;margin: 0 0 0 4px; width:140px; font-size:11px; height:15px; color:#9e9e9e;}
.formbutton, .formbutton:focus {border:none;background:#df3f3f;color: #fff;width:60px; height:19px;font-size: 11px; vertical-align:middle; margin-top:-1px; padding-bottom:2px; cursor:pointer;}

/*
--------------------------------------------- 
NAVIAGATION 
---------------------------------------------
*/

#topnavbar {float:right; width:auto; margin-top:6px;}

#topnavbar2 {float:right; width:auto; margin-top:20px;}

#topnavlist {margin:56px 14px 0 0;}
#topnavlist li {display: inline;float: left;margin: 0px;padding: 0px;list-style: none;font-size:10px; text-transform:uppercase; line-height:normal;color: #b9b9b9;}
#topnavlist li a:link, #topnavlist li a:visited{text-decoration: none;display: block;padding: 1px 9px 0px 9px;margin: 0px;overflow: hidden;text-align: center; color:#690c0d;}
#topnavlist li a#current{color: #da0a31;}
#topnavlist li a:hover, #topnavlist li a:active{color: #da0a31;text-decoration: none;}
#topnavlist li ul li span.sep {line-height: 31px;color: #5b5b5b;}

#navbar {width:100%; clear:both;}

#navlist {margin: 12px 0px 12px -10px;padding:12px 0 0 0;height: 29px;}
#navlist li{display: inline;float: left;margin: 0px;padding: 0px;list-style: none;font-size:10px; text-transform:uppercase; line-height:20px;color: #b9b9b9;}
#navlist li a:link, #navlist li a:visited{text-decoration: none;display: block;padding: 1px 27px 0px 27px /* was: padding: 1px 9px 0px 9px */ ;margin: 0px;overflow: hidden;text-align: center; color:#690c0d;}
#navlist li a#current{color: #da0a31;}
#navlist li a:hover, #navlist li a:active{color: #da0a31;text-decoration: none;}
#navlist li ul li span.sep {line-height: 31px;color: #5b5b5b;}

/*
---------------------------------------------
HEADER 1
---------------------------------------------
*/

#bgheader1 { width:100%; background-color:#df3f3f;}
#header1 { width:900px; height:203px; margin:0 auto; overflow:hidden; background:url(../images/bgheader.gif) no-repeat top center;}

/*
---------------------------------------------
MAINPIC
---------------------------------------------
*/

#mainpic { width:400px; height:302px; overflow:hidden; float:left}

/*
---------------------------------------------
WELCOME MESSAGE
---------------------------------------------
*/

#welcome { width:415px; height:203px; float: right; padding-left:65px; padding-right:20px;  position:relative}

#welcome h1 {font-family: "Lucida Sans Unicode", sans-serif; font-size:30px; font-weight: normal; color:#fff; text-align:right; padding-top:20px; line-height:1.3em; letter-spacing:0.1px;}
#welcome p {font-size:13px; font-weight: normal; color:#fff; text-align:right; padding:0; margin:0;}

#aanmelden {background:#55933a; color: #fff; display: block; font: normal normal 17px/normal Verdana, Arial, Helvetica, sans-serif; text-align:center; width:188px; height: 23px; margin:17px 0 0 140px; padding: 3px 3px;}

#aanmelden a {color:#fff; text-decoration:none;}
#aanmelden a:visited {color:#fff; text-decoration:none;}
#aanmelden a:hover {color:#cae9bd; text-decoration:none;}
#aanmelden a:active {color:#fff; text-decoration:none;}

/*
---------------------------------------------
HEADER 2 
---------------------------------------------
*/

#bgheader2 { width:100%; background:#b8977c;}
#header2 { width:900px; margin:0 auto; padding:14px 0 20px 0; overflow:auto; }

/*
---------------------------------------------
INTRO
---------------------------------------------
*/

.intro { width:320px; float:left; margin-right:80px}
.intro p { font-size:11px; padding-top:5px; color:#fff}

/*
---------------------------------------------
ADVANTAGES
---------------------------------------------
*/

.advantages { width:225px; float:left; text-align:left;}
.advantages p {font-size:11px; padding-top:5px; color:#fff}
.advantages ul { margin:0;padding:0;list-style-position: outside; list-style-image: url(../images/bullet.gif);font-size:11px;line-height:1.5em;color:#fff;padding-left: 23px;padding-top:5px;} 
.advantages h2 { margin:0; padding:0; font-size:17px; font-weight: bold;color:#fff;display: inline;}

/*
---------------------------------------------
CALLMENOW
---------------------------------------------
*/

.callmenow { width:180px; float: right; margin-right:17px;}
.callmenow p { font-size:11px; color:#FFF; padding-top:5px; line-height:1.5em; padding-bottom:10px}
.callmenow .bottom {padding-top:12px; text-align:center;}

/*
---------------------------------------------
CONTENT
---------------------------------------------
*/

#content { width:900px; margin:0 auto; padding-top:10px}
#pathing { margin-bottom:24px; color:#999;font-size:10px; }
#pathing a:link, #pathing a:visited {text-decoration:none;font-size:10px;}
#pathing a:hover {text-decoration:underline;}

/*
--------------------------------------------
SIGNUP FORM
--------------------------------------------
*/

.error_strings{ font-size:10px; color:#ca1f37; border: 2px solid #ca1f37; visibility:hidden; padding-top:12px; width:578px;}
#myform { font-size:11px;color: #282828;margin: 0px 10px 0px 0px;padding: 0px;width: 100%;float:left; }
#myform input, #myform textarea,  #myform select { width:384px;  margin:0 0 0 8px;padding:4px; border: 1px solid #dbdbdb; color:#333; font: 11px/normal Verdana, Arial, Helvetica, sans-serif; }
#myform .radio { width:auto; height:auto;margin:0 4px 0 0px; padding:2px; border: 1px solid #dbdbdb; }
#myform input#formsubmit { border:none;background:#df3f3f;color: #fff;font-size: 12px; width:auto; height:auto; margin:0 0 0 8px; padding:8px; cursor:pointer; }
#myform textarea { overflow: auto; }
#myform .required { font-weight:bold; }
#myform br { clear:left; }
#myform select { width:220px; margin-left: 10px; background:#fff none;border: 1px solid #dbdbdb; color: #333; font-size: 11px;}

#myform input:focus, #myform textarea:focus {background-color: #ffffe0;}

/*
---------------------------------------------
INTERCONNECTION SERVICES/ADDRESS
---------------------------------------------
*/

#serviceaanbod { width:900px; height:500px; background:url(../images/bg-interconnection-serviceaanbod.jpg) top left no-repeat; float:left; padding-bottom:32px}
#serviceaanbod h2 {font-size:22px; padding:0; font-weight: normal; color:#690c0d; padding-bottom:23px;margin:10px 0 0 0; }
#serviceaanbod h3 {font-size:18px;line-height:23px;font-weight: normal; color:#690c0d; padding:0 0 10px 0;margin:10px 0 0 0; }
#serviceaanbod h3 a {color:#690c0d;text-decoration: none;}
#serviceaanbod h3 a:visited {color:#690c0d;text-decoration: none;}
#serviceaanbod h3 a:hover {color:#df3f3f;text-decoration: none;}
#serviceaanbod h3 a:active {color:#690c0d;text-decoration: none;}

.block, .block-padding { width:186px; height:125px; float:left; padding:8px; margin:0px 30px 30px 0;}
.block-padding { width:180px; padding:8px 8px 8px 12px;}
.block-last { width:186px; height:125px; float: right; padding:8px;}
.block-adress { width:186px; height:125px; float: right; padding:19px 0px 0px 4px; color:#151313; font-size:12px}

.block-adress p {color:#666; font-size:11px;}

.block-adress a:link {color:#666; text-decoration:none;}
.block-adress a:visited {color:#666; text-decoration:none;}
.block-adress a:hover {color:#df3f3f; text-decoration:none;}
.block-adress a:visited {color:#666; text-decoration:none;}

/*
---------------------------------------------
 COLUMN LEFT
---------------------------------------------
*/

.panelleft { width:575px; float:left; padding-right:35px; padding-top:0px;font-size:13px; line-height:1.5em; color:#010000}
.panelleft h2 {font-size:22px; margin:0; padding:0 0 10px 0; font-size:22px; font-weight: bold; color:#da0a31;  }

.homeblog { border-bottom:1px solid #dadada; padding-bottom:20px; padding-top:20px; }

/*
---------------------------------------------
 COLUMN RIGHT
---------------------------------------------
*/

.panelright { width:280px; float:right;}

.contactbox { width:250px; background:#e8e8e8 url(../images/contactbox_top.gif) no-repeat top center; padding:15px;}

.contactbox p { color:#666; font-size:11px}

.contactbox a:link {color:#666; text-decoration:none;}
.contactbox a:visited {color:#666; text-decoration:none;}
.contactbox a:hover {color:#df3f3f; text-decoration:none;}
.contactbox a:visited {color:#666; text-decoration:none;}

.contactbox_bottom { width:280px; height:12px; background:url(../images/contactbox_bottom.gif) no-repeat top center;}

.featured-thumb {margin-bottom:34px;width:276px;border:1px solid #eee;}

/*
---------------------------------------------
FOOTER STYLES
---------------------------------------------
*/

#footer { width:900px; float:left; border-top:1px solid #dadada; margin-top:20px}
#footer p{ font-size:11px; color:#ccc; }
#footer .copyright { width:365px; height:45px; float:left; padding-top:10px; color:#ccc;}
#footer .contact { width:500px; height:45px; float:right; padding-top:15px; font-size:15px; font-weight:bold; text-align:right; color:#da0a31; position:relative}

/*
---------------------------------------------
 MISCELLANEOUS
---------------------------------------------
*/

img { border:none}

#note-wh {width:900px; margin:0 auto; padding:0 0 5px 0; color:#fff; font-size:10px;}

/*
---------------------------------------------
INNERPAGE - DEFAULT STYLES
---------------------------------------------
*/

#bgheading { width:100%; background-color:#b8977c; border-top:10px solid #df3f3f; padding-bottom:5px; padding-top:10px; margin-bottom:10px}
#heading { width:900px; margin:0 auto}
#heading h1 {font-size:18px; font-weight:normal; color:#fff}
#heading .sectionname { font-size:40px; font-weight:normal; color:#fff; margin:0; padding:0; padding-bottom:10px}

#panelleft { width:575px; float:left; padding-right:35px; }
#panelleft p { font-size:13px; color:#010000; font-weight: normal; padding-bottom:20px}
#panelleft h1 { font-size:22px; color:#333; font-weight:bold; padding-bottom:10px; margin-top:10px}
#panelleft h2 { font-size:14px; color:#df3f3f; font-weight:bold; padding-bottom:10px}
#panelleft h3 { font-size:12px; color:#fff; font-weight:bold;}
#panelleft ul {margin:-6px 8px 20px 18px; padding:0px 0px 0px 23px; color:#010000; }
#panelleft ul li {margin:4px 0px 0px 0px; padding:0px;}

#panelright { width:280px; float:right;}
#panelright h1 { margin:20px 0 5px 0;}
#panelright h2 {margin:0; padding:0 0 20px 0; font-size:17px; font-weight: bold;color:#da0a31;}
#panelright ul {margin:0px 8px 20px 18px; padding:0px; list-style-type: disc; list-style-position: outside; color:#999}
#panelright ul li {margin:4px 0px 0px 0px; padding:0px;}
#panelright ol {margin:0px 8px 20px 24px; padding:0px; list-style-position: outside; color:#999}
#panelright ol li {margin:4px 0px 0px 0px; padding:0px;}
#panelright .bloghead { font-weight: bold; }

/*
---------------------------------------------
ACCORDION
----------------------------------
*/

.header-sms {cursor: pointer;padding: 4px 4px 4px 12px;background: #df3f3f; margin-bottom:4px; color:#fff;}

.content-sms {padding:12px;border: 1px solid #cdcdcb;background: #fefefe;margin-bottom:4px; overflow:hidden; }

.accordion-h2 {font-size:12px; color:#da0a31; font-weight:bold; padding-bottom:10px}

.openpet{ background: #b8977c;margin:4px 0 4px 0;}

.close {float: right; margin:0 12px 0 0;}

/*
---------------------------------------------
 CONTACT
---------------------------------------------
*/

#boxcontact { width:280px; float: left; margin-top:40px}

#contact { width:540px; background-color:#e7e7e7; float:left; padding:20px;}

#contact fieldset { width:540px; margin:0; padding:0; border:none}
#contact fieldset .input-name { width:254px; height:20px; float: left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding-left:5px; font-size:16px}
#contact fieldset .input-company { width:254px; height:20px; float: right; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding-left:5px; font-size:16px;}
#contact fieldset .input-email { width:254px; height:20px; float: left; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding-left:5px; font-size:16px; margin-top:20px;}
#contact fieldset .input-listmenu { width:262px; height:25px; float: right; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#adacac; padding:2px; padding-left:5px; font-size:16px; margin-top:20px; position:relative; margin-bottom:20px}
#contact fieldset .textbox-message { width:530px; height:100px; padding:2px; border:1px solid #c3c3c3; border-top:1px solid #7c7c7c; color:#666; padding-left:5px; margin-top:4px; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#contact fieldset .button_send { float: left; margin-top:10px}

#contactaddress { width:280px; float:left; margin:0; padding:0}