html,body {
	margin:0;
	height:100%;
	background:#b7b7b7 top center url("../img/bg_body.png") repeat-y fixed;
  font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

body {
  overflow: hidden;
}


/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 295px;
  height: 180px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("../img/loading.gif");
  background-repeat: no-repeat;
  background-position: bottom;
  margin: -90px 0 0 -150px;
}


/********** Schriften **********/
h1, h2, h3, h4 {color:#d0043c; font-weight:400;}

h1 {
	margin:0;
	padding:0 20px 0 0;
	color:#fff;
	font-size:32px;
	line-height:60px;
	text-shadow:-1px -1px 1px #5c0007;
  filter:dropshadow(color=#5c0007, offx=-1, offy=-1);		
}

h2 { 
  font-size:40px;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
  margin-bottom:20px;
  color:#666;
}

h4 { margin-top:20px; }

strong { font-weight:500; }

.center { text-align:center; }

/********** Framework **********/

.bg-wrapper {
  position:relative;
  margin: 0 auto;
  background-color:#fff;
  max-width:1280px;
  min-height:100%;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}

a { color:#d0043c; text-decoration:underline; }
a:hover { color:#d0043c; text-decoration:none; }
a:active { color:#d0043c; text-decoration:none; }

.page-banner {
	padding-top: 30px;
	padding-bottom: 30px;
  margin:0 auto;
  width:100%;
}

.logo {}

section { position:relative; }

/********** Header & Navigation **********/

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar { margin-bottom:0px; background-color:#646363; }
.navbar-default .navbar-nav>li { margin-right:0px; }
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:visited{ color:#666; text-decoration:none; font-weight:normal; }
.navbar-default .navbar-nav>.active>a { background-color:#fff; color:#d0043c;  border-bottom:2px solid #000; }
.navbar-default .navbar-nav>li>a:hover { background-color:#fff; color:#d0043c; }
.navbar-default .navbar-nav>.active>a:hover { background-color:#fff; }

.navbar-default {
	background-color: #fff;
	border-radius: 0px;
	border: none;
  border-top:1px solid #ccc;
  border-bottom:1px solid #999;
}

.navbar-inner {
  text-align:center;
}

.navbar-toggle {
	margin-top: 8px;
	background-color:#fff;
  border-width:2px;
  color:#fff;
}

.navbar-default .navbar-nav>.active>a {
	border-radius: 0px;
}

.nav {
  float:none;
  display:inline-block;
}


.footer {
  padding:6px 0px;
	width:100%;
	height:32px;
	background:#666 top center url("../img/bg_footer.png") repeat-x;
  color:#fff;
  margin-top: 40px;
}

.footer a {
  color:#fff;
}

.scrollToTop{
	width:60px; 
	height:60px;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
}

.scrollToTop:hover{
	text-decoration:none;
}

/********** Content **********/

.contentBox { margin-bottom:80px; height:100%; }
.thumbnail { padding:0px; }
.reference { display:block; border:1px solid #ccc; margin-bottom:20px; padding:0px 20px; }
.reference:hover { border-color:#d0043c; }
.video { display:block; border:1px solid #ccc; margin-bottom:10px; }
.video:hover { border-color:#d0043c; }
.youtube { width:100%; height:305px; border:1px solid #999; }
.picborder { border:1px solid #999; }
.chart { display:block; }
.chart-pics { margin:0 auto; }

ul.txt {
	margin:0;
	padding:0 0 0 14px;
	list-style:disc;
	color:#d0043c;
}

ul.txt li {
	margin-bottom:10px;
	line-height:18px;
}

ul.txt li span {
	color:#666;
}


/* SLIDER */

.carousel {
	height: auto;
	box-shadow: inset 0 5px 15px 0px rgba(0,0,0,0.8);
	background-color: #000;
}

.carousel-inner .item {
  width: 100%;
  height: auto;
}

.carousel-indicators {
  bottom: 10px;
  height: 12px;
}

.carousel-indicators li { 
  border-radius:0;
  height: 10px;
  width: 10px;
}

.carousel-indicators .active {
  padding-top:0px;
  background-color:#d0043c;
}

.carousel-caption {
  bottom:50px;
  background:rgba(102,102,102,0.85);
	border:1px solid #666;
	padding:5px;
	color:#fff;
	font-size:24px;
	text-shadow: 0px 1px 2px #333333;
  filter: dropshadow(color=#333333, offx=0, offy=1);
}


/* LEGAL */

.panel-group .panel {
	border-radius: 0;
  box-shadow: none;
  border-color: #ccc;
}

.panel-default > .panel-heading {
	padding: 0;
  border-radius: 0;
  color: #666;
  background-color: #fff;
  border-color: #ccc;
}

.panel-title {
	font-size: 14px;
	background-color: #f9f9f9;
}

.panel-title > a {
	display: block;
  padding: 15px;
  text-decoration: none;
}

.more-less {
	float: right;
  color: #666;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ccc;
}


/* TEASER */

.teaser {
	border:1px solid black;
	background-color:#fff;
	width:240px;
	position:fixed;
	top:10px;
	left:10px;
	padding:10px;
	z-index:40;
	display:block;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}

.btn-close,
.btn-close:hover,
.btn-close:active {
	background-color:#cf043c;
	color:#fff;
}
 


/* CONTACT */

.gmap {	margin-top:10px; width:100%; height:450px; border:1px solid #999; }



@media (min-width:320px)  {
	body {font-size:14px;}
  .navbar {font-size:18px;}
  .navbar-brand {margin-left:67px;}
  .navbar-collapse {background-color:#dedede;}
  .nav > li > a { padding-left:12px; padding-right:12px;}
  .carousel-caption {font-size:14px;}
  .reference {border-width:1px; padding:0px 4px;}
  .book {text-align:center;}
  .thumbnail {height:auto;}
  .contentBox {margin-bottom:20px;}
  .scrollToTop{ width:36px; height:36px; bottom:20px;	right:20px;}
  h1 {padding:0; font-size:30px;}
  h2 {font-size:28px;}
  h4 {font-size:16px;}
	.chart {min-height:auto; margin-bottom:20px;}
	.chart-pics {padding:0 60px;}
}


@media (min-width:480px)  {
  .navbar {font-size:14px;}
  .navbar-brand {margin-left:0px;}
  h1 {padding:0; font-size:30px;}
  h2 {font-size:28px;}
  h4 {font-size:16px;}
  .book {text-align:right; padding-right:10px;}
  .carousel-caption {font-size:17px;}
}


@media (min-width:768px)  {
	body {font-size:14px;}
	.navbar {font-size: 18px; }
  .navbar-collapse {background-color:#fff;}
  .nav > li > a {padding-left:7px; padding-right:7px; margin-top:2px; }
  .book {padding-right:20px;}
  .thumbnail {min-height:380px;}
  .carousel-caption {font-size:24px;}
  .helper { padding-left:5px; padding-right:5px; width:770px;}
	.chart {min-height:540px; margin-bottom:0px;}
	.chart-pics {padding:0 40px;}
  h1 {padding:0; font-size:30px;}
  h2 {font-size:28px;}
  h4 {font-size:16px;}
}

@media (min-width:992px)  {
	body {font-size:14px;}
  .helper { padding-left:15px; padding-right:15px; width:970px;}
  .nav > li > a {padding-left:15px; padding-right:15px; margin-top:0px; }
	.navbar {font-size: 20px; }
  .reference {border-width:2px; padding:0px 20px;}
  .carousel-caption {font-size:28px;}
  .chart-pics {padding:0 20px;}
	.scrollToTop{ width:48px; height:48px; bottom:30px;	right:30px;}
}

@media (min-width:1200px)  {
  body {font-size:16px;}
  .helper { width:1170px;}
	.nav > li > a {padding-left:20px; padding-right:20px; margin-top:0px; }
  .navbar {font-size: 21px;}
  .contentBox {margin-bottom:40px;}
  .thumbnail {min-height:400px; font-size:14px;}
  .reference {border-width:2px; padding:0px 20px;}
  .carousel-caption {font-size:28px;}
  .scrollToTop{width:60px; height:60px; bottom:40px; right:20px;}
}

@media (min-width:1920px)  {
  .scrollToTop{right:40px;}
}