body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: 'Tahoma';
	background: url('../img/site/background.png') #639cd4 0 -20px;
}
#full {
	width: 100%;
	background: url('../img/site/header.png') repeat-x;
}
/* PAGE */
#page {
	width: 862px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}
/* ----------------------- */
/* HEADER */
#page #header {
	width: 860px;
	height: 189px;
	border-top: 8px solid #dfe3e6;
	padding: 10px 0 0 0;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: url('../img/site/header.gif') repeat-x;
}
#page #header h1 {
	padding: 0 0 1px 0;
}
#page #header h1 span {
	display: none;
}
#page #header img.head {
	display: block;
	float: left;
}
#page #header #banner {
	display: block;
	float: left;
}
	/* menu */
#page #header #menu {
	height: 25px;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #c83232;
	background: url('../img/site/menu.jpg') repeat-x;
}
#page #header #menu ul.home {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 19px;
	list-style-type: none;
}

#page #header #menu ul.home-de {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 19px;
	list-style-type: none;
}

#page #header #menu ul.menu {
	display: inline;
	float: left;
	padding: 0;
	list-style-type: none;
}

#page #header #menu ul.menu-de {
	display: inline;
	float: left;
	padding: 0;
	list-style-type: none;
}

#page #header #menu ul.home li {
	float: left;
	padding: 6px 10px 0 10px;
	margin: 0;
}

#page #header #menu ul.home-de li {
	float: left;
	padding: 6px 10px 0 10px;
	margin: 0;
}

#page #header #menu ul.menu li {
	float: left;
	padding: 6px 10px 0 10px;
	margin: 0;
}

#page #header #menu ul.menu-de li {
	float: left;
	padding: 6px 0 0 10px;
	margin: 0;
}

#page #header #menu ul.flag li {
	float: left;
	padding: 7px 3px 0 3px;
	margin: 0;
}
#page #header #menu ul.flag {
	display: inline;
	float: right;
	margin: 0 2px 0 0;
	padding: 0;
	list-style-type: none;
}
#page #header #menu ul li a {
	color: #6e6e6e;
	font-size: 12px;
}
#page #header #menu ul li a.red {
	color: #c83232;
}
/* ----------------------- */
/* CONTENT */
#page #content {
	margin: 0 1px;
}
#page #content #mainmenu {
	width: 202px;
	float: left;
}
#page #content #mainmenu img.box {
	display: block;
	border-top: 1px solid #edeff0;
	border-right: 1px solid #edeff0;
}
	/* header */
#page #content #mainmenu h2 {
	border-right: 5px solid #929ca4;
	background: #a5aeb5;
}
#page #content #mainmenu h2 span {
	display: block;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 5px 6px 15px;
	border-top: 1px solid #bcc2c8;
}
	/* mainmenu */
	
	/* this code comes from http://psacake.com/web/jl.asp  */
#page #content #mainmenu a.notice {
	position:relative; /*this is the key*/
	z-index:24; 
	color:#000;
	text-decoration:none;
}	

#page #content #mainmenu a.notice:hover {
	z-index:25; 
	background-color:#ff0;
}

#page #content #mainmenu a.notice span {
	display: none;
}

#page #content #mainmenu a.notice:hover span {
	/*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:2em; left:2em; width:15em;
		border:1px solid #19588D;
		background-color:#F9C60B; 
		color:#000;
		text-align: center;
}

#header #menu .menu li a.notice , #header #menu .menu-de li a.notice {
	position:relative; /*this is the key*/
	z-index:24; 
	color:#000;
	text-decoration:none;
}

#header #menu .menu li a.notice:hover , #header #menu .menu-de li a.notice:hover {
	z-index:25; 
	background-color:#ff0;
}

#header #menu .menu li a.notice span, #header #menu .menu-de li a.notice span {
	display: none;
}

#header #menu .menu li a.notice:hover span, #header #menu .menu-de li a.notice:hover span {
	/*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:2em; left:2em; width:15em;
		border:1px solid #19588D;
		background-color:#F9C60B; 
		color:#000;
		text-align: center;
}

#page #content #mainmenu ul#submenu { list-style-type: none; margin: 0; padding: 0; width:197px; position:relative; border-right:5px solid #929ca4; background:#a5aeb5; }
#page #content #mainmenu ul#submenu li { border-top: 1px solid #bcc2c8; margin: 0 0 -3px 0; height: 18px; }
html>body #page #content #mainmenu ul#submenu li { margin: 0; height: auto; }
#page #content #mainmenu ul#submenu li li { border-width: 0px; height: 19px; }
#page #content #mainmenu ul#submenu li a.menu      { display: block; width: 157px; padding: 2px 0 4px 40px; background: url('../img/site/li.gif')      no-repeat 15px 7px;         color: #ffffff; font-weight: bold; }
#page #content #mainmenu ul#submenu li a.hovermenu { display: block; width: 157px; padding: 2px 0 4px 40px; background: url('../img/site/lihover.gif') no-repeat 15px 7px #CA322F; color: #ffffff; font-weight: bold; text-decoration: none; }
#page #content #mainmenu ul#submenu li a.menu { margin-bottom: 2px; }
html>body #page #content #mainmenu ul#submenu li a.menu { margin-bottom: 0; }
html>body #page #content #mainmenu ul#submenu li a.menu { padding: 2px 0 3px 40px; }
html>body #page #content #mainmenu ul#submenu li a.hovermenu { padding: 2px 0 3px 40px; }
#page #content #mainmenu ul#submenu li.separator { height: 20px; }
html>body #page #content #mainmenu ul#submenu li.separator { height: 18px; }
#page #content #mainmenu ul#submenu li ul.none { display: none; }
#page #content #mainmenu ul#submenu li ul#moveLeft { padding-left: 7px; }
#page #content #mainmenu ul#submenu li ul.menu1 { display: block; position: absolute; top: -45px; margin: -20px 0 0 190px; list-style-type: none; padding: 0; }
html>body #page #content #mainmenu ul#submenu li ul.menu1 { margin: -17px 0 0 190px; }
#page #content #mainmenu ul#submenu li ul.menu2 { display: block; position: absolute; top: -45px; margin: -20px 0 0 401px; list-style-type: none; padding: 0; }
html>body #page #content #mainmenu ul#submenu li ul.menu2 { margin: -17px 0 0 401px; }
#page #content #mainmenu ul#submenu li ul.menu3 { display: block; position: absolute; top: -45px; margin: -20px 0 0 612px; list-style-type: none; padding: 0; }
html>body #page #content #mainmenu ul#submenu li ul.menu3 { margin: -17px 0 0 612px; }
#page #content #mainmenu ul#submenu li ul li a { display: block; width: 200px; height: 16px; background: #a5aeb5; padding: 2px 0 1px 10px; color: #ffffff;  border: 1px solid #bcc2c8; margin: 0; }
#page #content #mainmenu ul#submenu li ul li a:hover { text-decoration: none; background: #CA322F; color: #ffffff; }
html>body #page #content #mainmenu ul#submenu li ul li a { padding: 3px 0 0 10px; }
#page #content #mainmenu ul#submenu li li { padding: 0 0 1px 0; }
html>body #page #content #mainmenu ul#submenu li li { margin: -2px 0 0 0; padding: 0;}

#page #content #mainmenu ul#submenu li ul.submenu { display: block; position: absolute; top: -45px; margin: -20px 0 0 190px; list-style-type: none; padding: 0; }
html>body #page #content #mainmenu ul#submenu li ul.submenu { margin: 280px 0 0 190px; }

	/* middle */
#page #content #middle a {
	color: #1d3d88;
}
#page #content #middle {
	float: left;
	width: 608px;
	padding: 0 25px 10px 25px;
	background: url('../img/site/middle.gif') repeat-x;
}
#page #content #middle h2 {
	background: url('../img/site/h2.gif');
	height: 46px;
}
#page #content #middle h3 {
	color: #1d3d88;
	padding: 5px 0 10px 0;
	font-size: 14px;
}
#page #content #middle h4 {
	font-size: 12px;
	padding: 10px 0 5px 0;
	color: #993366;
}
#page #content #middle h4 a {
	color: #993366;
}
#page #content #middle h4 span {
	font-size: 10px;
	color: #993366;
	display: block;
	font-weight: normal;
}
#page #content #middle #homeNews {
	width: 155px;
	float: right;
	border-left: 1px solid #dfe3e6;
	padding: 0 0 10px 15px;
}
#page #content #middle #homeContent {
	float: left;
	background: url('../img/site/home.jpg') no-repeat 370px 170px;
	width:634px;
}
	/* gallery */
#page #content #middle h3.gallery {
	padding: 5px 0 0 0;
}
#page #content #middle .onGallery a {
	color: #993366;
}
#page #content #middle .onGallery img {
	float: left;
	margin: 0 7px 0 0;
	padding: 2px;
	border: 1px solid #993366;
}
#page #content #middle .listGallery .images
{
	width: 105px;
	display: inline;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 20px 20px 20px;
}
#page #content #middle .listGallery a {
	color: #993366;
}
#page #content #middle .listGallery a.image:hover {
	text-decoration: none;
	font-weight: bold;
}
#page #content #middle .listGallery img {
	padding: 2px;
	border: 1px solid #993366;
}
#page #content #middle .listGallery a:hover img {
	border: 1px solid #1d3d88;
}
#page #content #middle .oneGallergy a {
	color: #993366;
}
#page #content #middle .oneGallergy img {
	padding: 2px;
	border: 1px solid #993366;
}
#page #content #middle .oneGallergy img.image {
	margin-bottom: 5px;
}
#page #content #middle .oneGallergy .prev_next {
	margin: 7px 0 0 0;
}
#page #content #middle .oneGallergy .prev_next .prev {
	float: left;
	text-align: right;
}
#page #content #middle .oneGallergy .prev_next .next {
	float: right;
	text-align: left;
	margin: 0 2px 0 0;
}
#page #content #middle .oneGallergy .prev_next a:hover {
	text-decoration: none;
	color: #1d3d88;
}
/* ----------------------- */
/* INPUT */
#page .input {
	color: #7d7d7d;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #555;
	display: block;
	width: 300px;
	margin: 0 0 5px 0;
}
#page .submit {
	margin: 10px 0 0 0;
	font-size: 12px;
	border: 1px solid #555;
	display: block;
	width: 100px;
}
/* ----------------------- */
/* BOTTOM */
#page #bottom {
	margin: 0;
	color: #7d7d7d;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 20px 0 10px 0px;
	background: url('../img/site/bottom.gif') repeat-x #dfe3e6;
}
#page #bottom a {
	color: #7d7d7d;
	font-weight: bold;
}
/* ----------------------- */
/* DEFAULT */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear
{
	display: block;
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    font-size: 0px;
    line-height: 0px;
}
img { border-width: 0px; }
h1, h2, h3 ,h4, h5, h6, h7 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
}
ul {
	margin: 0;
	padding: 1px 0 10px 0;
}
li {
	padding: 0;
	margin: 0 0 0 15px;
}
/* ----------------------- */