/*
| -------------------------------------------------------------------
| FILENAME:			a4metvaart.nl.css
| DESCRIPTION:		Default Style Sheet
| CREATED:			01/01/2009
| INITIAL AUTHOR:	Elma Smit, Ronald ter Neuzen, Martijn ter Hellen
| UPDATED BY:		Elma Smit, 01/01/2009
| 
| Copyright (c) 2009 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| Basic colors used for website:
|
| rood: #663333;
| - teksten
| rood: #660000;
| blue: #33ccff;
| green: #66cc33;
| geel: #ffcc33;
| -------------------------------------------------------------------
*/

body { background-color: #663333; }

#page { margin: 125px auto 0 auto; }

#page h2
{
	font-family: Arial Black;
	color: #ffcc33;
	font-size: 250%;
	text-transform: lowercase;
}

/* 
	Header
*/

#header #logo h1 { margin: 0px; }

#header #logo h1 a
{
	display: block;
	margin: 0 0 0 0px;
	width: 420px;
	height: 50px;
	background-image: url('../gui/heading.een-plan-uit-de-polder.gif');
}

#header .cartoon { position: absolute; right: 30px; top: 8px; width: 166px; border-right: 6px solid #ffcc33;height: 70px; padding: 0px 7px 0 0;}


/* 
	banners
*/

/*.banner#film h4 a*/
#film h4 a
{
	height: 80px;
	display: block;
	width: 300px;
	background-image: url('../gui/banners/home.film.gif');
}

/*.banner#zet-hier-uw-handtekening*/
#zet-hier-uw-handtekening
{
	float: right;
	width: 300px;
}

/*.banner#zet-hier-uw-handtekening h4 a*/
#zet-hier-uw-handtekening h4 a
{
	height: 50px;
	width: 300px;
	display: block;
	background-image: url('../gui/banners/home.zet-hier-uw-handtekening.gif');
	background-repeat: no-repeat;
}

/* 
	Fading images
*/

#a4metvaart-visual div { float: left; }

#a4metvaart-visual div.images
{
	width: 283px;
	height: 208px;
}

#a4metvaart-visual div.images img { display: none; }

#a4metvaart-visual div.setB,
#a4metvaart-visual div.setC
{
	padding: 0 4px 4px 0;
	background-image: url('../gui/home/shadow.background.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}

#a4metvaart-visual div.plus,
#a4metvaart-visual div.is
{
	width: 25px;
	height: 208px;
}

#a4metvaart-visual div.plus { background-image: url('../gui/home/plus.background.gif'); }
#a4metvaart-visual div.is { background-image: url('../gui/home/is.background.gif'); }

/* 
	Navigation
*/

#navigation h2
{
	width: 150px;
	float: left;
	padding: 0px;
	margin: 0px;
	font-family: 'Arial Narrow', Arial Black, Arial;
	color: #ffcc33;
	font-size: 48px;

}

#navigation h2 a
{
	text-decoration: none;
	color: #ffcc33;

}


	#navigation h2:after { content: " / "; }



#navigation div.nav
{
	width: 530px;
	float: left;
	overflow: hidden;
}

#navigation
{
	background-image: url('../gui/logos/a4-met-vaart.gif');
	background-position: right top;
	height: 60px;
	background-repeat: no-repeat;
}

#navigation ul
{
	float: right;
	padding: 15px 0 0 0;
}

#navigation ul li.kwc-overzichtskaart a { color: #fff; display: none;}

#navigation ul li a { color: #fff; }