
/* kunst-homepage Allgäuer modifiziert nach Eirik Backer */

*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;border-collapse:collapse;border-spacing:0}
html,body{height:100%;cursor:default;background:#f8f8f8 url(g/bg.jpg);color:#000;font:13px/16px "Maven Pro","Arial",sans-serif}
a{color:#000;text-decoration:underline}a:hover,a:focus{text-decoration:none;color:#000;outline:0}
ol,ul{ list-style:none; }li{ overflow:hidden; }p{margin-bottom:1em}html{overflow-x:scroll}
blockquote{ margin-bottom:20px; font-size: 17px; line-height: 19px; }
h2,h4{font-size:11px;text-transform:uppercase;line-height:14px}
h2,b,strong{font-weight:900}h2{ margin-bottom:10px; font-size: 20px; }
#intro {
	position:absolute;
	left:80px;
	top:100px;
	font-size: 80px;
	color: #E00;
	z-index: 2;
	padding-top: 0px;
	padding-left: 0px;
}
#head{
	position:fixed;
	left:0;
	margin-top:-320px;
	line-height:20px;
	text-transform:lowercase;
	z-index:99;
	bottom: 30px;
	background-repeat: no-repeat;
}
#head a{ display:block; color:#7f7f7f; text-decoration:none; margin-top: 1px; margin-right: 1px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 7px; padding-bottom: 0; padding-left: 7px; }
#head li.current-page-ancestor a{background-color:#d7d7d7;color:#fff}
#head li a:hover,#head li a:focus,#head li.current-menu-item a{ background-color:#666; color:#fff }
#head h1 a{
	width:80px;
	height:50px;
	text-indent:-9999px;
	background-image: url(/p/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 20px;
	margin-top: 0px;
}
#head h1,#head ul,#head li{float:left;position:relative;z-index:3}
* html #head{position:absolute;left:expression(eval(document.documentElement.scrollLeft));width:99%}
* html #head li{ width:6px; white-space:nowrap; overflow:visible; }
* html #head h1 a{background-image:url(g/logo.gif)}

#head li.social{ margin-top: 0; margin-right: -15px; margin-bottom: 0; margin-left: 20px; }
#head li.social a[href*=facebook]:hover{background-color:#3b5998}
#head li.social a[href]{ width:6px; background-color: #CCC; background-image: url(p/social.png); background-repeat: no-repeat; background-position: 50% 4px; }

#wrap{ position:absolute; left:0; top:50%; margin-top:-230px; width:100%; overflow:hidden; height:500px; z-index: 1; }
#map { position:absolute; left:0; top:50%; margin-top:-230px; width:100%; overflow:hidden; height:500px; z-index: 1; border-top-width: thin; border-bottom-width: thin; border-top-style: solid; border-bottom-style: solid; border-top-color: #999; border-bottom-color: #666; }

.show{cursor:pointer}

.row{
	overflow:hidden;
	margin-right:-20px;
}
.cont{
	position:absolute;
	z-index:3;
	top:0;
	left:100px;
	width:330px;
	height: 500px;
	margin-right: 50px;
	float: left;
	background-color: #F00;
	padding-top: 45px;
	padding-right: 45px;
	padding-bottom: 40px;
	padding-left: 45px;
}
.menu { }
.home { background-color: #CCC; margin-right: 20px; }
.sub{ height:500px; width:362px; float:left; text-decoration:none; position:relative; background-position: 0 100%; }
.sub-home { text-decoration:none; position:relative; background-color: #0F0; }
.sub h4 a{text-decoration:none}.sub h4 a:hover{background:#000;color:#fff}
.sub img{margin:0 auto;display:block;position:relative}

.nav{ position:fixed; z-index:99; left:0; top:50%; cursor:pointer; margin-top:-40px; height:50px; width:51px; opacity:0; filter:alpha(opacity=0); background-position: 0 0; }
.nav-prev{ background-image: url(p/nav-prev.gif); left: 0px; right: auto; background-repeat: no-repeat; }
.nav-next{ right:0; left:auto; background-image: url(p/nav-next.gif); background-repeat: no-repeat; }
* html .nav-next{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth))}
* html .nav-prev{position:absolute;left:expression(eval(document.documentElement.scrollLeft))}

::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-track{background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#b0b0b0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
