/*
	
	Project name: eBirth
	Project url: http://www.ebirth.be/
	Version: 1.0
	Author: Blue4You
	Author URI: http://www.blue4you.be/
	
	Main colors:
	orange :				#ee7f00;
	grey :					#555;
	grey dark :				#353535;
	
*/


/* general
--------------------------------------------------------*/
html											{ height:100%; overflow-y:scroll;}
body											{ margin:0; padding:0; width:100%; height:100%; color:#555; background:#fff; font:12px Arial, Helvetica, sans-serif; line-height:18px;}

a, a:visited									{ color:#ee7f00; text-decoration:underline; outline:none;}
a:hover											{ color:#ee7f00; text-decoration:none;}
a span											{ cursor:pointer;}
object											{ outline:none;}
hr												{ display:none;}

.aright											{ text-align:right;}
.noscript										{ position:absolute; top:20px; left:20px; width:200px; line-height:18px; padding:10px; background:#fff; border:5px solid #f0f010; -moz-border-radius:6px;}


/* backgrounds
--------------------------------------------------------*/
.loginpage										{ background:#fff;}

.homepage										{ background:#fff url(../images/backgrounds/bg-home.jpg) no-repeat top center;}

.overview,
.establishment,
.use,
.documents,
.faq,
.contact										{ background:#fff url(../images/backgrounds/bg-inside.jpg) no-repeat top center;}


/* loginpage
--------------------------------------------------------*/
.loginpage h1									{ width:0; height:0; margin:0; padding:0; overflow:hidden;}
.loginpage #loginbox							{ margin:20px auto; width:950px; height:500px; background:#000 url(../images/backgrounds/bg-login.jpg) no-repeat top left;}
.loginpage #loginbox p							{ text-align:center;}
.loginpage #loginbox #loginform					{ position:relative; width:440px; height:260px; margin:0 0 20px; padding:170px 255px 0;}

.loginpage #loginbox #loginform label			{ display:block; width:250px; height:83px; margin:0; padding:0; overflow:hidden;}
.loginpage #loginbox #loginform label span		{ display:block; width:230px; padding:0 10px; height:30px; line-height:30px; font-size:18px; color:#fff;}
.loginpage #loginbox #loginform label input.txt	{ float:left; display:block; width:230px; height:26px; line-height:32px; padding:8px 5px 0; margin:2px 5px; font:14px Arial, Helvetica, sans-serif; color:#ee7f00; font-style:italic; background:#e3e6e9; border:none;}
* html .loginpage #loginbox #loginform label input.txt	{ display:inline-block;}
.loginpage #loginbox em							{ float:left; display:block; width:240px; height:22px; line-height:22px; margin:0; padding:0 5px; color:#fff; font-style:normal; background:#ee7f00;}

.loginpage button								{ position:absolute; bottom:4px; left:407px; display:block; border:none; padding:0; margin:0; width:136px; height:36px; line-height:36px; overflow:visible; text-align:center; white-space:nowrap; cursor:pointer; font:12px Arial, Helvetica, sans-serif; font-size:20px; color:#fff; background:#636a76;}
* html .loginpage button						{ display:inline-block; padding:0;}

button::-moz-focus-inner,
button::-moz-focus-outer						{ margin:0; padding:0; border:none; background:#636a76;}


/* banner BE
--------------------------------------------------------*/
#banner-be										{ height:40px; background:#fff url(../images/banner-be.gif) no-repeat top center;}
#banner-be p									{ margin:0; padding:6px 40px 0 0; line-height:18px; font-size:11px; text-align:right; color:#333;}
#banner-be p a									{ color:#333;}

/* languages */
#banner-be ul#nav-lg							{ float:left; margin:0; padding:6px 0 0; overflow:hidden;}
#banner-be ul#nav-lg li							{ float:left; width:20px; height:16px; line-height:16px; margin:0; padding:0 3px 0 0; text-align:center; list-style:none;}
#banner-be ul#nav-lg li a						{ display:block; line-height:14px; width:18px; height:14px; text-decoration:none; font-size:11px; color:#666; text-align:center; background:#ccc; border:1px solid #999;}
#banner-be ul#nav-lg li.current a				{ color:#fff; background:#666; border:1px solid #333;}


/* header
--------------------------------------------------------*/
#header											{ height:220px; overflow:hidden;}
#header .container								{ position:relative;}
#header h1										{ float:left; width:160px; height:100px; margin:0; padding:0;}
#header h1 a									{ display:block; width:160px; height:0; padding:100px 0 0; overflow:hidden; background:url(../images/logo-ebirth.gif) no-repeat top left;}
#header h2										{ clear:both; width:870px; line-height:40px; margin:0 !important; padding:0 !important; color:#fff;}
.maj											{ font-size:10px;}

/* navigation */
#header ul#nav-main								{ height:80px; margin:0; padding:0;}
#header ul#nav-main li							{ float:left; margin:0; padding:0 18px 0 0; list-style:none;}
#header ul#nav-main li.last						{ padding:0;}
#header ul#nav-main li a						{ display:block; line-height:80px; font-size:14px; color:#555; text-decoration:none; font-weight:bold;}
#header ul#nav-main li a:hover					{ color:#ee7f00;}
#header ul#nav-main li.current a				{ color:#ee7f00; background:url(../images/nav-main-current.gif) no-repeat top center;}

/* logout */
#header a.lk-logout								{ position:absolute; top:0; right:0; display:block; margin:0; padding:0; line-height:80px; font-size:14px; font-weight:bold;}


/* content
--------------------------------------------------------*/
#content										{ min-height:300px; padding:20px 0;}
* html #content									{ height:300px;}

#content h3										{ margin:0 0 14px; padding:7px 0; font-size:24px; line-height:30px; color:#ee7f00; background:url(../images/border-dotted-orange.gif) repeat-x bottom;}
#content h4										{ margin:0 0 7px; padding:7px 0 0; font-size:18px; line-height:24px; color:#353535;}
#content p										{ clear:both; margin:0; padding:7px 0;}
#content p img									{ display:block; margin:0 auto; text-align:center;}
#content strong									{ color:#555;}
#content ul										{ margin:0; padding:7px 0 0;}
#content ul li									{ margin:0; padding:0 0 7px 35px; list-style:none; background:url(../images/bullet-orange.gif) no-repeat 15px 8px;}

#content a.lk-top								{ clear:both; display:block; width:828px; height:32px; line-height:32px; margin:21px 0; padding:0 42px 0 0; text-align:right; overflow:hidden; background:url(../images/lk-top.gif) no-repeat top right;}

/* ico */
#content a.lk-pdf,
#content a.lk-doc,
#content a.lk-odt,
#content a.lk-zip								{ display:block; height:48px; line-height:48px; margin:3px 0; padding:0 20px 0 60px; font-size:12px; color:#666; text-decoration:none;}

#content a.lk-pdf:hover,
#content a.lk-doc:hover,
#content a.lk-odt:hover,
#content a.lk-zip:hover							{ color:#ee7f00;}

#content a.lk-pdf								{ background:url(../images/ico/pdf.gif) no-repeat top left;}
#content a.lk-doc								{ background:url(../images/ico/doc.gif) no-repeat top left;}
#content a.lk-odt								{ background:url(../images/ico/odt.gif) no-repeat top left;}
#content a.lk-zip								{ background:url(../images/ico/zip.gif) no-repeat top left;}

#content a.twoline								{ height:40px !important; line-height:20px !important; padding:4px 20px 4px 60px !important;}


/* footer
--------------------------------------------------------*/
#footer											{ width:100%; height:100px; padding:0 0 40px; overflow:hidden;}
#footer .container								{ background:url(../images/bg-footer.gif) no-repeat top left;}
#footer span.powered							{ display:block; width:30px; height:0; padding:100px 0 0; overflow:hidden;}

/*#footer p										{ margin:0; padding:32px 0 0; line-height:18px;}*/
#footer p										{ margin:0; padding:0; line-height:100px;}
#footer p a										{ color:#b5b5b5; font-size:10px;}

#footer h3.logo-fedict							{ width:190px; height:90px; margin:0; padding:0; background:url(../images/logos/fedict.gif) no-repeat top left;}
#footer h3.logo-fedict a						{ display:block; width:190px; height:0; padding:90px 0 0; overflow:hidden;}

/* viewer */
#footer .mask									{ position:relative; width:190px; height:100px; overflow:hidden;}
#footer .mask img								{ position:absolute; display:block; border:none;}
#footer #viewer									{ position:absolute;}


/* homepage
--------------------------------------------------------*/

/* header */
.homepage #header								{ height:300px; overflow:hidden;}
.homepage #header h1							{ float:left; width:60px; height:220px;}
.homepage #header h1 a							{ display:block; width:60px; height:0; padding:220px 0 0; overflow:hidden; background:url(../images/logo-ebirth-vertical.gif) no-repeat 0 -20px;}
.homepage #header h2							{ clear:none; float:left; width:510px; margin:0; padding:24px 30px !important; font-size:28px; line-height:36px; color:#fff;}
.homepage #header h2 span						{ float:left; padding:10px 0 0; font-size:20px; line-height:30px;}

/* content */
.homepage #content p							{ margin:0; padding:5px 0; font-size:14px; line-height:18px;}

/* doormat */
.homepage #content ul#doormat					{ width:870px; margin:0; padding:20px 0 0; overflow:hidden;}
.homepage #content ul#doormat li				{ float:left; width:280px; min-height:100px; margin:0 15px 15px 0; padding:0; list-style:none; background:none;}
* html .homepage #content ul#doormat li			{ height:100px;}
.homepage #content ul#doormat li.last			{ margin-right:0;}

.homepage #content ul#doormat li h3				{ line-height:30px; margin:0; padding:0 0 1px; font-size:14px; background:url(../images/border-dotted-orange.gif) repeat-x bottom;}
.homepage #content ul#doormat li h3 a			{ display:block; width:280px; line-height:30px; text-decoration:none; color:#353535;}
.homepage #content ul#doormat li h3 a:hover		{ color:#ee7f00;}

.homepage #content ul#doormat li p				{ margin:0; padding:7px 0; font-size:12px; line-height:18px;}
.homepage #content ul#doormat li p a			{ color:#555; text-decoration:none;}
.homepage #content ul#doormat li p a:hover		{ color:#ee7f00;}

.homepage #content ul#doormat li ul				{ margin:0; padding:7px 0;}
.homepage #content ul#doormat li ul li			{ float:none; width:260px; height:auto; min-height:18px; margin:0; padding:0 0 0 20px; background:url(../images/bullet-orange.gif) no-repeat 5px center;}
.homepage #content ul#doormat li ul li a		{ color:#555; text-decoration:none;}
.homepage #content ul#doormat li ul li a:hover	{ color:#ee7f00;}


/* documents
--------------------------------------------------------*/
.documents #content ul							{ margin:0; padding:0; overflow:hidden;}
.documents #content ul li						{ margin:0; padding:10px 0 11px; list-style:none; background:url(../images/border-dotted-orange.gif) repeat-x bottom;}
.documents #content ul li.last					{ background:none;}

/* contact
--------------------------------------------------------*/

/* content */
.contact #content p								{ margin:0; padding:60px 0 30px;}
.contact #content p.contactmail					{ padding: 20px 0 0 100px;}
.contact #content a.lk-contact					{ display:block; width:390px; height:0; padding:260px 0 0; overflow:hidden; background:url(../images/lk-contact.jpg) no-repeat top left;}
.contact #content a.lk-phone					{ float:left; display:block; height:70px; line-height:70px; padding:0 20px 0 100px; font-size:16px; background:url(../images/lk-phone.jpg) no-repeat top left;}