/* ---------------------------------------------------------------- 
	@author:		Jan Panschab
	@site:		Lanugo
	
	@colors
		blue: 			#00ADD0
---------------------------------------------------------------- */

/* ---------------------------------------------------------------- 
	basic elements
---------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body { font: 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif; background: #fff; color: #000; margin: 0 0 50px; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0.5em 0 0.75em; position: relative; color: #2d2d2d; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.1em; }

a { color: #00ADD0; }
a:hover { text-decoration: none; }

p { font-size: 11px; line-height: 1.5em; padding: 0 0 1em; }

hr { clear: both; border: none; height: 1px; margin: 2em 0; border-bottom: 1px solid #b2dff4; }

img { margin: 7px 0; }
img.left { float: left; margin-right: 20px; }
img.right { float: right; margin-left: 20px; }
a img { border: 0; }

ul, ol { font-size: 11px; line-height: 1.6em; list-style: outside; padding: 0.5em 0 1em 2em; }
ul ul, ol ol, ul ol, ol ul { font-size: 1em; padding: 0 0 0 2em; }
ul { list-style: none; }
ul li { padding-left: 8px; background: url(../gfx/bull-black.gif) no-repeat 0 6px; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: square; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

dl { font-size: 11px; margin: 0.5em 0 1em; line-height: 1.6em; }
dt { font-style: italic; }
dd { margin: 0 0 1em 2em; }

table { font-size: 11px; border-collapse: collapse; margin: 0.5em 0 1em; }
td, th { border-bottom: 1px solid #b2dff4; padding: 0.3em 0.6em; line-height: 1.6em; }
thead, tfoot, th { background: #ddecf3; }

form { font-size: 11px; margin: 1em 0; }
form fieldset { border: 0; margin: 0 0 1em; padding: 1.5em 10px 0.5em; }
form p { overflow: hidden; }
form label { float: left; display: block; width: 50px; text-align: right; margin: 0.3em 10px; font-weight: bold }
form input.text, form input.password, form textarea, form input.submit { font: 1em Verdana, "Geneva CE", lucida, sans-serif; padding: 0.3em; }
form select { position: relative; top: 3px; width: 200px; font: 1em Verdana, "Geneva CE", lucida, sans-serif; background: #F5F5F4; }
form select option { padding: 0 0.3em; }
form input.text, form input.password, form textarea, form select { border: 1px solid #666; }
form input.text:focus, form input.password:focus, form textarea:focus, form select:focus { border: 1px solid #333; }
form input.radio, form input.checkbox { float: left; }
form input.text, form textarea { width: 300px; }
form input.submit { float: right; padding: 3px 6px; font-weight: bold; cursor: pointer; }



/* ---------------------------------------------------------------- 
	basic classes
---------------------------------------------------------------- */
.nod { display: none; }
.spaceman { position: absolute; top: -3000px; left: 0; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fll { float: left !important; }
.flr { float: right !important;}
.cleaner { clear: both; }
.clrl { clear: left; }
.center { text-align: center; }


/* ---------------------------------------------------------------- 
	special classes
---------------------------------------------------------------- */
.datum { font-size: 11px; }


/* ---------------------------------------------------------------- 
	layout
---------------------------------------------------------------- */
#page {
	position: relative;
	width: 900px;
	height: 830px; /*910*/
	margin: 10px auto 50px;
	overflow: hidden;
	background: url(../gfx/lanugo-bgr.jpg) no-repeat 0 18px; /*98*/
	text-align: center;
}
#lang { text-align: right; padding-bottom: 0; }
#nav { list-style: none; overflow: hidden; padding: 2em 55px; }
#nav li { float: left; }
#nav a {
	display: block;
	height: 20px;
	padding: 0 20px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../gfx/menu.png);
	background-repeat: no-repeat;
}
#nav a span { display: none; }
#nav1 { width: 45px; background-position: 0 0; }
#nav2 { width: 32px; background-position: -92px 0; }
#nav3 { width: 32px; background-position: -172px 0; }
#nav4 { width: 16px; background-position: -252px 0; }
#nav5 { width: 51px; background-position: -315px 0; }
#nav6 { width: 32px; background-position: -413px 0; }
#nav7 { width: 20px; background-position: -492px 0; }
#nav8 { width: 98px; background-position: -559px 0; }
#nav9 { width: 26px; background-position: -701px 0; }
#nav1:hover, #nav1.selected { width: 45px; background-position: 0 -22px; }
#nav2:hover, #nav2.selected { width: 32px; background-position: -92px -22px; }
#nav3:hover, #nav3.selected { width: 32px; background-position: -172px -22px; }
#nav4:hover, #nav4.selected { width: 16px; background-position: -252px -22px; }
#nav5:hover, #nav5.selected { width: 51px; background-position: -315px -22px; }
#nav6:hover, #nav6.selected { width: 32px; background-position: -413px -22px; }
#nav7:hover, #nav7.selected { width: 20px; background-position: -492px -22px; }
#nav8:hover, #nav8.selected { width: 98px; background-position: -559px -22px; }
#nav9:hover, #nav9.selected { width: 26px; background-position: -701px -22px; }
.en #nav a { background-image: url(../gfx/menu-en.png); }
.en #nav1 { width: 28px; background-position: 0 0; }
.en #nav2 { width: 28px; background-position: -75px 0; }
.en #nav3 { width: 33px; background-position: -144px 0; }
.en #nav4 { width: 43px; background-position: -220px 0; }
.en #nav5 { width: 33px; background-position: -306px 0; }
.en #nav6 { width: 35px; background-position: -382px 0; }
.en #nav7 { width: 23px; background-position: -463px 0; }
.en #nav8 { width: 86px; background-position: -562px 0; }
.en #nav9 { width: 43px; background-position: -698px 0; }
.en #nav1:hover, .en #nav1.selected { width: 28px; background-position: 0 -20px; }
.en #nav2:hover, .en #nav2.selected { width: 28px; background-position: -75px -20px; }
.en #nav3:hover, .en #nav3.selected { width: 33px; background-position: -144px -20px; }
.en #nav4:hover, .en #nav4.selected { width: 43px; background-position: -220px -20px; }
.en #nav5:hover, .en #nav5.selected { width: 33px; background-position: -306px -20px; }
.en #nav6:hover, .en #nav6.selected { width: 35px; background-position: -382px -20px; }
.en #nav7:hover, .en #nav7.selected { width: 23px; background-position: -463px -20px; }
.en #nav8:hover, .en #nav8.selected { width: 86px; background-position: -562px -20px; }
.en #nav9:hover, .en #nav9.selected { width: 43px; background-position: -698px -20px; }

#mp3-player { position: absolute; bottom: 110px; left: 0; }


#mailer { position: absolute; bottom: 0; left: 0; height: 100px; padding: 5px 0; }
#mailer form, #mailer fieldset { width: 900px; }
#mailer fieldset { padding: 0; }
#mailer legend { display: none; }
#mailer label { width: auto; font-weight: normal; color: #19B4E8; }
#mailer input { margin-bottom: 0; border: 1px solid #19B4E8; }
#mailer .submit {
	float: none;
	color: #19B4E8;
	background: #fff;
	border: 0px solid #fff;
	cursor: pointer;
	width: 80px;
	padding: 0.1em;
	margin: 0;
	margin-top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}