@charset "UTF-8";
/* CSS Document */

body, html {
	background: url(../jpgs/Sonne_und_Wolken.jpg) no-repeat center center fixed;
	background-size: cover;
	font-family: 'Istok Web', sans-serif;
}

h1 {
	text-transform: uppercase;
	font-weight: 700;
}

p, li, label, input {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8em;
	color: #647582;
}

.nav, .navbar {
	margin-bottom: 0px;
	border: none; 
	border-radius: 0;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
	color: #2f387f;
	font-weight: bold;
	font-size: 18px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #647582;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #647582;
  background-color: transparent;
}

.container {
	background-color: white;
}

.row {
	padding: 0 40px 0 40px;
}

.skew {
  -webkit-transform: skew(-2deg) rotate(-2deg);
  -moz-transform: skew(-2deg) rotate(-2deg);
  -ms-transform: skew(-2deg) rotate(-2deg);
  -o-transform: skew(-2deg) rotate(-2deg);
  transform: skew(-2deg) rotate(-2deg);
}

.gradient {
  background: #1e5799;
  background: -moz-linear-gradient(top, #2f387f 50%, #1e2959 100%);
  background: -webkit-linear-gradient(top, #2f387f 50%,#1e2959 100%);
  background: linear-gradient(to bottom, #2f387f 50%,#1e2959 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f387f', endColorstr='#1e2959',GradientType=0 );
  color: #fff;
}

.btn {
	border: none;
}

.btn a {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

footer {
	font-size: 12px;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* margins */
.top-0 { margin-top: 0px }
.top-5 { margin-top: 5px }
.top-10 { margin-top: 10px }
.top-15 { margin-top: 15px }
.top-20 { margin-top: 20px }
.top-30 { margin-top: 30px }
.top-40 { margin-top: 40px }
.top-60 { margin-top: 60px }
.top-80 { margin-top: 80px }
.bottom-0 { margin-bottom: 0 }
.bottom-5 { margin-bottom: 5px }
.bottom-10 { margin-bottom: 10px }
.bottom-20 { margin-bottom: 20px }
.bottom-30 { margin-bottom: 30px }
.bottom-40 { margin-bottom: 40px }
.bottom-50 { margin-bottom: 50px }
.bottom-60 { margin-bottom: 60px }
.bottom-80 { margin-bottom: 80px }
.pad-top-80 { padding-top: 80px }
.pad-top-60 { padding-top: 60px }
.pad-top-40 { padding-top: 40px }
.pad-top-30 { padding-top: 30px }
.pad-top-20 { padding-top: 20px }
.pad-bot-80 { padding-bottom: 80px }
.pad-bot-60 { padding-bottom: 60px }
.pad-bot-40 { padding-bottom: 40px }
.pad-bot-30 { padding-bottom: 30px }
.pad-bot-20 { padding-bottom: 20px }
.pad-left-80 { padding-left: 80px }
.pad-left-60 { padding-left: 60px }
.pad-left-40 { padding-left: 40px }
.pad-left-30 { padding-left: 30px }
.pad-left-20 { padding-left: 20px }
.pad-right-80 { padding-right: 80px }
.pad-right-60 { padding-right: 60px }
.pad-right-40 { padding-right: 40px }
.pad-right-30 { padding-right: 30px }
.pad-right-20 { padding-right: 20px }