/**
 * @section   : Global CSS
 * @project   : Meppelink Thuis in warmte
 * @author    : Boye Oomens <boye@e-sites.nl>
 * @media     : all
 * @version   : 2.0
 */

/* CSS reset */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,
h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {margin:0; padding:0;}

/* html + body element */
html {background:#fff; height:100%;}
body {height:100%; background:#fff;}
body {font:normal 62.5%/1.5 Arial, sans-serif; color:#666;}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-size:100%; color:#e51b24;}

/* Paragraphs */
p {margin:0 0 1.2em 0;}
p img {float:left; margin:0 10px 10px 0;}

/* Hyperlinks */
a {color:#e51b24; text-decoration:underline; font-weight:bold;}
a:hover {color:#e51b24; text-decoration:none;}
a img {border:none;}

/* Images */
img {border:none; margin:0; padding:0; display:block;}

/* Lists */
li ul,
li ol {margin:0 0 0 1em;}
ul {margin:0 0 1.2em 1.2em; padding:0;}
ol {margin:0 0 1.2em 1.5em; padding:0;}

ul {list-style-type:disc;}
ol {list-style-type:decimal;}

dl {margin-left:0; padding:0;}
dl dt {margin:0; font-weight:bold; padding:0;}
dl dd {margin:0 0 10px 0; padding:0;}

/* Specific semantic elements */
strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0;}
address {font-style:normal;}
hr {border:none 0; border-top:1px solid #ccc; width:100%; height:1px; clear:left}
blockquote {padding:0 20px; margin:0; font-style:italic;}
del {text-decoration:line-through;}

/* Tables */
table caption {display:none;}

/* Global classes */
.clear {clear:both;}
p.inleiding {font-weight:bold;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}

.imgLeft {float:left; margin:4px 10px 4px 0;}
.imgRight {float:right; margin:4px 0 4px 10px;}

/* 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;}


