/**
 * Main style file, contains all page styles, on top of the bootstrap css
 *
 * @author R. Timmermans (roel-at-bigbase-dot-nl)
 * @author D. Tiems (dennis-at-bigbase-dot-nl)
 * @version 0.0.2 - 2013-09-18
 */


/**
 * Correct checkbox bug
 */
.checkbox input[type=checkbox] {
	padding-top: 3px;
}


/**
 * Page settings
 */

header {
	background-color:#000;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:14px;
}
footer {
	background-color:#000;
	padding-top:20px;
	padding-bottom:18px;
	margin-top:50px;
}
header .infopakket {
	position:absolute;
	z-index:100;
}


/**
 * Typography settings
 */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#000;
	line-height:26px;
	text-transform:uppercase;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	line-height:32px;
	margin-bottom:20px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:19px;
	text-transform:uppercase;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#f29400;
	line-height:19px;
	text-transform:uppercase;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:16px;
}
p.intro {
	font-weight:bold;
}
a {
	font-size:12px;
	line-height:16px;
	color:#f29400;
	text-decoration:underline;
}
a:hover {
	color:#f29400;
	text-decoration:none;
}
strong {
	color:#f29400;
	font-weight:inherit;
}
hr {
  height:32px;
  background:url('../img/line.png') no-repeat center;
	border:none;
	margin:15px 0;
}


/**
 * Navigation settings
 */

.nav.nav-pills {
	background-color:#000;
	margin-top:20px;
	margin-bottom:20px;
}
.nav.nav-pills li {
	margin-left:3px;
}
.nav.nav-pills a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:28px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 10px 0 5px;
}
.nav.nav-pills a:hover,
.nav.nav-pills a:active,
.nav.nav-pills a:focus {
	background-color:transparent;
	color:#f29400;
}
.nav.nav-pills .caret {
	display:none;
}
.nav.nav-pills li.dropdown a {
	border:1px solid #000;
	background-color: #383838;
  background-image:-webkit-gradient(linear, 0 bottom, 100% top, from(rgba(58, 58, 58, 1)), to(rgba(0, 0, 0, 0.5)));
  background-image:-webkit-linear-gradient(bottom, color-stop(rgba(58, 58, 58, 1) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image:-moz-linear-gradient(bottom, rgba(58, 58, 58, 1) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image:linear-gradient(to bottom, rgba(58, 58, 58, 1) 0, rgba(0, 0, 0, 0.5) 100%);
	filter: none;
	padding:0 10px;
}
.nav.nav-pills li.dropdown a:hover,
.nav.nav-pills li.dropdown a:active,
.nav.nav-pills li.dropdown a:focus {
	color:#fff;
	border:1px solid #000;
	background-color: #383838;
  background-image:-webkit-gradient(linear, 0 bottom, 100% top, from(rgba(196, 121, 0, 1)), to(rgba(228, 140, 0, 1)));
  background-image:-webkit-linear-gradient(bottom, color-stop(rgba(196, 121, 0, 1) 0), color-stop(rgba(228, 140, 0, 1) 100%));
  background-image:-moz-linear-gradient(bottom, rgba(196, 121, 0, 1) 0, rgba(228, 140, 0, 1) 100%);
  background-image:linear-gradient(to bottom, rgba(196, 121, 0, 1) 0, rgba(228, 140, 0, 1) 100%);
	filter: none;
}
.nav.nav-pills li.dropdown ul.dropdown-menu {
	background-color: #383838;
	border: 0;
  background-image:-webkit-gradient(linear, 0 bottom, 100% top, from(rgba(52, 52, 52, 1)), to(rgba(0, 0, 0, 1)));
  background-image:-webkit-linear-gradient(bottom, color-stop(rgba(52, 52, 52, 1) 0), color-stop(rgba(0, 0, 0, 1) 100%));
  background-image:-moz-linear-gradient(bottom, rgba(52, 52, 52, 1) 0, rgba(0, 0, 0, 1) 100%);
  background-image:linear-gradient(to bottom, rgba(52, 52, 52, 1) 0, rgba(0, 0, 0, 1) 100%);
	filter: none;
}
.nav.nav-pills li.dropdown ul.dropdown-menu a {
	background-image:none;
	border:0;
	border-top:1px solid #3f3f3f;
}
.nav.nav-pills li.dropdown ul.dropdown-menu a:hover {
	background-color: #f29400;
  background-image:-webkit-gradient(linear, 0 bottom, 100% top, from(rgba(196, 121, 0, 1)), to(rgba(228, 140, 0, 1)));
  background-image:-webkit-linear-gradient(bottom, color-stop(rgba(196, 121, 0, 1) 0), color-stop(rgba(228, 140, 0, 1) 100%));
  background-image:-moz-linear-gradient(bottom, rgba(196, 121, 0, 1) 0, rgba(228, 140, 0, 1) 100%);
  background-image:linear-gradient(to bottom, rgba(196, 121, 0, 1) 0, rgba(228, 140, 0, 1) 100%);
	filter: none;
}
footer .nav.nav-pills {
	margin:0;
}


/**
 * Slideshow settings
 */

.carousel-caption {
	text-align:left;
	left:0;
	top:60px;
	bottom:0;
}
.carousel-caption.carousel-caption-xs {
	text-align:left;
	left:0;
	top:0px;
	bottom:0;
}
.carousel-caption.carousel-caption-xs h2 {
	font-size:18px;
	line-height:26px;
}
.carousel-caption.carousel-caption-lg h2 {
	font-size:32px;
	line-height:44px;
}

.carousel-indicators {
	margin-bottom: 25px;
	left:50px;
	margin-left:0;
	text-align:left;
}


/**
 * Image settings
 */
 
img.img-thumbnail {
	padding:14px;
	border:0;
  background-image: url('../img/bg-image.png');
	background-size:100%;
	background-repeat:no-repeat;
	margin-left:-12px;
	margin-right:-12px;
	margin-bottom:12px;
} 

 
 /**
 * Button settings
 */

.btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	padding:3px 25px 3px 8px;
	border-radius:4px 4px 50px 4px;
}
.btn.btn-default {
	border:1px solid #f29400;
	background-color: #f29400;
  background-image:-webkit-gradient(linear, 0 bottom, 100% top, from(rgba(252, 214, 165, 1)), to(rgba(228, 140, 0, 1)));
  background-image:-webkit-linear-gradient(bottom, color-stop(rgba(252, 214, 165, 1) 0), color-stop(rgba(228, 140, 0, 1) 100%));
  background-image:-moz-linear-gradient(bottom, rgba(252, 214, 165, 1) 0, rgba(228, 140, 0, 1) 100%);
  background-image:linear-gradient(to bottom, rgba(252, 214, 165, 1) 0, rgba(228, 140, 0, 1) 100%);
  filter:none;
}
.btn.btn-default:hover {
	color:#fff;
	background-color: #383838;
	border:1px solid #383838;
  background-image:-webkit-gradient(linear, 0 bottom, 100% top, from(rgba(118, 118, 118, 1)), to(rgba(0, 0, 0, 1)));
  background-image:-webkit-linear-gradient(bottom, color-stop(rgba(118, 118, 118, 1) 0), color-stop(rgba(0, 0, 0, 1) 100%));
  background-image:-moz-linear-gradient(bottom, rgba(118, 118, 118, 1) 0, rgba(0, 0, 0, 1) 100%);
  background-image:linear-gradient(to bottom, rgba(118, 118, 118, 1) 0, rgba(0, 0, 0, 1) 100%);
  filter:none;
}
a.btn.btn-default {
	text-decoration:none;
}