/**
 * @section   : Lay-out CSS
 * @project   : A.J. Loots installatiebedrijf
 * @author    : Boye Oomens <boye@e-sites.nl>
 * @media     : all
 * @version   : 1.1
 */
 
/* Main wrapper and header */
#leftSide {background:#0053A0; position:absolute; z-index:1; width:50%; min-height:100%; top:0; left:0;}
#container {width:100%; position:relative; z-index:10; background:transparent url(/images/backgrounds/header.png) repeat-x 0 0;}
#innerWrapper {width:995px; margin:auto; font-size:120%; background:#fff url(/images/backgrounds/container.png) repeat-y 0 166px; position:relative; z-index:10;}
#header {width:995px; height:166px; position:relative; background:transparent url(/images/backgrounds/header.png) repeat-x 0 0;}
#logo {width:188px; height:103px; position:relative; top:36px; left:30px; display:block; overflow:hidden; text-indent:-9999em; background:url(/images/logos/ajloots.png) no-repeat 0 0;}

/* Main navigation */
#nav {width:769px; font-size:120%; padding:0 0 0 226px; top:21px; margin:0; position:relative; z-index:10;}
#nav li {display:block; margin:0; position:relative;}
#nav a {display:inline-block; padding:9px 10px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#9f9f9f;}
#nav .active,
#nav a:hover {color:#0053a0;}

/* Main content sections */
#leftColumn {width:221px; min-height:50px; float:left;}
#content {width:995px; overflow:hidden;}
#main {width:497px; padding:20px 30px; float:left;}
#main .mainImg {margin-bottom:10px;}

/* Sidebar */
#sidebar {width:177px; padding:20px; float:left;}
#sidebar .sidebarTitle {}

/* Subnav */
.subNav {width:214px; list-style:none; margin:0; padding:0; font-size:120%;}
.subNav li {width:214px; padding:0; margin:0; display:block;}
.subNav a {width:174px; color:#fff; text-decoration:none; font-weight:bold; padding:7px 20px; text-align:right; display:block; background:url(/images/backgrounds/subNavItem.png) no-repeat bottom left;}
.subNav .active,
.subNav a:hover {color:#ffd800;}

.subsubs {margin:0; padding:5px 0; list-style:none; background:url(/images/backgrounds/subNavItem.png) no-repeat bottom left}
.subsubs a {background:none; font-weight:normal; padding:5px 20px;}

/* Default contentblock */
.contentBlock {width:177px; padding:20px; background:url(/images/backgrounds/marked.png) repeat-y 0 0; color:#000; margin:0 0 0 -27px;}
.contentBlock h4 {font-size:100%;}
.contentBlock h4 a {color:#000; text-decoration:none;}
.contentBlock .thumb {width:80px; height:80px; float:left; display:block; margin:0 10px 0 0;}
.contentBlock .more {color:#000;}
.contentBlock .subTitle {color:#000; font-size:180%; margin-bottom:10px; line-height:1.1;}

/* Standard listview */
.listView {list-style:none; margin:0; padding:0;}
.listView li {margin-bottom:20px;}
.listView h3 {font-size:110%;}
.listView h3 a {text-decoration:none; color:#0053a0;}
.listView h3 a:hover {text-decoration:underline;}
.listView a {color:#5b5d60;}

/* Footer */
#footer {width:497px; padding:20px 30px; border-top:1px solid #e5e5e5; margin:0 0 0 -37px;}

#besp {width:150px; display:block; margin-top:20px;}