/* www.icreate.at - pano stylesheet */

@import url(http://fonts.googleapis.com/css?family=Abel);

/* GLOBAL */
html, body, div, ul {margin:0;padding:0;}
html {overflow-y:scroll;}
body {background:#fff;color:#000;font:14px Arial,Helvetica,sans-serif;}
.indx {background: url(img/bg_main.jpg) top center repeat-x;}
.alpi {background: url(img/bg_alpi.jpg) top center repeat-x;}
.ellm {background: url(img/bg_ellm.jpg) top center repeat-x;}
.filz {background: url(img/bg_filz.jpg) top center repeat-x;}
.hexe {background: url(img/bg_hexe.jpg) top center repeat-x;}
.salv {background: url(img/bg_salv.jpg) top center repeat-x;}
.kais {background: url(img/bg_kais.jpg) top center repeat-x;}

h1, nav, footer {color:#111;font-family:'Abel',Arial,sans-serif;}
h1 {font-size:24px;letter-spacing:1px;text-transform:uppercase;text-align:right;
	margin:5px 0 8px;position:absolute;right:30px;top:5px;width:800px;}
h1 a {color:#111;}
p {font-size:18px;line-height:22px;margin:5px 0 20px;}
a {color:#8E3557;text-decoration:none;outline:none;}
a:hover {background:#8E3557;color:#fff;}
img {background:none;border:none;}
a img {border:0px;padding:0;text-decoration:none;}
a:hover img {background:none;border:none;}
ul {list-style:none;}
.nobg {background:#fff;}
.center {text-align:center;padding-top:40px;width:100%;}

/* SECTIONS */
.wrapper {background:none;margin:0 auto 0;overflow:hidden;padding:0;max-width:1045px;position:relative;}
header,section,footer {overflow:hidden;}
header {background:#82A731;height:100px;padding:0;position:relative;z-index:10;}
.logo {position:relative;top:0;left:0;z-index:11;}
.logo:hover {background:none;}

nav {border-top:1px dotted #eee;position:absolute;right:0;bottom:0;margin:0;padding:5px 0 0;height:30px;width:840px;}
nav a {color:#fff;font-size:18px;font-weight:bold;padding:5px 20px;}
nav a:hover,.alpi .a1,.ellm .a2,.filz .a3,.hexe .a4,.salv .a5,.kais .a6 {background:#fff;color:#333;}
.home {display:none;overflow:hidden;padding:3px;width:40px;height:37px;position:absolute;top:10px;right:30px;}
.home:hover {background:none;border:2px solid rgba(255,255,255,.5);padding:1px;}
.content {background:none;border:none;}
.main {border:none;margin:5px auto 0;padding:0;height:590px;max-width:1045px;}
.main a {float:left;margin-right:2%;margin-bottom:5px;width:49%;position:relative;}
.main a:nth-of-type(2n) {margin-right:0;clear:right;} 
.main a:hover {background:none;}
.main a span {background:rgba(255,255,255,.7);color:#555;font-size:20px;font-weight:bold;text-transform:uppercase;padding:5px 15px 4px;position:absolute;bottom:3px;left:0;height:25px;width:250px;}
.main a:hover span {background:rgba(50,50,50,.7);color:#fff;}
iframe {background:#fff;border:none;overflow:hidden;height:590px;width:1045px;}

footer {background:#82A731;font-size:18px;font-weight:bold;padding:10px 20px 10px;position:relative;}
footer ul {line-height:25px;width:750px;}
footer li  {float:left;padding-right:25px;}
footer li a {color:#fff;}
footer li a:hover {background:none;color:#000;}
footer span {float:right;}

/* RESPONSIVE */
@media (max-width: 570px) {
	.main a {width:100%}
}
@media (max-width: 768px) {
	.wrapper {margin:0 auto 30px} 
	header,.logo img {height:60px;}
	h1 a {display:none;}
	iframe {background:#fff;border:none;overflow:hidden;width:100%;height:100%;}
	nav {display:none;}
	.home {display:block;}
	footer ul,footer li {width:100%;}
	footer li {border-bottom:1px solid rgba(255,255,255,.5);padding:2px 0;}
	footer span {float:left;margin-top:10px;}
}
@media (max-width: 1000px) {
	nav {width:720px;text-align:right;}
	nav a {padding:5px 10px;}
}