/*layout CSS */
body {
text-align:center; /*center hack*/
background-color:#dcf3ff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#wrap {
width:976px;
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
}
#header {
background: url(../images/newdesign_head.png) no-repeat left;
height: 185px;
} 
#sidebar {float:left;width:20%; overflow:hidden; } 
#content60 {float:left;width:60%;overflow:hidden;}
#content80 {float:left;width:80%;overflow:hidden;}
#content1 {
border-top:25px solid #43B1E8;
}
#content100 {float:left;width:100%;overflow:hidden;
background-color:#FFFFFF;
margin-top:2px;
border-top: 3px solid #ff6600;
}
#sidebar-2 {float:left;width:20%; overflow:hidden;} 
#footer {clear:both;}

/*typography*/

* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
}
#wrap{
}
#header{
}
#footer{
background:#9cdbfb none repeat scroll 0%;
color: #333333;
height:30px;
text-align:center;
width:100%;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1,.componentheading{
display:none;
}
h2,.contentheading{
}

h6{
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
.moduletable{
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ border:1px #CCC solid;
}
.moduletable h3{
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ }

.inside-100{
/*padding-left: 37px;
padding-right: 37px;
padding-top: 17px;*/
}
/*Menu Styling*/

.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
margin:0;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
background-color: #2586d7;
color: #fff;
} 
table.menu {
border:0px solid #FFFFFF;
margin:0px !important;
position:relative;
width:276px;
z-index:1;
}

div.menu a, div.menu a:visited, div.menu a:link {
}

.blauwkader{
background: url(../images/blauwkader.gif) no-repeat left;
width: 585px;
height:65px;
font-style:italic;
}
.blauwkader div{
padding: 10px;
font-size:11px;
color:#333;
}


/*stylesheet copy*/

input {
background-color:#DBF3FF;
border:medium none;
padding:4px 3px;
}
textarea {
background-color:#DBF3FF;
border:medium none;
margin:5px 0pt;
overflow:auto;
padding:5px;
}
form {
margin:0pt;
padding:0pt;
}
img {
border:medium none;
vertical-align:-3px;
}
h1 {
color:#43B1E8;
font-size:23px;
font-weight:normal;
letter-spacing:2px;
margin:0pt;
padding:0pt;
text-transform:uppercase;
}
h2 {
color:#43B1E8;
font-size:18px;
font-weight:normal;
letter-spacing:1px;
margin:0pt;
padding:0pt;
}
h3 {
color:#373737;
font-size:11px;
font-weight:bold;
margin:0pt;
padding:0pt;
text-transform:uppercase;
}
h4 {
color:#0084C6;
font-size:11px;
font-weight:bold;
margin:0pt;
padding:0pt;
text-transform:none;
}
p {
margin:15px 0pt;
}
ol, ul {
margin-bottom:10px;
margin-top:10px;
}
a {
color:#43B1E8;
font-weight:bold;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
#page {
background-color:#FFFFFF;
margin:0pt auto;
min-height:100%;
position:relative;
width:975px;
}
#content {
line-height:14px;
padding:34px 40px 20px;
}
.columnLeft {
float:left;
position:relative;
width:440px;
}
.columnRight {
float:right;
position:relative;
width:440px;
}
.columnRight2 img{
padding-bottom: 14px;
}
.columnRight2 {
float:right;
margin-left:470px;
margin-top:-530px;
position:absolute;
width:423px;
}
#overons .columnLeft {
float:left;
width:423px;
}
#overons .columnRight {
float:right;
width:423px;
}

#bestellen {
background:#DBF3FF url(../images/img006.html) no-repeat scroll right bottom;
min-height:970px;
}
#bestellen .columnLeft {
background-color:#FFFFFF;
float:left;
width:515px;
}
#bestellen .columnRight {
background-color:#FFFFFF;
float:right;
padding-bottom:15px;
width:380px;
}
#bestellen .button {
padding-left:400px;
}
#vacatures .columnLeft {
float:left;
width:550px;
}
#vacatures img {
float:right;
}
#contact .columnLeft {
background-color:#DBF3FF;
float:left;
height:280px;
width:365px;
}
#contact .columnLeft h2 {
background:#7FFF05 url(../images/bel.html) no-repeat scroll center;
height:39px;
text-indent:-5000px;
}
#contact .columnLeft p {
margin:13px;
}
#contact .columnLeft a {
color:#373737;
font-weight:normal;
text-decoration:none;
}
#contact .columnLeft a:hover {
text-decoration:underline;
}
#contact .columnRight {
float:right;
width:490px;
}

#header h1 {
left:306px;
margin:0pt;
padding:0pt;
position:absolute;
top:18px;
width:412px;
}
#header h1 a {
display:block;
height:71px;
text-indent:-5000px;
}

.blkWelkom {
background:transparent url(../images/welkom.jpg) no-repeat scroll 0%;
margin-bottom:20px;
min-height:210px;
padding-left:310px;
}
.blkBTL {
background:#DBF3FF url(../images/block/blkBTL.html) no-repeat scroll left top;
}
.blkBTR {
background:transparent url(../images/block/blkBTR.html) no-repeat scroll right top;
font-size:0pt;
height:10px;
}
.blkBBL {
background:#DBF3FF url(../images/block/blkBBL.html) no-repeat scroll left bottom;
}
.blkBBR {
background:transparent url(../images/block/blkBBR.html) no-repeat scroll right bottom;
font-size:0pt;
height:10px;
}
.blkBpad {
background-color:#DBF3FF;
font-style:italic;
padding:1px 20px;
}
.blkSep {
background:transparent url(../images/pix_b.html) repeat-y scroll 600px 0pt;
}
.blkSep .clmLeft {
border-right:1px solid #43b1e8;
float:left;
padding-right:10px;
width:585px;
}
.blkSep .clmRight {
float:right;
width:271px;
}
.blkNieuwsbrief, .blkContact {
color:#FFFFFF;
font-size:10px;
line-height:11px;
padding:0pt 10px;
width:251px;
}
.blkNieuwsbrief h2, .blkContact h2 {
left:-5000px;
position:absolute;
}
.blkNieuwsbrief a.btn, .blkContact a.btn {
margin-top:6px;
}
.blkNieuwsbrief {
background:transparent url(../images/block/nieuwsbrief_bg.html) repeat scroll 0%;
height:99px;
}
.blkNieuwsbrief p {
margin:0pt;
padding:28px 0pt 0pt;
}
.blkNieuwsbrief input {
float:left;
margin-right:5px;
margin-top:6px;
width:160px;
}
.blkContact {
background:transparent url(../images/block/contact_bg.html) repeat scroll 0%;
height:115px;
}
.blkContact p {
margin:0pt;
padding:43px 105px 0pt 0pt;
}
.blkContact input {
float:left;
margin-right:5px;
margin-top:6px;
width:80px;
}
.blkVragenformulier .fleft label {
width:58px;
}
.blkVragenformulier .fright label {
width:130px;
}
.blkVragenformulier input {
margin-right:15px;
width:250px;
}
.blkVragenformulier textarea {
height:67px;
margin:0pt !important;
width:380px;
}
#bestellen label {
clear:left;
float:left;
margin-top:3px;
width:162px;
}
#bestellen input {
margin-bottom:5px;
width:305px;
}
#bestellen textarea {
width:463px;
}
#bestellen table {
margin:3px 0pt;
}
.bgBlueWBrd {
background-color:#DBF3FF;
border:1px solid #45B1E8;
padding:10px 13px;
}
.bgBlueWBrd label {
clear:left;
float:left;
font-weight:bold;
margin-top:3px;
}
.bgBlueWBrd input, .bgBlueWBrd textarea {
background-color:#FFFFFF;
margin-bottom:7px;
}
.bgBlue a, .bgBlueBrd a {
color:#000000;
font-weight:normal;
}
.bgBlue {
background-color:#DBF3FF;
padding:13px;
}
.bgDBlue {
background-color:#43B1E8;
color:#FFFFFF;
font-weight:bold;
padding:10px 13px;
}
.bgDBlue a {
color:#FFFFFF;
text-decoration:none;
}
.bgDBlue a:hover {
text-decoration:underline;
}
.bgBlueBrd {
background-color:#DBF3FF;
border-left:13px solid #43B1E8;
margin-bottom:15px;
padding:10px;
}
.bgBlueBrd .imgright {
margin:0pt 0pt 5px 5px;
}
.bgGray {
background-color:#EDEDED;
padding:10px;
}
.product {
background-color:#DBF3FF;
height:137px;
margin-bottom:15px;
position:relative;
width: 885px;
}
.product img {
border:1px solid #6C6D6E;
float:left;
height:135px;
margin-right:13px;
width:151px;
}
.product p {
float:left;
line-height:normal;
margin:3px 0pt;
width:710px;
}
.product strong {
display:block;
margin-bottom:7px;
}
.product a.url {
background:transparent url(../images/mark2.html) no-repeat scroll 0pt 3px;
bottom:5px;
left:164px;
padding-left:15px;
position:absolute;
text-decoration:none;
}
.product a.url:hover {
text-decoration:underline;
}
.listFleft {
float:left;
width:330px;
}
ul.list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:7px 0pt;
padding:0pt;
}
ul.list li {
background:transparent url(../images/mark1.gif) no-repeat scroll left top;
line-height:17px;
margin-bottom:5px;
padding-left:23px;
}
/*.bnr500 {
padding-top:247px;
}
.bnr500 img.bnr {
left:-13px;
position:absolute;
top:0pt;
}*/
a.btn {
/*background-color:#43B1E8;
border:1px solid #DBF3FF;*/
color:#000000;
display:block;
float:left;
font-size:10px;
font-weight:bold;
padding:2px;
text-decoration:none;
text-transform:uppercase;
}
a.btn span {
background-color:#DBF3FF;
display:block;
line-height:normal;
padding:2px 4px;
white-space:nowrap;
}
.btnPanel {
background-color:#45B1E8;
color:#FFFFFF;
font-weight:bold;
height:24px;
line-height:24px;
padding:3px 15px;
}

input.radio {
background:transparent none repeat scroll 0%;
margin:0pt !important;
padding:0pt !important;
vertical-align:-8px;
width:auto !important;
}
img.map {
float:left;
margin-right:40px;
}
.txtList {
padding-left:35px;
}
.smallLogo {
background:transparent url(../images/logo_small.gif) no-repeat scroll left center;
height:26px;
padding:3px 0pt 0pt 60px;
}
.imgleft {
float:left;
margin-right:15px;
}
.imgright {
float:right;
margin-left:15px;
}
.stap1, .stap2, .stap3, .stap4, .stap5, .stap6, .stap7 {
background-position:0pt 100%;
background-repeat:no-repeat;
line-height:18px;
margin:15px 0pt 3px;
padding-left:90px;
}
.stap1 {
background-image:url(../images/01.gif);
}
.stap2 {
background-image:url(../images/02.gif);
}
.stap3 {
background-image:url(../images/03.gif);
}
.stap4 {
background-image:url(../images/04.gif);
}
.stap5 {
background-image:url(../images/05.gif);
}
.stap6 {
background-image:url(../images/06.gif);
}
.stap7 {
background-image:url(../images/07.gif);
}
.fleft {
float:left;
}
.fright {
float:right;
}
.nofloat {
clear:both;
font-size:0pt;
height:0pt;
line-height:0pt;
}
/*end stylesheet copy*/

