/*
	GWL Installaties CSS stijldocument // Presentatielaag
	Auteur: Boye Oomens // boye@e-sites.nl
	Versie: 1.0
*/

/* Reset de standaard browser CSS waardes. */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-size:100%;	font-family:inherit; vertical-align:baseline;}

/* Body element */
html {background:#fff;}
body {background:#fff; font:62.5%/160% Arial, sans-serif; color:#fff;}

/* Kopteksten / headings */
h1,h2,h3,h4,h5,h6 {font-weight: bold; color:#e31919; line-height:1.3;}

dl {margin-left:0; padding:0;}
dl dt {margin:0; font-weight:bold; padding:0;}
dl dd {margin:0 0 10px 0; padding:0;}

.defaultList a {line-height:2;}

/* Algemene container en header */
#container {width:995px; height:auto; position:relative; margin:17px auto; font-size:1.2em; z-index:1;}
#header {width:995px; height:111px; position:relative; z-index:96; background:url(/images/backgrounds/bg_header.png) repeat-x top left;}

/* Installateur logo */
#header h1 a {float:left; position:relative; outline:0;}

/* Partner logo's */
#header .logos {position:absolute; right:0; top:35px;}
#header .logos li {display:inline; padding-left:15px;}

/* Algemene navigatie (bovenaan) */
#nav {background:#e31919; height:30px; position:absolute; right:0; bottom:3px; width:975px; padding:0 10px 0 10px;}
#nav li {display:block; padding:0; margin:0; float:left; position:relative;}
#nav li a {color:#fff; font-weight:bold; display:block; text-align:center; padding:8px 5px 2px 5px; height:20px; text-decoration:none;}
#nav li a:hover,
#nav li a:active {color:#ccc;}
#nav li ul {width:120px; display:none; position:absolute; top:30px; background:#e31919; left:0; margin:0; padding:4px 0 5px 0; border:2px solid #000; border-top:none;}
#nav li:hover ul {display:block;}
#nav li:hover ul li ul {display:none;}
#nav li ul li:hover ul {display:block;}
#nav li ul li {padding:0; margin:0; position:relative;}
#nav li ul li a {background:#e31919; padding:3px 10px 3px 10px; width:100px; height:auto; text-align:left;}
#nav li ul li ul {width:130px; display:none; position:absolute; top:0; background:#e31919; left:120px; margin:0; padding:4px 0 5px 0; border:2px solid #FFED00;}
#nav li ul li ul li a {width:110px;}

/* Algemene content divisies */
#contentSection {width:995px; height:auto; position:relative; z-index:1; background:url(/images/backgrounds/bg_contentSection.png) repeat-y top left; overflow:hidden;}
#leftSection {width:723px; height:auto !important; background:#fff; min-height:548px; color:#000; float:left; padding:20px 20px 0 0; position:relative;}
#leftSection .mainImg {width:260px; height:424px; float:left; position:relative; margin:-20px 20px 0 0;}
#leftSection .mainContent {width:442px; float:right; position:relative; padding-bottom:20px;}
#leftSection .mainContent ul {list-style:disc; margin:0 0 10px 15px;}
#leftSection .mainContent ol {list-style:decimal; margin:0 0 10px 18px;}
#leftSection .mainContent h3,
#leftSection .mainContent h4,
#leftSection .mainContent h5,
#leftSection .mainContent h6 {font-size:14px;}
#leftSection .inleiding {font-weight:bold;}
#contentSection .listView {padding-left:20px; width:703px;}

/* Lijstweergave op de overzichtpagina's */
#leftSection .news {padding-top:10px;}
#leftSection .news li {margin:0 0 10px 0; padding:0; height:84px; display:block; overflow:hidden;}
#leftSection .news li h4 {margin:0; padding:0;}
#leftSection .news li .nieuwsImg {float:left; margin:0 8px 0 0; border:1px solid white; padding:0;}

#contentSection h2 {margin:0 0 10px 0; padding:0; color:#e31919; font-size:1.6em;}
#contentSection h3 {margin:0 0 10px 0; padding:0; color:#e31919; font-size:1.6em;}
#contentSection h4 {margin:0 0 5px 0; padding:0; color:#e31919; font-size:1.1em;}
#contentSection p {margin:0px 0 14px 0; line-height:1.6em; padding:0; font-size:1em;}
#contentSection a {color:#e31919; text-decoration:none;}
#contentSection a:hover {text-decoration:underline;}
#contentSection ul {margin:10px 0 10px 0; list-style:none; font-size:1em;}
#contentSection ul li {line-height:1.6em;}
#contentSection .left {float:left; margin:0 10px 10px 0;}
#contentSection .right {float:right; margin:0 10px 10px 10px;}

/* Rechterkant */
#rightSection {width:242px; background:#000; float:left; height:auto; position:relative; padding:20px 0 20px 10px;}
#rightSection h3 {padding:0; color:#e31919; margin:0; font-size:16px;}

/* Nieuws lijstopsomming */
#rightSection .news {padding:0; list-style:none; margin:1px 0 7px 0;}
#rightSection .news li h4 {padding:0; margin:0;}
#rightSection .news li h4 a {color:#fff; font-size:14px;}
#rightSection .news li p {padding:0; margin:0; font-size:11px;}
#rightSection .news li {padding:9px 0 9px 0; font-size:11px; margin:0; border-bottom:1px solid #e31919;}
#rightSection .news li.last {border-bottom:none;}
#rightSection .news li .nieuwsImg {float:left; margin:0 8px 0 0; border:1px solid white; padding:0;}
#rightSection .news li a {font-size:11px; color:#fff; font-weight:bold;}

/* Klanten beoordeling */
.klantenBeoordeling {padding:2px 0 5px 19px; border-bottom:1px solid #E31919;}

/* Actie box op de homepage */
#rightSection .actieContainer {background:url(/images/backgrounds/bg_actieItem.png) no-repeat top; width:224px; height:124px; margin:15px 0 15px 0;}
#rightSection .actieContainer a {width:144px; height:80px; font-size:16px; display:block; color:#fff; font-weight:bold; padding:44px 10px 0 70px;}
#rightSection .actieContainer a:hover {text-decoration:none;}

/* Productitem op de homepage */
#rightSection .productContainer {padding:15px 5px 0 0; border-top:1px solid #e31919; border-bottom:1px solid #e31919;}
#rightSection .productContainer h3 {padding:0; margin:0;}
#rightSection .productContainer h4 {padding:0; margin:10px 0 5px 0; color:#fff;}
#rightSection .productContainer h4 a {font-size:14px;}
#rightSection .productContainer p {padding:0; margin:0;}
#rightSection .productContainer a {color:#fff; font-weight:bold; font-size:11px;}
#rightSection .productContainer img.productImage {float:left; margin:0 8px 15px 0; padding:0;}

/* Footer */
#footer {clear:both; width:995px; background:url(/images/backgrounds/bg_footer.png) repeat-x top left; height:21px; padding:15px 0 0 0; color:#fff; font-size:0.8em;}
#footer address {color:#fff; font-weight:normal; font-style:normal; padding-left:10px;}
#footer a {color:#fff;}

/* Globale classes */
.small {font-size: .8em; margin-bottom: 1.2em; line-height: 1.2em;}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em;}
.hide {display:none;}
.hidden {visibility:hidden;}
.highlight {color:#EC4444 !important;}
.transparent {background: transparent;}
.noBackground {background: none !important;}
.first {margin-left:0; padding-left:0;}
.last {margin-right:0; padding-right:0;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.clearFix {clear:both;}
/* Needed for cleanUpContent fix */
p.text-align-left {text-align:left;}
p.text-align-right {text-align:right;}
p.text-align-center {text-align:center;}
p.text-align-justify {text-align:justify;}

img.text-align-left {float:left; margin:4px 10px 4px 0;}
img.text-align-right {float:right; margin:4px 0 4px 10px;}