/*
* 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                                  { width: 960px; margin: 0 auto; padding: 0;}
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 20px; }
    .row                                        { margin-bottom: 20px; }

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

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 320px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 430px; }
    .container .eight.columns                   { width: 340px; }
    .container .nine.columns                    { width: 460px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 900px; }
    .container .fourteen.columns                { width: 820px; margin:40px 101px auto;}
    .container .fifteen.columns                 { width: 1000px; }
    .container .sixteen.columns                 { width: 940px; /*background: url(../../../uploads/2012/12/logo_small.jpg)*/ center 60px no-repeat;}

    #erste-seite .columns                       { margin-top: 50px; }
    .shop_button 								{ width:19%;}
	/*.text 								        {margin: 0 auto; width: 750px;}*/
    .bild                                       { margin: 0 auto; width: 100%; padding-bottom: 30px;}

    .container .one-third.column                { width: 700px; margin: 0 auto; float: none; display: block;}
    .container .two-thirds.column               { width: 730px; margin: 0 auto; float: none; display: block; margin-bottom: 20px;}
    #termine-austellungen .two-thirds.column    { width: 250px; margin: 0 auto; float: left; display: block; margin-top: -10px;}
    #termine-austellungen .four.columns         { width: 329px; }
    #termine .one-third.column                  { width: auto; margin:0 auto; padding-left: 50px; margin-bottom: 50px;}
	.sliderbild 								{ width:960px; height:500px; top: 314px;}
	li.eins 									{ margin-top:0px; margin-bottom: 0px;}
	li.zwei 									{ margin-bottom: 35px;}
	.footer										{ margin-top:0px; height: 20px; padding: 10px 0px 10px 76px; position: relative; z-index: 500;}
	.vimeo										{ top:960px;/*background:url(http://cbaumeister.bgp-emedia.de/wp-content/uploads/2013/02/vimeo_leiste.png);*/ width:960px; /*height:41px;*/ position:absolute;}
	.parent										{ top: -813px; width:540px;}
	.produktion									{ position: absolute; padding:0px 32px 18px 32px; width:490px; margin: 40px 199px 0px 199px;}
	.pfeile 									{ margin: 0px 0px 0px 430px; top:600px;}
	.title 										{ max-width:700px !important;}
	.opacity 									{ width: 540px; height: 247px;}
	#anker 										{top:582px;}
	.submit-button 								{left: -347px; top: -47px;}
    .contact-form                               { width: 750px;}
    .bild_mittel                                 { width: 225px !important; height: auto !important;}
    .termine.ausstellung                        {margin-top: 19px;}

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .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) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 15px; margin-right: 15px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 284px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 290px; }
        .container .nine.columns                    { width: 325px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 750px; margin: 0 auto;}
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 97%; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        #produktion .container .one-third.column    { width: 280px; /*margin: 62px 0px auto 35px;*/ padding-left: 70px;}
        #produktion .container .two-thirds.column   { width: 347px; margin: 5px -67px 0px 35px; padding-left: 35px;}
        #termine .one-third.column                  { width: auto; margin:0 auto; padding-left: 50px; margin-bottom: 50px;}
        #termine-austellungen .two-thirds.column    { width: 250px; margin: 0 auto; float: left; display: block; margin-top: -10px;}
		.shop_button 								{ width: 23%; }
		.text 										{ margin: 0 auto;}
		.sliderbild 								{ width:0px; height:0px; top: 333px;}
		.container .one-third.column                { width: 697px; margin: 0 auto;}
        #impressum .one-third.column                { width: 636px; margin: 25px auto 0 auto;}
		.container .two-thirds.column               { width: 636px; margin: 0 auto; padding-left: 0px; padding-right: 0px;}
		li.eins 									{ margin-top:0px;}
		li.zwei 									{ /*margin-top:48px;*/}
		/*.intro-line_unten 							{ margin: 0px auto 0px auto;}*/
        #impressum .intro-line_unten                { margin-top: 25px;}
		.footer										{ margin-top:0px; position: relative; z-index: 500;}
		.vimeo										{ top:895px;/*left: 45px;*/ /*background:url(http://cbaumeister.bgp-emedia.de/wp-content/uploads/2013/02/vimeo-leiste_768px.png);*/ width:768px; /*height:41px;*/}
		.parent										{ top: -655px; width:540px;}
		.produktion									{ position: absolute; padding:0px 32px 18px 32px; width:490px; margin: 40px 199px 0px 104px;}
		.pfeile 									{margin: 0px 0px 0px 336px; top:600px;}
		.title 										{ width:600px;}
		.opacity 									{ width: 540px; height: 247px;}
		#anker 										{top:582px;}
		.submit-button 								{left: -347px; top: -47px;}
		.bild                                       { margin: 0 auto; /*padding-top: 60px; height: 100px; width: 110%;*/}
        .xing-button-head                           {left: 180px;}
        .contact-form                               { width: 645px;}
        #bildergalerie                              { width: 735px; margin: 0 auto;}
        .bild_mittel                                 { width: 225px !important; height: auto !important;}
        .termine.ausstellung                        {margin-top: 17px;}

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


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

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

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

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.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; margin: 0;}
        .container .eight.columns                   { width: 270px; margin: 0;}
        .container .one-third.column                { width: 290px; margin:0 auto;}
        .container .two-thirds.column               { width: 290px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
        .container .four.columns                    { width: 115px; margin: 0; padding: 5px 15px 0 15px;}
        #impressum .container .four.columns         { width: 270px; margin: 0; padding: 5px 15px 15px 15px;}
        .one-third.column ..four.columns            { padding-bottom: 15px;}
        #termine .one-third.column                  { width: auto; margin:0 auto; padding-left: 50px; margin-bottom: 50px;}
        .xing-button-head                           {left: 48px;}
        #erste-seite .columns                       { margin-top: 45px;}
        #impressum .eight.columns                   { padding-bottom: 60px;}
        .motivation_img                             {margin-top: 20px;}
        .motivation_img img                         {height: 100%; width: 160px;}
        #produktion .punkt                          {width: 155px;}
        .contact-form                               {margin: 10px auto 0;}
        #impressum                                  {padding-top: 0px; padding-bottom: 1px;}
        .bg                                         {padding-top: 0px; padding-bottom: 40px;}
        #termine-austellungen .four.columns         {width: 118px;}
        #termine-austellungen .two-thirds.column    { width: 35%; margin: 0 auto; float: left; display: block; margin-top: -10px;}
		#termine-austellungen .two-thirds.column    {padding-left: 15px;}
        #termine-austellungen ul                    {margin-top: 2px;}
		.shop_button 								{ width:60%;}
		.text 										{ margin: 0 auto; width: 300px;}
		.sliderbild 								{width:0px; height:0px; top: 333px;}
        #manfred-glliedt .container .two-thirds.column { width: 93%; /*padding: 0*/}
		.container .one-third.column                { width: 300px; padding: 0;}
		.container .two-thirds.column               { width: 93%; margin: 0 auto;}
		/*.intro-line_unten 							{ margin: 0 auto;}*/
		li.eins 									{ margin-top:0px; margin-bottom: 35px;}
		li.zwei 									{ margin-top:0px;margin-bottom: 72px;}
        li.drei                                     { margin-top:18px;}
        li.vier                                     { margin-top: 36px;}
        li.funft                                     { margin-top:18px; margin-bottom: 36px;}
		.footer										{ position: relative; z-index: 500; margin-top:0px; height: 20px; padding: 10px 0px 10px 20px;}
		.vimeo										{ top:1233px;/*left: 45px;*/ /*background:url(http://cbaumeister.bgp-emedia.de/wp-content/uploads/2013/02/vimeo-leiste_300px.png);*/ width:300px; /*height:41px;*/}
		.produktion									{ position: absolute; padding:0px 32px 18px 32px; width:490px; margin: 40px 104px 0px 104px;}
		.parent										{ top: -450px; width:280px;}
		.pfeile 									{ margin: 0px 0px 0px 100px; top:910px;}
		.title 										{ width:100%;}
		.opacity 									{ width: 280px; height: 200px;}
		.contact-form input.submit-button			{ margin-bottom:0px; float:left; left:0; top:0;}
		#anker 										{top:880px;}
		.submit-button 								{left: -347px; top: -47px;}
		.bild                                       { margin: 0 auto; padding-top: 30px; width: 100%;}
        .headerlogo                                 {padding-bottom: 20px;}
        #undefined-sticky-wrapper                   {height: 45px;}
        .listerechts                                {width: 120px;}
        #bildergalerie                              { width: 260px; margin: 0 auto;}
        .termine.ausstellung                        {margin-top: 35px;}
        .pfeil_runter                               {margin-top: -25px;}

        /* 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 { 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: 100%; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 100%; margin:0;}
        .container .four.columns                    { width: 152px !important; margin:0; padding: 0 15px;}
        #impressum .container .four.columns         { width: 360px; margin: 0; padding: 5px 15px 15px 15px;}
        #impressum .container, #contact .container  { margin-bottom: 60px !important;}
        #termine-austellungen .two-thirds.column { padding-left: 15px;}
        .container .eight.columns                   { width: 325px; margin: 0;}
        .container .nine.columns                    { width: 184px; margin-right: 25px;}
        .container .nine.columns img                { width: 115%; height: 115%;}
        .container .fifteen.columns                 { width: 520px; }
        .container .one-third.column                { width: 310px; margin:0 auto;}
        .container .two-thirds.column               { width: 370px; margin: 0 auto; padding-left: 0px; padding-right: 10px;}
        #termine .one-third.column                  { width: auto; margin:0 auto; padding-left: 50px; margin-bottom: 50px;}
        .xing-button-head                           {left: 125px;}
        /*#erste-seite p                              {padding-bottom: 0px;}*/
        .motivation_img img                         {height: 100%; width: 220px;}
        .motivation_img                             {margin-top: 0px;}
        .contact-form                               { width: 350px;}
        #impressum                                  {padding-top: 0px; padding-bottom: 1px;}
        .bg                                         {padding-top: 0px; padding-bottom: 60px;}
        .social-intro ul li                         { margin: -45px 5px 0 5px;}
		
		.shop_button 								{ width:43%;}
		.text 										{ margin: 0 auto; width:420px;}
		.sliderbild 								{ width:0px; height:0px; top: 333px;}
		.container .one-third.column                { width: 370px; margin:0 auto; padding-left: 20px; padding-right: 20px;}
		.container .two-thirds.column               { width: 85% !important; margin: 0 auto; padding: 0;}
        #termine-austellungen .two-thirds.column    { width: 45% !important; margin: 0 auto;}
        #termine-austellungen .two-thirds.column    { width: 250px; margin: 0 auto; float: left; display: block; margin-top: -10px;}
		/*.intro-line_unten 							{ margin: 0 auto;}*/
		li.eins 									{ margin-top:0px; margin-bottom: 17px;}
		li.zwei 									{ margin-top:0px;margin-bottom: 55px}
        li.drei                                     { margin-top:18px;}
        li.vier                                     { margin-top:18px;}
        li.funft                                     { margin-top:18px; margin-bottom:18px;}
		.footer										{ position: relative; z-index: 500; padding: 10px 0px 10px 76px;}
		.vimeo										{ top:1192px;/*background:url(http://cbaumeister.bgp-emedia.de/wp-content/uploads/2013/02/vimeo-leiste_420px.png);*/ width:420px; /*height:41px;*/}
		.produktion									{ position: absolute; padding:0px 32px 18px 32px; width:420px; margin: 40px 199px 0px -29px;}
		.parent										{ top: -600px; width:410px;}
		.pfeile 									{ margin: 0px 0px 0px 167px; top:787px;}
		.title 										{ width:100%;}
		.opacity 									{ width: 410px; height: 177px;}
		#anker 										{top:762px;}
		.submit-button 								{left: -347px; top: -47px;}
        .bild                                       { margin: 0 auto; padding-top: 0px; width: 420px; margin-left: 0px;}
        .zeichnung                                  { width: 220px;}
        #bildergalerie                              { width: 480px; margin: 0 auto;}
        .bild_klein                                 { width: 220px !important; height: auto !important;}
        .termine.ausstellung                        {margin-top: 17px;}
    }


/* #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 {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .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;
    }