/*
* Skeleton V2.0
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
# Reset & Basics
# Basic Styles
# Site Styles
# Typography
# Links
# Lists
# Images
# Buttons
# Tabs
# Forms
# Misc */


/* # Reset & Basics (Inspired by E. Meyers)
================================================== */
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
body {
  line-height: 1; }
ol, ul {
  list-style: none; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }


/* # Basic Styles
================================================== */
body {
  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #6d6e6d;
  background: #dedfde url(../img/body.jpg) repeat-x left top;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}


/* # Typography
================================================== */
h1, h2, h3, h4, h5, h6 { font-weight: inherit; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1    { margin-bottom: 18px; color: #7b7c7e; font-weight: bold; }
h2    {  color: #7b7c7e; font-weight: bold; }
h3    { font-weight: bold;  }

p       { margin: 0 0 18px 0; }
p img   { margin: 0; }

em        { font-style: italic; }
strong,b  { font-weight: bold; }
small     { font-size: 80%; }
i         { font-style: italic; }

/* # Links
================================================== */
a       { color: #6d6e6d; text-decoration: underline; }


/* # Lists
==================================================  */
ul            { margin-bottom: 18px; }
/*li            { list-style: disc inside; } */
li            { background: url(../img/li.gif) no-repeat left top; padding-left: 8px; }



/* # Images
================================================== */

img.scale-with-grid {
  max-width: 100%;
  height: auto; }

/* # Misc
================================================== */

hr {
  border: dotted #8a8a8a;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }


@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff2') format('woff2'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') 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
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .columns                         { float: left; display: inline; margin-left: 5px; margin-right: 5px; }
    .row                                        { margin-bottom: 18px; }
    .row-small                                  { margin-bottom: 0px; }

    /* Nested Column Classes */
    .columns.alpha                              { margin-left: 0; }
    .columns.omega                              { margin-right: 0; }

    /* Base Grid */
    .container .one.columns                     { width: 30px; }
    .container .two.columns                     { width: 70px; }
    .container .three.columns                   { width: 110px; }
    .container .four.columns                    { width: 150px; }
    .container .five.columns                    { width: 190px; }
    .container .six.columns                     { width: 230px; }
    .container .seven.columns                   { width: 270px; }
    .container .eight.columns                   { width: 310px; }
    .container .nine.columns                    { width: 350px; }
    .container .ten.columns                     { width: 390px; }
    .container .eleven.columns                  { width: 430px; }
    .container .twelve.columns                  { width: 470px; }
    .container .thirteen.columns                { width: 510px; }
    .container .fourteen.columns                { width: 550px; }
    .container .fifteen.columns                 { width: 590px; }
    .container .sixteen.columns                 { width: 630px; }
    .container .seventeen.columns               { width: 670px; }
    .container .eighteen.columns                { width: 710px; }
    .container .nineteen.columns                { width: 750px; }
    .container .twenty.columns                  { width: 790px; }
    .container .twentyone.columns               { width: 830px; }
    .container .twentytwo.columns               { width: 870px; }
    .container .twentythree.columns             { width: 910px; }
    .container .twentyfour.columns              { width: 950px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 40px; }
    .container .offset-by-two                   { padding-left: 80px; }
    .container .offset-by-three                 { padding-left: 120px; }
    .container .offset-by-four                  { padding-left: 160px; }
    .container .offset-by-five                  { padding-left: 200px; }
    .container .offset-by-six                   { padding-left: 240px; }
    .container .offset-by-seven                 { padding-left: 280px; }
    .container .offset-by-eight                 { padding-left: 320px; }
    .container .offset-by-nine                  { padding-left: 360px; }
    .container .offset-by-ten                   { padding-left: 400px; }
    .container .offset-by-eleven                { padding-left: 440px; }
    .container .offset-by-twelve                { padding-left: 480px; }
    .container .offset-by-thirteen              { padding-left: 520px; }
    .container .offset-by-fourteen              { padding-left: 560px; }
    .container .offset-by-fifteen               { padding-left: 600px; }
    .container .offset-by-sixteen               { padding-left: 640px; }
    .container .offset-by-seventeen             { padding-left: 680px; }
    .container .offset-by-eighteen              { padding-left: 720px; }
    .container .offset-by-nineteen              { padding-left: 760px; }
    .container .offset-by-twenty                { padding-left: 800px; }
    .container .offset-by-twentyone             { padding-left: 840px; }
    .container .offset-by-twentytwo             { padding-left: 880px; }
    .container .offset-by-twentythree           { padding-left: 920px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .columns                         { margin-left: 5px; margin-right: 5px; }
        .columns.alpha                              { margin-left: 0; margin-right: 5px; }
        .columns.omega                              { margin-right: 0; margin-left: 5px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.columns                     { width: 22px; }
        .container .two.columns                     { width: 54px; }
        .container .three.columns                   { width: 86px; }
        .container .four.columns                    { width: 118px; }
        .container .five.columns                    { width: 150px; }
        .container .six.columns                     { width: 182px; }
        .container .seven.columns                   { width: 214px; }
        .container .eight.columns                   { width: 246px; }
        .container .nine.columns                    { width: 278px; }
        .container .ten.columns                     { width: 310px; }
        .container .eleven.columns                  { width: 342px; }
        .container .twelve.columns                  { width: 374px; }
        .container .thirteen.columns                { width: 406px; }
        .container .fourteen.columns                { width: 438px; }
        .container .fifteen.columns                 { width: 470px; }
        .container .sixteen.columns                 { width: 502px; }
        .container .seventeen.columns               { width: 535px; }
        .container .eighteen.columns                { width: 566px; }
        .container .nineteen.columns                { width: 598px; }
        .container .twenty.columns                  { width: 630px; }
        .container .twentyone.columns               { width: 662px; }
        .container .twentytwo.columns               { width: 694px; }
        .container .twentythree.columns             { width: 726px; }
        .container .twentyfour.columns              { width: 758px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 32px; }
        .container .offset-by-two                   { padding-left: 64px; }
        .container .offset-by-three                 { padding-left: 96px; }
        .container .offset-by-four                  { padding-left: 128px; }
        .container .offset-by-five                  { padding-left: 160px; }
        .container .offset-by-six                   { padding-left: 192px; }
        .container .offset-by-seven                 { padding-left: 224px; }
        .container .offset-by-eight                 { padding-left: 256px; }
        .container .offset-by-nine                  { padding-left: 288px; }
        .container .offset-by-ten                   { padding-left: 320px; }
        .container .offset-by-eleven                { padding-left: 352px; }
        .container .offset-by-twelve                { padding-left: 384px; }
        .container .offset-by-thirteen              { padding-left: 416px; }
        .container .offset-by-fourteen              { padding-left: 448px; }
        .container .offset-by-fifteen               { padding-left: 480px; }
        .container .offset-by-fifteen               { padding-left: 512px; }
        .container .offset-by-fifteen               { padding-left: 544px; }
        .container .offset-by-fifteen               { padding-left: 576px; }
        .container .offset-by-fifteen               { padding-left: 608px; }
        .container .offset-by-fifteen               { padding-left: 640px; }
        .container .offset-by-fifteen               { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 704px; }
        .container .offset-by-fifteen               { padding-left: 736px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns { margin: 0; }

        .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 .seventeen.columns,
        .container .eighteen.columns,
        .container .nineteen.columns,
        .container .twenty.columns,
        .container .twentyone.columns,
        .container .twentytwo.columns,
        .container .twentythree.columns,
        .container .twentyfour.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .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,
        .container .offset-by-sixteen,
        .container .offset-by-seventeen,
        .container .offset-by-eighteen,
        .container .offset-by-nineteen,
        .container .offset-by-twenty,
        .container .offset-by-twentyone,
        .container .offset-by-twentytwo,
        .container .offset-by-twentythree { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns { margin: 0; }

        .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 .seventeen.columns,
        .container .eighteen.columns,
        .container .nineteen.columns,
        .container .twenty.columns,
        .container .twentyone.columns,
        .container .twentytwo.columns,
        .container .twentythree.columns,
        .container .twentyfour.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .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"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after,
    .row-small:before,
    .row-small:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .row-small:after,
    .clearfix:after {
      clear: both; }
    .row,
    .row-small,
    .clearfix {
      zoom: 1; }

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

/*
* Skeleton V2.0
* Copyright 2011, Dave Gamache (@dhg)
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */

/* #Site Styles
================================================== */

.container{
	padding-bottom: 200px;
}

.logo img{
	display: block;
	width: 292px;
	margin-left: 23px;
}
.page{
	position: relative;
	min-height: 486px;
	background:#fff;
}
.nav-mobile-toogle{
	display: none;
	position: relative;
}
.noscript{
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}
.nav-mobile{
	display: none;
}
.nav-desktop{
	position: absolute;
	left: 0px;
	top: 191px;
	width: 186px;
	z-index: 100;
}
.nav-desktop ul{
	margin: 0;
}
.nav-desktop li{
	list-style-type: none;
	padding: 0;
	background: none;
}
.nav-desktop a{
	display: block;
	height: 24px;
	font-size: 13px;
	color: #6d6e6d;
	line-height: 24px;
	text-decoration: none;
	padding: 0 0 0 26px;
	background: url(../img/nav-desktop.gif) no-repeat left top;
}
.nav-desktop a:hover,a.nav-desktop-act{
	background-position: left -24px;
	color: #e6591e;
}
.nav-desktop-sub a{
	background: url(../img/nav-desktop-sub.gif) no-repeat left top;
}
.nav-desktop li li a{
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 26px;
	background: none;
}
.nav-mobile-toogle{
	padding-left: 18px;
	padding-bottom: 18px;
	background: url(../img/nav-mobile-toogle.gif) no-repeat left top;
	cursor: pointer;
}
.nav-desktop-sub > a.nav-desktop-act{
	background: url(../img/nav-desktop-sub.gif) no-repeat left bottom;
}
.sidr{
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-family: "Droid Sans", Arial, Verdana, sans-serif;
	font-size: 13px;
	background: #fff;
	color: #6d6e6d;
	-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
	-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
	box-shadow: inset 0 0 5px 5px #ebebeb
}
.sidr .sidr-inner{
	padding: 6px 0 15px 0;
}
.sidr .sidr-inner>p{
	margin-left: 15px;
	margin-right: 15px
}
.sidr.right{
	left: auto;
	right: -260px
}
.sidr.left{
	left: -260px;
	right: auto
}
.sidr ul{
	display: block;
	padding: 0;
}
.sidr ul li{
	display: block;
	line-height: 34px;
	margin: 0;
	padding: 0;
	background: none;
}
.sidr ul li a{
	display: block;
	text-decoration: none;
	padding: 0 0 0 26px;
	background: url(../img/nav-desktop.gif) no-repeat left 5px;
}
.sidr a.sidr-class-nav-mobile-act{
	background-position: left -22px;
	color: #e6591e;
}
.sidr a.sidr-class-nav-mobile-sub{
	background: url(../img/nav-mobile-sub.gif) no-repeat left 5px;
}
.sidr a.sidr-class-nav-mobile-sub-act{
	color: #e6591e;
	background: url(../img/nav-mobile-sub.gif) no-repeat left -20px;
}
.sidr ul li li a{
	background: none;
}
.sidr ul li ul{
	margin: 0;
}
.highlight,.highlight *{
	color: #e6591e;
}
#wrapper .imgs-desktop{
	display: block;
}
#wrapper .imgs-mobile{
	display: none;
}
.mobile-offset{
	position: relative;
}
.print{
	display: none;
}

/* #Page Styles
================================================== */
.txt-left,.txt-right{
	float: left;
}
.txt-left{
	width: 80px;
}
.txt-right{
	width: 170px;
}
.team img{
	display: block;
	margin-bottom: 2px;
}
#map_herrmann{
	height: 344px;
}
.boxer{
	padding: 8px;
	margin-bottom: 20px;
	background: #e6eaeb;
}
.boxer,.boxer *{
	color: #000;
}
.mobile-team{
	padding-top: 50px;
}

/* #Media Queries
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 976px) {
	.nav-desktop{
		top: 155px;
	}
	.logo img{
		width: 230px;
		margin-left: 19px;
	}
	.mobile-team{
		padding-top: 38px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#wrapper .mobile-offset{
		width: 260px;
		margin-left: 18px;
		margin-right: 18px;
	}
	.nav-mobile-toogle{
		display: block;
	}
	.nav-desktop{
		display: none;
	}
	.logo img{
		width: 180px;
		margin: 0;
	}
	.mobile-team{
		padding-top: 0;
		padding-bottom: 20px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	#wrapper .mobile-offset{
		width: 382px;
	}
	.logo img{
		width: 220px;
		margin: 0;
	}
	#map_herrmann{
		position: relative;
		left: -18px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	#wrapper .imgs-desktop{
		display: none;
	}
	#wrapper .imgs-mobile{
		display: block;
	}
	#map_herrmann{
		position: relative;
		left: -18px;
	}
}


.item-privacy{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #dedfde;
	border-top: 1px solid #fff;
	z-index: 999999999999999;
}
.item-privacy div.container{
	padding: 14px 0 16px 0;
}
a.item-privacy-topage{
	text-decoration: underline;
}
.item-privacy,.item-privacy *,.item-privacy a:hover{
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
a.item-privacy-accept{
	display: inline-block;
	margin-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #e6591e;
}
a.item-privacy-accept:hover{
	color: #e6591e;
}