/*
Framework Stylesheet
Theme Name: Lebenswelt
Theme URI: http://fiatinsight.com
Version: 1.0
Author: Andrew Haines & Ben Zumdahl
Description: Derived from Twitter Bootstrap Responsive v2.0.3
*/



/* ==================================
     Framework Calibration (Master)
   ================================== */


	/*** Framework (% Spans) ***/

.span12 {width: 99.999%;}

.span11 {width: 91.666%;}

.span10 {width: 83.333%;}

.span9 {width: 75%;}

.span8 {width: 66.666%;}

.span7 {width: 58.333%;}

.span6 {width: 50%;}

.span5 {width: 41.666%;}

.span4 {width: 33.333%;}

.span3 {width: 25%;}

.span2 {width: 16.666%;}

.span1 {width: 8.333%;}


	/*** Offsets (% Spans) ***/

.offset12 {margin-left: 99.999%;}

.offset11 {margin-left: 91.666%;}

.offset10 {margin-left: 83.333%;}

.offset9 {margin-left: 75%;}

.offset8 {margin-left: 66.666%;}

.offset7 {margin-left: 58.333%;}

.offset6 {margin-left: 50%;}

.offset5 {margin-left: 41.666%;}

.offset4 {margin-left: 33.333%;}

.offset3 {margin-left: 25%;}

.offset2 {margin-left: 16.666%;}

.offset1 {margin-left: 8.333%;}


	/*** Framework (by Unique Elements) ***/

.span-mainpage {width: 58.333%;}

.span-sidebar {width: 41.666%;}

.span-title {width: 41.666%;}

.span-slider {width: 66.666%;}


	/*** Containers ***/

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  content: "";
}

.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 25px;
  padding-left: 25px;
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}

.container-fluid:after {
  clear: both;
}


	/*** Fluid Rows ***/

.row-fluid {
	width: 100%;
	*zoom: 1;
	}

.row-fluid:before,
.row-fluid:after {
  	display: table;
  	content: "";
	}

.row-fluid:after {
  	clear: both;
	}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 28px;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}

.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}

.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}

.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}

.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}

.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}

.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}

.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}

.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}


/* ==================================
     Responsive Calibration (Master)
   ================================== */


	/*** Responsive Universals ***/

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.hidden {
  display: none;
  visibility: hidden;
}


/* =======================================
     Responsive Calibration (Media Calls)
   ======================================= */

	/*** Defaults ***/

	#sitenav select {
		display: none;
		align: center;
		}


	/*** Smartphones ***/

/*	=======
       ||     ||
       ||     ||
       ||     ||
       ||_____||
       ||  o  ||
	=======		*/

@media (max-width: 767px) and (orientation:portrait) {
  .hidden-phone-port {
    display: none !important;
  }
}

@media (max-width: 767px) {

	/* Visibility */

	#sitenav select {
		display: inline-block;
		margin: 10px 20px;
		}

	.navbar .btn-navbar {
		display: inline-block;
		}


	/* Invisibility */

	.hidden-phone {
		display: none;
		visibility: hidden;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
		}

	.navbar {display:;}

	#spotlight, #slider, #footer, #subfoot {display: none; height: 0px;}

	#maincontent img {display:;}


	/* Adjustments */

	body {
		padding: 0;
		}

	.container {width: auto;}
	.container-fluid {
		padding: 0;
		}

	.row {margin-left: 0;}
	.row-fluid {width: 100%;}

	 [class*="span"],
	.row-fluid [class*="span"] {
		display: block;
		float: none;
		width: auto;
		margin-left: 0;
		}

	.navbar {
		margin: 0;
		}

	.navbar-inner {
		padding: 0 10px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		}

	.navbar .nav li a {
    padding: 15px 0 !important;
		}

	.nav-collapse.collapse {
		height: 0;
		}

	.nav-collapse .nav {
		float: left;
		margin: 0 0 10px;
		}

	.nav-collapse .nav > li {
		float: none;
		width: 100%;
		}

	#header .content {padding: 0 0 0px 0;}
	.headline {
    padding: 0;
    margin: 0;
    height: 50px;
  }

  .container-fluid {
    padding: 10px;
  }

	#da-slider {height: 100px;}

	#maincontent {padding: 15px 0;}



	/* Framework */

	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12 {
		width: 99.9999%;
  		}


	/* Stylization */

	p {font-size: 16px;}

	.copy {padding: 20px;}

	input[type="checkbox"],
	input[type="radio"] {
		border: 1px solid #ccc;
		}

	.form-horizontal .control-group > label {
		float: none;
		width: auto;
		padding-top: 0;
		text-align: left;
		}

	.form-horizontal .controls {
		margin-left: 0;
		}

	.form-horizontal .control-list {
		padding-top: 0;
		}

	.form-horizontal .form-actions {
		padding-right: 10px;
		padding-left: 10px;
		}

	.modal {
		position: absolute;
		top: 10px;
		right: 10px;
		left: 10px;
		width: auto;
		margin: 0;
		}

	.modal.fade.in {
		top: auto;
		}

	.modal-header .close {
		padding: 10px;
		margin: -10px;
		}

  #banner-link {
    display: none !important;
  }

  .headline {margin: 0 !important;}

	} /* End @media for smartphones (portrait)*/

  /* Smartphones (landscape) */

  @media (max-width: 667px) and (orientation:landscape) {

    body {
      margin-top: 75px;
    }

  .navbar .nav li a {
    font-size: 12px;
    padding: 30px 17px 13px !important;
  }

  .social-circles {
    display: none;
  }

  #banner-link .span3 {
    display: none;
  }

  #banner-link .span9 {
    width: 80%;
  }

  #banner-link .span9 h3 {
    font-size: 15px;
  }

}

/* End @media for smartphones (landscape) */

	/*** iPad (Portrait) ***/

/*	=============
       ||           ||
       ||           ||
       ||           ||
       ||           ||
       ||           ||
       ||           ||
       ||     o     ||
	=============		*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {


	/* Visibility */


	/* Invisibility */

	.hidden-tablet {
		display: none;
		visibility: hidden;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
		}

	.navbar {display:;}
	.nav {display:;}

  .navbar .nav li a {
    font-size: 14px;
  }

  .social-circles {
    display: none;
  }

  .headline {
    padding: 0;
    margin: 0;
    height: 50px;
  }

  #banner-link .span3 {
    display: none;
  }

  #banner-link .span9 {
    width: 100%;
    margin-bottom: 10px;
  }

  #banner-link .span9 h4 {
    margin-top: 0 !important;
  }

  #banner-link .span9 h3 {
    font-size: 17px;
    text-align: center;
  }

	#spotlight, #slider, #footer, #subfoot {display: none; height: 0px;}

	#wrapper {
    margin: 0;
    padding: 0 30px 0 10px !important;

  }


	/* Adjustments */

	.nav li {font-size: 0.7em;}

	.headline {margin-left: -10px;}

	#maincontent {padding: 15px 0; margin: 0;}


	/* Framework */

	.span3,
	.span4,
	.span5,
	.span6,
	.span7 {
		width: 99%;
		}

	.span12 {width: 99%;}


	} /* End @media for iPad portrait */





	/*** iPad (Landscape) ***/

/*	====================
       ||                  ||
       ||                  ||
       || o                ||
       ||                  ||
       ||                  ||
	==================== 		*/

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

	/*** Visibility ***/


	/*** Invisibility ***/

	.hidden-tablet {
		display: none;
		visibility: hidden;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
		}

  .navbar .btn {
    display: none;
  }

	#footer {display:none;}


	/*** Adjustments ***/

	#da-slider {height: 290px;}

	#maincontent {padding: 15px 0; margin: 0;}
	#sidebar {margin: 0;}



	/*** Framework ***/

	.span11,
	.span10,
	.span9,
	.span8,
	.span7,
	.span6,
	.span5 {width: 50%;}

  #wrapper .span4 {
    width: 50% !important;
  }

  #wrapper .span4 h3 {
    font-size: 20px;
  }

  #wrapper .span4 h4 {
    margin-top: 102px !important;
  }

  #banner-link .span3 img {
    width: 43px;
  }

	} /* End @media for iPad landscape */





	/*** Small Display ***/

/*	==================
       ||                ||
       ||                ||
       ||                ||
       ||                ||
       ||                ||
	==================
              |    |
	      ======			*/

@media (min-width: 980px) and (max-width: 1199px) {

	/*** Visibility ***/


	/*** Inisibility ***/

	.hidden-tablet {
		display: none;
		visibility: hidden;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
		}


	/*** Adjustments ***/

	#da-slider {height: 290px;}

	#maincontent {padding: 15px 0; margin: 0;}
	#sidebar {margin: 0;}



	/*** Framework ***/



	} /* End @media for small display */





	/*** Large Display ***/

/*	========================
       ||                      ||
       ||                      ||
       ||                      ||
       ||                      ||
       ||                      ||
	========================
		 |    |
		 ======			*/

@media (min-width: 1200px) {


	/*** Visibility ***/


	/*** Inisibility ***/

	.hidden-desktop {
		display: none;
		visibility: hidden;
		height: 0;
		width: 0;
		padding: 0;
		margin: 0;
		}


	/*** Adjustments ***/


	/*** Framework ***/

	.span12 {max-width: 1200px;}

	.span11 {max-width: 1070px;}

	.span10 {max-width: 970px;}

	.span9 {max-width: 870px;}

	.span8 {max-width: 770px;}

	.span7 {max-width: 750px;}

	.span6 {max-width: 570px;}

	.span5 {max-width: 450px;}

	.span4 {max-width: 370px;}

	.span3 {max-width: 360px;}

	.span2 {max-width: 170px;}

	.span1 {max-width: 70px;}


	[class*="span"] {
		float: left;
		margin-left: 0px;
		}

	.container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
		width: 1170px;
		}


	} /* End @media for desktop / laptop */