@charset "UTF-8";

@font-face {
    font-family: 'Gudea';
    src: url('http://www.dergestalt.at/re/fonts/Gudea-Regular.eot');
    src: url('http://www.dergestalt.at/re/fonts/Gudea-Regular.eot') format('embedded-opentype'),
    	 url('http://www.dergestalt.at/re/fonts/Gudea-Regular.otf') format('opentype'),
    	 url('http://www.dergestalt.at/re/fonts/Gudea-Regular.ttf') format('truetype');
    font-weight:normal;
	font-style:normal;
}
a {color: #ffffff; text-decoration: none;}
html, body { color: #ffffff; background-color: #e2007a; font-family: Gudea; font-size: 14px; line-height: 24px; }
h1, h2, h3, h4 {font-size: 18px;}
h3 {margin-bottom: 24px;}
hr {display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0;}
.clear {clear: both;}
.span1 {width: 33.3%; } 
.span2 {width: 66.6%; }
.span1, .span2 { float: left; }

#container img {width: 100%; height: auto; max-width: 240px; }
#container li {list-style: disc;}


#page { }

#bg {position: fixed; height: 100%; width: 100%; margin-top: 100px; }
#bg > div {padding: 0 24px;}
#bg > div > div {width: 33.3%; float: left; position: relative; }
#bg > div > div > div  {margin: 0 24px; }
#bg img.bg {width: 100%;}
.img {position: relative; left: 50%; }
#baum { margin-bottom: -3px; margin-left: -27px; }
#luftballon { margin-bottom: -4px; margin-left: -29px; }
#eis { margin-bottom: -2px; margin-left: -21px; }

#header {height: 576px; padding: 0 24px; position: relative;}
#header > div {width: 33.3%; float: left;  }
.content {margin: 0 24px; padding-bottom: 12px; position: relative; background-color: #606060;}


.col-1 .content {padding-top: 100px; border-bottom: 3px solid #E2E2E2; }
.col-2 .content {padding-top: 200px; border-bottom: 1px solid #E2E2E2; }
.col-3 { color: #303030; }
.col-3 .content { padding-top: 300px; border-bottom: 2px solid #353535; }


#navigation {height: 48px; background-color: #662D84; color: #9B9B9B; font-size: 17.8px; line-height: 45px; position: relative; z-index: 10; width: 100%; top: 0;}
#navigation ul {padding: 0 24px; }
#navigation li {width: 33.3%; float: left; }
#navigation li.up {position: absolute; left: -6px; width: 48px; font-size: 14px; cursor: pointer; }
#navigation li span, #navigation li a {margin: 0 24px; padding-top: 2px; cursor: pointer; display: block; }
#navigation .active, #navigation span:hover, #navigation li.up:hover, .li-email a:hover { color: #ffffff;}
.li-email a {color: #9B9B9B;}

#about {background-color: #662D84; position: relative;}
#about > div {margin: 0 48px; /*border-top: 1px solid #ffffff;*/ padding: 24px 0 24px;}

#container { color:#303030; background-color: #9B9B9B; position: relative; }
.item-header { cursor: pointer;}
.item-header > div {margin: 0 24px; padding: 24px 0 12px; }
.item-header > div > div > div {padding: 0 24px;}
.first > div {border: none;}

.item-content { padding: 0 0 24px; background-color: #ffffff; }
.item-content > div {margin: 0 24px; padding-top: 12px; }
.item-content > div > div > div {padding: 0 24px;}
.item-content img {width: 100%; height: auto;}

#bg-footer {position: fixed; width: 100%; z-index: 0; }
#bg-footer > img {position: absolute; bottom: -709px; left: 0px; }
#bg-footer .land {width: 100%; z-index: 10; }
#bg-footer > div { height: 100%; float: left;}
#bg-footer > div > div { position: relative; height: 100%; }
#baeume > div { /*margin: 0 48px 0 80px;*/ }
#bg-footer > div > div > img {position: absolute; bottom: 20px; }

#baum-1 {left: 20%; margin-left: -18px; bottom: 31px!important;}
#baum-2 {left: 27%; margin-left: -24px; z-index: 1; bottom: 33px!important;}
#baum-3 {left: 42%; margin-left: -21px; bottom: 26px!important;}
#baum-4 {left: 49%; margin-left: -14px; z-index: 2;}
#baum-5 {left: 54%; margin-left: -11px;}
#baum-6 {left: 60%; margin-left: -10px; }
#baum-7 {left: 67%; margin-left: -11px; z-index: -1; bottom: 21px!important; }
#baum-8 {left: 71%; margin-left: -10px; bottom: 22px!important; }
#baum-9 {left: 74%; margin-left: -10px; z-index: 3; bottom: 23px!important; }
#baum-10 {left: 78%; margin-left: -9px; bottom: 24px!important; }
#baum-11 {left: 85%; margin-left: -12px; bottom: 25px!important; }

#luftballon-1 {left: 22%; margin-left: -23px; bottom: 31px!important; }
#luftballon-2 {left: 27%; margin-left: -11px; bottom: 130px!important; z-index: -1; }
#luftballon-3 {left: 35%; margin-left: -20px; bottom: -40px!important; }
#luftballon-4 {left: 43%; margin-left: -22px; bottom: 26px!important; }
#luftballon-5 {left: 52%; margin-left: -15px; bottom: 80px!important; z-index: -1;}
#luftballon-6 {left: 54%; margin-left: -20px; bottom: -30px!important; }
#luftballon-7 {left: 54%; margin-left: -18px; bottom: 100px!important; z-index: -1;}
#luftballon-8 {left: 69%; margin-left: -30px; bottom: -32px!important; z-index: 1;}
#luftballon-9 {left: 79%; margin-left: -19px; bottom: 120px!important; }
#luftballon-10 {left: 85%; margin-left: -15px; bottom: 24px!important; }

#eis-1 {left: 20%; margin-left: -18px; bottom: 55px!important;}
#eis-2 {left: 30%; margin-left: -24px; bottom: 68px!important;}
#eis-3 {left: 37%; margin-left: -21px; bottom: 48px!important;}
#eis-4 {left: 48%; margin-left: -14px; bottom: 42px!important;}
#eis-5 {left: 64%; margin-left: -11px; bottom: 26px!important;}
#eis-6 {left: 80%; margin-left: -10px; bottom: 45px!important;}

#osterei {padding-left: 48px; }

#barbarea {left: 50%; position: fixed; margin-left: -193px; z-index: 10; height: auto; margin: 0 auto; }

#luftballons {left: 50%; position: absolute; margin-left: -182px; width: 327px; }

#mail {text-align: center; display: block; position: fixed; left: 50%; width: 100px; margin-left: -50px; z-index: 10;}
#mail a {color: #bfbfbf; }
#mail a:hover {color: #ffffff; }