/* ---- crumbar ---- */
.hr {
border-top:1px solid #cdcdcd;
padding-top:10px;
}
#crumbar {
overflow:hidden;
width:100%;
}
#crumbar ul {
list-style:none;
}
#crumbar li {
float:left;
font-size:11px;
}
#crumbar li a {
background:url(../images/li_arrow.gif) right 6px no-repeat;
margin-right:7px;
padding:0 10px 0 0;
text-decoration:underline;
}
/* ---- end of crumbar ---- */


#content h4, #content h5, #content p, #content ol, #content ul {
margin-bottom:12px;
}
#content .module h1 {
font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content .module h2 {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content .module h3 span, #content .module h3 strong {
font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content .module h3 {
overflow:hidden;
width:640px;
}
#content .module h3 span {
display:block;
float:left;
margin-right:2px;
}
#content .module h3 strong {
display:block;
float:left;
}

#content .module p {
line-height:140%;
}
#content ul {
list-style:none;
}
#content ul li {
background:url(../images/star.gif) 8px 7px no-repeat;
padding-left:20px;
line-height:140%;
}

/* ---- 3col ---- */
#col-sections {
width:644px;
}
#col1, #col2, #col3 {
overflow:hidden;
float:left;
width:204px;
padding-right:10px;
}
* html #col1, * html #col2, * html #col3 {
width:214px;
}
#col-sections .module h1 {
font:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#col-sections .module h2 {
font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#col-sections .module h3 span, #col-sections .module h3 strong {
font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#col-sections ul {
margin-bottom:12px;
}
#col-sections .module p {
line-height:140%;
}
#col-sections ul {
list-style:none;
}
#col-sections ul li {
background:url(../images/star.gif) 8px 7px no-repeat;
padding-left:20px;
line-height:140%;
}
/* ---- end of 3col ---- */

/* ---- content mailform ---- */
#content .csc-mailform, #content .tx-powermail-pi1 fieldset{
border:none;
}
#content .tx-powermail-pi1 legend {display:none}
#content .csc-mailform-field,#content .tx-powermail-pi1 {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
#content .csc-mailform label, #content .tx-powermail-pi1 label {
display:block;
width:500px;
font:bold 13px Arial, Helvetica, sans-serif;
padding-bottom:2px;
}
#content .csc-mailform input, #content .csc-mailform textarea, #content .tx-powermail-pi1 input, #content .tx-powermail-pi1 textarea {
border:none;
padding:2px 4px 3px;
}
#content .csc-mailform input, #content .csc-mailform textarea {
clear:left;
float:left;
}

#mailformbedrijfsnaam, #content .tx-powermail-pi1 .powermail_text,#content .tx-powermail-pi1 .powermail_captcha{
width:362px;
height:17px;
background:url(../images/input_mailformVoorletters.gif) left top no-repeat;

}
#mailformnaam {
width:362px;
height:17px;
background:url(../images/input_mailformVoorletters.gif) left top no-repeat;
}
#mailformtel {
width:362px;
height:17px;
background:url(../images/input_mailformVoorletters.gif) left top no-repeat;
}
#mailformwoonplaats {
width:362px;
height:17px;
background:url(../images/input_mailformAchternaam.gif) left top no-repeat;
}
#mailformemail {
width:362px;
height:17px;
background:url(../images/input_mailformemail.gif) left top no-repeat;
}
#mailformomschrijving, #content .tx-powermail-pi1 textarea{
width:582px;
height:93px;
background:url(../images/input_mailformomschrijving.gif) left top no-repeat;
}
* html #mailformbedrijfsnaam. #content .tx-powermail-pi1 input {
width:370px;
height:22px;
}
* html #mailformnaam {
width:370px;
height:22px;
}
* html #mailformtel {
width:370px;
height:22px;
}
* html #mailformwoonplaats {
width:370px;
height:22px;
}
* html #mailformemail {
width:370px;
height:22px;
}

* html #mailformomschrijving {
width:590px;
height:98px;
}

#content #mailformformtype_mail {
width:99px;
height:20px;
border:none;
background:url(../images/bg_submit_blank.gif) left top no-repeat;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
margin-top:2px;
}
/* ---- end of content mailform ---- */

/* ---- login mailform ---- */
#content #mailformuser {
width:362px;
height:17px;
background:url(../images/input_mailformVoorletters.gif) left top no-repeat;
}
#content #mailformpass {
width:362px;
height:17px;
background:url(../images/input_mailformVoorletters.gif) left top no-repeat;
}
* html #mailformuser {
width:370px;
height:22px;
}
* html #mailformpass {
width:370px;
height:22px;
}
#content #mailformsubmit, #content .tx-powermail-pi1 .powermail_submit,#content .tx-powermail-pi1 input.tx-powermail-pi1_confirmation {
width:99px;
height:20px;
border:none;
background:url(../images/bg_submit_blank.gif) left top no-repeat;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
margin-top:2px;
}
/* ---- end of login mailform ---- */

#leftsection #portfolio .module {
position:relative;
overflow:hidden;
width:322px;
height:120px;
float:left;
background:url(../images/content_portfolio.jpg) right bottom no-repeat;
padding-bottom:10px;
}
#portfolio .module .csc-header {
position:absolute;
right:14px;top:0;
width:300px;
height:30px;
padding:5px 0 0;
margin:0 0 10px 0;
}
#portfolio .module .csc-header h1 {
font-size:17px;
}
#leftsection #portfolio .module h2 {
position:absolute;
right:14px;top:28px;
font-size:14px;
text-align:right;
visibility:visible;
}
#leftsection #portfolio a.external-link-new-window {
position:absolute;
right:14px;top:80px;
width:139px;
height:21px;
display:block;
text-align:right;
font-size:12px;
font-weight:bold;
color:#82c4da;
background:url(../images/button_portfolio.jpg) left 1px no-repeat;
}
#leftsection #portfolio a.external-link-new-window img {
display:none;
}