#checklist-nav { overflow : hidden; padding-left : 14px; background-color : #FFF; }

#checklist-nav a,
#checklist-nav span#active { margin-right : 1px; padding : 1px 3px; line-height : 48px; font-size : 11px; font-family : Arial; }

#checklist-nav span.stapnr { margin-right : 3px; display : inline-block; width : 13px; height : 13px; background : url("../../../content/stylingontwerp/img/bol_oranje.gif") center center no-repeat; }
#checklist-nav span.stapnr span { padding-left : 4px; color : #FFF; font-weight : bold; }
#checklist-nav span#active { color : #555; }


#checklist-nav span#active span.stapnr { margin-right : 3px; display : inline-block; width : 13px; height : 13px; background : url("../../../content/stylingontwerp/img/bol_grijs.gif") center center no-repeat; }
#checklist-nav span#active span.stapnr span { padding-left : 4px; color : #555; font-weight : bold; }

#bolwit { position : absolute; z-index : 0; top : 30px; left : 30px; width : 61px; height : 61px; line-height : 61px; font-size : 400%; font-weight : bold; color : #F66835; }
#bolwit span { padding-left : 13px; }

div[id=visual] #bolwit { background-image : url('../../../content/stylingontwerp/img/bol_61px_wit_trans.png'); background-repeat : no-repeat; }
#bolwit { filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../content/stylingontwerp/img/bol_61px_wit_trans.png', sizingMethod='crop'); }

#visual { margin-bottom : -3px; }
div[id=visual] { margin-bottom : 0px ! important; }


/* SIDEBAR ITEMS */

.side-item { padding-right : 14px; }
.side-item .head { padding-top : 14px; color : #FFF; font-weight : bold; font-size : 140%; }

#side-item-01 { background-image : url("../../../content/stylingontwerp/img/checklist_sidebar_bg01.gif"); height : 120px; padding-left : 10px; }
#side-item-02 { background-color : #C0BFBF; height : 110px; padding-left : 10px; }
#side-item-02 form { margin-top : 10px; }
#side-item-02 label, #postcode, #postcodebutton { float : left; }
#side-item-02 label { line-height : 16px; }
#side-item-02 #postcode { border : 1px solid black; height : 13px; width : 51px; font : 12px arial, sans-serif; margin : 0 10px 0 10px; }
#side-item-02 #postcodebutton { border : 1px solid white; padding : 0; width : 48px; background-color : #1860AB; height : 17px; line-height : 16px; font : bold 100% arial, sans-serif; color : white; }

#side-item-03 { height : 100px; padding : 0 10px 0 10px; background-color : #CECCCC; }
#side-item-03 img { margin : 5px 0 0 0px; }
#side-item-03 p { margin-bottom : 5px; }

#side-item-04 { background : #F8F8F8 url('../../../content/stylingontwerp/img/architect.jpg') top right no-repeat; height : 125px; padding : 0px; cursor : hand; margin : 0px; text-decoration : none; }
#side-item-04 p { padding : 5px 95px 5px 10px; }



/* STYLEGUIDE */




#styleguide-nav { overflow : hidden; padding-left : 14px; height : 48px; background-color : #FFF; }
#styleguide-nav a,
#styleguide-nav span { margin-right : 12px; padding : 1px 3px; line-height : 48px; }
#styleguide-nav span { color : #555; }




/* obsolete */
.body { margin-right : 14px; margin-left : 14px; padding-bottom : 20px; }
.body h1,
.body h2,
.body h3,
.body p { padding-right : 0px ! important; padding-left : 0px ! important; }
.body h2 { font-size : 120%; font-weight : bold; margin : 0px 0px 20px 0px; padding-top : 20px; }
.body h3 { margin : 20px 0px -4px 0px; font-weight : bold; }