@import "all.css"; /* just some basic formatting, no layout stuff */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-size:10pt;
color: #000000;
text-align:center;
}
#frame {
width:796px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}
#frame2 {
width:796px;
margin-right:auto;
margin-left:auto;
_margin-left:38px; /*IE only! */
margin-top:10px;
_margin-top:25px; /*IE only! */
text-align:left;
}
#contentcenter {
width:835px;
padding:0px;
float:left;
background:#ffffff;
}
#contentheader {
background:#ffffff;
}
.pagenrs {
text-align: center;
padding-top: 20px;
border: 0px solid #000;
}
.pagenrs a{
color:#D30D1E;
text-decoration: underline;
}
.pagenrs a:hover{
color:#000;
text-decoration: underline;
}
#footer {
position: relative;
bottom: 0;
font-size: 9pt;
height: 18px; _height: 18px;
color:#000;
width: 833px;
padding: 0px;
text-align: center;
background:#D30D1E;
}
#footer_menu li {
display: inline;
list-style-type: none;
padding-right: 12px;
font-weight: bold;
color:#ffffff;
}
#footer_menu li a {
color:#ffffff;
text-decoration: none;
}
#footer_menu li a:hover{
color:#000;
text-decoration: none;
}
img {
border: 0px;
}
img.noborder {
display:block;
border: 0px;
padding:0;
margin:0;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
p.uitgebreid_zoeken {
margin:0px 10px 10px 0px;
}
h1 {
font-size:14px;
padding-top:10px;
}
h3{
padding-top: 0px;
padding-bottom: 4px;
margin-top: -4px;
margin-bottom: 0;
}
#contentheader h1 {
font-size:14px;
padding:10px;
margin:0px;
}
#contentcenter h1 {
font-size:14px;
padding-top:10px;
color:#000000;
}
#contentright p { font-size:10px}
.adres {
color: #D30D1E;
font-size: 10px;
line-height: 10pt;
font-weight: bold;
}
.bottom {
background: #ffffff;
}
.vul_ruimte {
background:#ffffff;
width: 391px;
height: 43px;
}
a.black:link {font-size: 100%; font-weight: bold; letter-spacing: 0.0041em; color: #000000; text-decoration: underline; background: #ffffff;}
a.black:visited {font-size: 100%; font-weight: bold; letter-spacing: 0.0041em; color: #000000; text-decoration: underline; background: #ffffff;}
a.black:hover {font-size: 100%; font-weight: bold; letter-spacing: 0.0041em; color: #D30D1E; text-decoration: none; background: #ffffff;}
a.black:active {font-size: 100%; font-weight: bold; letter-spacing: 0.0041em; color: #D30D1E; text-decoration: underline; background: #ffffff;}
a.red:link {font-size: 100%; letter-spacing: 0.0041em; color: #D30D1E; text-decoration: none; background: #ffffff;}
a.red:visited {font-size: 100%; letter-spacing: 0.0041em; color: #D30D1E; text-decoration: none; background: #ffffff;}
a.red:hover {font-size: 100%; letter-spacing: 0.0041em; color: #000000; text-decoration: none; background: #ffffff;}
a.red:active {font-size: 100%; letter-spacing: 0.0041em; color: #000000; text-decoration: none; background: #ffffff;}
TABLE {
FONT-SIZE: 12px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
TR {
FONT-SIZE: 12px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
TH {
FONT-SIZE: 12px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
TD {
FONT-SIZE: 12px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
P {
FONT-SIZE: 12px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
H1 {
FONT-SIZE: 14px; COLOR: #000; TEXT-INDENT: 0pt; FONT-STYLE: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
A {
COLOR: #D30D1E
}
A:link {
COLOR: #D30D1E
}
A:visited {
COLOR: #D30D1E
}
A.white {
COLOR: #000
}
A.white:link {
COLOR: #000
}
A.white:visited {
COLOR: #000
}
.HEADINGS {
FONT-SIZE: 14px; COLOR: #000; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; padding-left: 0px; margin-bottom: 6px; text-transform: uppercase;
}
.INLEIDING {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: italic; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
.tarieftable {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #999999 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
SPAN.pakket {
COLOR: #0066cc
}
.style1 {
FONT-STYLE: italic
}
.table-aanbod {
TEXT-ALIGN: left
}
.table-aanbod-top {
BACKGROUND-COLOR: #D30D1E
}
.table-aanbod-nav {
PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.table-aanbod-1 {
PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #660000
}
.table-aanbod-2 {
PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #990000
}
.table-aanbod-price {
PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; BACKGROUND-COLOR: #D30D1E
}
.moreinfo {
FONT-WEIGHT: bold; COLOR: #D30D1E
}
.table-content {
TEXT-ALIGN: left
}
.table-tabs-active {
BORDER-RIGHT: #D30D1E 1px solid;
BORDER-TOP: #D30D1E 1px solid;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #D30D1E 1px solid;
COLOR: #000;
PADDING-TOP: 2px;
BORDER-BOTTOM: 0px;
HEIGHT: 14px;
BACKGROUND-COLOR: #ffffff;
text-align: center;
}
.table-tabs-inactive {
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #000000 1px solid;
text-align: center;
CURSOR: pointer;
COLOR: #ffffff;
PADDING-TOP: 2px;
BORDER-BOTTOM: #000000 1px solid;
HEIGHT: 14px;
BACKGROUND-COLOR: #D30D1E;
}
.table-tabs-empty {
WIDTH: 2px; BORDER-BOTTOM: #000000 1px solid
}
.table-tabs-content {
BORDER-RIGHT: #D30D1E 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #D30D1E 1px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; BORDER-LEFT: #D30D1E 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #D30D1E 1px solid; BACKGROUND-COLOR: #ffffff
}
.aanbod-photo-main {
BORDER: #000000 1px solid;
HEIGHT: 220px
}
.aanbod-photo {
BORDER-RIGHT: #D30D1E 2px solid;
BORDER-TOP: #D30D1E 2px solid;
BORDER-LEFT: #D30D1E 2px solid;
WIDTH: 126px;
BORDER-BOTTOM: #D30D1E 2px solid;
HEIGHT: 85px
}
.aanbod-photo-large {
BORDER-RIGHT: #D30D1E 2px solid; BORDER-TOP: #D30D1E 2px solid; MARGIN-TOP: 2px; VERTICAL-ALIGN: top; BORDER-LEFT: #D30D1E 2px solid; CURSOR: pointer; BORDER-BOTTOM: #D30D1E 2px solid; HEIGHT: 220px
}
A.redlink:link {
COLOR: #D30D1E
}
A.redlink:hover {
COLOR: #D30D1E
}
A.redlink:visited {
COLOR: #D30D1E
}
.hidediv {
DISPLAY: none
}
.showdiv {
DISPLAY: block
}
.image {
BORDER-RIGHT: #D30D1E 2px solid; BORDER-TOP: #D30D1E 2px solid; BORDER-LEFT: #D30D1E 2px solid; BORDER-BOTTOM: #D30D1E 2px solid
}
.button {
FONT-SIZE: 12px; PADDING-TOP: 3px;PADDING-RIGHT: 3px;PADDING-BOTTOM: 3px;PADDING-LEFT: 3px; WIDTH: 144px; CURSOR: pointer; COLOR: #ffffff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 19px; BACKGROUND-COLOR: #D30D1E; BORDER-BOTTOM-STYLE: none
}
.zoom A {
BORDER-RIGHT: #D30D1E 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #D30D1E 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #D30D1E 2px solid; WIDTH: 30px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #D30D1E 2px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.zoom A:link {
BORDER-RIGHT: #D30D1E 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #D30D1E 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #D30D1E 2px solid; WIDTH: 30px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #D30D1E 2px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.zoom A:visited {
BORDER-RIGHT: #D30D1E 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #D30D1E 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #D30D1E 2px solid; WIDTH: 30px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #D30D1E 2px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.zoom A:hover {
BORDER-RIGHT: #D30D1E 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #D30D1E 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #D30D1E 2px solid; WIDTH: 30px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #D30D1E 2px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.table_height {
height: 86px;
background: #ffffff;
}
/* UITGEBREID ZOEKEN FORMULIER */
DIV#beneden {
height:390px;
background-image:url(/img/logogrootonder.gif);
}
DIV.Frame {
width: 384px;
margin-top: -8px;
/*IE Hack*/
text-align: left;
}
.countobjects {
text-align:center;
color:#D30D1E;
}
.inputtext {
font-size:13px;
color:#000000;
width:280px;
}
.inputtext2 {
text-align:left;
color:#000000;
}
.inputtitle{
text-align:left;
font-weight:bold;
color:#D30D1E;
}
/* De BUTTONS met AFBEELDINGEN */
.button_rij {
width: 797px;
height: 317px;
text-align: left;
margin-top:11px;
}
/* Voor LOGO als BG in HEADER */
.3LogosContainer {
background-image: url(images/kolpa_header.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button1 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 143px; /* width of reactive image */
height: 317px; /* height of reactive image */
background-image: url(images/buttons/butt_1_n.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button1:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/butt_1_ro.jpg); /* source for target image */
}
a.button2 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 129px; /* width of reactive image */
height: 317px; /* height of reactive image */
background-image: url(images/buttons/butt_2_n.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button2:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/butt_2_ro.jpg); /* source for target image */
}
a.button3 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 128px; /* width of reactive image */
height: 317px; /* height of reactive image */
background-image: url(images/buttons/butt_3_n.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button3:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/butt_3_ro.jpg); /* source for target image */
}
a.button4 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 130px; /* width of reactive image */
height: 317px; /* height of reactive image */
background-image: url(images/buttons/butt_4_n.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button4:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/butt_4_ro.jpg); /* source for target image */
}
a.button5 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 128px; /* width of reactive image */
height: 317px; /* height of reactive image */
background-image: url(images/buttons/butt_5_n.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button5:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/butt_5_ro.jpg); /* source for target image */
}
a.button6 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 139px; /* width of reactive image */
height: 317px; /* height of reactive image */
background-image: url(images/buttons/butt_6_n.jpg); /* source for start image */
background-repeat: no-repeat;
}
a.button6:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/butt_6_ro.jpg); /* source for target image */
}
a.button01 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 138px; /* width of reactive image */
height: 22px; /* height of reactive image */
background-image: url(images/buttons/button01.gif); /* source for start image */
background-repeat: no-repeat;
}
a.button01:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/button1.gif); /* source for target image */
}
a.button02 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 138px; /* width of reactive image */
height: 22px; /* height of reactive image */
background-image: url(images/buttons/button02.gif); /* source for start image */
background-repeat: no-repeat;
}
a.button02:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/button2.gif); /* source for target image */
}
a.button03 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 138px; /* width of reactive image */
height: 22px; /* height of reactive image */
background-image: url(images/buttons/button03.gif); /* source for start image */
background-repeat: no-repeat;
}
a.button03:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/button3.gif); /* source for target image */
}
a.button04 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 138px; /* width of reactive image */
height: 22px; /* height of reactive image */
background-image: url(images/buttons/button04.gif); /* source for start image */
background-repeat: no-repeat;
}
a.button04:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/button4.gif); /* source for target image */
}
a.button05 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 138px; /* width of reactive image */
height: 22px; /* height of reactive image */
background-image: url(images/buttons/button05.gif); /* source for start image */
background-repeat: no-repeat;
}
a.button05:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/button5.gif); /* source for target image */
}
a.button06 { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 138px; /* width of reactive image */
height: 22px; /* height of reactive image */
background-image: url(images/buttons/button06.gif); /* source for start image */
background-repeat: no-repeat;
}
a.button06:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(images/buttons/button6.gif); /* source for target image */
}
/* De MOOIE STRAATNAMEN SUGGESTIE DROPDOWN */
.suggestion_list {
background-color:#D30D1E;
color:#FFFFFF;
font-family:Tahoma, helvetica, sans-serif;
font-size:12px;
border:solid 1px #7F9DB9;
height:106px;
overflow:auto;
width: 278px;
_width:280px;
text-align:left;
line-height:17px;
}
.suggestion_list ul {
padding:0px;
margin:1px 0px 5px 5px;
list-style-type:none;
}
.suggestion_list a {
text-decoration:none;
background-color:#D30D1E;
color:#FFFFFF;
font-family:Tahoma, helvetica, sans-serif;
font-size:12px;
}
.suggestion_list .selected {
background-color:#D30D1E;
color:#FFFF00;
font-family:Tahoma, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
line-height:17px;
}
.suggestion_list .selected a {
color:#FFFFFF;
}
#autosuggest {
display:none;
}
/* Gebruikte kleurcoden:
#D30D1E = ROOD
#000000 = ZWART
#ffffff = WIT
*/