@charset "utf-8";
/* CSS Document */
@import url("webfonts/Frutiger_Light_Condensed/stylesheet.css");
@import url("webfonts/Frutiger_Roman/stylesheet.css");
@import url("webfonts/Frutiger_Bold/stylesheet.css");

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
	background-image: url(pics/background.jpg);
	background-repeat:no-repeat;
	background-color: #673a15;
	margin-top: 0px;
	font-family: "Frutiger Light Condensed";
	font-size: 14px;
	color: #000;
}

th {
	font-weight:normal;
	color: #673a15;
	text-align:left;	
	padding-bottom:5px;
}
	
td {
	vertical-align:top;
	padding-right: 10px;
}


h1,h2,h3,h4,h5,h6 {
	font-family: "Frutiger Light Condensed";
}

h1 {
	font-size: 16px;
	font-weight:normal;
	line-height: 20px;
	color: #673a15;
	margin: 5px 0px 7px;
	padding-top: 5px;
}

p {
	padding-bottom: 10px;
	margin: 0px;
}

a:link {
	color: #673a15;
	text-decoration: none;
}
a:visited {
	color: #673a15;
	text-decoration: none;
}
a:hover {
	color: #bb855c;
	text-decoration: none;
}
a:active {
	color: #bb855c;
	text-decoration: none;
}
#splash_right a:focus, #header a:focus, .menuitem a:focus, a:focus {
	color: #bb855c;
	text-decoration: none;
}

.img_frame {
	overflow: hidden;
	padding-top: 17px;
}

.img_frame .img_l {
	padding: 0px 0px 10px 5px;
	background-image:url(pics/shadow_l.png);
	background-position:bottom;
	background-repeat:no-repeat;
	

	-ms-animation-name:ani_image_l;
	-ms-animation-duration:1s;
	/* Firefox: */
	-moz-animation-name:ani_image_l;
	-moz-animation-duration:1s;
	/* Safari and Chrome: */
	-webkit-animation-name:ani_image_l;
	-webkit-animation-duration:1s;
	/* Opera: */
	-o-animation-name:ani_image_l;
	-o-animation-duration:1s;
}

@-ms-keyframes ani_image_l
{
0%   {opacity: 0;
-ms-transform: translate(345px);}
100% {opacity: 1;
-ms-transform: translate(0px);}
}

@-moz-keyframes ani_image_l /* Firefox */
{
0%   {opacity: 0;
-moz-transform: translate(345px);}
100% {opacity: 1;
-moz-transform: translate(0px);}
}

@-webkit-keyframes ani_image_l /* Safari and Chrome */
{
0%   {opacity: 0;
-webkit-transform: translate(345px);}
100% {opacity: 1;
-webkit-transform: translate(0px);}
}

@-o-keyframes ani_image_l/* Opera */
{
0%   {opacity: 0;
-o-transform: translate(345px);}
100% {opacity: 1;
-o-transform: translate(0px);}
}

.img_i_l{
	background-image:url(pics/shadow_l.png);
	padding: 0px 25px 10px 5px;
	background-position: 0px;
	background-repeat:no-repeat;
	float:left;
}

.img_i_l_l{
	background-image:url(pics/shadow_l.png);
	padding: 0px 19px 10px 0px;
	background-position: -5px;
	background-repeat:no-repeat;
	float:left;
}

.img_i_s{
	background-image:url(pics/shadow_s.png);
	padding: 0px 25px 10px 5px;
	background-repeat:no-repeat;
	float:left;
}

.img_i_s_l{
	background-image:url(pics/shadow_s.png);
	padding: 0px 25px 10px 0px;
	background-position: -5px;
	background-repeat:no-repeat;
	float:left;
}

.img_frame_2 {	

	-ms-animation-name:ani_image_i;
	-ms-animation-duration:1s;
	/* Firefox: */
	-moz-animation-name:ani_image_i;
	-moz-animation-duration:1s;
	/* Safari and Chrome: */
	-webkit-animation-name:ani_image_i;
	-webkit-animation-duration:1s;
	/* Opera: */
	-o-animation-name:ani_image_i;
	-o-animation-duration:1s;
}

.img_frame_3 {	

	width: 100%;
        clear: left;
}

@-ms-keyframes ani_image_i
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-moz-keyframes ani_image_i /* Firefox */
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes ani_image_i /* Safari and Chrome */
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-o-keyframes ani_image_i/* Opera */
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

/*SPLASH*/

#splash_container {
	background-color: #fff;
	background-image:url(pics/splash_background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 960px;
	height: 578px;
	margin-top: 95px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	/* webkit browser*/
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	/* firefox */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);

	-ms-animation-name:ani_splash;
	-ms-animation-duration:1s;
	/* Firefox: */
	-moz-animation-name:ani_splash;
	-moz-animation-duration:1s;
	/* Safari and Chrome: */
	-webkit-animation-name:ani_splash;
	-webkit-animation-duration:1s;
	/* Opera: */
	-o-animation-name:ani_splash;
	-o-animation-duration:1s;
}

@-ms-keyframes ani_splash
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-moz-keyframes ani_splash /* Firefox */
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes ani_splash /* Safari and Chrome */
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@-o-keyframes ani_splash/* Opera */
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

#splash_title {
	font-family: "Frutiger Bold";
	font-size: 16px;
	color: #673a15;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	padding: 5px 70px;
	clear:both;
}

#splash_subtitle {
	font-size: 16px;
	padding:15px 70px;
}

#splash_right {
	font-family: "Frutiger Bold";
	font-size: 16px;
	color: #673a15;
	text-align: right;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	padding: 30px 70px 0px;
}

#splash_footer{
	font-family: "Frutiger Roman";
	padding: 45px 70px 0px;
	color: #673a15;
	font-size: 10px;
	clear:both;
}


/*SITE*/

#site_container {
	background-color: #fff;
	background-image:url(pics/body_background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	/* webkit browser*/
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	/* firefox */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#header {
	padding:40px 70px 0px;
}

#header_1 {
	font-family: "Frutiger Bold";
	font-size: 22px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	float: left;
}

#header_2 {
	font-family: "Frutiger Light Condensed";
	font-size: 20px;
	color: #000;
	padding: 3px 0px 0px 200px;	
}

/*MENU*/

#menu {
	padding:0px 70px;
	clear:both;
}

.menuitem {
	font-family: "Frutiger Roman";
	font-size: 16px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	padding:17px 8px 25px 0px;
	float:left;
}

#splash_right a:hover, #header a:hover, .menuitem a:hover  {
	color: #bb855c;
	
	-ms-animation-name:menuitem_hover;
	-ms-animation-duration:0.7s;
	/* Firefox: */
	-moz-animation-name:menuitem_hover;
	-moz-animation-duration:0.7s;
	/* Safari and Chrome: */
	-webkit-animation-name:menuitem_hover;
	-webkit-animation-duration:0.7s;
	/* Opera: */
	-o-animation-name:menuitem_hover;
	-o-animation-duration:0.7s;
}

@keyframes menuitem_hover
{
0%   {color: #673a15;}
100% {color: #bb855c;}
}

@-moz-keyframes menuitem_hover /* Firefox */
{
0%   {color: #673a15;}
100% {color: #bb855c;}
}

@-webkit-keyframes menuitem_hover /* Safari and Chrome */
{
0%   {color: #673a15;}
100% {color: #bb855c;}
}

@-o-keyframes menuitem_hover /* Opera */
{
0%   {color: #673a15;}
100% {color: #bb855c;}
}

#splash_right a, #header a, .menuitem a {
	color: #673a15;
	
	-ms-animation-name: menuitem_current_hover;
	-ms-animation-duration: 0.7s;
	/* Firefox: */
	-moz-animation-name: menuitem_current_hover;
	-moz-animation-duration: 0.7s;
	/* Safari and Chrome: */
	-webkit-animation-name: menuitem_current_hover;
	-webkit-animation-duration: 0.7s;
	/* Opera: */
	-o-animation-name: menuitem_current_hover;
	-o-animation-duration: 0.7s;
}

@keyframes menuitem_current_hover
{
0%   {color: #bb855c;}
100% {color: #673a15;}
}

@-moz-keyframes menuitem_current_hover /* Firefox */
{
0%   {color: #bb855c;}
100% {color: #673a15;}
}

@-webkit-keyframes menuitem_current_hover /* Safari and Chrome */
{
0%   {color: #bb855c;}
100% {color: #673a15;}
}

@-o-keyframes menuitem_current_hover /* Opera */
{
0%   {color: #bb855c;}
100% {color: #673a15;}
}

/*CONTAINER*/

#area_left {
	width: 500px;
	margin-right:40px;
	padding-left:70px;
	float:left;
	clear:both;
	
}
#area_right {
	width:350px;
	margin-top:23px;
	float:left;
}

#lageplan{
	margin-left: 50px;
}

/*FOOTER*/

#footer{
	font-family: "Frutiger Roman";
	padding: 115px 70px 0px;
	color: #673a15;
	font-size: 10px;	
	padding-bottom:10px;
	clear:both;
}