@charset "UTF-8";

/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
/* Global properties ======================================================== */
.glob{width:100%; height:100%; position:absolute;}
body{ font-family:Arial, arial; color:#fff; background: #fff; line-height:20px; min-width:650px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden}
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 940px; z-index:2; height:100%;;padding-left:220px }
.page_spinner{ position:fixed; background:url(../images/loader.gif) 50% 50% no-repeat #fff; z-index:99; width:100%; height:100%; top:0; left:0}
#glob{position:relative; overflow:hidden; z-index:1; }
/* ============================= main layout ================================ */
a{ color:#fff; text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
h1{float:left;}
h2{font-family: 'Antic Slab', serif; color:#fff; font-size:36px; line-height: 36px; width:100%;  padding-bottom: 30px; font-weight: 400;text-shadow: 0px 0px 5px black;text-transform:uppercase}
h3{color: #fff; font-size:16px; line-height: 20px; width:100%;margin:0 0 20px; font-weight: 400;}
p{font-size: 16px; color: #fff;margin-bottom:10px}
.undLineOff{text-decoration:none; }
.textLowerCase{text-transform:lowercase}
.textUpperCase{text-transform:uppercase}
.center{ padding:0; width:100%; position: relative; }
.alignLeft{text-align:left; }
.alignCenter{text-align:center; }
.alignRight{text-align:right; }
/* ============================= header ===================================== */
header{position:relative; z-index:1; display: inline-block; }
#logo{display:inline-block; background: url(../images/logo.png) 0 0 no-repeat; width: 435px; height: 124px; text-indent: -9999px;margin-left:-200px;padding:0 10px 15px 200px}
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; margin-top: 90px;}
.headerHolder{position: relative; width: 940px; height: 295px; z-index: 3;  }
.slogan{font-size:14px; line-height:20px; letter-spacing:-1px; }
.menu{position:relative; z-index:1; display: block; }
.menuHolder{ float: left; display:inline-block; position: relative; width: 100%; height: 36px; z-index: 3; left: 0;}
#menu {z-index:3; position:relative; }
#menu > li{position:relative; display: inline-block; float: left; color: white; background: url(../images/extra3.png); text-align: left; margin-right: 10px;}
#menu > li > a{font-family: 'Antic Slab', serif; display: inline-block; text-transform:uppercase; position:relative;overflow: hidden;}
	#menu li li a{background:#cc5261}
	#menu li li a:hover{background:#6d674f;color:#fff}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}

.submenu_1{position:absolute; float:left; z-index:2; top: 40px; left: 0px;   display: block;padding-bottom:60px}
.submenu_1 li{position:relative; display:inline-block; background: url(../images/extra3.png); margin-bottom: 5px;}
.submenu_1 a{font-family: 'Antic Slab', serif; font-size: 12px; color:#fff; display:inline-block; text-transform:uppercase; line-height: 20px; padding: 8px 14px;}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{text-decoration:none; color:#db5d34 }

.submenu_2{ display:inline; float:left; z-index:1; top: 0px; left: 255px;}
.submenu_2 li{position: static; display:inline-block; background: url(../images/submenu_2.png); margin-bottom: 1px;}
.submenu_2 a{font-family: 'Antic Slab', serif; font-size: 10px; color:#fff; display:inline; text-transform:uppercase; line-height: 12px; padding: 6px;}
.submenu_2 li:hover > a, .submenu_2 li.sfHover > a{text-decoration:none; color:#db5d34; display:inline; }

.mText{display: inline-block; line-height: 20px; color: #fff; font-size: 17px; position: relative;padding: 8px 14px;}
.mTextOver{display: inline-block; line-height: 20px; color: #6d674f; font-size: 17px; position: absolute;padding: 8px 14px;left: 0;top: -42px;}
.more{font-family: 'Antic Slab', serif; color: #fff; font-size: 25px;text-shadow: 0px 0px 6px black;}
.more:hover{text-decoration: none;}
.border1{border: 1px solid #2a2a2a;}
/* ============================= content ====================== */
#content{position:relative;  z-index: 1; width: 940px; margin: 0 auto; display: block;padding-bottom:200px}
#content > ul{width: 650px; z-index: 0;display: inline-block;padding-bottom:100px}
#content > ul > li{width: 650px; display:block; position:absolute;padding-bottom:100px}
.box{ width: 550px; background: url(../images/extra4.png); overflow: hidden; position: relative; min-height: 200px; padding: 50px 48px 47px 50px; border: 1px solid #222222;}
.underline{text-decoration:underline; }
.space1{display:inline-block; width: 188px; }
#bgStretch {overflow:hidden; z-index:-1; }
#bgStretch img{background-color: #000;}
.padRight1{padding-right: 15px;}
.magBot1{margin-bottom: 46px;}
.magBot2{margin-bottom: 22px;}
.magBot3{margin-bottom: 26px;}
.magRight1{margin-right: 20px;}
.padBot1{padding-bottom: 0px;}
.padBot2{padding-bottom: 20px;}
.padBot3{padding-bottom: 20px;}
.gallHolder{ background: url(../images/extra2.png); position: relative; left: 0; width: 650px; height: 110px; margin-top: 30px; display: inline-block;}
.scrollGall{position: relative; padding: 22px 0;margin: 0 30px;}
.scrollGall > ul{position: relative; white-space: nowrap;}
.scrollGall > ul >li{position: relative; margin: 0 6px; display: inline-block;}
.scrollGall > ul >li >a{}
.spinner_bg{position: fixed; width: 40px; height: 40px;   background: url("../images/gallLoader.gif") 50% 50% no-repeat #000; z-index:10000; left: 0;top: 0;}
.overPlane{position: absolute; width: 105px; height: 63px; border: 1px solid #fff;}
._link{text-decoration: underline;}
._link:hover{text-decoration: none;}
.btnGall{position: absolute;  top: 47px;width: 625px;left: 14px;}
.gallButton{position: relative; display: inline-block;}
.closeButton{position: absolute;display: inline-block;width: 16px;height: 16px;left: 616px;top: 16px;z-index: 2;}
/* ============================= footer ====================== */
footer{position: fixed; width: 100%; z-index: 999;  height: 54px; display: inline-block;  bottom: 0; background: url(../images/extra1.png);}
.topBtn{position:relative; display:inline-block; cursor:pointer; }
.mainFooter { z-index:1000; margin: 0 auto;  width: 940px; margin-top: 24px;}
.textPrivacy{font-size: 12px; color: #fff; position:relative; display:inline-block;  font-family: 'Droid Sans', sans-serif;padding:0 0 0 20px}
.privHold{ font-size:10px; line-height: 20px; display: inline-block; float: left;top:16px}
.linksHolder{position:relative; float: right;vertical-align:inherit}
.linksHolder >ul{position: relative;}
.linksHolder > ul >li{position:relative; float: left; margin-right: 8px; padding-left: 8px; background: url(../images/extra5.png) 0 50% no-repeat;}
.linksHolder > ul >li >a{color: #fff; text-transform: uppercase; font-family: 'Droid Sans', sans-serif;}
.linksHolder > ul >li:first-child{background: none;}
/*===================================Map=====================================*/
.google_map{margin:0; width:280px; height:280px; background:#fff;}

input[type=text].formular{width:190px;padding:2px}
input[type=submit].formular{width:99px}
textarea{width:190px;padding:2px}


.containerContent ul{color:#fff;font-size:18px}
.containerContent li{margin-bottom:10px}

#pageKontakt table a{font-size:16px}
#pageKontakt table td{text-align:left}
#pageKontakt .textPrivacy{padding:0 10px 10px 0}

#sb-body-inner{z-index:999}
#sb-body #sb-nav-close{position:absolute;top:-25px;right:10px;background:url(../images/closeButton.png) no-repeat 0px 0px;width:16px;height:16px;cursor:pointer;z-index:1000}
#sb-body #sb-nav-close:hover{background-position:0px -16px}

#menu .widthzero{display:none;width:0;height:0}

.containerContent ul{list-style-type:disc;padding-left:18px;font-size:16px}
/* layout
 *----------------------------------------------- */
/* line 18, ../sass/screen.sass */
#sidebar {
  position: fixed;
  top: 40px;
  left: 40px;
  width: 200px;
}



/* line 27, ../sass/screen.sass */
.row {
  *zoom: 1;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Typography
 *----------------------------------------------- */



/* line 45, ../sass/screen.sass */
#lightbox {
  text-shadow: none;
}


/* line 81, ../sass/screen.sass */
ul, ol {
  margin: 0 0 1.25em 0;
}

/* line 84, ../sass/screen.sass */
dt {
  font-weight: bold;
}

/* line 87, ../sass/screen.sass */
dd {
  margin-bottom: 1.625em;
}

/* line 90, ../sass/screen.sass */
strong {
  font-weight: bold;
}

/* line 93, ../sass/screen.sass */
i {
  font-style: italic;
}

/* line 107, ../sass/screen.sass */
code, kbd {
  font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #e7931a;
}

/* line 115, ../sass/screen.sass */
pre code {
  font-size: 13px;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

/* Links */
/* line 122, ../sass/screen.sass */





/* sidebar
 *----------------------------------------------- */
/* line 137, ../sass/screen.sass */
#sidebar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 140, ../sass/screen.sass */
#sidebar:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 142, ../sass/screen.sass */
#sidebar a {
  color: white;
}
/* line 144, ../sass/screen.sass */
#sidebar .logo {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 146, ../sass/screen.sass */
#sidebar .logo em {
  color: #8ad459;
}
/* line 148, ../sass/screen.sass */
#sidebar .logo:hover {
  text-shadow: 0 0 20px #d0eb6a, 0 0 50px #d0eb6a;
}
/* line 150, ../sass/screen.sass */
#sidebar .author {
  font-weight: 800;
  line-height: 1.4em;
}
/* line 154, ../sass/screen.sass */
#sidebar .author a:hover {
  text-shadow: 0 0 10px white;
}
/* line 156, ../sass/screen.sass */
#sidebar .author .twitter {
  font-size: 14px;
}
/* line 158, ../sass/screen.sass */
#sidebar .author .twitter a {
  color: #4d9ed8;
}
/* line 160, ../sass/screen.sass */
#sidebar .author .twitter em {
  color: #4d9ed8;
}

/* line 163, ../sass/screen.sass */
#nav {
  list-style: none;
  margin: 1.5em 0 1em 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
/* line 170, ../sass/screen.sass */
#nav li {
  padding: 0;
  margin: 0;
}
/* line 173, ../sass/screen.sass */
#nav a {
  display: block;
  height: 2em;
  padding: 0.6em 0.2em 0.3em 20px;
  background: #505050;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 181, ../sass/screen.sass */
#nav a:hover {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  background-color: #88a616;
}
/* line 184, ../sass/screen.sass */
#nav a.first {
  border-bottom-color: rgba(0, 0, 0, 0.5);
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-color: transparent;
}
/* line 188, ../sass/screen.sass */
#nav a.last {
  border-top-color: rgba(255, 255, 255, 0.25);
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}






/* line 237, ../sass/screen.sass */
.changelog li {
  list-style: none;
  padding: 0 0 0 14px;
  background: url(../images/bullet.gif) no-repeat 0 11px;
  color: #999999;
}
/* line 242, ../sass/screen.sass */
.changelog li .version {
  color: #88a616;
}
/* line 244, ../sass/screen.sass */
.changelog li .date {
  color: white;
}
/* line 246, ../sass/screen.sass */
.changelog .old {
  display: none;
}

/* line 249, ../sass/screen.sass */
.showOlderChanges {
  color: #999999;
}




/* line 278, ../sass/screen.sass */
#elsewhere .button {
  font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
  font-weight: normal;
  font-size: 24px;
  display: block;
  float: left;
  margin: 20px 20px 40px 0;
  padding: 10px 10px 10px 10px;
  background-color: #333333;
  border: 5px solid #333333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: white;
}
/* line 291, ../sass/screen.sass */
#elsewhere .button:hover {
  background-color: #444444;
  border-color: #8ad459;
}

/* misc
 *----------------------------------------------- */
/* line 298, ../sass/screen.sass */
p.lead {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 0;
}



/* line 314, ../sass/screen.sass */
.section:first-child {
  border-top: none;
}

/* line 317, ../sass/screen.sass */
.imageRow {
  *zoom: 1;
  margin: 10px 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
  float: left;
}
/* line 322, ../sass/screen.sass */
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
  background-color: #8ad459;
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {
  background-color: #8ad459;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}




  /* line 370, ../sass/screen.sass */
  .section {
    padding: 20px 0;
  }

  /* line 373, ../sass/screen.sass */
  p.lead {
    font-size: 20px;
  }

 

  /* line 385, ../sass/screen.sass */
  code, kbd {
    font-size: 13px;
  }



  /* line 394, ../sass/screen.sass */
  #sidebar {
    width: 160px;
    left: 20px;
  }




  /* line 407, ../sass/screen.sass */
  p.lead {
    font-size: 16px;
  }

  /* line 410, ../sass/screen.sass */
  code, kbd {
    font-size: 12px;
  }

  /* line 413, ../sass/screen.sass */
  pre code {
    font-size: 11px;
  }

  /* line 416, ../sass/screen.sass */
  pre {
    padding: 0.5em;
  }

  /* line 420, ../sass/screen.sass */
  #sidebar {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    position: static;
    text-align: center;
    width: auto;
    margin: 20px 20px 0 20px;
    border-bottom: 6px solid #3d3d33;
  }
  /* line 427, ../sass/screen.sass */
  #sidebar h1 {
    font-size: 24px;
  }
  /* line 429, ../sass/screen.sass */
  #sidebar .twitter {
    font-size: 14px;
  }
  /* line 431, ../sass/screen.sass */
  #sidebar #nav {
    font-size: 12px;
  }
  /* line 433, ../sass/screen.sass */
  #sidebar #nav li {
    display: inline-block;
  }
  /* line 435, ../sass/screen.sass */
  #sidebar #nav li a {
    padding: 10px;
    height: auto;
    margin: 0 5px 10px 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
  }