body {background: url(images/overall_background.gif) repeat-y center center; font-family: arial; margin: 0; padding: 0; font-size: 12px;}
img {border: 0;}

#container {margin: 0 auto; padding: 0px 15px;}

#logo {width: 929px; margin: 0px 0px 0px 0px; padding: 0px; height: 150px;}
#logo a {text-decoration: none; color: #00a6eb;}
#logo img {float: left; padding: 82px 0 0 650px;}

#header {width: 929px; height: 136px; margin: 0; padding: 0 0 0px 0px;}
#header ul {width: 930px; margin: 0; padding: 0px; list-style: none;}
#header li { float: left; display: inline; margin: 0; padding: 0px;}
#header img { float: left; display: inline; margin: 0; padding: 0px;}

.menu_title_surfsneladsl {
height:                 27px;
width:                  185px;
background-color:       #009EE1;
text-align:center;      line-height:27px;
}

.menu_title_surfsneladsl:hover {
background-color:       #80CFF0;
}

.surfsneladsl_overigediensten {
width:                  186px;
}

.menu_title_text {
font-weight:            bold;
font-size:              110%;
color:                  white;
}

.no_underline {
text-decoration:        none;
}

.border_right {
border-right:           1px solid white;
}

form {padding: 0; margin: 0;}
#main {margin: 0 0 0 0px; padding: 0px; background: white url(images/main_background.gif);}

#breadcrumbs {
	width: 850px;
	margin: 0;
	padding: 6px 0 0 31px;
	height: 22px;
	color: #8d8c90;
	font-size: 13px;
	float: left;
	display: inline;
	background: white;
}
#breadcrumbs a {color: #8d8c90; text-decoration: none; font-size: 13px;}
#breadcrumbs a:hover {color: #8d8c90; text-decoration: underline; }

#content {border-bottom: solid 1px #c1c2c5; width: 724px; margin: 0; margin: 0px 14px 0 0px; float: left; display: inline;}

#content #title {margin: 0; font-size: 14px; height: 24px; float: left; display: inline;}

#submenu {width: 132px; padding: 18px 0 18px 23px;  float: left; display: inline;}
#submenu ul {margin: 0; padding: 1px 0 0 0; list-style: none;}
#submenu li {margin: 0; padding: 0px 0px 10px 0px; width: 120px;}
#submenu a {margin: 0; padding: 0; font-size: 12px; line-height: 100%; text-decoration: none; color: black; font-weight: normal;}
#submenu a:hover {color: #00adef;}

span.separator {color: #c1c2c5}

/* wegwerken van menuitems */
li.item68 span {position: absolute; top: -100px;}
li.item69 span {position: absolute; top: -100px;}
li.item72 span {position: absolute; top: -100px;}

#page {margin: 0; float: left; display: inline;}
#page p {font-size: 12px; padding: 0px 0px 10px 0; margin: 0;}

#sidebar {width: 191px; margin: 0; padding: 28px 0 0 0px;  float: left; display: inline;}
#sidebar ul { margin: 0; padding: 1px 0px 0px 0px; list-style: none;}
#sidebar li { height: 17px; margin: 0; padding: 6px 0; font-size: 11px; color: #000; font-weight: bold; }
#sidebar li a {color: #000; text-decoration: none; display: inline; float: left; width: 160px;}
#sidebar li a:hover {color: #00a6eb;}
#sidebar li a.button {width: 20px; display: inline; float: left;}

#sidebar #zoeken {height: 23px; width: 191px; background: none; clear: both;}
#sidebar #zoeken img {background: none; border: 0; margin: 0px;}
#sidebar #zoeken a {width: 20px;}
#sidebar #zoeken input {background: none; border: solid 1px #00a6eb; height: 14px; margin: 0 0 0 0; padding: 0; font-size: 10px; width: 120px;}

.inputcontainer {width: 122px; margin: 4px 38px 0px 0px; height: 16px; float: left; display: inline;}

#sidebar #domein {height: 23px; width: 191px; background: none; clear: both; padding: 6px 0 16px 0;}
#sidebar #domein img {background: none; border: 0; margin: 0px; padding: 0;}
#sidebar #domein a {width: 20px;}
#sidebar #domein input {background: none; border: solid 1px #00a6eb; height: 14px; margin: 0 0 0 0; padding: 0; font-size: 10px; width: 120px; }

#sidebar img {}
#sidebar #optibel {margin: 0; padding: 20px 0 0 0; float: left; display: inline;}

#sidebar #contact {font-size: 11px; margin: 0; padding: 20px 0px 0px 0px; float: left; display: inline;}
#sidebar #contact h1 {font-size: 11px; margin: 0; padding: 0;}
#sidebar #contact strong {margin: 0; padding: 0; color: #00a6eb;}

#sidebar #powered h1 {font-size: 11px; margin: 0; padding: 0; font-weight: bold}

#footer {}
#footer #bottommenu {height: 40px; width: 724px; padding: 20px 0 0 0px; float: left; display: inline; background: white;} 
#footer #bottommenu_center {position: relative; left: 305px; width: 500px;}
#footer #bottommenu li {white-space: nowrap; display: inline; font-size: 12px;}
#footer #bottommenu a {font-size: 12px; text-decoration: none; color: black; font-weight: bold;}
#footer #bottommenu a.blue {font-size: 12px; text-decoration: none; color: #00a6eb; font-weight: bold;}


a { text-decoration: underline; color: #00a9eb; }
a.plaatje { text-decoration: none; }

h2, .contentheading {padding: 0px 10px 2px 0px; margin-top: 0px; font-size: 14px; font-weight: bold; color: #000000; vertical-align: bottom; text-align: left; width: 100%;}

hr {border: 0; color: #c1c2c5;; background-color: #c1c2c5;; height: 1px; width: 100%; text-align: left;}

span.underline {
	text-decoration: underline;
}

/* opmaak content tabellen */
table.opmaak {margin: 10px 0; background: #f0f0f0; border: solid 1px #FFFFFF; border-collapse: collapse; }
table.opmaak caption {font-weight: bold; font-size: larger}
table.opmaak th { border: solid 1px #FFFFFF; font-weight: bold; padding: 3px; font-size: 12px; text-align: left; vertical-align: middle;}
table.opmaak td { border: solid 1px #FFFFFF; font-size: 12px; padding: 3px}
table.opmaak tr.rij1 {background-color: #efefef}
table.opmaak tr.rij2 {background-color: #F9F9F9}
table.opmaak tr.leeg {background-color: #FFFFFF}
table.opmaak td.kolom1 {background-color: #efefef}
table.opmaak td.kolom2 {background-color: #F9F9F9}

/* aanvragen PERL stuff */
table.TabelA {margin: 10px 0; background: #f0f0f0; border: solid 1px #FFFFFF; border-collapse: collapse; width: 100%}
table.TabelA caption {font-weight: bold; font-size: larger}
table.TabelA th { border: solid 1px #FFFFFF; font-weight: bold; padding: 3px; font-size: 12px; text-align: left; vertical-align: middle;}
table.TabelA td { border: solid 1px #FFFFFF; font-size: 12px; padding: 3px}
table.TabelA tr.rij1 {background-color: #efefef}
table.TabelA tr.rij2 {background-color: #F9F9F9}
table.TabelA tr.leeg {background-color: #FFFFFF}
table.TabelA td.kolom1 {background-color: #efefef}
table.TabelA td.kolom2 {background-color: #F9F9F9}

/* menu in content */
ul.contentmenu {margin: 0; padding: 0 0 10px 0; list-style: none;}
ul.contentmenu li {margin: 0; padding: 0 0 10px 0;}

/* spacers */
span.article_separator {display: block; border-bottom: 1px dashed #c8cacc; padding: 0px; margin: 0px 0px 10px 0px;}
.article_column {padding-right: 20px;}
.column_separator {border-left: 1px dashed #c8cacc; padding-left: 30px;}

/* content styles */
table.contentpaneopen, table.contentpane {border-collapse: collapse; margin: 0; padding: 0; width: auto;}

/* form */
table.form td {
        padding-right: 20px;
        padding-bottom: 5px;
}

table.form label {
        font-weight: bold;
}

table.form input.field,textarea.field {
        border: 1px solid #00a6eb;
        background: none; border: solid 1px #00a6eb; height: 14px; margin: 0 0 0 0; padding: 0; font-size: 10px;
}

table.form input.button {
        margin-top: 1px;
}

table.form td.error {
        color: #D90011;
        font-weight: bold;
}

/* blog */
table.blog {
  width: 100%;
}

ul {margin: 0; padding: 5px 0px 15px 25px;}
ul li {padding-bottom: 5px;}

ol {margin: 0; padding: 5px 0px 15px 25px;}
ol li {padding-bottom: 5px;}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 2px;
}

/*************/
/* footnotes */
/*************/
ol.footnote {
	margin: 0; padding: 5px 0px 20px 20px; 
	font-size: smaller;
}

ol.footnote li {
	padding-bottom: 5px;
}

/***************************************/
/* Custom section menu in content area */
/***************************************/

td.custom_section_description {
	background: #FFFFFF;
	border-right: 1px solid white;
	padding-bottom: 10px;
}

td.custom_category {
	width: 50%;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

a.custom_category_link {
	background: #efefef;
	text-align: left;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 3px;
	display: block;
}

div.custom_category_description {
	background: #F9F9F9;
	padding: 1px 5px 2px 2px;
	height: 100px;
}

p.volgende {text-align: right;}

/***************************************/
/*               Search                */
/***************************************/
div.category {
	padding: 7px 0px 7px 0px;
}

span.category {
	color: #8d8c90;
}

span.highlight {
	font-weight: bold;	
}

fieldset.rij1 {
	background-color: #EFEFEF;
	border: 1px solid white;
	padding: 8px;
}

fieldset.rij2 {
	background-color: #F9F9F9;
	border: 0px;
	padding: 8px;
}

ul.pagination {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.pagination li {
	display:inline;
	padding:2px 5px 0;
}

ul.pagination li a {
	padding:2px;
}