/* CSS Document */
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
background-color: #eef2d4;
font-family: "Frutiger", Tahoma, Arial;
}

#framecontentLeft{
position: absolute; 
/*top: 170px; 
left: 27px;*/
margin: 0;
padding: 0;
width: 380px; /*Width of left frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: black;
}

#framecontentTop{
	position: absolute;
	top: 0;
	left: 0px;
	height: 170px;
	width: 100%;
	overflow: hidden;
	color: white;
	background-image: url(../images/kop.jpg);
}

#framecontentBottom{
position: absolute; 
top: auto; 
left: 0; /*Set left value to WidthOfLeftFrameDiv*/
bottom: -1px;
right: 0;
width: 100%;
height: 36px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #b2030a;
color: white;
}

#framecontentBottom table {
 	color: white;
 	width: 970px;
 	font-size: 8pt;
	vertical-align: bottom;

	}
.telefoon {
	letter-spacing: 3px;
 	text-transform: uppercase;
	font-weight: bold;
	font-size: 9pt;
	}
.telefoon2 {
	letter-spacing: 3px;
 	text-transform: uppercase;
	font-weight: bold;
	font-size: 14pt;
	}

#framecontentBottom a {
 	color: white;
 	font-size: 8pt;
	text-decoration: underline;
}

#maincontent{
position: fixed; 
top: 192px; /*Set top value to HeightOfTopFrameDiv*/
left: 380px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 36px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow-y: auto; 
}
#maincontent a{
	text-decoration: none;
}
.kop {
padding-top: 10px;
}
.innertube{
margin-left: 12px; /*Margins for inner DIV inside each DIV (to provide padding)*/

}
.leftframe{
padding-top: 22px; 
}

* html body{ /*IE6 hack*/
padding: 192px 0 36px 0; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
padding-left: 380px;
padding-right: 36px;
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}

/* table content */

.bovenkolom{
	background-image: url(../images/bovenkanttabel.gif);
	background-repeat: no-repeat;
}
.onderkolom{
	background-image: url(../images/onderkanttabel.gif);
	background-repeat: no-repeat;
}
.middenkolom{
	background-image: url(../images/middentabel.gif);
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-right: 15px;
}
.middenkolom2{
	background-image: url(../images/middentabel.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	padding-right: 15px;
}
.middenkolom ul{
	list-style-type: square;
	margin: 0;
	padding: 15;
		font: 11pt arial;
	line-height: 15pt;

}

.bovenkolomlinks{
	background-image: url(../images/bovenkanttabellinks.gif);
	background-repeat: no-repeat;
}
.onderkolomlinks{
	background-image: url(../images/onderkanttabellinks.gif);
	background-repeat: no-repeat;
}
.middenkolomlinks{
	background-image: url(../images/middentabellinks.gif);
	background-repeat: repeat-y;
	padding-left: 0px;
	padding-right: 15px;
}
.winkelwagen{
	background-image: url(../images/winkelwagenonder.gif);
	background-repeat: no-repeat;
}

.tablefill{
	background-image: url(../images/tablefill.gif);
	background-repeat: repeat-y;
}

/* button boven */

#buttontop {
z-index:5000;
position: absolute;
left: 450px;
top:35px;
}
#buttontop a {
	text-decoration: none;
	font-size: 8pt;
	color: white;
}
#buttontop table {
	display:block;
	margin:0;
	padding:5px;
	border:0;
	text-decoration:none;
}

/* menu */
#menu   {
z-index:5000;
position: absolute;
left: 230px;
top: 147px;
}

    .menu4 {
      width: 800px;
      margin: 0 0;
      padding: 0px 0px;
    }
    .menu4 ul a {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
      list-style-type: none;
    }
    .menu4 li a {
      width: 144px;
	  height: 33px;
      margin-right: 5px;
      background-image: url(../images/menu.gif);
      text-align: center;
	  line-height: 31px;
    }
    .menu4 a {
      display: block;
      width: 100%;
      text-decoration: none;
	  color: #FFFFFF;
	  text-transform: uppercase;
	  font-weight: bold;
	  letter-spacing: 3px;
	  font-size:10pt;
    }
    .menu4 a:hover {
      width: 144px;
	  height: 33px;
      background-image: url(../images/menu_over.gif);
	  background-repeat: no-repeat;
    }
    .menuselect {
      width: 144px;
	  height: 33px;
      text-align: center;
	  line-height: 31px;
      text-decoration: none;
	  color: #FFFFFF;
	  text-transform: uppercase;
	  font-weight: bold;
	  letter-spacing: 3px;
	  font-size:10pt;
      display: block;
      background-image: url(../images/menu_over.gif);
	  background-repeat: no-repeat;
      margin-right: 5px;
}
/* tekstopmaak */

h1 {
	font-family: "impressum";
	font-size: 14pt;
	font-style: italic;
	color: #b2030a;
}

p {
	font: 11pt arial;
	line-height: 15pt;
}

table {
	font: 11pt arial;
	line-height: 15pt;
}

form {
	font: 11pt arial;
	line-height: 15pt;
}
.prijs {
	font: 18pt arial;
	font-weight: bold;
	line-height: 5pt;

}
h2 {
	font: 11pt arial;
	font-weight: bold;
	line-height: 15pt;
}
.h3 {
	font: 14pt arial;
	font-weight: bold;
	line-height: 15pt;
	color: #b2030a;
}
a {
	text-decoration:none;

}
a:visited {
	text-decoration:none;

}
th {
	text-align: left;
}
img {
	border: 0;
}
#maincontent {
	left: 0;
}
#framecontentRight {
	position: 		absolute;
	left:			0;
	margin-left:	380px;
}
#framecontentLeft {
	position: 		absolute;
	left:			0;
	margin-top:		-22px;
	margin-left:	20px;
}