/* 
Flickering Wall
Website by Elmar Beckmann / http://elmarbeckmann.com
(c)2008 Elmarbeckmann.com
*/

/* NAVIGATION
------------------------------------------------------------------------------------- */

/* english */
/* =====================*/
/* =====================*/
/* =====================*/

/* TOP */

#nav_en { 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 440px; 
	height: 50px; 
	margin: 0;
	padding: 0;
}

#nav_en span { 
	display: none;
}

#nav_en li { float: left; position: relative; height: 50px; list-style: none;}
#nav_en li a { cursor: pointer; border: none;}
#nav_en li a, #nav_en li div { position: relative; display: block; height: 50px; text-decoration: none; font-size: 14px; }
#nav_en li strong { position: absolute; top: 0px; left: 0px; display: block; height: 50px; }
#nav_en li, #nav_en li a, #nav_en li strong, #nav_en li div { background-image: url(../../static/img/nav_en.gif); }
#nav_en a:active, #nav_en a:visited { outline: none; }

#nav_en li.home, #nav_en li.home a, #nav_en li.home a strong	{ background-position: 440px 0px; width: 45px; }
#nav_en li.about, #nav_en li.about a, #nav_en li.about a strong	{ background-position: 395px 0px; width: 70px; }
#nav_en li.work, #nav_en li.work a, #nav_en li.work a strong { background-position: 325px 0px; width: 74px; }
#nav_en li.resources, #nav_en li.resources a, #nav_en li.resources a strong { background-position: 251px 0px; width: 81px; }
#nav_en li.login, #nav_en li.login a, #nav_en li.login a strong { background-position: 170px 0px; width: 49px; }
#nav_en li.contact, #nav_en li.contact a, #nav_en li.contact a strong { background-position: 121px 0px; width: 66px; }
#nav_en li.english, #nav_en li.english a, #nav_en li.english a strong { background-position: 55px 0px; width: 31px; }
#nav_en li.dutch, #nav_en li.dutch a, #nav_en li.dutch a strong { background-position: 24px 0px; width: 24px; }

/* hover state */
#nav_en li.home:hover a, #nav_en li.home:hover a strong, #nav_en li.home a:hover, #nav_en li.home a:hover strong { background-position: 440px -50px; width: 45px; }
#nav_en li.about:hover a, #nav_en li.about:hover a strong, #nav_en li.about a:hover, #nav_en li.about a:hover strong { background-position: 395px -50px; width: 70px; }
#nav_en li.work:hover a, #nav_en li.work:hover a strong, #nav_en li.work a:hover, #nav_en li.work a:hover strong { background-position: 325px -50px; width: 74px; }
#nav_en li.resources:hover a, #nav_en li.resources:hover a strong, #nav_en li.resources a:hover, #nav_en li.resources a:hover strong { background-position: 251px -50px; width: 81px; }
#nav_en li.login:hover a, #nav_en li.login:hover a strong, #nav_en li.login a:hover, #nav_en li.login a:hover strong { background-position: 170px -50px; width: 49px; }
#nav_en li.contact:hover a, #nav_en li.contact:hover a strong, #nav_en li.contact a:hover, #nav_en li.contact a:hover strong { background-position: 121px -50px; width: 66px; }
#nav_en li.english:hover a, #nav_en li.english:hover a strong, #nav_en li.english a:hover, #nav_en li.english a:hover strong { background-position: 55px -50px; width: 31px; }
#nav_en li.dutch:hover a, #nav_en li.dutch:hover a strong, #nav_en li.dutch a:hover, #nav_en li.dutch a:hover strong { background-position: 24px -50px; width: 24px; }

/* on state */
#nav_en li.homeon, #nav_en li.homeon strong, #nav_en li.homeon { background-position: 440px -100px; width: 45px; }
#nav_en li.abouton, #nav_en li.abouton strong, #nav_en li.abouton { background-position: 395px -100px; width: 70px; }
#nav_en li.workon, #nav_en li.workon strong, #nav_en li.workon { background-position: 325px -100px; width: 74px; }
#nav_en li.resourceson, #nav_en li.resourceson strong, #nav_en li.resourceson { background-position: 251px -100px; width: 81px; }
#nav_en li.loginon, #nav_en li.loginon strong, #nav_en li.loginon { background-position: 170px -100px; width: 49px; }
#nav_en li.contacton, #nav_en li.contacton strong, #nav_en li.contacton { background-position: 121px -100px; width: 66px; }
#nav_en li.englishon, #nav_en li.englishon strong, #nav_en li.englishon { background-position: 55px -100px; width: 31px; }
#nav_en li.dutchon, #nav_en li.dutchon strong, #nav_en li.dutchon { background-position: 24px -100px; width: 24px; }

/* BOTTOM */

#nav_bottom_en { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 750px; 
	height: 50px; 
	margin: 0;
	padding: 0;
}

#nav_bottom_en span { 
	display: none;
}

#nav_bottom_en li { float: left; position: relative; height: 50px; list-style: none;}
#nav_bottom_en li a { cursor: pointer; border: none;}
#nav_bottom_en li a, #nav_bottom_en li div { position: relative; display: block; height: 50px; text-decoration: none; font-size: 14px; }
#nav_bottom_en li strong { position: absolute; top: 0px; left: 0px; display: block; height: 50px; }
#nav_bottom_en li, #nav_bottom_en li a, #nav_bottom_en li strong, #nav_bottom_en li div { background-image: url(../../static/img/nav_bottom_en.gif); }
#nav_bottom_en a:active, #nav_bottom_en a:visited { outline: none; }

#nav_bottom_en li.text, #nav_bottom_en li.text a, #nav_bottom_en li.text a strong	{ background-position: 750px 0px; width: 85px; }
#nav_bottom_en li.privacy, #nav_bottom_en li.privacy a, #nav_bottom_en li.privacy a strong	{ background-position: 665px 0px; width: 92px; }
#nav_bottom_en li.disclaimer, #nav_bottom_en li.disclaimer a, #nav_bottom_en li.disclaimer a strong { background-position: 573px 0px; width: 84px; }
#nav_bottom_en li.contact1, #nav_bottom_en li.contact1 a, #nav_bottom_en li.contact1 a strong { background-position: 489px 0px; width: 279px; }
#nav_bottom_en li.contact2, #nav_bottom_en li.contact2 a, #nav_bottom_en li.contact2 a strong { background-position: 210px 0px; width: 210px; }

/* HOVER STATE */
#nav_bottom_en li.text:hover a, #nav_bottom_en li.text:hover a strong, #nav_bottom_en li.text a:hover, #nav_bottom_en li.text a:hover strong { background-position: 750px -50px; width: 85px; }
#nav_bottom_en li.privacy:hover a, #nav_bottom_en li.privacy:hover a strong, #nav_bottom_en li.privacy a:hover, #nav_bottom_en li.privacy a:hover strong { background-position: 665px -50px; width: 92px; }
#nav_bottom_en li.disclaimer:hover a, #nav_bottom_en li.disclaimer:hover a strong, #nav_bottom_en li.disclaimer a:hover, #nav_bottom_en li.disclaimer a:hover strong { background-position: 573px -50px; width: 84px; }
#nav_bottom_en li.contact1:hover a, #nav_bottom_en li.contact1:hover a strong, #nav_bottom_en li.contact1 a:hover, #nav_bottom_en li.contact1 a:hover strong { background-position: 489px -50px; width: 279px; }
#nav_bottom_en li.contact2:hover a, #nav_bottom_en li.contact2:hover a strong, #nav_bottom_en li.contact2 a:hover, #nav_bottom_en li.contact2 a:hover strong { background-position: 210px -50px; width: 210px; }

/* ON STATE */
#nav_bottom_en li.texton, #nav_bottom_en li.texton strong, #nav_bottom_en li.texton { background-position: 750px -100px; width: 85px; }
#nav_bottom_en li.privacyon, #nav_bottom_en li.privacyon strong, #nav_bottom_en li.privacyon { background-position: 665px -100px; width: 92px; }
#nav_bottom_en li.disclaimeron, #nav_bottom_en li.disclaimeron strong, #nav_bottom_en li.disclaimeron { background-position: 573px -100px; width: 84px; }
#nav_bottom_en li.contact1on, #nav_bottom_en li.contact1on strong, #nav_bottom_en li.contact1on { background-position: 489px -100px; width: 279px; }
#nav_bottom_en li.contact2on, #nav_bottom_en li.contact2on strong, #nav_bottom_en li.contact2on { background-position: 210px -100px; width: 210px; }

/* dutch */
/* =====================*/
/* =====================*/
/* =====================*/

/* TOP */

#nav_nl { 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 501px; 
	height: 50px; 
	margin: 0;
	padding: 0;
}

#nav_nl span { 
	display: none;
}

#nav_nl li { float: left; position: relative; height: 50px; list-style: none;}
#nav_nl li a { cursor: pointer; border: none;}
#nav_nl li a, #nav_nl li div { position: relative; display: block; height: 50px; text-decoration: none; font-size: 14px; }
#nav_nl li strong { position: absolute; top: 0px; left: 0px; display: block; height: 50px; }
#nav_nl li, #nav_nl li a, #nav_nl li strong, #nav_nl li div { background-image: url(../../static/img/nav_nl.gif); }
#nav_nl a:active, #nav_nl a:visited { outline: none; }

#nav_nl li.home, #nav_nl li.home a, #nav_nl li.home a strong	{ background-position: 500px 0px; width: 62px; }
#nav_nl li.about, #nav_nl li.about a, #nav_nl li.about a strong	{ background-position: 438px 0px; width: 91px; }
#nav_nl li.work, #nav_nl li.work a, #nav_nl li.work a strong { background-position: 347px 0px; width: 79px; }
#nav_nl li.resources, #nav_nl li.resources a, #nav_nl li.resources a strong { background-position: 269px 0px; width: 77px; }
#nav_nl li.login, #nav_nl li.login a, #nav_nl li.login a strong { background-position: 192px 0px; width: 71px; }
#nav_nl li.contact, #nav_nl li.contact a, #nav_nl li.contact a strong { background-position: 121px 0px; width: 66px; }
#nav_nl li.english, #nav_nl li.english a, #nav_nl li.english a strong { background-position: 55px 0px; width: 31px; }
#nav_nl li.dutch, #nav_nl li.dutch a, #nav_nl li.dutch a strong { background-position: 24px 0px; width: 24px; }

/* hover state */
#nav_nl li.home:hover a, #nav_nl li.home:hover a strong, #nav_nl li.home a:hover, #nav_nl li.home a:hover strong { background-position: 500px -50px; width: 62px; }
#nav_nl li.about:hover a, #nav_nl li.about:hover a strong, #nav_nl li.about a:hover, #nav_nl li.about a:hover strong { background-position: 438px -50px; width: 91px; }
#nav_nl li.work:hover a, #nav_nl li.work:hover a strong, #nav_nl li.work a:hover, #nav_nl li.work a:hover strong { background-position: 347px -50px; width: 79px; }
#nav_nl li.resources:hover a, #nav_nl li.resources:hover a strong, #nav_nl li.resources a:hover, #nav_nl li.resources a:hover strong { background-position: 269px -50px; width: 77px; }
#nav_nl li.login:hover a, #nav_nl li.login:hover a strong, #nav_nl li.login a:hover, #nav_nl li.login a:hover strong { background-position: 192px -50px; width: 71px; }
#nav_nl li.contact:hover a, #nav_nl li.contact:hover a strong, #nav_nl li.contact a:hover, #nav_nl li.contact a:hover strong { background-position: 121px -50px; width: 66px; }
#nav_nl li.english:hover a, #nav_nl li.english:hover a strong, #nav_nl li.english a:hover, #nav_nl li.english a:hover strong { background-position: 55px -50px; width: 31px; }
#nav_nl li.dutch:hover a, #nav_nl li.dutch:hover a strong, #nav_nl li.dutch a:hover, #nav_nl li.dutch a:hover strong { background-position: 24px -50px; width: 24px; }

/* on state */
#nav_nl li.homeon, #nav_nl li.homeon strong, #nav_nl li.homeon { background-position: 500px -100px; width: 62px; }
#nav_nl li.abouton, #nav_nl li.abouton strong, #nav_nl li.abouton { background-position: 438px -100px; width: 91px; }
#nav_nl li.workon, #nav_nl li.workon strong, #nav_nl li.workon { background-position: 347px -100px; width: 79px; }
#nav_nl li.resourceson, #nav_nl li.resourceson strong, #nav_nl li.resourceson { background-position: 269px -100px; width: 77px; }
#nav_nl li.loginon, #nav_nl li.loginon strong, #nav_nl li.loginon { background-position: 192px -100px; width: 71px; }
#nav_nl li.contacton, #nav_nl li.contacton strong, #nav_nl li.contacton { background-position: 121px -100px; width: 66px; }
#nav_nl li.englishon, #nav_nl li.englishon strong, #nav_nl li.englishon { background-position: 55px -100px; width: 31px; }
#nav_nl li.dutchon, #nav_nl li.dutchon strong, #nav_nl li.dutchon { background-position: 24px -100px; width: 24px; }

/* BOTTOM */

#nav_bottom_nl { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 750px; 
	height: 50px; 
	margin: 0;
	padding: 0;
}

#nav_bottom_nl span { 
	display: none;
}

#nav_bottom_nl li { float: left; position: relative; height: 50px; list-style: none;}
#nav_bottom_nl li a { cursor: pointer; border: none;}
#nav_bottom_nl li a, #nav_bottom_nl li div { position: relative; display: block; height: 50px; text-decoration: none; font-size: 14px; }
#nav_bottom_nl li strong { position: absolute; top: 0px; left: 0px; display: block; height: 50px; }
#nav_bottom_nl li, #nav_bottom_nl li a, #nav_bottom_nl li strong, #nav_bottom_nl li div { background-image: url(../../static/img/nav_bottom_nl.gif); }
#nav_bottom_nl a:active, #nav_bottom_nl a:visited { outline: none; }

#nav_bottom_nl li.text, #nav_bottom_nl li.text a, #nav_bottom_nl li.text a strong	{ background-position: 750px 0px; width: 85px; }
#nav_bottom_nl li.privacy, #nav_bottom_nl li.privacy a, #nav_bottom_nl li.privacy a strong	{ background-position: 665px 0px; width: 92px; }
#nav_bottom_nl li.disclaimer, #nav_bottom_nl li.disclaimer a, #nav_bottom_nl li.disclaimer a strong { background-position: 573px 0px; width: 84px; }
#nav_bottom_nl li.contact1, #nav_bottom_nl li.contact1 a, #nav_bottom_nl li.contact1 a strong { background-position: 489px 0px; width: 279px; }
#nav_bottom_nl li.contact2, #nav_bottom_nl li.contact2 a, #nav_bottom_nl li.contact2 a strong { background-position: 210px 0px; width: 210px; }

/* HOVER STATE */
#nav_bottom_nl li.text:hover a, #nav_bottom_nl li.text:hover a strong, #nav_bottom_nl li.text a:hover, #nav_bottom_nl li.text a:hover strong { background-position: 750px -50px; width: 85px; }
#nav_bottom_nl li.privacy:hover a, #nav_bottom_nl li.privacy:hover a strong, #nav_bottom_nl li.privacy a:hover, #nav_bottom_nl li.privacy a:hover strong { background-position: 665px -50px; width: 92px; }
#nav_bottom_nl li.disclaimer:hover a, #nav_bottom_nl li.disclaimer:hover a strong, #nav_bottom_nl li.disclaimer a:hover, #nav_bottom_nl li.disclaimer a:hover strong { background-position: 573px -50px; width: 84px; }
#nav_bottom_nl li.contact1:hover a, #nav_bottom_nl li.contact1:hover a strong, #nav_bottom_nl li.contact1 a:hover, #nav_bottom_nl li.contact1 a:hover strong { background-position: 489px -50px; width: 279px; }
#nav_bottom_nl li.contact2:hover a, #nav_bottom_nl li.contact2:hover a strong, #nav_bottom_nl li.contact2 a:hover, #nav_bottom_nl li.contact2 a:hover strong { background-position: 210px -50px; width: 210px; }

/* ON STATE */
#nav_bottom_nl li.texton, #nav_bottom_nl li.texton strong, #nav_bottom_nl li.texton { background-position: 750px -100px; width: 85px; }
#nav_bottom_nl li.privacyon, #nav_bottom_nl li.privacyon strong, #nav_bottom_nl li.privacyon { background-position: 665px -100px; width: 92px; }
#nav_bottom_nl li.disclaimeron, #nav_bottom_nl li.disclaimeron strong, #nav_bottom_nl li.disclaimeron { background-position: 573px -100px; width: 84px; }
#nav_bottom_nl li.contact1on, #nav_bottom_nl li.contact1on strong, #nav_bottom_nl li.contact1on { background-position: 489px -100px; width: 279px; }
#nav_bottom_nl li.contact2on, #nav_bottom_nl li.contact2on strong, #nav_bottom_nl li.contact2on { background-position: 210px -100px; width: 210px; }