/*!
 * Author: Jan Bastian - {.- keimzelle - http://www.keimzelle.eu
 * Copyright: 2012 - Jan Bastian
 * Date: 2012-01-26
 */
body,body *{margin:0;padding:0;list-style:none;font-weight:normal;}body *{font-size:100%;font-family:Tahoma,Geneva,sans-serif;}body{font-size:10px;text-align:center;padding-top:2em;}img{display:block;}h1{position:relative;overflow:hidden;margin:0 auto;width:12.8em;height:21.7em;}h1 span{position:relative;margin:0 auto;display:block;overflow:hidden;height:21.7em;text-indent:-1000em;width:12.8em;background: url(../img/gbrlogo.gif) 0 0 no-repeat;text-align:left;}body b{font-weight:bold;}p{padding-bottom:0.5em;line-height:1.4em;}h3,.org{color:#8B9766;font-weight:bold;line-height:1.2em;padding-top:0.5em;padding-bottom:0.5em;}.ct>h3:first-child,.org{padding-top:0;}.vcard>div>div{line-height:0.8em;}a{color:#0099FF;}p b{font-weight: normal;color:#8B9766;}#root{position:relative;margin:0 auto;text-align:left;width:80em;}#nav{width:12.8em;position:absolute;top:21.7em;left:50%;margin-left:-6.4em;min-height:30em;}#nav li{background-color:#EBEFE0;border-bottom:0.15em solid #fff;position: relative;}#nav li.hi{background-color:#8B9766;}#nav li.hi a{color:#fff;}#nav li a{display:block;font-size:110%;color:#0099FF;text-decoration: none;padding:0.4em 0.5em 0.3em 1.5em;}#nav li a:hover{background-color:#0099FF;color:#fff;}#nav li a span{}#nav li:first-child a{padding-top:0.6em;}#nav li:last-child a{padding-bottom:0.5em;}#nav li:first-child,#nav li:first-child a:hover{-webkit-border-top-left-radius:0.6em;-webkit-border-top-right-radius:0.6em;-moz-border-radius-topleft:0.6em;-moz-border-radius-topright:0.6em;border-top-left-radius:0.6em;border-top-right-radius:0.6em;}#nav li:last-child,#nav li:last-child a:hover{-webkit-border-bottom-right-radius:0.6em;-webkit-border-bottom-left-radius:0.6em;-moz-border-radius-bottomright:0.6em;-moz-border-radius-bottomleft:0.6em;border-bottom-right-radius:0.6em;border-bottom-left-radius:0.6em;}#canvas{}#canvas #canvas_01,#canvas #canvas_02{position:absolute;top:7.6em;width:32.6em;height:9.5em;background:#EBEFE0;}#canvas #canvas_01{left:0;-webkit-border-radius:1.2em;-webkit-border-bottom-right-radius:0;-moz-border-radius:1.2em;-moz-border-radius-bottomright:0;border-radius:1.2em;border-bottom-right-radius:0;}#canvas #canvas_02{right:0;-webkit-border-radius:1.2em;-webkit-border-bottom-left-radius:0;-moz-border-radius:1.2em;-moz-border-radius-bottomleft:0;border-radius:1.2em;border-bottom-left-radius:0;}#ct{}#ct h2{position:absolute;top:8.5em;left:1.2em;height:8em;width:32.6em;}#ct h2 span{position:absolute;left:0;bottom:0;font-size:200%;color:#fff;text-transform:uppercase;text-shadow:0.2em -0.1em 0.2em #8B9766;}#ct #ct_01,#ct #ct_02{position:relative;width:32.6em;background:#fff;min-height:30em;}* html #ct #ct_01,* html #ct #ct_02{height:30em;overflow:auto;}#ct #ct_01{float:left;}#ct #ct_02{float:right;}#ct .ct{font-size:150%;line-height:150%;}#ct #ct_01 .ct{padding-left:1em;padding-right:3em;}#ct #ct_02 .ct{padding-left:0em;padding-right:3em;}#ct #ct_02 div.img{position: relative;top:1.5em;padding:1.5em 1.5em 0.1em 0.1em;overflow: hidden;background-color:#EBEFE0;-webkit-border-top-right-radius:1.5em;-webkit-border-bottom-right-radius:1.5em;-moz-border-radius-topright:1.5em;-moz-border-radius-bottomright:1.5em;border-top-right-radius:1.5em;border-bottom-right-radius:1.5em;}#ct #ct_02 div.img>*{overflow:hidden;padding:0;border:0.1em solid #fff;}#ct #ct_02 div.img li{height:0;overflow:hidden;}#ct #ct_02 div.img li:first-child{height:auto;min-height:255px;}@-moz-keyframes hideLogoAni{0%{top:0;opacity:1;}85%{opacity:1 }90%{opacity:0 }100%{top:0;opacity:0;}}@-moz-keyframes logofadeIn{0%{opacity:0;}90%{opacity:0 }92%{opacity:1;}100%{opacity:1;}}@-moz-keyframes raiseRoof{0%{top:200px;}10%{top:200px;}11%{top:87px;}20%{top:87px;}31%{top:62px;}30%{top:62px;}41%{top:37px;}40%{top:37px;}51%{top:0px;}100%{top:0;}}@-moz-keyframes bastianKommt{0%{top: -500px;left:400px;opacity:0;font-size:60px;}5%{opacity:0;}15%{top: -500px;left:400px;opacity:0;font-size:60px;}20%{top:0px;left:50%;opacity:1;font-size:10px;}100%{top:0px;left:50%;opacity:1;}}@-moz-keyframes hideBastianBody{0%{opacity:1;}25%{opacity:1;}35%{opacity:0;}100%{opacity:0;}}@-moz-keyframes raiseBastians{0%{top:21.5em;}15%{top:21.5em;}20%{top:14em;}25%{top:14em;}30%{top:11.1em;}35%{top:11.1em;}40%{top:8.3em;}45%{top:8.3em;}50%{top:5.5em;}100%{top:5.5em;}}.logocanvas{ opacity:0;position: relative;top: -2000px;overflow: visible;margin:-21.7em auto 0 auto;width:12.8em;height:21.7em;-moz-animation-name: hideLogoAni;-moz-animation-timing-function:cubic-bezier(1.000,0.020,0.470,0.985);-moz-animation-iteration-count:1;-moz-animation-duration:5s;-moz-animation-direction:alternate;}h1{ }h1 span{ opacity:1;-moz-animation-name: logofadeIn;-moz-animation-timing-function:cubic-bezier(1.000,0.020,0.470,0.985);-moz-animation-iteration-count:1;-moz-animation-duration:5s;-moz-animation-direction:alternate;}.logocanvas div.roof{ position:absolute;top:0;lef:0;width:12.8em;height:17.7em;overflow: hidden;}.logocanvas div.rooftop{ position:absolute;top:0px;left:0;width:100%;-moz-animation-name: raiseRoof;-moz-animation-timing-function:cubic-bezier(1.000,0.020,0.470,0.985);-moz-animation-iteration-count:1;-moz-animation-duration:5s;-moz-animation-direction:alternate;}.logocanvas div.dach{ -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-border-radius:8px;-webkit-border-top-right-radius:10px;-moz-border-radius:8px;-moz-border-radius-topright:10px;border-radius:8px;border-top-left-radius:10px;display:block;position:absolute;background-color:#8B9766;top:24px;left:26px;width:78px;height:78px;}.logocanvas div.dachkante{ display:block;position:absolute;top:63px;left:0px;background-color:#fff;width:100%;height:80px;}.logocanvas div.giebel{ display:block;position:absolute;top:38px;left:34.5px;background-color:#fff;width:60px;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}.bastians{ position:absolute;display:block;top:0;left:0;width:100%;height:21.7em;-moz-animation-name: raiseBastians;-moz-animation-iteration-count:1;-moz-animation-duration:5s;}.einbastian{ opacity:0;-moz-animation-name:bastianKommt;-moz-animation-iteration-count:1;-moz-animation-duration:5s;display:block;margin-left: -1em;top:100px;left:50%;position:absolute;font-size:10px;}.einbastian.eins{ }.einbastian.zwei{ margin-top:2.5em;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;animation-delay:0.5s;}.einbastian.drei{ margin-top:5em;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}.einbastian.vier{ margin-top:5em;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;}.einbastian .kopf{ width:2em;height:2em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background:#8B9766;margin-bottom:0.6em;}.einbastian .rumpf{ width:2em;height:3.5em;-webkit-border-top-left-radius:1em;-webkit-border-top-right-radius:1em;-moz-border-radius-topleft:1em;-moz-border-radius-topright:1em;border-top-left-radius:1em;border-top-right-radius:1em;background:#8B9766;}.einbastian.eins .rumpf,.einbastian.zwei .rumpf,.einbastian.drei .rumpf,.einbastian.vier .kopf{ opacity:0;-moz-animation-iteration-count:1;}.einbastian.zwei .rumpf{ -moz-animation-delay:0.5s;}.einbastian.drei .rumpf{ -moz-animation-delay:1s;}.einbastian.vier .kopf{ -moz-animation-delay:1.5s;}