/* Raster */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.columns {
	float:left;
	padding:0 1em; /* 16px */
}
.push {
	float:right;
}
.row {
	width:auto;
	margin:0;
	padding:0;
}
.row:before, 
.row:after {
	content:'';
	display:table;
}
.row:after {
	clear:both;
}
.centered{
	text-align: center;
}
.right{
	text-align: right;
}
/* Dinge, die durch Media-Queries beeinträchtigt werden und daher davor stehen müssen  */
.js #site-nav {
	display:none;
}
.js #hamburger {
     float: right;
     padding: .1em .4em .1em .4em;
     margin:0;
     text-align: center;
     font-size: 1.5em;
     line-height: 1.5em;
     font-weight: bold;
     color: #ffffff;
     text-decoration: none;
}
.js #hamburger:hover {
     background-color: #025179;
 }
 .js #checkoutinfo{
 	display: none;
 }
 
@media screen and (min-width:655px) {
	
	.js #site-nav {
		display:block;
	}
	
	#hamburger {
		display:none;
	}
}

/* x-small */
@media screen and (max-width:27.99999999999em) {
	.xsmall-1 {
		width:8.33333333333%
	}
	.xsmall-2 {
		width:16.6666666667%
	}
	.xsmall-3 {
		width:25.0%
	}
	.xsmall-4 {
		width:33.3333333333%
	}
	.xsmall-5 {
		width:41.6666666667%
	}
	.xsmall-6 {
		width:50.0%
	}
	.xsmall-7 {
		width:58.3333333333%
	}
	.xsmall-8 {
		width:66.6666666667%
	}
	.xsmall-9 {
		width:75.0%
	}
	.xsmall-10 {
		width:83.3333333333%
	}
	.xsmall-11 {
		width:91.6666666667%
	}
	.xsmall-12 {
		width:100.0%
	}
	/* offset */
	.xsmall-offset-05 {
		margin-left:4.16666666667%
	}
	.xsmall-offset-1 {
		margin-left:8.33333333333%
	}
	.xsmall-offset-2 {
		margin-left:16.6666666667%
	}
	.xsmall-offset-3 {
		margin-left:25%;	
	}
	.xsmall-offset-4 {
		margin-left:33.3333333333%
	}
	.xsmall-offset-5 {
		margin-left:41.6666666667%	
	}
	.xsmall-offset-6 {
		margin-left:50%
	}
	.xsmall-offset-7 {
		margin-left:58.3333333333%
	}
	.xsmall-offset-8 {
		margin-left:66.6666666667%
	}
	.xsmall-offset-9 {
		margin-left:75.0%
	}
	.xsmall-offset-10 {
		margin-left:83.3333333333%
	}
	.xsmall-offset-11 {
		margin-left:91.6666666667%
	}
}
/* small */
@media screen and (min-width:28em) and (max-width:40.99999999999em) {
	.small-1 {
		width:8.33333333333%
	}
	.small-2 {
		width:16.6666666667%
	}
	.small-3 {
		width:25.0%
	}
	.small-4 {
		width:33.3333333333%
	}
	.small-5 {
		width:41.6666666667%
	}
	.small-6 {
		width:50.0%
	}
	.small-7 {
		width:58.3333333333%
	}
	.small-8 {
		width:66.6666666667%
	}
	.small-9 {
		width:75.0%
	}
	.small-10 {
		width:83.3333333333%
	}
	.small-11 {
		width:91.6666666667%
	}
	.small-12 {
		width:100.0%
	}
	/* offset */
	.small-offset-05 {
		margin-left:4.16666666667%
	}
	.small-offset-1 {
		margin-left:8.33333333333%
	}
	.small-offset-2 {
		margin-left:16.6666666667%
	}
	.small-offset-3 {
		margin-left:25%;	
	}
	.small-offset-4 {
		margin-left:33.3333333333%
	}
	.small-offset-5 {
		margin-left:41.6666666667%	
	}
	.small-offset-6 {
		margin-left:50%
	}
	.small-offset-7 {
		margin-left:58.3333333333%
	}
	.small-offset-8 {
		margin-left:66.6666666667%
	}
	.small-offset-9 {
		margin-left:75.0%
	}
	.small-offset-10 {
		margin-left:83.3333333333%
	}
	.small-offset-11 {
		margin-left:91.6666666667%
	}
}
/* medium */
@media screen and (min-width:41em) and (max-width:48.99999999999em) {
	.medium-1 {
		width:8.33333333333%
	}
	.medium-2 {
		width:16.6666666667%
	}
	.medium-3 {
		width:25.0%
	}
	.medium-4 {
		width:33.3333333333%
	}
	.medium-5 {
		width:41.6666666667%
	}
	.medium-6 {
		width:50.0%
	}
	.medium-7 {
		width:58.3333333333%
	}
	.medium-8 {
		width:66.6666666667%
	}
	.medium-9 {
		width:75.0%
	}
	.medium-10 {
		width:83.3333333333%
	}
	.medium-11 {
		width:91.6666666667%
	}
	.medium-12 {
		width:100.0%
	}
	/* offset */
	.medium-offset-05 {
		margin-left:4.16666666667%
	}
	.medium-offset-1 {
		margin-left:8.33333333333%
	}
	.medium-offset-2 {
		margin-left:16.6666666667%
	}
	.medium-offset-3 {
		margin-left:25%;	
	}
	.medium-offset-4 {
		margin-left:33.3333333333%
	}
	.medium-offset-5 {
		margin-left:41.6666666667%	
	}
	.medium-offset-6 {
		margin-left:50%
	}
	.medium-offset-7 {
		margin-left:58.3333333333%
	}
	.medium-offset-8 {
		margin-left:66.6666666667%
	}
	.medium-offset-9 {
		margin-left:75.0%
	}
	.medium-offset-10 {
		margin-left:83.3333333333%
	}
	.medium-offset-11 {
		margin-left:91.6666666667%
	}
}
/* large */
@media screen and (min-width:49em) and (max-width:59.3749999999em) {
	.large-1 {
		width:8.33333333333%
	}
	.large-2 {
		width:16.6666666667%
	}
	.large-3 {
		width:25.0%
	}
	.large-4 {
		width:33.3333333333%
	}
	.large-5 {
		width:41.6666666667%
	}
	.large-6 {
		width:50.0%
	}
	.large-7 {
		width:58.3333333333%
	}
	.large-8 {
		width:66.6666666667%
	}
	.large-9 {
		width:75.0%
	}
	.large-10 {
		width:83.3333333333%
	}
	.large-11 {
		width:91.6666666667%
	}
	.large-12 {
		width:100.0%
	}
	/* offset */
	.large-offset-05 {
		margin-left:4.16666666667%
	}
	.large-offset-1 {
		margin-left:8.33333333333%
	}
	.large-offset-2 {
		margin-left:16.6666666667%
	}
	.large-offset-3 {
		margin-left:25%;	
	}
	.large-offset-4 {
		margin-left:33.3333333333%
	}
	.large-offset-5 {
		margin-left:41.6666666667%	
	}
	.large-offset-6 {
		margin-left:50%
	}
	.large-offset-7 {
		margin-left:58.3333333333%
	}
	.large-offset-8 {
		margin-left:66.6666666667%
	}
	.large-offset-9 {
		margin-left:75.0%
	}
	.large-offset-10 {
		margin-left:83.3333333333%
	}
	.large-offset-11 {
		margin-left:91.6666666667%
	}
}
/* xLarge */
@media screen and (min-width:59.375em) {
	.xlarge-1 {
		width:8.33333333333%
	}
	.xlarge-2 {
		width:16.6666666667%
	}
	.xlarge-3 {
		width:25.0%
	}
	.xlarge-4 {
		width:33.3333333333%
	}
	.xlarge-5 {
		width:41.6666666667%
	}
	.xlarge-6 {
		width:50.0%
	}
	.xlarge-7 {
		width:58.3333333333%
	}
	.xlarge-8 {
		width:66.6666666667%
	}
	.xlarge-9 {
		width:75.0%
	}
	.xlarge-10 {
		width:83.3333333333%
	}
	.xlarge-11 {
		width:91.6666666667%
	}
	.xlarge-12 {
		width:100.0%
	}
	/* offset */
	.xlarge-offset-05 {
		margin-left:4.16666666667%
	}
	.xlarge-offset-1 {
		margin-left:8.33333333333%
	}
	.xlarge-offset-2 {
		margin-left:16.6666666667%
	}
	.xlarge-offset-3 {
		margin-left:25%;	
	}
	.xlarge-offset-4 {
		margin-left:33.3333333333%
	}
	.xlarge-offset-5 {
		margin-left:41.6666666667%	
	}
	.xlarge-offset-6 {
		margin-left:50%
	}
	.xlarge-offset-7 {
		margin-left:58.3333333333%
	}
	.xlarge-offset-8 {
		margin-left:66.6666666667%
	}
	.xlarge-offset-9 {
		margin-left:75.0%
	}
	.xlarge-offset-10 {
		margin-left:83.3333333333%
	}
	.xlarge-offset-11 {
		margin-left:91.6666666667%
	}
}

/* main elements */
body {
	margin:0;
	padding:0 1em;
	font-size: 1.0em;
	font-family:Arial,Helvetica;
	font-weight:normal;
	text-align: justify;
	background: #ffffff;
	background: url('/images/layout/background_25.jpg');
	background-repeat: repeat-y;
	background-size: 100%;
}
header {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
	max-width:1200px;
}
footer {
	margin:0 auto;
	padding:1em 0;
	text-align:left;
	width:100%;
	max-width:1200px;
}
article {
	float:left;
}
article h1 {
	color: #515151;
	text-align: left;
}
#welcom h1 {
	color: #515151;
	text-align: left;
}
aside {
	text-align:center;
}
img {
	max-width:100%;
	height:auto;
}
a {
	text-decoration: underline;
	color:#1C4917;
}
a.immi {
	text-decoration: underline;
}
article h1 a {
	text-decoration: none;
	color: #515151;
}
article h1 a:hover {
	text-decoration: none;
	color: #737373;
}
article h2 {
	color: #515151;
}
h1 {
	font-size: 2em;
	margin-top:0.2em;
	margin-bottom:0.25em;
}
h2 {
	font-size: 1.5em;
	margin-top:0.5em;
	margin-bottom:0.25em;
}
h3 {
	font-size: 1em;
	margin-top:0.5em;
	margin-bottom:0.25em;
}
p {
	margin:0;
	padding:0;
}
textarea {
	height:50px;
}
.site-content {
	padding:1em 0;
}
#logo {
	max-width: 85%;
	margin:1em auto 0.3em auto;
}
#maincontent {
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	padding:0;
}
#welcom {
	margin:2em 0 0 0;
}
/* Navigation */
nav {
	display:block;
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	padding:0;
}
 nav ul {
     width:100%;
     padding:0;
     margin:0;
     list-style: none;
 }
 nav ul li {
     float: left;
     padding:1em 0;
     margin:0;
     text-align: center;
}
 nav ul li:hover {
     
}
 nav ul li a {
     font-family: arial, sans-serif;
     font-size: 1em;
     line-height: 1em;
     font-weight: bold;
     display: inline;
     color: #000000;
     text-decoration: none;
     padding:0;
     margin:0;
 }
 nav ul ul {
    width:auto;
}
 nav ul ul li {
     float: left;
     text-align: center;
 }
 nav ul li:first-of-type {
     border-left: none;
 }
nav ul li ul li:first-of-type {
     border-left:  1px dotted white;
 }
.bluete {
	margin-right:1em;
}
.navibild {
	height:25px;
}
img.naviactive {
	height:30px;
}
img.blueteactive {
	height:18px;
}
.navibild:hover {
	height:30px;
}

/* Elemete */
.borduere {
	width:75%;
	max-width:900px;
	margin:2em auto 2em auto;
	text-align: center;
}

.sticky2 {
	float:right;
	font-size:0.8em;
}

.fixed {
	position: fixed;
	top: 0;
	background:#ffffff;
	z-index: 100;
}

.js .collapse {
	display:none;
}

 /* Login */
 #logincontent {
 	text-align: left;
  	visibility:hidden;
	opacity:0;
 	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
 }
 .js #logincontent {
 	text-align: left;
 	display:none;
	visibility:visible;
	opacity:1;
 	transition:none;
 }
  #login {
  	float:right;
  	padding:5px;
  	text-align: right;
  	vertical-align: middle;
  	cursor: pointer;
  }
  #login a {
	color:#000000;
	font-size: .8em;  
    font-weight: bold;
}
#login:hover > #logincontent, #login:focus > #logincontent{
	visibility:visible;
	opacity:1;
	transition-delay:0s;
}

#logincontent ul {
    width:100%;
    padding:0;
    margin:0;
    list-style-type: none;
 }
 #logincontent ul li {
    float: left;
    padding: .25em .5em .25em .5em;
    border-top:  1px dotted white;
    margin:0;
    text-align: center;
	background-color: #009800;
    }
 #logincontent ul li:hover {
    background-color: #009800;
 }
 #logincontent ul li a {
    font-family: arial, sans-serif;
    font-size: 0.8em;
    line-height: 0.8em;
    font-weight: bold;
    display: inline;
    color: #ffffff;
    text-decoration: underline;
    padding:0;
    margin:0;
 }
 #logincontent ul li:first-of-type {
    border-top: none;
 }
 


/* buttons */
.btn {
	display: inline-block;
	padding: 8px 20px 10px 20px;
 	margin-bottom: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	vertical-align: middle;
	cursor: pointer;
 	background-color: #E6B50E;
	background-image: -moz-linear-gradient(top, #E6B50E, #1C4917);
 	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E6B50E), to(#1C4917));
 	background-image: -webkit-linear-gradient(top, #E6B50E, #1C4917);
 	background-image: -o-linear-gradient(top, #E6B50E, #1C4917);
  	background-image: linear-gradient(to bottom, #E6B50E, #1C4917);
  	background-repeat: repeat-x;
  	border: 1px solid #bf9e2b;
  	border-color: #bf9e2b #bf9e2b #15700a #bf9e2b;
  	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:nth-of-type(last) {
	margin-bottom:0px;
}
a.btn {
	text-decoration:none;
}
a.margins {
	margin-top:5px;
	margin-bottom:8px;
}
.btn:hover,
.btn:focus,
.btn:active {
  color: #ffffff;
  background-color: #E6B50E;
  text-decoration: none;
  background-position: 0 10px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.btn[disabled] {
	display: inline-block;
	padding: 8px 20px 10px 20px;
 	margin-bottom: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	vertical-align: middle;
	cursor: pointer;
 	background-color: #555;
	background-image: none;
  	border: 1px solid #cccccc;
  	border-color: #888 #888 #888;
  	border-bottom-color: #888;
  	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#888', GradientType=0);
  	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active {
	cursor: default;
  	color: #000;
  	background-color: #555;
  	text-decoration: none;
  	background-position: 0;
  	-webkit-transition: none;
  	-moz-transition: none;
  	-o-transition: none;
  	transition: none;
}

/* aktive Felder und Rahmen  */
div.rand {
	padding:0em 1em;
	border:solid 1px darkblue;
	background-color:#EEE;
}
div.aktiv {
	background-color:#46d0f0;
	border-bottom:solid 1px #46d0f0;
} 
div.aktiv2 {
	background-color:#46d0f0;
} 
div.unten {
	padding:0 1em 1em 1em;
	background-color:#46d0f0;
	border-top:none;
}
div.subtext {
	font-size: 0.65em;
} 
.js #newuser {
	display:none;
}
.js #buchen {
	display:none;
}
.mrgntp {
	margin-top:1em;
}
.pddngbttm {
	padding-bottom:1em;
}
/* form */
div.formwrapper {width:700px;}
div.fieldcontent {width:650px;}
div.formprocess {width:50pc;}
img.formprocess {}
label {text-align:left;font-size: 12px;font-weight: bold;}
form .row:last-of-type {padding-top:20px;}
input.btn[disabled] {
	pointer:none;
	background-color: #444;
}
input.warnung {
	border-color: red;
}
.grey {
	font-size: 0.7em;
	color:#999;
	padding-top:.8em;	
}
input[type="password"]:disabled {
	background-color:#DDD;
	border:1px solid #DDD;
}
input[type="radio"] {
	vertical-align: top;
}
fieldset {
	border:none;
}

/* badges */
div.badge {display:inline-block;margin:0px;background-image:url('/images/content/badge.png');background-position:0 0;background-repeat:no-repeat;background-size:25px 25px;min-height:25px;min-width:25px;text-align:center;}
div.badgetext {display:block;margin:6px 0px;font-size:10px;font-weight:bold;color:#000;}

/* Alerts */ 
fieldset.warnung, div.warnung {
	background-color: #FCB3BB;
}
button.close {
    position: relative;
	top: -2px;
	right: -21px;
	float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding:0;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    cursor: pointer;
    color: #BBB;
}
button.close:hover {
	color: #999;
}
.info {
	width:100%;
	color: #C09853;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	border-radius: 4px;
}
.alert {
	width:100%;
	color: #A60535;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	background-color: #FCB3BB;
	border: 1px solid #FA6473;
	border-radius: 4px;
}
.success {
	width:100%;
	color: #53C060;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	background-color: #E3FCE8;
	border: 1px solid #D5FBD8;
	border-radius: 4px;
}
hr.dotted {
	border:none;
	border-top:dotted #000000 1px;

}