/* 
Yes2web Standaard CSS - V 20070801 
Site.css Bevat alle elementen voor de opmaak van de website, exclusief de opmaak die door TinyMCE gebruikt kan worden.
*/

/*
Ketel 1 Red
@author: Rick Stoopman
@version: 20080618
*/

body, #publerBody {
	text-align: center;
	margin:0; padding:0;	
	letter-spacing:1px;
}
		
#container {
	position:relative;
	width:710px;		/* Page width */
	margin:0 auto; 	/* First one for top spacing, second one for center alignment */
	text-align: left;	/* IE undo center alignment */
}
#header {
	background: url(../../images/ketel1red/backgrounds/loading.gif) no-repeat top left;
	height: 400px;
	width:710px;
	margin:0;
	display:block;
	padding:0;
	overflow:hidden;
	text-align:left;
}
#header object, #header object embed{ margin:0; padding:0; border:none; overflow:hidden; width:710px; height:400px;}


div#main { margin-top: 50px; height:1%;}
div#wrapper {float:left;width:100%;} /* workaround */
div#contents {
	margin: 0 230px 35px 0;	/*Geef de margins zo breed als de columns */
	padding:0 60px 0 10px;
}
div#navigation {
	position: absolute;
	top: 100px;
	width: 100%;
	height: 21px;
	top:400px;
}
	#navigation ul{
		list-style-type:none;
		margin:0; padding:0;
		}
		#navigation ul li{
			float:left;
			width:142px;
			display:block;
			background: url(../../images/ketel1red/menu/base-li.jpg) no-repeat 0px 0px;
			}
		#navigation ul li.first{
			width:143px;
			background: url(../../images/ketel1red/menu/first-li.jpg) no-repeat 0px 0px;
			}
		#navigation ul li.last{
			width:141px;
			background: url(../../images/ketel1red/menu/last-li.jpg) no-repeat 0px 0px;
			}
			#navigation ul li a{
				text-align:center;
				color:white;
				font-size:11px;
				display:block;
				width:142px;
				height:19px;
				padding-top:2px;
				text-decoration:none;
				text-transform:uppercase;
				}
			#navigation ul li.first a{ width:143px;}
			#navigation ul li.last a{ width:141px;}
		#navigation ul li.selected{
			background-position:0px -42px;
			}
		#navigation ul li.hover, #navigation ul li:hover{
			background-position:0px -21px;
			}
		
div#sub-navigation{
	float:left;
	width:230px;				/* De breedte + padding + border + margin moet even breed zijn als de margins van de contents */
	margin-left:-230px; 	/* Zo breed als de column */
}
#sub-navigation div.blokkie, #sub-navigation div.blokkie2{	
	width:214px; height:44px;	
	background: url(../../images/ketel1red/backgrounds/newsletter.jpg) no-repeat top left;
	text-align:center;
	margin-bottom:10px;
	padding:8px;
	}
#sub-navigation div.blokkie2{	
	padding-top:15px;
}
	.blokkie p{
		color:#e0001b;
		font-size:11px;
		padding:0; margin:0;
		text-transform:uppercase;
		letter-spacing:0.1em;
	}
	.blokkie input{
		border: 1px solid #e6e6e6;
		margin-top:4px; padding:2px;
		height:16px;
		width:184px;
		float:left;		
		}
	.blokkie button {
		border:none;
		margin-top:4px;
		background: url(../../images/ketel1red/buttons/input.jpg) no-repeat top left;
		text-indent:-5555px;
		height:22px; width:22px;
		cursor:pointer;
		float:left;
		}
	div#sub-navigation div.centered p#txt-msg{
		margin-top:15px;
	}
div#footer{
	background: url(../../images/ketel1red/backgrounds/footer-bg.jpg) no-repeat top left;
	height:83px;
	clear:left;width:100%;
	}
	div#footer p{
		float:right;
		margin-top:37px;
		text-transform:uppercase;
		font-size:9px;
		}
	div#footer p a, div.footer p a{
		text-decoration:none;
		color:#000;
		}
	div#footer a.logo, div.footer a.logo{
		float:left;
		margin-right:24px;
		width:84px;
		height:48px;
		text-indent:-5555px;
		display:block;
	}
		
div.footer{
	background: url(../../images/ketel1red/backgrounds/footer-bg.jpg) no-repeat top left;
	height:83px;
	width:710px;
	margin:0 auto;
	}
	div.footer p{
		float:right;
		margin-top:36px;
		margin-right:-5px;
		*margin-right:-3px;
		width:170px;
		text-transform:uppercase;
		font-size:9px;
		}	

		/* Age Check */
		
		div#age-check-box{
			z-index:99;
			width:710px;
			height:600px;
			margin: 0 auto 20px auto;
			text-align:center;
			display:block;
			background: url(../../images/ketel1red/backgrounds/age-check-bg.jpg) no-repeat top left;
			}
			
		div#age-check-box ul{
			list-style-type:none;
			position:absolute;
			top:360px;
			margin-left:230px;
			*margin-left:-124px;
		}
		
		div#age-check-box ul li{
			float:left;
			margin-right:28px;
			width:110px;
			display:block;			
		}