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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

ul {

	list-style: none;

}



/*----------------------------------------------------------------------------------------------------------------BODY--*/

body {

	background: url(pics/bg.gif);

	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;

	font-size: 18px;

	color: #1A1C35;	

	text-align: center;

	padding-bottom: 70px;

}

/*
body.de {
	font-size: 16px;
}
*/

a {

	color: #37577B;

	text-decoration: none;

	}

a:hover {

	text-decoration: underline;

	}

	

/*---------------------------------------------------------------------------------------------------------------------MAIN---*/



#headerwrapper {

	width: 100%;

	height: 238px;

	background: url(pics/bg_headerwrap.jpg) repeat-x;

	margin: 0;

}





#header {

	width: 510px;

	height: 165px;

	margin: 0 auto;

	padding: 80px 0 0 0;

	background: url(pics/bg_header.gif) no-repeat bottom center;

	position: relative;

	z-index: 1;

	}

	

#postit {

	position: absolute;

	bottom: 10px;

	left: 515px;

	background: yellow;

	display: block;

	width: 180px;

	height: 120px;

	font-size: 10px;

	text-align: left;

	padding: 10px;

	background: url(pics/postit.gif) no-repeat 100% 0;

	color: #37577B;

}


#postit strong {

	display: block;

	font-size: 11px;
	padding: 10px 0 0 0;

}

#postit a {

	color: #666;

}

#postit a:hover {

	color: #333;

}

#langnav {

	position: absolute;

	bottom: 10px;

	right: 30px;

}



#langnav li {

	display: inline;

}



#langnav li a img {

	padding: 1px;

	border: 1px solid #999;

}



#langnav li a:hover img {

	border: 1px solid #ccc;

}



#langnav li span img {

	padding: 1px;

	border: 1px solid #E8B3AC;

}

/*----------------------------------------------------------------------WELCOME PAGE-------*/



.mainlanguage {

	padding: 0;

	width: 510px;

	margin: 0 auto;

	text-align: left;
	position: relative;


}



.mainlanguage li {

	height: 70px;

	padding: 0;

	background: url(pics/bg_title.gif) repeat-y bottom center;




}

.mainlanguage li a {

	display: block;

	height: 60px;

	padding: 20px 0 0 30px;

	margin: 0 0 0 120px;
	position: relative;
	z-index: 12;}

.mainlanguage li a.it {

	background: url(pics/flag_ita.jpg) no-repeat 0 35%;

}

.mainlanguage li a.uk {

	background: url(pics/flag_uk.jpg) no-repeat 0 35%;

}

.mainlanguage li a.de {

	background: url(pics/flag_de.jpg) no-repeat 0 35%;

}

.mainlanguage li a.fr {

	background: url(pics/flag_fr.jpg) no-repeat 0 35%;

}

span.bgimg {
	float: right;
	background: url(pics/introbg.gif) no-repeat;	
	width: 264px;
	height: 221px;
	position: absolute;
	bottom: -20px;
	right: 10px;
	z-index: 1;
	}

/*---------------------------------------------------------------------------------------------------------------------NAVBAR---*/



#navbar {

	width: 100%;

	height: 36px;

	background: url(pics/bg_navbar.gif) repeat-x;

	padding: 10px 0 0 0;

	position: relative;

	z-index: 10;

}



#navbar #navigation li {

	display: inline;



}



#navbar #navigation li a {

	color: #fff;

	font-size: 1.1em;

	padding: 0 8px;

}



/*-------------------------------------------------------------------------------------------------------------------MAIN PART---*/

.title {

	width: 510px;

	height: 80px;

	margin: 0 auto;

	background: url(pics/bg_title.gif) repeat-y;

	text-align: left;

}



.title  h1{

	padding: 35px 30px 0 30px;

}



.title  h1 a {

	display: block;

	color: #AA2624;/*#D9928C;*/

	border-bottom: 1px solid #D9928C;

	font-size: 30px;

}



.title  h1 a:hover {

	text-decoration: none;

}



.main {

	width: 510px;

	margin: 0 auto;

	padding: 10px 0;

	background: url(pics/bg_main.gif) repeat-y;

	text-align: left;

}

.main form,

.main  ul,

.main p {

	padding: 0 30px;
	_padding: 0 20px;
}



.main p img{
	padding: 2px;
	border: 1px solid #aaa;
	margin: 0 auto;
	margin-bottom: 5px;

}


.main img.single{
	float:right;
	margin-left: 5px;

}

.main a.showcatalog {

	background: url(pics/arrow_right.gif) no-repeat 0 30%;
	height: 26px;

	margin: 10px 0 0 50px;
	padding: 0 0 0 20px;
	display: block;

}


.main .mainlist li {

	background: url(pics/bullet.gif) no-repeat 0 30%;
	padding: 0 0 0 20px;


}

.main .mainlist li.pdf {

	background: url(pics/pdf.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
	margin: 5px 0;
	height: 26px;


}
.main .mainlist li.pdf small {font-size: 12px; margin-bottom: 6px;}


.main table {
	width: 90%;
	font-size: .8em;
	margin: 0 0 20px 30px;

}

.main table td {

	background: url(pics/endturn.gif) no-repeat 0 30%;
	padding: 0 0 0 20px;

}


.main .top {

	margin: 20px 10px 0 10px;

}



.main .top a {

	display: block;

	text-align: right;

	background: url(pics/arrow.gif) no-repeat 95% 50%;

	font-size: .6em;

	padding: 0 50px 0 0;

	color: #5883B3;

	font-weight: bold;
	height: 15px;

}

.main .top:hover {

	background: #ddd;

}



p.disclaimer {

	text-align: center;

	font-size: .7em;

}



/*------------------------------------------------------------------------------------------------------------FORM-------*/

.contacts {

	font-size: .8em;
	margin-bottom: 2ex;

}



#contactform label {

	color: #666;
	font-size: .9em;
	font-weight: bold;
	float: left;
	text-align: right;
	width: 90px;
}

#contactform fieldset {
	margin-bottom: 10px;
}

#contactform #secfield {
	display: none;
	margin-top: 20px;
}

#contactform #secfield .formlabel,
#contactform #secfield label {
	color: #666;
	font-size: .7em;
	margin: 0;
	padding: 1px 0;

}

#contactform #secfield input {
	font-size: .7em;
	size: 20;
	margin: 0;
	padding: 1px 0;
}


span.contacts {
	color: #666;
	font-size: .8em;
}



#contactform .forminput {

	margin-left: 100px;

	padding: 3px 0;

}



#contactform textarea,

#contactform input {

	background: #DEDEDE;

	color: #333333;

	border: 1px solid #B9B9B9;

	font-weight: bold;

}


#contactform textarea:focus,

#contactform input:focus {

	background: #f9f9f9;

	color: #666;

	border: 1px solid #aaa;

	font-weight: bold;

}


#contactform input.submit {

	padding: 3px 10px;

	cursor: pointer;

}

/*------------------------------------------------------------------------------------------------------------FOOTER----*/



#footbar {

	width: 100%;

	height: 46px;

	background: url(pics/bg_footbar.gif) repeat-x;

	padding: 0;

}



p.credits {

	font-size: .6em;

	color: #333;

	text-align: center;

}



p.credits a {

	color: #111;

	font-weight: bold;

}



#footer {

	width: 510px;

	height: 39px;

	margin: 0 auto;

	padding: 0;

	background: url(pics/bg_footer.gif) no-repeat bottom center;

}



.designedby a {

	font-size: .6em;

	color: #fff;

	text-align: center;

}