@charset "utf-8";
/* CSS Document */
/* Main Structure, master backgrounds, etc. */
* {
	margin: 0px;
	padding: 0px;
	outline: 0;
}
/* image-replacement --- Versteckt den Text wenn (sowie eigentlich immer) CSS aktiviert ist */
.image-replacement {
	text-indent: -200em;
	overflow: hidden;
}
/* float-restore --- stellt den normalen Element-Fluss wieder her */
.float-restore {
	margin: 0;
	padding: 0;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 10:24:12 AM America/New_York */


@font-face {
	font-family: 'TeXGyreAdventorRegular';
	src: url('font/texgyreadventor-regular-webfont.eot');
	src: local('☺'), url('font/texgyreadventor-regular-webfont.woff') format('woff'), url('font/texgyreadventor-regular-webfont.ttf') format('truetype'), url('font/texgyreadventor-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TeXGyreAdventorItalic';
	src: url('font/texgyreadventor-italic-webfont.eot');
	src: local('☺'), url('font/texgyreadventor-italic-webfont.woff') format('woff'), url('font/texgyreadventor-italic-webfont.ttf') format('truetype'), url('font/texgyreadventor-italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TeXGyreAdventorBold';
	src: url('font/texgyreadventor-bold-webfont.eot');
	src: local('☺'), url('font/texgyreadventor-bold-webfont.woff') format('woff'), url('font/texgyreadventor-bold-webfont.ttf') format('truetype'), url('font/texgyreadventor-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TeXGyreAdventorBoldItalic';
	src: url('font/texgyreadventor-bolditalic-webfont.eot');
	src: local('☺'), url('font/texgyreadventor-bolditalic-webfont.woff') format('woff'), url('font/texgyreadventor-bolditalic-webfont.ttf') format('truetype'), url('font/texgyreadventor-bolditalic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Definitionen zum body */

nav,
header,
article{
	display: block;
}

body {
	background-color: #383838;
	font-family: Arial, Helvetica, sans-serif;
	color: #a1a1a1;
	font-size: 12px;
}
img {
	border: none;
	background: url('../img/element/spinner.gif') no-repeat center;
}
p, p a {
	color: #383838;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	text-decoration: none;
}
h1.article {
	font-size:18px;
	font:'TeXGyreAdventorRegular', Arial, sans-serif;
	text-shadow:0 1px 0 #ddd;
}
p.article,
.detail-text p {
	font:'TeXGyreAdventorRegular', Arial, sans-serif;
	font-size: 14px;
}
h2 {
	font: 40px/48px 'TeXGyreAdventorRegular', Arial, sans-serif;
	letter-spacing: 0;
}
p.bright {
	font: 12px'TeXGyreAdventorRegular', Arial, sans-serif;
	color:#dad8d8;
}
p.bright-bold {
	font: 18px/27px 'TeXGyreAdventorBold', Arial, sans-serif;
}
p.desc {
	fonts-size:10px;
	color:#ddd;
}
a, a:link, a:visited, a:active {
	color: #383838;
	text-decoration: none;
}
a:hover {
	color: #000;
}
/* Definitionen zum Layout*/

#master-of-all {
	overflow-x:hidden;
	width:1250px;
	min-height:689px;
	margin:0 auto;
	background-color: #282828;
	/*background:	url(../img/element/bg_main.jpg) center top no-repeat #282828;*/
	position:relative;
}

.big-gallery{
	background: url(../img/element/bg_main.jpg) no-repeat center #282828;
}

.big-gallery-img{
	position: absolute;
	top: 0;
	left: 0;
}

/* Definitionen zur Navigation*/
nav.menu {
	height:90px;
	/*overflow: hidden;*/
	margin-bottom: 30px;
	width: 1024px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
}
nav.menu li {
	float:left;
	list-style:none;
	list-style-type:none;
	padding: 30px 10px;
	position: relative;
}
nav.menu li a,
nav.menu li a:link,
nav.menu li a:visited,
nav.menu li a:active {
	float:left;
	text-decoration:none;
	color:#a1a1a1;
	font: 18px 'TeXGyreAdventorRegular', Arial, sans-serif;
	margin-left:10px;
}
nav.menu li a:hover {
	color:#dad8d8;
}
nav.menu li.active a {
	text-decoration:none;
	color:#dad8d8;
	font: 18px 'TeXGyreAdventorBold', Arial, sans-serif;
}
a.home-link {
	text-decoration:none;
	color:#a1a1a1;
	font: 24px 'TeXGyreAdventorBold', Arial, sans-serif;
	float:left;
	margin-top:3px;
	background:url(../img/element/menu-divider.png) right top;
	width:212px;
	background-repeat:no-repeat;
	height:55px;
	padding-top:20px;
}
ul.sub-menu {
	background:url(../img/element/bg_sub.png);
	width:460px;
	position:absolute;
	display:none;
	-moz-box-shadow:1px 1px 10px rgba(30, 30, 30, 2);
	-webkit-box-shadow:1px 1px 10px rgba(30, 30, 30, 2);
	box-shadow:1px 1px 10px rgba(30, 30, 30, 2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 3px solid #383838;
	padding: 10px;
	top: 52px;
	left: 0;
	z-index: 1;
}
.menu .sub-menu li {
	float:left;
	width:auto;
	/*padding-bottom:20px;*/
	padding-top: 0;
}
.sub-menu li img {
	float:left;
	border:1px solid #292929;
	height: 75px;
	width: 75px;
}
.sub-menu li img:hover {
	-moz-box-shadow:1px 1px 10px rgba(200, 200,200, 1);
	-webkit-box-shadow:1px 1px 10px rgba(200, 200,200, 1);
	box-shadow:1px 1px 10px rgba(200, 200,200, 1);
}
.sub-menu li span {
	float:left;
	font: 14px 'TeXGyreAdventorRegular', Arial, sans-serif;
	padding-left:10px;
	padding-top:20px;
	width:100px;
}
.sub-menu li span:hover {
	color:#FFF
}
nav.menu li:hover ul.sub-menu {
	display:block;
	/*z-index: 10000;*/
}
/* Definitionen zum Content*/


.content {
	width: 1024px;
	overflow: hidden;
	margin: 0 auto;
}

.first-article {
	position:relative;
	width:760px;
	height:123px;
}
.second-article {
	position:relative;
	width:760px;
	height:246px;
	left:172px;
}
.first-img {
}
.second-img {
	position:absolute;
	left:0px;
	top:0px;
}
.first-text, .second-text {
	position:absolute;
	background:#fff;
	z-index:1;
	padding:10px;
	top:10px;
	left:123px;
	float:left;
	padding:10px;
	-moz-box-shadow:1px 1px 10px rgba(50, 50, 50, 0.5);
}
.second-text {
	top:30px;
}
.first-text h1 a, .second-text h1 a, .detail-text h1 {
	font: 18px 'TeXGyreAdventorBold', Arial, sans-serif;
}
.first-text h1 a {
	color:#069;
}
.first-text h1 a:hover {
	color:#09C;
}
.second-text h1 a {
	color:#c33800;
}
.second-text h1 a:hover {
	color:#e55116;
}
.detail-text {
	position: relative;
	width:470px;
	background:#fff;
	z-index:1;
	padding:10px;
	overflow: hidden;
	-moz-box-shadow:1px 1px 10px rgba(50, 50, 50, 0.5);
	float: left;
	margin-top: 30px;
}
.detail-img {
	float: left;
	right: 100px;
	position: relative;
}

.detail-img img{
	height: 369px;
	width: 494px;
}


.detail-text h1 {
	color:#7d0c00;
}
.arrow-left, .arrow-right {
	width:22px;
	height:37px;
	background-image:url(../img/element/arrow.png);
	text-indent:-200em;
	display:block;
	position: absolute;
	top: 43%;
}
.arrow-left {
	background-position: 0px 0px;
	left: 0;
}
.arrow-left:hover {
	background-position: 0px -38px;
}
.arrow-right {
	right: 0;
	background-position: 22px 0px;
}
.arrow-right:hover {
	background-position: 22px -38px;
}

.content-gallery{
	position: relative;
	margin: 20px 15px;
	overflow: hidden;
}

.gallery-list-wrapper {
	width:375px;
	height:290px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}

.gallery-grid{
	list-style: none;
	width: 1024px;
	margin: 0 auto;
}

.gallery-grid span{
	position: absolute;
	bottom: 1px;
	right: 1px;
	font-size: 16px;
	visibility: hidden;
	text-align: right;
	padding: 1px 3px;
	background-color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; /* IE8 */
}

.gallery-grid a:hover span{
	visibility: visible;
}

.gallery-list{
	overflow: hidden;
	width: 440px;
}

.gallery-list li,
.gallery-big li {
	float:left;
	list-style:none;
	list-style-type:none;
}
.gallery-list li a {
	padding:3px;
	border:1px solid #ccc;
	margin:5px;
	display:block;
}
.gallery-list li a:hover {
	padding:3px;
	border:1px solid #ccc;
	margin:5px;
	display:block;
	background:#ddd;
	-moz-box-shadow:1px 1px 10px rgba(50, 50, 50, 0.5);
	-webkit-box-shadow:1px 1px 10px rgba(50, 50, 50, 0.5);
	box-shadow:1px 1px 10px rgba(50, 50, 50, 0.5);
}
.gallery-big {
	position: relative;
}
.gallery-big ul {
	overflow:hidden;
	height: 395px;
	width: 100%;
	position: relative;
}
.gallery-big ul li {
	-moz-opacity:.50;
	filter: alpha(opacity=50);
	opacity:.50;
	padding-right: 25px;
	height: 395px;
}
.gallery-big ul li:hover{
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.gallery-big ul li.active{
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

.gallery-big ul li p{
	visibility: hidden;
}

.gallery-big ul li.active p{
	visibility: visible;
	border-bottom:2px solid #ddd;
}

.gallery-big ul li img a {
	width:auto;
}

.page {
	margin-right:30px;
	height:20px;
	position:absolute;
	top:372px;
	right:0;
	line-height: 20px;
}

.page a{
	color:#ddd;
	font:12px 'TeXGyreAdventorRegular', Arial, sans-serif;
}

.page a:hover{
	border-top: 1px solid #fff;
}

.page a.active{
	border-bottom: 2px solid #fff;
}
/* Definitionen zum Footer */

.footer {
	height:57px;
	background-image:url(../img/element/bg_footer.png);
	width:1250px;
	margin:0 auto;
	overflow:hidden;

}
.footer p , .footer p a{
	font-size:10px;
	color:#d8d8d8;
	padding:30px 0px 0px 20px;
	float:left;

}
.footer p a{
	padding:0px;

}
.footer p.impressum, .footer p.impressum a{padding-left:1px;}
.footer p.archiv, .footer p.archiv a{float:right; margin-right:10px;}

#contact-form input,
#contact-form textarea{
	border: 1px solid #A1A1A1;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 1px 2px;
	width: 250px;
	vertical-align: middle;
}

#contact-form label{
	width: 70px;
}

#contact-form .validation-failed{
	border-color: #f00;
	background-color: #fee;
}

.form-row{
	margin: 5px;
}

#contact-form .checkbox input{
	width: auto;
	margin: 0 5px 0 70px;
}

#contact-form .checkbox label{
	color: #000;
	font-weight: bold;
	width: 237px;
}

.grid #master-of-all,
.grid .footer{
	visibility: hidden;
}