/**
 * @section   : Global CSS
 * @project   : C'est Fini
 * @author    : Boye Oomens <boye@e-sites.nl>
 * @media     : all
 * @version   : 1.0
 */

/* Onderlinge standaard browserwaardes resetten */
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; font-weight:normal;}

/* html + body element */
html {background:#000; height:100%;}
body {background:#000 url(/images/backgrounds/movie.jpg) no-repeat center top; font:normal 62.5%/1.5 Trebuchet MS, sans-serif; color:#fff; height:100%;}

/* Verschillende backgrounds */
#homepage {background:#000 url(/images/backgrounds/homepage.jpg) no-repeat center top;}
#main {background:#000 url(/images/backgrounds/movie.jpg) no-repeat center top;}
#synopsis,
#cast-crew,
#making-off,
#downloads {background:#000 url(/images/backgrounds/downloads.jpg) no-repeat center top;}
#movie {background:#000 url(/images/backgrounds/movie2.jpg) no-repeat center top;}
#cannabisgebruiker {background:#000 url(/images/backgrounds/cannabisgebruiker.jpg) no-repeat center top;}
#colofon {background:#000 url(/images/backgrounds/colofon.jpg) no-repeat center top;}
#nederlandse-wetgeving {background:#000 url(/images/backgrounds/nederlandse-wetgeving.jpg) no-repeat center top;}
#beleid-per-gemeente,
#beleid-per-gemeente-terneuzen,
#beleid-per-gemeente-roosendaal,
#beleid-per-gemeente-bergen-op-zoom {background:#000 url(/images/backgrounds/beleid-per-gemeente.jpg) no-repeat center top;}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:bold; font-style:italic;}

/* Paragrafen */
p {margin:0 0 1.2em 0;}

/* Hyperlinks */
a {color:#fff; text-decoration:underline; font-weight:bold;}
a:focus,
a:hover {color:#fff; text-decoration:none;}
a img {border:none;}

/* Afbeeldingen */
img {border:none; margin:0; padding:0; display:block;}

/* Lijst opsommingen */
li ul,
li ol {margin:0 0 0 1em;}
ul, ol {margin:0 0 1.2em 1.2em; padding:0;}

ul {list-style-type:disc;}
ol {list-style-type:decimal;}

/* Semantische elementen */
strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0;}

/* Formulier elementen & cross-browser styling */
form {margin:1em 0; padding:0; border:none;}
form br {clear:left;}
fieldset {margin:0 0 1.5em 0; border:none;}
legend {font-weight:bold; border:none; display:none;}
label {display:block; font-weight:normal; cursor:pointer; float:left; margin-top:0.9em; width:110px;}
input,
textarea,
select {margin:0.5em 0 0 0; padding:0.5em; border:1px solid #fff; color:#000; font:1em Trebuchet MS, sans-serif; width:180px;}
select {height:29px;}
select,
input.submit {width:234px;}
textarea {height:100px;}

input:focus,
textarea:focus,
select:focus {background:#ccc;}

input.radio,
input.checkbox {position:relative; width:auto !important; height:auto !important; margin-top:1em; background:none !important; border:none;}
input.radio {float:left;}
input.submit {margin-left:110px;}
label.rightLbl {width:auto; margin:0.85em 1em 0 0.5em;}

/* Standaard horizontale lijstopsomming */
ul.horizontal li {list-style-type:none; display:inline;}

/* Alternative flash content */
div.flashObjPlaceholder {display:none;}

/* Avoiding DOM flickering */
#hasJS .hideIfJS {display:none;}

/* Globale classes */
.hide {display:none;}
.center {margin:auto;}
.highlight {color:red;}
.error {color:red; border:1px solid;}
.transparent {background:transparent;}
.noBg {background:none;}
.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;}
.inline {display:inline;}

.clear {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}

.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;}

.noPadding {padding:0;}
.noIndent {margin-left:0; padding-left:0;}
.noBullet {list-style:none; list-style-image:none;}

/* Nodig voor cleanUpContent fix */
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}
.text-align-justify {text-align:justify;}