/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
.clearfix {display:inline-block;}
.clearfix {display:block;}
/* ----------------------------------------- */
/* END OF RESET */

body{
	background: #111111 url(../img/bg.jpg) no-repeat top center;
	font-family: Arial,sans;
}

div#lang_chooser{
	margin:0 auto;
	width: 693px;
	height: 148px;
	background:transparent none no-repeat;
	color:#555555;
	position: relative;
}

	div#lang_chooser div#header{
		width: 693px;
		height: 84px;
		background: transparent url(../img/header_bg.jpg) no-repeat;
	}
		
		div#lang_chooser div#header div.lang_h{
			position: absolute;
			top:0;
			left:0;
		}
		
		div#lang_chooser div#header div#h_nl{
			width: 693px;
			height: 84px;
			background: transparent url(../img/header_nl.jpg) no-repeat;
		}
		
		div#lang_chooser div#header div#h_fr{
			width: 693px;
			height: 84px;
			background: transparent url(../img/header_fr.jpg) no-repeat;
		}
		
		div#lang_chooser div#header div#h_de{
			width: 693px;
			height: 84px;
			background: transparent url(../img/header_de.jpg) no-repeat;
		}
		
		div#lang_chooser div#header div#h_en{
			width: 693px;
			height: 84px;
			background: transparent url(../img/header_en.jpg) no-repeat;
		}
	
	div#lang_chooser ul{
		
	}

		div#lang_chooser ul li{
			float: left;
		}
	
			div#lang_chooser ul li a{
				color:#555555;
				text-decoration: none;
				text-align: center;
				display: block;
				width: 175px;
				height: 39px;
				padding:25px 0 0 0;
				font-size: 12px;
				text-transform: uppercase;
			}
			
				div#lang_chooser ul li a#nl{
					background: transparent url(../img/option_nl.jpg) no-repeat;
					width: 176px;
				}
			
				div#lang_chooser ul li a#fr{
					background: transparent url(../img/option_fr.jpg) no-repeat;
					width: 171px;
				}
				
				div#lang_chooser ul li a#de{
					background: transparent url(../img/option_de.jpg) no-repeat;
					width: 170px;
				}
				
				div#lang_chooser ul li a#en{
					width: 176px;
					background: transparent url(../img/option_en.jpg) no-repeat;
					padding:13px 0 0 0;
					height: 51px;
				}
				
				div#lang_chooser ul li a span{
					color:#555555;
					text-decoration: none;
					text-align: center;
					display: block; 
					font-size: 9px;
				}
			
			
			div#lang_chooser ul li a#nl:hover,
			div#lang_chooser ul li a#fr:hover,
			div#lang_chooser ul li a#de:hover,
			div#lang_chooser ul li a#en:hover
			{
				background-position: 0px -64px;
			}