/* CSS Document */

@import url(http://www.google.com/webfonts/css?family=Vollkorn:400regular,400italic);

body {
	background: #231009 url(../images/page/bg_body.jpg) repeat-x top left;
	color: #ffcd6f;
}

a, a:link, a:visited {
	color: #462f14;
}

#containerAll {
	min-height: 100%;
	margin: 0px auto;
	background: #ffffff url(../images/page/bg_containerAll.jpg) repeat-y top left;
	overflow: hidden;
}

hr {
	color: #88390e;
}

/* Puplic Classes */

.AbsolutePos {
	position: absolute;
}

.RelativePos {
	position: relative;
}

.FloatLeft {
	float: left;
}

.FullWidth {
	width: 960px;
}

.ThirdWidth {
	width: 299px;
}

.RestWidth {
	width: 621px;
	margin-left: 319px;
}

.FullRestWidth {
	width: 661px;
	margin-left: 299px;
}

.MaxContentWidth {
	width: 661px;
}

.ImageReplace {
	font-size: 0px;
	text-indent: -9999em;
}

.MarginRight10 {
	margin-right: 10px;
}

.MarginBottom5px {
	margin-bottom: 5px;
}

.MarginBottomEndless {
	margin-bottom: 200px;
}

.InTextImage {
	display: block;
	margin-bottom: -1px;
}

.ImageDescription {
	font-size: 9px;
}

.AlternateFont {
	font-family: Vollkorn, Georgia, "Times New Roman", Times, serif;
}

.TextShadow {
	text-shadow: 5px 5px 4px #000000;
}

/* Header */

#header {
	height: 135px;
	background: #ffffff url(../images/page/bg_header.jpg) no-repeat top left;
}

#logoContainer {
	top: 57px;
	right: 20px;
	width: 365px;
	height: 78px;
	background: #ffffff url(../images/page/bg_logo.jpg) no-repeat top left;
}

/* Left Container */

#containerLeft {
	min-height: 832px;
	background: #ffcd71 url(../images/page/bg_leftContainer.jpg) no-repeat 0px 466px;
}

#areaDescription {
	position: absolute;
	top: 205px;
	left: 0px;
	z-index: 10;
	width: 275px;
	text-align: right;
	text-transform: uppercase;
}

#areaDescription h3 {
	font-size: 24px;
	font-weight: 200;
}

#areaDescription h4 {
	font-size: 16px;
	font-weight: 200;
	margin-bottom: 10px;
}

/* Navigation */

#navigation {
	height: 35px;
	margin-bottom: 55px;
	background-color: #000000;
	overflow: hidden;
}

#navigation ul {
	margin-left: 20px;
	padding-top: 8px;
	list-style: none;
}

#navigation ul li {
	float: left;
	margin-right: 20px;
}

.NavigationLink {
	display: block;
	color: #ffcd71;
	text-transform: uppercase;
}
	.NavigationLink:link, .NavigationLink:visited, .NavigationLink:active {
		color: #ffcd71;		
	}
	.NavigationLink:hover, .NavigationLink:focus {
		color: #ab440b;
	}

/* Contents */

#content {
	padding-bottom: 240px;
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
}

/* Pressestimmen */

.PresseContainer {
	margin-bottom: 2px;
}

.PresseContainer h2 {
	width: 610px;
	height: 24px;
	padding: 3px 0px 0px 10px;
	background: transparent url(../images/contents/elements/bg_presseHeadlines.jpg) no-repeat top left;
	font-size: 13px;
	font-weight: 400;
	overflow: hidden;
}

.PresseContainer ul {
	width: 620px;
	padding: 10px 0px 20px 0px;
	background: #ffffff url(../images/contents/elements/bg_presseUl.jpg) repeat-x top left;
	list-style: none;
	overflow: hidden;
}

.PresseContainer ul li {
	margin: 10px 10px 5px 10px;
}

.PresseTextButton {
	display: block;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	background: transparent url(../images/contents/elements/bg_presseButton.png) no-repeat top right;
}
	.PresseTextButton:hover {
		color: #ab440b;
		background-position: bottom right;
	}
	
.PresseTextContainer {
	margin: 5px 0px 10px 0px;
	overflow: hidden;
}

.PresseTextContainer p {
	margin-bottom: 10px;
	color: #666666;
}

#lightBox {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background: transparent url(../images/contents/elements/bg_textlayer.png) repeat top left;
}

#innerLightBox {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1002;
	width: 400px;
	height: 300px;
	margin: -168px 0px 0px -210px;
	padding: 25px 10px 10px 10px;
	overflow: auto;
	background-color: #ffffff;
	color: #000000;
}

#closeLightBox {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1003;
	padding: 3px;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
}

#lightBox h4 {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 200;
}

/* Galerie */

#stageContainer {
	height: 432px;
	background-color: #000000;
	overflow: hidden;
}

#controlPanel {
	bottom: 83px;
	right: 5px;
	z-index: 5;
	width: 46px;
	height: 20px;
	list-style: none;
	overflow: hidden;
}

#controlPanel li {
	width: 23px;
	height: 19px;
	float: left;
}

.ControlButton {
	width: 19px;
	height: 19px;
	background: transparent url() no-repeat top left;
	text-indent: -9999em;
	cursor: pointer;
}
	.ControlButton:hover {
		background: transparent url() no-repeat bottom left;
	}

	#buttonLeft {
		background-image: url(../images/contents/elements/btn_controlButton_Left.jpg);
	}
	#buttonRight {
		background-image: url(../images/contents/elements/btn_controlButton_Right.jpg);
	}
	#zoomButton {
		background-image: url(../images/contents/elements/btn_controlButton_Zoom.jpg);
	}
	
#textLayer {
	bottom: 0px;
	left: 0px;
	z-index: 3;
	height: 111px;
	background: transparent url(../images/contents/elements/bg_textlayer.png) repeat top left;
	color: #ffffff;
}

#textLayer p {
	margin-left: 10px;
}

.ImgDesc {
	margin: 10px 0px 7px 10px;
	font-size: 16px;
	font-weight: 200;
	text-transform: uppercase;
}

#previewContainer {
	background-color: #000000;
	overflow: hidden;
}

.PreviewImg {
	cursor: pointer;
}

#preloader {
	display: none;
	top: 192px;
	left: 307px;
	z-index: 800;
	width: 45px;
	height: 45px;
	background: transparent url(../images/page/preloader.gif) no-repeat top center;
}

/* Contactform */

#contactForm {
	width: 407px;
	overflow: hidden;
}

#contactLeftContainer {
	width: 407px;
}

label {
	display: block;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 200;
	cursor: pointer;
}

.InputText {
	width: 400px;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #ab440b;
	background-color: #EFEEE9;
}

.InputButton {
	padding: 3px 5px;
	float: right;
	border: 1px solid #231009;
	background-color: #231009;
	color: #ffcd71;
	cursor: pointer;
}
	.InputButton:hover,
	.InputButton:focus {
		background-color: #ffcd71;
		color: #231009;
	}
	
#info {
	display: block;
	font-size: 0.8em;
	text-align: right;
}

/* Footer */

#footer {
	bottom: 0px;
	left: 0px;
	height: 150px;
	background: #462f14 url(../images/page/bg_footer.jpg) repeat-x top left;
}

#footer a {
	top: 20px;
	left: 299px;
	font-style: italic;
}
	#footer a:link, #footer a:visited, #footer a:active {
		color: #ffcd71;
	}
	#footer a:hover, #footer a:focus {
		color: #ab440b;
	}