/*
Sake - http://www.sakeinformatiecentrum.nl/
@author: Yes2web
@version: 20081125
*/

/* General styling
**********************************/
body, #publerBody {
	text-align: center; /* Center the contents for IE */
	margin:0;
	padding:0;
	background-color: #000000;
	}

#container {
	position:relative;
	width:970px;		/* Page width */
	margin:0 auto 50px auto; 		/* First one for top spacing, second one for center alignment */
	text-align: left;	/* IE undo center alignment */
	padding:0;
	background: url(../../images/sake/background/header-bg.jpg) no-repeat top left;
	}

/* Header + Navigation
**********************************/

div#header {
	height: 152px;
	position:relative;
	padding:0;
	margin:0;
	}
	div#header h1{
		position:absolute;
		left:27px;
		top:28px;
		margin:0;
		padding:0;
		}
	div#header h1 a{
		height:60px;
		width:335px;
		text-indent:-5555px;
		display:block;
		}
		
	ul#navigation{
		position: absolute;
		top: 120px;
		width: 100%;
		height: 32px;
		list-style:none;
		padding:0 0 0 14px;
		margin:0;
		}
	* html ul#navigation{ /*strange ie6 hack*/
		padding-left:0;
		}
		
		ul#navigation li{
			float:left;
			height:27px;
			margin-left:18px;
			background: url(../../images/sake/background/nav-li-bullet.gif) no-repeat 100% 55%;
			padding:5px 18px 0 0;
			position:relative;
			}
		ul#navigation li.last{
			padding-right: 0;
			background:none;
			}

			ul#navigation li.selected a,
			ul#navigation li.selected a:hover,
			ul#navigation li.hover a,
			ul#navigation li:hover a{
				color:#f70000;
				text-decoration:none;	
				background: url(../../images/sake/background/li-select-on.gif) bottom center no-repeat;			
				}
			ul#navigation li.selected a{
				background: url(../../images/sake/background/li-select.gif) bottom center no-repeat;
				}
			ul#navigation li a{
				font-size:1.15em; /* 15px */
				color:white;
			/*	font-weight:bold; */
				height:27px;
				display:block;
				_display:inline-block;
				}

			/* Safari Hack */
			@media screen and (-webkit-min-device-pixel-ratio:0){
				ul#navigation li{
					margin-left:15px;
					padding-right:18px;
				}
				ul#navigation li a{
					font-weight:100;
					letter-spacing:1px;
					}
			}
			/*sub menu*/
		ul#navigation ul{
			display:none;
			list-style:none;
			margin:0;
			padding:11px 0;
			position:absolute;
			top:32px;
			left:0;
			border-left:1px solid #828282; 
			border-right:1px solid #1e1e1e;
			border-bottom:1px solid #1e1e1e;
			background-color:#f70000;
			}
			
			ul#navigation li:hover ul, ul#navigation li.hover ul{
				display:block;
				}			
			ul#navigation ul li{	
				float:none;
				margin:0;
				padding:11px 15px;
				padding:0 15px;
				width:168px;
				background:none;
				}
				ul#navigation ul li a{
					color:#1e1e1e !important;
					font-weight:normal;
					background:none !important;
					text-transform:uppercase;
					font-family: "Trebuchet MS", Helvetica, sans-serif;
					font-size:.85em;
					letter-spacing:1px;
					padding:0;
					margin:0;
					height:20px;
					}
				ul#navigation ul li a:hover, ul#navigation ul li.selected a{
					color:white !important;
					background:none !important;
					}

/* Layout
**********************************/

div#main {
	margin-top: 10px;
	}
	
div#wrapper {
	float:left;width:100%; /* workaround */
	margin-bottom:30px;
	}
	
div#contents {
	margin: 0 350px 0 0;	/*Geef de margins zo breed als de columns */
	padding: 274px 10px 130px 10px;
	position:relative;
	min-height:	499px;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0){
		div#contents{
			min-height:494px;
			}
	}	
	/* pages with submenu */
	body.submenu div#contents{
		margin: 0 570px 0 0;
		}
* html div#contents{
	height: 502px;
	}
	
div#right-column{
	float:left;
	width:340px;				/* De breedte + padding + border + margin moet even breed zijn als de margins van de contents */
	margin-left:-340px; 	/* Zo breed als de column */
	}
* html div#right-column{
	margin-left:-343px;
	}
	
/* Tabs
**********************************/
ul.zoek, ul.nieuwsbrief, ul.language{
	background-repeat:no-repeat;
	background-position:top left;
	}
ul.zoek{
	background-image: url(../../images/sake/background/zoek-tab.gif);
	}

ul.nieuwsbrief{
	background-image: url(../../images/sake/background/nieuwsbrief-tab.gif);
	}
ul.language{
	background-image: url(../../images/sake/background/language-tab.gif);
	}	
ul#tabs{
	list-style:none;
	margin:0;
	padding:0;
	height:20px;
	width:300px;
	}
	ul#tabs li{
		float:left;
		width:100px;
		height:20px;
		display:block;
		}
		ul#tabs li a{
			text-align:center;
			display:block;
			width:100px;
			text-transform:uppercase;
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			color:#828282;
			font-size:.85em;
			letter-spacing:1px;
			}
		ul#tabs li.selected a{
			color:#ffffff;		

		}
div.tab-content{
	background-color:#505050;
	padding:10px;
	margin-bottom:10px;
	}
	
div#tab-language ul{
	list-style:none;
	width:235px;
	display:block;
	margin:0 auto;
	text-align:center;
	}
	div#tab-language ul li{
		display:inline;
		padding-right:10px;
		margin-left:4px;
		background: url(../../images/sake/misc/language-bullet.gif) no-repeat 100% 58%;
		}
	div#tab-language ul li.selected a{
		text-decoration:underline;
		font-weight:bold;
		}
	div#tab-language ul li.first{		
		margin-left:0;
		}	
	div#tab-language ul li.last{		
		margin-right:0;
		background:none;
		}
		div#tab-language ul li a{
			text-transform:uppercase;
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			color:#ffffff;
			font-size:.85em;
			}
		div#tab-language ul li a:hover{
			text-decoration:underline;
			}
	
/* Misc
**********************************/
a img{
	border:none;
	}
	
img#header-image{
	position:absolute;
	top:0;
	left:0;
	}

div#breadcrumb, div#footer-text{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: .85em; /* 11px */
	color: #828282;
	text-transform:uppercase;
	letter-spacing:1px;
	}
div#breadcrumb a{
	color:#828282;
	}
div#breadcrumb a:hover{
	color:#f70000;
	}
div#footer-text{
	margin-bottom:8px;
	}
div#footer-text a{
	color:#f70000;
	}
	
ul#photo-menu{
	position:absolute;
	bottom:0;
	left:0;
	}
	
form#contact-form{
	position:absolute;
	top:280px;
	right:-220px;
	}
	
span.date{
	margin-right:10px;
}

ul#sitemap, ul#sitemap ul{
	list-style:none;
	padding:0;
	margin:0 0 0 20px;
}
ul#sitemap{
	margin:0;
	}
	
/* Submenu in div#contents
**********************************/	

ul#submenu{
	position:absolute;
	width:175px;
	margin:0;
	padding:0;
	list-style:none;
	top:300px;
	right:-210px;
	}
	ul#submenu li{
		margin-bottom:10px;
		}
		ul#submenu li a{
			text-transform:uppercase;
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			font-size:.85em;
			color:#ffffff;
			letter-spacing:1px;
			}
			
		ul#submenu li.selected a, ul#submenu li a:hover{	
			color:#f70000;
			}			

		ul#submenu li ul.sub{
			margin:0;
			padding:0;
			list-style:none;
			display:none;
			}
		ul#submenu li.selected ul{
			display:block;
			}
			ul#submenu li ul.sub li{
				margin:0;
				}
				ul#submenu li ul.sub li a{
					color:#828282;
					}
				ul#submenu li ul.sub li.selected a, ul#submenu li ul.sub li a:hover{
					text-decoration:underline;
					}	
		
/* Form
**********************************/	
div.tab-content input.img{
	line-height:1.5em;
	margin-left:10px;
	position:absolute;
	}
	
div.tab-content input.txt, div.tab-content textarea{
	width:226px;
	*width:224px;
	margin:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	div.tab-content input.img{
		margin-top:-2px;
	}
	div.tab-content input.txt{
		width:224px;
	}
}


	
/* Footer
**********************************/
div#footer{
	clear:left;width:100%;
	border-top:1px solid #1e1e1e;
	position:relative;
	margin:0;
	}
	div#footer span.alcohol,div#footer ul li a{
		text-transform:uppercase;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
		font-size:.85em;
		letter-spacing:1px;
		}
	div#footer span.alcohol{
		color:#828282;
		background-color:#1e1e1e;
		float:left;
		padding:0 10px;
		width:180px;
		}
	body.en div#footer span.alcohol{
		width: 250px;
		}
	body.jp div#footer span.alcohol{
		width:250px;
		}		
	div#footer ul.top{
		float:left;		
		}
	div#footer ul.bottom{
		clear:both;
		}
	div#footer ul{
		list-style:none;
		padding:0 0 0 10px;
		margin:0;
		}
		div#footer ul li{
			float:left;
			padding-right:9px;
			margin-left:7px;
			background: url(../../images/sake/misc/footer-bullet.gif) no-repeat 100% 55%;
			}
		div#footer ul li.last{
			background:none;
			}
		div#footer ul li.first{			
			margin-left:0;
			}
			div#footer ul li a{
				color:#828282;
				letter-spacing:1px;
				}
			div#footer ul li.selected a, div#footer ul li a:hover{
				color:#f70000;
				}
	
	div#footer a.logo{
		position:absolute;
		right:0;
		top:0;
		}
	div#footer a#bookmark{
		float:left;
		clear:both;
		margin-top:2px;
		}