/*
Theme Name: Orthop v2
Theme URI: http://www.ostrario.com
Description: 
Author: Matthias Lohscheidt
Version: 0.2
*/
/* line 17, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 20, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
}

/* line 22, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol,
ul {
  list-style: none;
}

/* line 24, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 26, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 28, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q,
blockquote {
  quotes: none;
}
/* line 101, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

/* line 30, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 114, ../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
/* #Site Styles
================================================== */
/* #Page Styles
================================================== */
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
/* line 24, sass/_skeleton.scss */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

/* line 26, sass/_skeleton.scss */
.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

/* line 27, sass/_skeleton.scss */
.row {
  margin-bottom: 0px;
  overflow: hidden;
}

/* Nested Column Classes */
/* line 30, sass/_skeleton.scss */
.column.alpha,
.columns.alpha {
  margin-left: 0;
}

/* line 31, sass/_skeleton.scss */
.column.omega,
.columns.omega {
  margin-right: 0;
}

/* Base Grid */
/* line 35, sass/_skeleton.scss */
.container .one.column,
.container .one.columns {
  width: 40px;
}

/* line 36, sass/_skeleton.scss */
.container .two.columns {
  width: 100px;
}

/* line 37, sass/_skeleton.scss */
.container .three.columns {
  width: 160px;
}

/* line 38, sass/_skeleton.scss */
.container .four.columns {
  width: 220px;
}

/* line 39, sass/_skeleton.scss */
.container .five.columns {
  width: 280px;
}

/* line 40, sass/_skeleton.scss */
.container .six.columns {
  width: 340px;
}

/* line 41, sass/_skeleton.scss */
.container .seven.columns {
  width: 400px;
}

/* line 42, sass/_skeleton.scss */
.container .eight.columns {
  width: 460px;
}

/* line 43, sass/_skeleton.scss */
.container .nine.columns {
  width: 520px;
}

/* line 44, sass/_skeleton.scss */
.container .ten.columns {
  width: 580px;
}

/* line 45, sass/_skeleton.scss */
.container .eleven.columns {
  width: 640px;
}

/* line 46, sass/_skeleton.scss */
.container .twelve.columns {
  width: 700px;
}

/* line 47, sass/_skeleton.scss */
.container .thirteen.columns {
  width: 760px;
}

/* line 48, sass/_skeleton.scss */
.container .fourteen.columns {
  width: 820px;
}

/* line 49, sass/_skeleton.scss */
.container .fifteen.columns {
  width: 880px;
}

/* line 50, sass/_skeleton.scss */
.container .sixteen.columns {
  width: 940px;
}

/* line 52, sass/_skeleton.scss */
.container .one-third.column {
  width: 300px;
}

/* line 53, sass/_skeleton.scss */
.container .two-thirds.column {
  width: 620px;
}

/* Offsets */
/* line 56, sass/_skeleton.scss */
.container .offset-by-one {
  padding-left: 60px;
}

/* line 57, sass/_skeleton.scss */
.container .offset-by-two {
  padding-left: 120px;
}

/* line 58, sass/_skeleton.scss */
.container .offset-by-three {
  padding-left: 180px;
}

/* line 59, sass/_skeleton.scss */
.container .offset-by-four {
  padding-left: 240px;
}

/* line 60, sass/_skeleton.scss */
.container .offset-by-five {
  padding-left: 300px;
}

/* line 61, sass/_skeleton.scss */
.container .offset-by-six {
  padding-left: 360px;
}

/* line 62, sass/_skeleton.scss */
.container .offset-by-seven {
  padding-left: 420px;
}

/* line 63, sass/_skeleton.scss */
.container .offset-by-eight {
  padding-left: 480px;
}

/* line 64, sass/_skeleton.scss */
.container .offset-by-nine {
  padding-left: 540px;
}

/* line 65, sass/_skeleton.scss */
.container .offset-by-ten {
  padding-left: 600px;
}

/* line 66, sass/_skeleton.scss */
.container .offset-by-eleven {
  padding-left: 660px;
}

/* line 67, sass/_skeleton.scss */
.container .offset-by-twelve {
  padding-left: 720px;
}

/* line 68, sass/_skeleton.scss */
.container .offset-by-thirteen {
  padding-left: 780px;
}

/* line 69, sass/_skeleton.scss */
.container .offset-by-fourteen {
  padding-left: 840px;
}

/* line 70, sass/_skeleton.scss */
.container .offset-by-fifteen {
  padding-left: 900px;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* line 80, sass/_skeleton.scss */
  .container {
    width: 768px;
  }

  /* line 82, sass/_skeleton.scss */
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* line 83, sass/_skeleton.scss */
  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }

  /* line 84, sass/_skeleton.scss */
  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  /* line 85, sass/_skeleton.scss */
  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  /* line 88, sass/_skeleton.scss */
  .container .one.column,
  .container .one.columns {
    width: 28px;
  }

  /* line 89, sass/_skeleton.scss */
  .container .two.columns {
    width: 76px;
  }

  /* line 90, sass/_skeleton.scss */
  .container .three.columns {
    width: 124px;
  }

  /* line 91, sass/_skeleton.scss */
  .container .four.columns {
    width: 172px;
  }

  /* line 92, sass/_skeleton.scss */
  .container .five.columns {
    width: 220px;
  }

  /* line 93, sass/_skeleton.scss */
  .container .six.columns {
    width: 268px;
  }

  /* line 94, sass/_skeleton.scss */
  .container .seven.columns {
    width: 316px;
  }

  /* line 95, sass/_skeleton.scss */
  .container .eight.columns {
    width: 364px;
  }

  /* line 96, sass/_skeleton.scss */
  .container .nine.columns {
    width: 412px;
  }

  /* line 97, sass/_skeleton.scss */
  .container .ten.columns {
    width: 460px;
  }

  /* line 98, sass/_skeleton.scss */
  .container .eleven.columns {
    width: 508px;
  }

  /* line 99, sass/_skeleton.scss */
  .container .twelve.columns {
    width: 556px;
  }

  /* line 100, sass/_skeleton.scss */
  .container .thirteen.columns {
    width: 604px;
  }

  /* line 101, sass/_skeleton.scss */
  .container .fourteen.columns {
    width: 652px;
  }

  /* line 102, sass/_skeleton.scss */
  .container .fifteen.columns {
    width: 700px;
  }

  /* line 103, sass/_skeleton.scss */
  .container .sixteen.columns {
    width: 748px;
  }

  /* line 105, sass/_skeleton.scss */
  .container .one-third.column {
    width: 236px;
  }

  /* line 106, sass/_skeleton.scss */
  .container .two-thirds.column {
    width: 492px;
  }

  /* Offsets */
  /* line 109, sass/_skeleton.scss */
  .container .offset-by-one {
    padding-left: 48px;
  }

  /* line 110, sass/_skeleton.scss */
  .container .offset-by-two {
    padding-left: 96px;
  }

  /* line 111, sass/_skeleton.scss */
  .container .offset-by-three {
    padding-left: 144px;
  }

  /* line 112, sass/_skeleton.scss */
  .container .offset-by-four {
    padding-left: 192px;
  }

  /* line 113, sass/_skeleton.scss */
  .container .offset-by-five {
    padding-left: 240px;
  }

  /* line 114, sass/_skeleton.scss */
  .container .offset-by-six {
    padding-left: 288px;
  }

  /* line 115, sass/_skeleton.scss */
  .container .offset-by-seven {
    padding-left: 336px;
  }

  /* line 116, sass/_skeleton.scss */
  .container .offset-by-eight {
    padding-left: 384px;
  }

  /* line 117, sass/_skeleton.scss */
  .container .offset-by-nine {
    padding-left: 432px;
  }

  /* line 118, sass/_skeleton.scss */
  .container .offset-by-ten {
    padding-left: 480px;
  }

  /* line 119, sass/_skeleton.scss */
  .container .offset-by-eleven {
    padding-left: 528px;
  }

  /* line 120, sass/_skeleton.scss */
  .container .offset-by-twelve {
    padding-left: 576px;
  }

  /* line 121, sass/_skeleton.scss */
  .container .offset-by-thirteen {
    padding-left: 624px;
  }

  /* line 122, sass/_skeleton.scss */
  .container .offset-by-fourteen {
    padding-left: 672px;
  }

  /* line 123, sass/_skeleton.scss */
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  /* line 133, sass/_skeleton.scss */
  .container {
    width: 300px;
  }

  /* line 135, sass/_skeleton.scss */
  .container .columns,
  .container .column {
    margin: 0;
  }

  /* line 155, sass/_skeleton.scss */
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }

  /* Offsets */
  /* line 172, sass/_skeleton.scss */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 183, sass/_skeleton.scss */
  .container {
    width: 420px;
  }

  /* line 185, sass/_skeleton.scss */
  .container .columns,
  .container .column {
    margin: 0;
  }

  /* line 205, sass/_skeleton.scss */
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
/* line 213, sass/_skeleton.scss */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
/* line 220, sass/_skeleton.scss */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 228, sass/_skeleton.scss */
.row:after,
.clearfix:after {
  clear: both;
}

/* line 231, sass/_skeleton.scss */
.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
/* line 235, sass/_skeleton.scss */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* #Typography
================================================== */
/* line 3, sass/_typo.scss */
body {
  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

/* line 9, sass/_typo.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #181818;
  font-family: "Muli", sans-serif;
  font-weight: normal;
}

/* line 13, sass/_typo.scss */
.head h1,
.head h2,
.head h3,
.head h4,
.head h5,
.head h6 {
  color: #ffffff;
  font-family: "Muli", sans-serif;
  font-weight: normal;
}

/* line 17, sass/_typo.scss */
.dark,
.dark strong,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark a {
  color: #fff !important;
}

/* line 21, sass/_typo.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

/* line 22, sass/_typo.scss */
h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px;
}

/* line 23, sass/_typo.scss */
h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}

/* line 24, sass/_typo.scss */
h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px;
}

/* line 25, sass/_typo.scss */
h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 4px;
}

/* line 26, sass/_typo.scss */
h5 {
  font-size: 17px;
  line-height: 24px;
}

/* line 27, sass/_typo.scss */
h6 {
  font-size: 14px;
  line-height: 21px;
}

/* line 28, sass/_typo.scss */
.subheader {
  color: #777;
}

/* line 30, sass/_typo.scss */
p {
  margin: 0 0 20px 0;
}

/* line 31, sass/_typo.scss */
p img {
  margin: 0;
}

/* line 32, sass/_typo.scss */
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}

/* line 33, sass/_typo.scss */
.head p {
  color: #fff;
}

/* line 36, sass/_typo.scss */
em {
  font-style: italic;
}

/* line 37, sass/_typo.scss */
strong {
  font-weight: bold;
  color: #333;
}

/* line 38, sass/_typo.scss */
small {
  font-size: 80%;
}

/*	Blockquotes  */
/* line 41, sass/_typo.scss */
blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}

/* line 42, sass/_typo.scss */
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

/* line 43, sass/_typo.scss */
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}

/* line 44, sass/_typo.scss */
blockquote cite:before {
  content: "\2014 \0020";
}

/* line 45, sass/_typo.scss */
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}

/* line 47, sass/_typo.scss */
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

/* #Links
================================================== */
/* line 52, sass/_typo.scss */
a,
a:visited {
  color: #333;
  text-decoration: underline;
  outline: 0;
}

/* line 53, sass/_typo.scss */
a:hover,
a:focus {
  color: #000;
}

a:focus {
  outline: 2px solid #00f;
  outline-offset: 2px;
}

/* line 54, sass/_typo.scss */
p a,
p a:visited {
  line-height: inherit;
}

/* line 56, sass/_typo.scss */
#menu a {
  text-decoration: none;
  font-weight: bold;
}

/* line 61, sass/_typo.scss */
#menu a.top {
  color: #ccc;
  opacity: 0;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.6s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.6s;
}

/* #Lists
================================================== */
/* line 73, sass/_typo.scss */
ul,
ol {
  margin-bottom: 20px;
}

/* line 74, sass/_typo.scss */
ul {
  list-style: none outside;
}

/* line 75, sass/_typo.scss */
ol {
  list-style: decimal;
}

/* line 76, sass/_typo.scss */
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}

/* line 77, sass/_typo.scss */
ul.square {
  list-style: square outside;
}

/* line 78, sass/_typo.scss */
ul.circle {
  list-style: circle outside;
}

/* line 79, sass/_typo.scss */
ul.disc {
  list-style: disc outside;
}

/* line 81, sass/_typo.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

/* line 83, sass/_typo.scss */
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}

/* line 84, sass/_typo.scss */
li {
  line-height: 18px;
  margin-bottom: 12px;
}

/* line 85, sass/_typo.scss */
ul.large li {
  line-height: 21px;
}

/* line 86, sass/_typo.scss */
li p {
  line-height: 21px;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Basic Styles
	#Site Styles
	#Images
	#Buttons
	#Forms
	#Misc */
/* #Basic Styles
================================================== */
/* line 33, sass/_base.scss */
body {
  background: #fff;
}

/* #Images
================================================== */
/* line 41, sass/_base.scss */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

/* #Buttons
================================================== */
/* line 53, sass/_base.scss */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee;
  /* Old browsers */
  background: #eeeeee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
          0,
          0,
          0,
          0.2
        )
        100%);
  /* FF3.6+ */
  background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
          0,
          0,
          0,
          0.2
        )
        100%);
  /* Chrome10+,Safari5.1+ */
  background: #eeeeee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
          0,
          0,
          0,
          0.2
        )
        100%);
  /* Opera11.10+ */
  background: #eeeeee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
          0,
          0,
          0,
          0.2
        )
        100%);
  /* IE10+ */
  background: #eeeeee
    linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 83, sass/_base.scss */
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #222;
  background: #ddd;
  /* Old browsers */
  background: #dddddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
          0,
          0,
          0,
          0.3
        )
        100%);
  /* FF3.6+ */
  background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
          0,
          0,
          0,
          0.3
        )
        100%);
  /* Chrome10+,Safari5.1+ */
  background: #dddddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
          0,
          0,
          0,
          0.3
        )
        100%);
  /* Opera11.10+ */
  background: #dddddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
          0,
          0,
          0,
          0.3
        )
        100%);
  /* IE10+ */
  background: #dddddd
    linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

/* line 100, sass/_base.scss */
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* Old browsers */
  background: #cccccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
          10,
          10,
          10,
          0.4
        )
        100%);
  /* FF3.6+ */
  background: #cccccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
          10,
          10,
          10,
          0.4
        )
        100%);
  /* Chrome10+,Safari5.1+ */
  background: #cccccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
          10,
          10,
          10,
          0.4
        )
        100%);
  /* Opera11.10+ */
  background: #cccccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
          10,
          10,
          10,
          0.4
        )
        100%);
  /* IE10+ */
  background: #cccccc
    linear-gradient(
      top,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(10, 10, 10, 0.4) 100%
    );
  /* W3C */
}

/* line 114, sass/_base.scss */
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
/* line 122, sass/_base.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* #Forms
================================================== */
/* line 131, sass/_base.scss */
form {
  margin-bottom: 20px;
}

/* line 133, sass/_base.scss */
fieldset {
  margin-bottom: 20px;
}

/* line 139, sass/_base.scss */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}

/* line 154, sass/_base.scss */
select {
  padding: 0;
}

/* line 159, sass/_base.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* line 165, sass/_base.scss */
textarea {
  min-height: 60px;
}

/* line 168, sass/_base.scss */
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

/* line 172, sass/_base.scss */
select {
  width: 220px;
}

/* line 174, sass/_base.scss */
input[type="checkbox"] {
  display: inline;
}

/* line 177, sass/_base.scss */
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}

/* #Misc
================================================== */
/* line 184, sass/_base.scss */
.remove-bottom {
  margin-bottom: 0 !important;
}

/* line 185, sass/_base.scss */
.half-bottom {
  margin-bottom: 10px !important;
}

/* line 186, sass/_base.scss */
.add-bottom {
  margin-bottom: 20px !important;
}

/* line 11, sass/style.scss */
#header {
  width: 100%;
  position: fixed;
  z-index: 90;
}

/* line 17, sass/style.scss */
.title {
  margin-top: 25px;
}

/* line 21, sass/style.scss */
.subtitle {
  margin-bottom: 25px;
}

/* line 25, sass/style.scss */
#ajax-container {
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
  padding-top: 240px;
}

/* line 32, sass/style.scss */
.white {
  background-color: #fff;
}

/* line 36, sass/style.scss */
.grey {
  background-color: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* line 42, sass/style.scss */
.no-border {
  border: none !important;
}

/* line 46, sass/style.scss */
.no-top-border,
.herzlich-willkommen {
  border-top: none !important;
}

/* line 50, sass/style.scss */
.dark {
  background-color: #444;
}

/* line 54, sass/style.scss */
.content {
  padding: 60px 0;
}

/* line 58, sass/style.scss */
.foldable {
  display: none;
}

/* line 62, sass/style.scss */
#menu {
  /*text-align:center;*/
  margin-bottom: 27px;
}

/* line 67, sass/style.scss */
#menu li {
  display: inline;
  margin-right: 20px;
}

/* line 72, sass/style.scss */
#menu li:last-child {
  display: inline;
  margin-right: 0;
}

/* line 77, sass/style.scss */
.footer-content {
  display: none;
}

/* line 81, sass/style.scss */
#impressum .sixcol-row {
  max-height: 400px;
  overflow-y: scroll;
}

/* line 86, sass/style.scss */
img {
  max-width: 100%;
  height: auto;
  -moz-box-shadow: 0 0 4px 1px #888;
  -webkit-box-shadow: 0 0 4px 1px #888;
  box-shadow: 0 0 4px 1px #888;
}

/* line 94, sass/style.scss */
.full-gap {
  margin-bottom: 50px;
}

/* line 98, sass/style.scss */
.half-gap {
  margin-bottom: 25px;
}

/* line 102, sass/style.scss */
:focus {
  outline: 0;
}