* {font-family: Lucide Grande, Tahoma, Arial, sans-serif}

body {margin: 20px 0 0 0; padding: 0; background: #fff}

#maincontainer {width: 905px; margin: 0 auto}

#topsection {margin-bottom: 2px}

#logo {width: 905px; margin-bottom: 20px}

#mainmenu {font-size: 12px; width: 905px; height: 30px; line-height: 30px; background: #8db732; margin-bottom: 2px}
#mainmenu .menuitems {float: left; height: 30px; line-height: 30px; margin-left: 10px}
#mainmenu .menuitems a {color: #fff; font-weight: bold; text-decoration: none}
#mainmenu .menuitems a:hover {color: #fff; font-weight: bold; text-decoration: underline}
#mainmenu .menuitems a.active {color: #000; font-weight: bold; text-decoration: none}
#mainmenu .menuitems a.active:hover {color: #000; font-weight: bold; text-decoration: underline}

#mainmenu .menuicons {padding: 8px 0 0 6px; height: 30px !important; height: 22px; line-height: 0px; font-size: 0; margin: 0 0 0 808px; border-left: 2px solid #fff}

#submenu {font-size: 11px; padding: 5px 0 5px 0} 
#submenu a {color: #444; font-weight: normal; text-decoration: none}
#submenu a:hover {color: #444; font-weight: normal; text-decoration: underline}
#submenu a.active {color: #222; font-weight: bold; text-decoration: none}
#submenu a.active:hover {color: #222; font-weight: bold; text-decoration: underline}


.breadcrumbs {font-size: 11px; padding: 5px 0 5px 0} 
.breadcrumbs a {color: #fff; font-weight: normal; text-decoration: none}
.breadcrumbs a:hover {color: #fff; font-weight: normal; text-decoration: none}

#contentwrapper {float: left; width: 905px}

#contentcolumn {height: 400px; margin: 0 97px 0 301px; overflow: auto; background: #e9e9e9 !important}

.innertube {line-height: 17px; font-size: 12px; color: #555; padding: 20px; font-family: "Lucida Grande", Tahoma, Arial, sans-serif}
.innertube h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; margin: 0 0 15px 0}
.innertube a {color: #e9701a; font-weight: normal;}
.innertube a:hover {}
.innertube ul {list-style-type: square; margin-top: 5px; margin-bottom: 5px}
.innertube ul li {}

.innertube ol {margin: 0; padding: 0 0 0 15px}
.innertube ol li {margin: 0 0 5px 0}

span.tegels {display: block}
span.tegels ul {list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 5px}
span.tegels ul li {float: left; width: 135px; text-transform: capitalize; margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url(../images/bullet-listitem.gif) no-repeat 0 5px}

span.natuursteen {display: block}
span.natuursteen ul {list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 5px}
span.natuursteen ul li {float: left; width: 220px; text-transform: capitalize; margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url(../images/bullet-listitem.gif) no-repeat 0 5px}

span.sanitair {display: block}
span.sanitair ul {list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 5px}
span.sanitair ul li {float: left; width: 135px; text-transform: capitalize; margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url(../images/bullet-listitem.gif) no-repeat 0 5px}

.innertube .homeintro   {display: block; font-size: 13px; margin-bottom: 10px}
.innertube .homeitem h3 {font-size: 12px; margin: 15px 0 0 0}
.innertube .homeitem    {font-size: 12px}

#leftcolumn {float: left; width: 301px; margin-left: -905px; background: #fff}

#rightcolumn {float: left; width: 95px; margin-left: -95px; background: #3d2923}

#footer {font-size: 11px; color: #222; clear: left; width: 100%; background: #fff; text-align: left; padding: 10px 0}
#footer .addressinfo {float: left}
#footer .addressinfo a {color: #222; text-decoration: none}
#footer .addressinfo a:hover {color: #9dbf4c; text-decoration: none}

#footer .madeby {color: #222; float: right}
#footer .madeby a {color: #222; text-decoration: none}
#footer .madeby a:hover {color: #9dbf4c; text-decoration: none}

.children {background: #222; padding: 5px; width: 150px; float: right; margin: 0 0 8px 8px}
.children h3 {font-size: 11px; margin: 0 5px 5px 5px; padding: 0 5px 5px 5px; border-bottom: 1px solid #000}
.children a {color: #9dbf4c; font-weight: normal; text-decoration: none}
.children a:hover {color: #fff; font-weight: normal; text-decoration: none}
.children ul {list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 10px}
.children ul li {margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url(../images/bullet-listitem.gif) no-repeat 0 6px}