@charset "utf-8";

html {
	background: url(../gfx/bgr.main.png) repeat-x 0 480px #ffffff;
}

body {
	background: url(../gfx/bgr.body.png) no-repeat top center;
}

/********** BASE **********/

.Base {
	margin: 0px auto;
	width: 1000px;
}

/********** BUTTONS **********/

.Base .ButtonLeft,
.Base .ButtonRight,
.Base .ButtonCenter {
	background: url(../gfx/bgr.button.png) no-repeat 0px -22px;
	padding: 0 0 0 8px;
}

.Base .ButtonLeft:hover,
.Base .ButtonRight:hover,
.Base .ButtonCenter:hover {
	text-decoration: none;
}

.Base .ButtonLeft {
	float: left;
	margin: 0 10px 10px 0;
}

.Base .ButtonRight {
	float: right;
	margin: 0 0 10px 10px;
}

.Base .ButtonCenter {
	margin: 0 auto;
	display: block;
}

.Base .ButtonLeft span,
.Base .ButtonRight span,
.Base .ButtonCenter span {
	font-family: "Times New Roman", Times, serif;
	color: #a02031;
	background: url(../gfx/bgr.button.png) no-repeat 100% 0px;
	line-height: 22px;
	display: block;
	padding: 0 18px 0 10px;
	text-align: center;
}

.Base .ButtonLeft:hover span,
.Base .ButtonRight:hover span,
.Base .ButtonCenter:hover span {
	text-decoration: none;
}

.Base .Buttons {
	line-height: 22px;
	height: 22px;
	padding: 10px 0;
	border-top: 1px solid #eeeeee;
}

/********** HEAD **********/

.Base .Head {
	min-height: 480px;
	position: relative;
}

.Base .Head #ContentControls {
	margin: 0px 25px 20px 525px;
	height: 34px;
	border-bottom: 1px solid #d5d0c7;
}

.Base .Head #ContentControls #ContentSwitcher {
	float: left;
	clear: left;
	background: #d5d0c7;
	margin: 0px 25px 0px 0px;
	padding: 0px 9px 0px 17px;
}

.Base .Head #ContentControls #ContentSwitcher img {
	background: #e7e4de;
	width: 8px;
	height: 8px;
	float: left;
	margin: 13px 8px 13px 0px;
	cursor: pointer;
}

.Base .Head #ContentControls #ContentSwitcher img.Active {
	background: #ffffff;
}

.Base .Head #ContentControls #ContentSwitcher img.Selected {
	background: #a02031;
}

.Base .Head #ContentControls #ContentTitle {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	color: #a02031;
	line-height: 34px;
}

/********** Content **********/

.Base .Head .Content {
	top: 54px;
	left: 0px;
	width: 1000px;
	height: 400px;
	overflow: hidden;
}

.Base .Head .Content .Center {
	margin: 0px 25px;
}

.Base .Head .Content .Left {
	width: 450px;
	float: left;
	margin: 0px 0px 0px 25px;
	position: relative;
}

.Base .Head .Content .Right {
	width: 450px;
	margin: 0px 0px 0px 525px;
}

/********** Content (Text) **********/

.Base .Head .Text {
}

/********** Content (Gallery) **********/

.Base .Head .Gallery {
	height: 381px;
}

.Base .Head .Gallery .Left {
	width: 460px;
	height: 370px;
	margin: 0px 0px 0px 15px;
	background: url(../gfx/bgr.gallery.png) no-repeat 10px 0px;
}

.Base .Head .Gallery .Left a,
.Base .Head .Gallery .Left span {
	background: #D5D1C8;
	margin: 0px 0px 11px 10px;
	float: left;
	width: 105px;
	height: 116px;
}

.Base .Head .Gallery .Left span {
	background: none;
}

.Base .Head .Gallery .Left span.Grey {
	background: #aba38f;
	opacity: .5;
}

.Base .Head .Gallery .Right {
	padding: 0px 0px 11px 0px;
}

/********** Content (Contact) **********/

.Base .Head .Contact {

}

.Base .Head .Contact .Right {
	padding: 20px 0px 0px 0px;
}

/********** Options **********/

.Base .Head #Options {
	display: none;
	background: #ffffff;
	position: absolute;
	top: 54px;
	left: 25px;
	width: 950px;
	height: 370px;
}

/********** InfoCanvas **********/

.Base .Head #InfoCanvas {
	background: #ffffff;
	position: absolute;
	top: 55px;
	left: 25px;
	width: 950px;
	height: 370px;
}

/********** BODY **********/

.Base .Body {
	position: relative;
	padding: 0px 0px 25px 0px;
}

.Base .Body .Menu {
	height: 35px;
	margin: 0px;
	padding: 0px 25px 0px 225px;
	position: relative;
	list-style-type: none;
}

.Base .Body .Menu li {
	float: left;
	width: 140px;
	margin: 0px 0px 0px 10px;
}

.Base .Body .Menu li a {
	display: block;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 35px;
	text-align: center;
	text-transform: uppercase;
	color: #454545;
	font-size: 14px;
}

.Base .Body .Menu li.Selected a {
	background: #6d685e;
	font-weight: bold;
	color: #ffffff;
}

.Base .Body .Menu li.Active a {
	background: #96928a;
	font-weight: bold;
	color: #ffffff;
}

.Base .Body .Menu li ul {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 35px;
	width: 140px;
	background: url(../gfx/bgr.submenu.png);
}

.Base .Body .Menu li ul li {
	margin: 0px;
}

.Base .Body .Menu li ul li a,
.Base .Body .Menu li.Selected ul li a,
.Base .Body .Menu li.Active ul li a {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
	color: #c2bdb4;
	background: none;
}

.Base .Body .Menu li ul li.Selected a {
	background: #6d685e;
	color: #ffffff;
}

.Base .Body .Menu li ul li.Active a {
	background: #96928a;
	color: #ffffff;
}

.Base .Body .Image {
	height: 175px;
	padding: 0px 25px;
}

.Base .Body .Logo {
	position: absolute;
	top: -25px;
	left: 0px;
}

.Base .Body .TeaserList {
	padding: 0px 0px 0px 25px;
	height: 325px;
}

.Base .Body .TeaserList .Teaser {
	float: left;
	width: 300px;
	height: 400px;
	margin: 25px 25px 0px 0px;
	overflow: hidden;
}

/********** FOOT **********/

.Base .Foot {
	height: 50px;
	padding: 0px 25px;
}

.Base .Foot .Text p {
	color: #cccccc;
}

/********** IMAGE VIEWER **********/

.Base #ImageViewer {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
}

.Base #ImageViewer #Canvas {
	height: 100%;
	width: 100%;
	background: #a0a096;
	opacity: .6;
	filter: alpha(opacity=60);
	position: fixed;
	top: 0px;
	left: 0px;
}

.Base #ImageViewer #Frame {
	position: fixed;
	z-index: 10010;
	left: 50%;
	top: 70px;
	margin: 15px 0 0 -475px;
	background: url(../gfx/bgr.shadow_left.png) no-repeat bottom left;
	padding: 0px 0px 15px 15px;
}

.Base #ImageViewer #Frame > div {
	background: url(../gfx/bgr.shadow_bottom.png) no-repeat bottom right;
	margin: 0px -15px -15px 0px;
	padding: 0px 15px 15px 0px;
}

.Base #ImageViewer #Frame > div > div {
	background: url(../gfx/bgr.shadow_right.png) no-repeat top right;
	margin: -15px -15px 0px 0px;
	padding: 15px 15px 0px 0px;
}

.Base #ImageViewer #Frame > div > div > div {
	background: url(../gfx/bgr.shadow_top.png) no-repeat top left;
	margin: -15px 0px 0px -15px;
	padding: 15px 0px 0px 15px;
}

.Base #ImageViewer #Frame div div div #Image {
	border: 10px solid white;
}

.Base #ImageViewer #Frame #LeftButton,
.Base #ImageViewer #Frame #RightButton,
.Base #ImageViewer #Frame #CloseButton,
.Base #ImageViewer #Frame #ImageDescription {
	display: none;
}