/**
 * @section   : Lay-out CSS
 * @project   : C'est Fini
 * @author    : Boye Oomens <boye@e-sites.nl>
 * @media     : all
 * @version   : 1.0
 */
 
/* Algemene container en logo */
#wrapper {width:882px; margin:auto; font-size:120%; padding-top:62px; position:relative;}
#wrapper .copyright {height:10px; padding:38px 0 0 0; position:absolute; bottom:-54px; right:0; text-transform:uppercase; font-size:80%; background:url(/images/logos/rated.png) no-repeat top right;}
#logo {width:171px; height:168px; display:block; text-indent:-2000em; overflow:hidden; background:url(/images/logos/cestfini.png) no-repeat top left; position:absolute; top:20px; right:1px;}

/* Hoofdnavigatie */
.nav {width:882px; height:36px; list-style:none; margin:0; background:#000; overflow:hidden;}
.nav li {display:block; float:left; margin:0;}
.nav a {height:18px; padding:9px 10px; display:inline-block; color:#ff0000; font-size:100%; text-transform:uppercase; font-style:italic; text-decoration:none;}
.nav a:hover,
.nav .active {color:#fff; background:url(/images/backgrounds/navItemHover.png) no-repeat top center;}

.subs {width:647px; margin:0 0 18px 22px; clear:left;}
.subs a {background:none;}
.subs a:hover,
.subs .active {color:#fff; background:none;}

#netlog {padding-left:26px;}
#netlog a {width:62px; height:18px; display:block; padding:9px 0; overflow:hidden; background:url(/images/logos/netlog.png) no-repeat 0 8px; text-indent:-2000em;}
#netlog a:hover {background:url(/images/logos/netlogHover.png) no-repeat 0 8px;}
#disclaimer a {color:#fff; text-transform:none; font-style:normal; font-size:110%; padding:8px 10px;}
#disclaimer .active,
#disclaimer a:hover {color:#ff0000; background:none;}

/* Background music */
#muteButton { padding-top:2px; }

/* Algemene content secties */
#content {padding:39px 0 23px 0; overflow:hidden; position:relative;}
#content h1 {text-transform:uppercase; color:#ed2427;}
#content .intro {font-weight:bold; font-size:110%;}
#content .col {width:285px; padding:0 15px 0 0; float:left;}
#content .col h2 {text-transform:none; font-size:12px; font-style:normal; font-weight:bold; font-size:12px; margin-bottom:0;}

/* Homepage wijkt af van de andere pagina's */ 
#homepage #content h1 {color:#fff;}

#leftCol {width:312px; height:390px; padding:0 22px 22px 22px; float:left; position:relative;}
#leftCol h1,
#leftCol h2,
#leftCol h3 {margin:0 0 10px 0;}

.expand #leftCol {width:618px;}
.expand #rightCol {width:171px;}

.scroll #leftCol {overflow-y:auto; overflow-x:hidden;}
.downloads #leftCol,
.beleid #leftCol {height:358px; padding-bottom:0;}

#rightCol {width:483px; height:268px; float:right; position:relative; top:158px;}
#rightCol h2 {text-transform:uppercase;}

#gallery {overflow:hidden; margin:0; list-style:none;}
#gallery li {width:193px; display:block; float:left; margin:0 17px 0 0; position:relative; overflow:hidden;}
#gallery h2 {color:#fff; font-style:normal; font-size:120%; text-align:center;}
#gallery .last h2 {padding-top:13px; clear:left;}
#gallery img {width:167px; padding:13px; margin-bottom:13px; background:#ed2427;}
#gallery .last img {margin-bottom:0; padding-bottom:0; padding-top:0;}
#gallery .wallpaper {width:83px; background:#ed2427; display:block; padding:3px 0 4px 13px; float:left;}
#gallery .right {width:84px; background:#ed2427 url(/images/misc/separator.gif) no-repeat 0 8px;}
#gallery .last .first {padding-top:13px;}
#gallery .last {margin-right:0;}

#thumbs {overflow:hidden; margin:0; list-style:none;}
#thumbs li {width:166px; height:92px; background:#ed2427; padding:13px; display:block; float:left; margin:0 10px 10px 0; position:relative;}
#thumbs .last {margin-right:0;}

/* Flash elements */
#intro {width:100%; height:100%; position:absolute; top:0; left:0; background:#000;}
#trailer {width:483px; height:268px; overflow:hidden;}

/* Formulieren */
#codeFrm label {width:auto; color:#ed2427; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:16px;}

/* Overlay */
#overlay {width:100%; height:100%; z-index:1000; position:absolute; top:0; left:0; background:#000; opacity:0.7; display:none;}
#pic {width:100%; height:100%; top:0; left:0; position:absolute; z-index:1001;}
#pic img {background:#ed2427; padding:13px; margin:100px auto 0;}