@charset "UTF-8";

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click-gallery-preview.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
@font-face {
	font-family: 'ImpactLabelRegular';
	src: url('Impact_label.eot');
	src: local('Impact Label Regular'), local('ImpactLabel'), url('Impact_label.ttf') format('truetype');
}
@font-face {
	font-family: 'ImpactLabelReversedRegular';
	src: url('Impact_label_reversed.eot');
	src: local('Impact Label Reversed Regular'), local('ImpactLabelReversed'), url('Impact_label_reversed.ttf') format('truetype');
}
@font-face {
	font-family: 'MRVCode39extMARegular';
	src: url('mrvcode39extma-webfont.eot');
	src: url('mrvcode39extma-webfont.eot?iefix') format('eot'),
	url('mrvcode39extma-webfont.woff') format('woff'),
	url('mrvcode39extma-webfont.ttf') format('truetype'),
	url('mrvcode39extma-webfont.svg#webfontpI5vt4Cg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {overflow-y:scroll;}

body {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #999999;
	font-family: Verdana, sans-serif;
}
#container {
	width: 838px;
	background: #FFF;
	margin: 0px auto 0;
	text-align: left;
}
#menue {
	z-index: 3;
	position: relative;
	margin-bottom: -3px;
}
#menue h2 {
	font: bold 18px verdana, sans-serif;
	background: url(../bilder/quad.gif) no-repeat 108px 8px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	width: 118px;
	border-bottom: solid #990000 0px;
	height: 19px;
}
#menue ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menue li {
	display: inline;
	padding-right: 16px;
	font: 20px/30px 'ImpactLabelReversedRegular', sans-serif;
}
#menue li a:hover { font: 20px/30px 'ImpactLabelRegular', sans-serif; }
#menue img { margin-bottom: 10px; }
em {
	color: #000000;
	font-style: italic;
	font-weight: normal;
}
.em {
	color: #333333;
	font-style: italic;
	font-weight: normal;
}
p {
	font-size: 12px;
	color: #666666;
	padding: 0;
	margin: 10px 0 0 0;
	line-height: 17px;
}
.stattkunst {
	font-size: 12px;
	color: #666666;
	padding: 0;
	margin: 0px 0 50px 0;
	line-height: 17px;
	font-family: 'MRVCode39extMARegular', sans-serif;
}
a {
	text-decoration: none;
	outline: none;
	font-style: italic;
	border: none 0;
	outline-style: none;
}
ul a { font-style: normal; }

#gallery {
	width:840px;
	height:600px;
	margin:0 auto;
	position:relative;
	font-family:verdana, sans-serif;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align: left;
}
#gallery #fullsize {
	position:absolute;
	left:0px;
	top:0px;
	height:600px;
	width:840px;
	overflow:hidden;
	text-align:center;
}
#gallery #fullsize div {
	width:840px;
	height:600px;
	padding-top:30px;
	position:relative;
	text-align: left;
}
#gallery #fullsize div img {
	clear:both;
	display:block;
	margin:0 auto;
	border:10px solid #fff;
	width:620px;
	height:450px;
	position:relative;
	z-index:500;
	background-color: #CCCCCC;
}
#gallery #fullsize div h3 {
	font: 20px/30px 'ImpactLabelRegular', Verdana, sans-serif;
	color: #666666;
	padding:0px 0 0 110px;
	margin:0;
}
#gallery #fullsize div h3 a:hover { font: 20px/30px 'ImpactLabelRegular', Verdana, sans-serif; }

#gallery #fullsize div p {
	padding:0 0 0 110px;
	margin:0;
	font-size:12px;
	line-height:18px;
}
#gallery #fullsize a.previous {
	display:block;
	height:100px;
	width:136px;
	position:absolute;
	left:2px;
	top:260px;
	z-index:10;
	border:10px solid #fff;
	border-left: 0;
	background: url(/bilder/pfeil_l.gif) no-repeat bottom left;
}
#gallery #fullsize a.next {
	display:block;
	height:100px;
	width:136px;
	position:absolute;
	right:2px;
	top:260px;
	z-index:10;
	border:10px solid #fff;
	border-right: 0;
	background: url(/bilder/pfeil_r.gif) no-repeat bottom right;
}
#gallery #fullsize a.previous img,
#gallery #fullsize a.next img {
	width:134px;
	height:100px;
	border:0;
	display:block;
	filter: alpha(opacity=40);
	opacity:0.4;
}
#gallery #fullsize a:hover {direction:ltr; z-index:600;}
#gallery #fullsize a:link img {
	filter: alpha(opacity=30);
	opacity:0.3;
	border: solid #666 1px;
}

#gallery #fullsize a:hover img {
	filter: alpha(opacity=100);
	opacity:1;
}
#gallery #fullsize div.kontakt {
	margin: 50px 0 0 80px;
	width: 655px;
}
#gallery #fullsize .kontakt img {
	float: right;
	width: 300px;
	height: 200px;
	border: none;
	margin-top: -50px;
	margin-left: 30px;
}
#gallery #fullsize .kontakt h3 {
	padding:125px 0 0 0;
	margin:0;
	color: #999999;
	font: bold 14px Verdana, sans-serif;
}
#gallery #fullsize .kontakt p {
	padding:0px 0 0 0px;
	margin:0;
}
#scroll {
	width:840px;
	margin:-3px auto 0;
	position:relative;
	font-family:verdana, sans-serif;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align: left;
}
#scroll div.bio {
	margin: 40px 0 0 78px;
	width: 695px;
	position: relative;
}
#scroll .bio img {
	float: right;
	width: 235px;
	border: none;
	margin-top: 5px;
	margin-left: 10px;
	height: 235px;
}
#scroll div.bio h3 {
	margin: 0 0 0 0;
	color: #999999;
	font-size: 14px;
}
#scroll #bio div.bio .sub {
	position: absolute;
	left: 485px;
	top: 316px;
	width: 130px;
	font-size: 9px;
	text-align: right;
}
#scroll div.video {
	margin: 41px 0 60px 110px;
	width: 600px;
	position: relative;
	padding: 0px 0 0 0;
}
#scroll div.video h3 {
	margin: 0 0 0 0;
	font: 20px/30px 'ImpactLabelRegular', Verdana, sans-serif;
	color: #666666;
}
#scroll .video img {
	border: none;
	margin: 0 0 30px 0;
}

a:link {
	color: #990000;
	text-decoration: none;
	border: 0;
}
a:visited { color: #990000; }
a:hover { color: #990000; }
a:active { color: #FFCCCC; }
#mainContent {padding: 0 20px;}
#galleryflexible {
	width:840px;
	margin:0 auto;
	position:relative;
	font-family:verdana, sans-serif;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background: #FFF;
	text-align: left;
}
#gallery #flexible {
	position:absolute;
	left:0;
	top:0px;
	width:840px;
	overflow:auto;
	text-align:center;
	background-color: #FFFFFF;
}
#gallery #scroll {
	position:absolute;
	left:0;
	top:0px;
	height:600px;
	width:840px;
	overflow:auto;
	text-align:center;
}
#menue img.floatright { float: right; }
#gallery #flexible div {
	width:840px;
	padding-top:30px;
	position:relative;
	text-align: left;
}
p.info {
	font-size: 12px;
	color: #999999;
	padding: 0;
	margin: -4px 0 0 -1px;
}

#p01 #nav01 a, #p02 #nav02 a, #p03 #nav03 a, #p04 #nav04 a, #p05 #nav05 a, #p06 #nav06 a, #p07 #nav07 a {
	color: #666666;
	font: 20px/30px 'ImpactLabelRegular', Verdana, sans-serif;
}
.mehr {
	position: absolute;
	bottom: 110px;
	right: 96px;
	display: block;
	width: 60px;
	height: 20px;
}

#gallery #fullsize a:hover, p.info a:hover { color: #FF0000; }