/*/
 * 
 * Cascading Style Sheet
 * 
 * Creator: Peter Mudde
 * Website: Mudah.nl
 * 
/*/


/* ELEMENTEN */
* {
margin:0; 
padding:0;
} 

a img {
border:0;
}
p {
margin-bottom:15px;
}
li {
margin-left:15px;
}
h2 {
color:#0b50a6;
font-size:25px;
margin-bottom:18px;
}
h3 {
color:#0b50a6;
font-size:16px;
margin:6px 0px 4px 20px;
}
hr {
width:auto;
height:1px;
margin:15px 0px;
border:none;
border-top:1px solid #bababa;
}

.break{
clear:both;
}
.icon {
width:65px;
height:80px;
float:left;
margin:15px 15px 5px 0px;
}
.icon-big {
width:65px;
height:80px;
float:left;
margin:15px 32px 5px 20px;
}

/* BASIS */
html, body{
text-align:center;
background:#fff;
font-family:Calibri, "Times New Roman", Arial;
}

#box {
width:942px;
margin:0 auto;
text-align:left;
}

/* HEADER */
#logo {
width:238px;
height:18px;
margin:21px 0px 5px 2px;
background:url(../images/logo.png) no-repeat;
}

#menu {
height:25px;
padding-left:40px;
background:url(../images/bg_menu.png) repeat-x;
border:1px solid #080808;
}
#menu a {
text-decoration:none;
}
#menu td {
height:auto;
text-align:center;
}

#banner {
width:942px;
height:297px;
margin-top:5px;
background:url(../images/banner_home.png) no-repeat;
}

/* CONTENT 1  */
#cl-box {
width:911px;
height:auto;
min-height:81px;
margin:24px auto 20px auto;
padding-top:15px;
background:url(../images/cl_top.png) no-repeat;
}

#cl {
width:839px;
height:auto;
min-height:81px;
padding:10px 35px 25px 35px;
border-left:1px solid #c4c3c3;
border-right:1px solid #c4c3c3;
font-size:12px;
line-height:14px;
}
#cl-down {
width:911px;
height:18px;
background:url(../images/cl_down.png) no-repeat;
}

#cl #kolom1 {
width:456px;
height:auto;
float:left;
}

#cl #kolom2 {
width:335px;
height:auto;
margin-left:40px;
float:left;
}

.lees-meer a {
font-weight:bold;
margin-left:265px;
text-decoration:none;
color:#000;
}

/* CONTENT 2 */
#sm-box {
width:189px;
height:auto;
min-height:81px;
float:left;
margin:24px 0px 20px 27px;
background:url(../images/sm_top.png) no-repeat;
}

#sm {
width:167px;
height:auto;
min-height:81px;
padding:15px 0px 0px 20px;
border-left:1px solid #c4c3c3;
border-right:1px solid #c4c3c3;
}
#sm a {
color:#424242;
font-size:13px;
text-decoration:none;
}
#sm a:hover {
text-decoration:underline;
}

#sm-down {
width:189px;
height:16px;
background:url(../images/sm_down.png) no-repeat;
}

#cs-box {
width:674px;
height:auto;
min-height:81px;
float:left;
margin:24px 0px 0px 27px;
padding-top:15px;
background:url(../images/cs_top.png) no-repeat;
}

#cs {
width:622px;
height:auto;
padding:10px 25px 5px 25px;
border-left:1px solid #c4c3c3;
border-right:1px solid #c4c3c3;
font-size:12px;
line-height:14px;
}

#cs a {
color:#000000;
text-decoration:none;
}

#cs a:hover{
color:#000000;
text-decoration:underline;
}

#cs-down {
width:674px;
height:18px;
margin-bottom:20px;
background:url(../images/cs_down.png) no-repeat;
}

#cs #kolom1 {
width:100px;
height:auto;
float:left;
}
/*#cs #kolom1 img {
margin:38px 0px 7px 0px;
padding:18px;
border:1px solid #c4c3c3;
}*/
#cs #kolom1 #bedrijfslogo {
width:105px;
height:65px;
text-align:center;
margin:38px 0px 7px 0px;
padding:20px 0px;
border:1px solid #c4c3c3;
}

#cs #kolom1 a { color:#454545; font-size:12px; text-decoration:none; }

#kolom1 a { color:#000; font-size:12px; text-decoration:none; }

#cs #kolom1 a:hover { color:#454545;  }

#kolom1 a:hover { color:#454545; }

#cs #kolom2 {
width:480px;
height:auto;
margin-left:40px;
float:left;
}