@media (max-width: 380px) {
	.logo img {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.navbar-collapse {
		padding: 0;
	}

	.navbar-nav > li > a {
		padding: 10px 10px; 
	}

	.claim {
		margin-top: 20px;
	}
	.claim img {
		width: 90%;
	}
	.postit {
		margin-left: -20px;
	}
}

@media (min-width: 900px) {
	.claim img {
		width: 100%;
	}
	.postit {
		margin-left: 0;
	}
}

@media (min-width: 580px) and (max-width: 767px) {
	.claim img {
		width: 520px;
	}
}
@media (min-width: 1400px) {
	.claim img {
		width: 640px;
	}
}

html {
	min-height: 100%;
}

body {
	background-color: #102658;
	background: linear-gradient(top, #102658 0%, #165392 100%);
	background: -moz-linear-gradient(top, #102658 0%, #165392 100%);
	background: -webkit-linear-gradient(top, #102658 0%, #165392 100%);
	background: -ms-linear-gradient(top, #102658 0%, #165392 100%);
	background: -o-linear-gradient(top, #102658 0%, #165392 100%);
}

header {
	background-color: #071535;
	background: linear-gradient(top, #0a1b42 0%, #071535 100%);
	background: -moz-linear-gradient(top, #0a1b42 0%, #071535 100%);
	background: -webkit-linear-gradient(top, #0a1b42 0%, #071535 100%);
	background: -ms-linear-gradient(top, #0a1b42 0%, #071535 100%);
	background: -o-linear-gradient(top, #0a1b42 0%, #071535 100%);
}

a {
	color: #20559f;
}

a:hover {
	color: #20559f;
}

.navbar-collapse {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}

.navbar-header button {
	color:#cae2f3;
	background-color: #20559f;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.navbar-header button.collapsed {
	background-color: #071535;
}

.navbar-toggle {
	margin-top: 0;
	margin-bottom: 0;
}

.navbar {
  	min-height: 40px;
  	border-top: 1px solid #20559f;
  	border-bottom: 1px solid #20559f;
  	background-color: #071535;
}

.navbar-nav > li > a {
	color:#cae2f3;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:active,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:visited,
.navbar-nav > li.active {
	background-color: #20559f;
}

.logo {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mirror {
	transform: scaleX(-1);
}

.claim {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content img {
	border: 4px solid #ffffff;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	-ms-border-radius: 15px; 
	-o-border-radius: 15px; 
	margin-bottom: 10px;
}

.text-container {
	padding: 10px;
	margin-bottom: 10px;
	background-color: rgba(195, 214, 241, 0.55);
	border: 2px solid rgba(195, 214, 241, 0.5);
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	-ms-border-radius: 15px; 
	-o-border-radius: 15px; 
}

h1 {
	margin-top: 0;
	font-size: 22px;
	font-weight: bold;
}

h2 {
	margin-top: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

h2 span {
	font-size: 12px;
	font-weight: normal;
}

ul {
	padding-left: 20px;
}

span.small {
	font-size: 12px;
}

footer {
	margin-top: 30px;
}

.impressum-text {
	line-height: 25px;
}

/* ----------- gallery ---------------- */

.gallery {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
    background: none; 
    overflow: hidden;
    margin:auto;
}

.gallerySlides {
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	overflow: hidden;

	border: 4px solid #ffffff;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	-ms-border-radius: 15px; 
	-o-border-radius: 15px; 
}

/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../img/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

/*  Help: http://www.jssor.com/development/slider-with-thumbnail-navigator-jquery.html */
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/

.jssort01 {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 800px;
    height: 100px;
}

.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
    box-sizing: content-box;
    /*background: url(../img/t01.png) -800px -800px no-repeat;*/
    _background: none;
}

.jssort01 .pav .c {
    top: 0px;
    _top: 0px;
    left: 0px;
    _left: 0px;
    width: 68px;
    height: 68px;
    border: #fff 2px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort01 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 72px;
    height /**/: 72px;
}

.has-error {
	color: #a94442;
}

.has-success {
	color: #3c763d;
}